/**************************************************
 Theme Name:Frank Hares
 Theme URI:http://www.frankhares.de/
 Version:1.0
 Author:Frank Hares
 Author URI:http://www.frankhares.de/
 Author eMail:info@frankhares.de
 **************************************************/

/**************************************************
 GENERAL
 **************************************************/

body { background:#000 url(../design/bg_body.gif) repeat-x; }
body#jukebox { background:#000 url(../design/bg_text_content.png) center top repeat-y; }

a, a:visited {
 color:#000;
 font-weight:bold;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

a:link.ext, a:visited.ext {
 background:url(../design/ext_lnk.gif) center right no-repeat;
 padding:0 14px 0 0;
}

a:link.int, a:visited.int {
 background:url(../design/int_lnk.gif) center right no-repeat;
 padding:0 14px 0 0;
}

.red {
 color:#A20404;
 font-weight:bold;
}

.brown {
 color:#630;
 font-weight:bold;
}

.clearfix {
 clear:both;
}

h1 {
 color:#A20404;
}

h2 {
 color:#630;
}

h1.left, h2.left {
 padding:0 20px 1.5em 30px;
}

h1.right, h2.right {
 padding:0 30px 1.5em 20px;
}

.sign {
 background:url(../design/sign.png) no-repeat;
 display:block;
 height:43px;
 width:332px;
}

acronym {
 border-bottom: dotted;
}

.small {
 font-size:.75em;
}

img.left {
 float:left;
}

img.right {
 float:right;
}

/**************************************************
 HEADER
 **************************************************/

#header {
 background:url(../design/bg_header.png) no-repeat;
 height:200px;
 left:50%;
 margin:0 0 0 -390px;
 position:relative;
 width:780px;
}

a#home, a:visited#home {
 display:block;
 height:200px;
 left:50%;
 margin:0 0 0 -380px;
 overflow:hidden;
 position:absolute;
 text-indent:-9999px;
 top:0;
 width:760px;
}

a:hover#home {
 background:url(../design/bg_header.png) -10px -200px no-repeat;
}

/**************************************************
 MAINNAVIGATION
 **************************************************/

#mainnavigation {
 background:url(../design/bg_top_content.png) no-repeat;
 height:96px;
 left:50%;
 margin:0 0 0 -390px;
 position:relative;
 width:780px;
}

/**************************************************
 NAVIGATION
 **************************************************/

#navigation {
 height:28px;
 left:10px;
 position:relative;
 top:0;
 width:760px;
}


ul#navi {

 position:relative;

 top:29px;

 left:10px;

 width:760px;

 margin:0;

 height:28px;

 list-style-type:none;

 overflow:hidden;

}


	
ul#navi li a, ul#navi li span {
 float:left;
 height:28px;
 voice-family:"\"}\"";
 voice-family:inherit;
 height:28px;
 text-decoration:none;
 text-indent:-9999px;
 width:152px;
}	
	
ul#navi li a:link, ul#navi li a:visited, ul#navi li span {
 display:block;
 text-decoration:none;
}

ul#navi li#lnk1 a { background:url(../design/navimatrix.gif) 0 0 no-repeat; }
ul#navi li#lnk2 a { background:url(../design/navimatrix.gif) -152px 0 no-repeat; }
ul#navi li#lnk3 a { background:url(../design/navimatrix.gif) -304px 0 no-repeat; }
ul#navi li#lnk4 a { background:url(../design/navimatrix.gif) -456px 0 no-repeat; }
ul#navi li#lnk5 a { background:url(../design/navimatrix.gif) -608px 0 no-repeat; }

ul#navi li#lnk1 a:hover { background:url(../design/navimatrix.gif) 0 -28px no-repeat; }
ul#navi li#lnk2 a:hover { background:url(../design/navimatrix.gif) -152px -28px no-repeat; }
ul#navi li#lnk3 a:hover { background:url(../design/navimatrix.gif) -304px -28px no-repeat; }
ul#navi li#lnk4 a:hover { background:url(../design/navimatrix.gif) -456px -28px no-repeat; }
ul#navi li#lnk5 a:hover { background:url(../design/navimatrix.gif) -608px -28px no-repeat; }

ul#navi li#lnk1 span { background:url(../design/navimatrix.gif) 0 -56px no-repeat; }
ul#navi li#lnk2 span { background:url(../design/navimatrix.gif) -152px -56px no-repeat; }
ul#navi li#lnk3 span { background:url(../design/navimatrix.gif) -304px -56px no-repeat; }
ul#navi li#lnk4 span { background:url(../design/navimatrix.gif) -456px -56px no-repeat; }
ul#navi li#lnk5 span { background:url(../design/navimatrix.gif) -608px -56px no-repeat; }

/**************************************************
 TEXTCONTENT
 **************************************************/

#textcontent {
 background:url(../design/bg_text_content.png) 0 0 repeat-y;
 display:block;
 font-size:.9em;
 height:100%;
 left:50%;
 margin:0 0 0 -390px;
 position:relative;
 width:780px;
}

#textcontent ul, #textcontent ol {
 margin:0;
 padding:0;
}

#textcontent ul li, #textcontent ol li {
 list-style-image:url(../design/li.gif);
 font-size:1.3em;
 line-height:1.5em;
 margin:0 25px 1em 61px;
 padding:0;
 text-align:left;
}

#left {
 float:left;
 width:390px;
}

#right {
 float:right;
 width:390px;
}

#left p {
 padding:0 20px 1.5em 30px;
}

#right p {
 padding:0 30px 1.5em 20px;
}

/**************************************************
 FOOTER
 **************************************************/

#footer {
 background:url(../design/bg_footer.gif) repeat-x;
 height:131px;
 position:relative;
 width:100%;
}

#bottomcontent {
 background:url(../design/bg_bottom_content.png) no-repeat;
 font-size:.75em;
 height:131px;
 left:50%;
 margin:0 0 0 -390px;
 position:relative;
 width:780px;
}

#bottomcontent p {
 padding:3px 70px 0 70px;
}


#bottomcontent .left {
 float:left;
}

#bottomcontent .right {
 float:right;
}

/**************************************************
 MAINCONTENT
 **************************************************/

#maincontent {
 background:url(../design/bg_jukebox.png) no-repeat;
 font-size:.75em;
 height:540px;
 width:450px;
}

/**************************************************
 EXTRAS
 **************************************************/

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: url(../images/prevlabel.png) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: url(../images/nextlabel.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 80px;
	height: 24px;
	background: url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#gunfighter {
 background:url(../design/gunfighter.gif) no-repeat;
 display:block;
 height:231px;
 left:10px;
 padding-bottom:20px;
 position:relative;
 top:10px;
 width:180px;
 z-index:999;
}

.boots {
 background:url(../design/boots.png) no-repeat;
 display:block;
 height:93px;
 left:265px;
 position:absolute;
 top:140px;
 width:80px;
 z-index:999;
}

#adsense {
 height:600px;
 left:15px;
 position:relative;
 top:20px;
 width:160px;
}