/*
Theme Name: muay:thai:koblenz:v1
Theme URI: http://www.muay-thai-koblenz.de
Description: "Muay Thai Koblenz" 
Version: 1.0.0
Author: Steven Meurer
Author URI: http://www.stevenmeurer.de
License: Auf anfrage
*/


/* Overal setup */
/* RESET  /////////////////////// */ 
html, body, div, h1, h2, h3, h4, h5, h6, 
ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td 

{ margin: 0; padding: 0; } 



/* BODY SETUP /////////////////////// */

body {/* IE (10px=62.5%, 11px=68.75%, 12px=75%) remember that!  */
  	
  	color: #000;margin:0 auto;
	background:#191919 url('images/bgx-a.png') top center no-repeat;
	font-family:'Lucida Grande', Helvetica, tahoma, Arial, sans-serif;
	font-size: 62.5%;  line-height: 1.6;
}
html > body   { font-size: 11px;}

/* h1,h2,h3 etc /////////////////////// */
h1, h2, h3, h4, h5, h6 { 
  	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2; letter-spacing: -0.030em;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 18px; }
h4 { font-size: 18px; font-weight: bold; }
h5 { clear: both; display: block; font-size: 12px; font-weight: bold;text-shadow: 0px 1px 0px #eee; }
h6 { font-size: 1.25em; font-weight: bold; }

/* TEXT ELEMENTS /////////////////////// */
a 			{ font-weight: bold;text-decoration:none; outline:none; color: #222;  }
a:hover     	{ text-decoration: none; border-bottom: none; color:#9d6427; }
a:focus         { border: none; }
a img 		{ border: none; }

strong      		{ font-weight: bold;  }
em          	{ font-style: italic; }
abbr			{ border-bottom: 1px dotted #ccc; cursor: help; }
pre         		{ margin-bottom: 15px; padding: 15px; overflow: auto; }
code        	{ font: 10px Monaco, monospace; background:#ddd; border-bottom: 1px solid #ccc; line-height: 1.6; }

ul, ol      	{ margin: 0; padding:0;list-style: none; }
ul, li		{ list-style-type: none; margin: 0;  }
blockquote  	{ padding: 10px 10px 10px 30px;
				font: italic 13px Helvetica, Arial, sans-serif; 
				line-height: 1.6;  width: 90%; 
				background:#fafafa url('images/blockquote.png') no-repeat 0 15px;
				border: 1px solid #ccc;
				}
img				{border:0; }
				  
.clear         		{ clear:both; }
.clearr          	{ clear:right;height:10px;margin: 0 auto;overflow:hidden;width:auto; }
.clearl          	{ clear:left;height:10px;margin: 0 auto;overflow:hidden;width:auto; }
.spacer			{ clear:both;height:10px;margin: 0 auto;width:auto;overflow:hidden; }
.left 			{ float:left;margin-right:10px; }
.right			{ float:right;margin-left:10px; }
.pagenavi  		{ margin: 10px 0; clear: both; }

/* background-master /////////////////////// */
#home-wrapper { margin: 0 auto;width:960px;overflow:hidden;background-color:#1b1b1b; }
#main-wrapper { margin: 0 auto; width:960px; overflow:hidden; }
.main { width: 610px; float:left; }

/* header /////////////////////// */
#header  {	width: 960px;height:160px; margin: 0 auto; padding: 0 0 11px 0; overflow: hidden; }
#header h1 { float: left; display: inline; margin-top: 25px; }
#header h1 a, .header h1 a:hover { display: block; width: 180px; height: 135px; text-indent: -999em; }

/* twitter  */
.mytweet { width:250px; float:right; margin-top:11px; background:url(images/tw_top.gif) top left no-repeat; font-size: 10px;  color:#a6a6a6; }
ul#twitter_update_list a { color:#9d6427; text-decoration: none; padding: 2px 0;}
ul#twitter_update_list a:hover { color:#666; }
ul#twitter_update_list li { margin-bottom:10px; }
.mytweet a { font-weight:normal;padding: 2px 0; border-bottom: 1px solid #202020;  }
.mytweet div { background:url(images/tw_bot.gif) bottom left no-repeat; padding:8px 10px 50px 10px; }


/* top navigation /////////////////////// */
ul.topnav   { list-style:none;text-align:left; }
.topnav li   { float:left;margin: 0; }
.topnav li a  { font:14px sans-serif;outline:none;color:#ddd;text-decoration:none;display:block;padding:12px 8px;text-transform:uppercase; }	
.topnav li a:hover   { color:#9d6427;background-color:#0c0c0c; }
.topnav li ul { display:none;position: absolute;top: 1em;left: 0; }
.topnav li > ul { top: auto;left: auto; }
.topnav li:hover ul, li.over ul{ font-size:10px;display:block;width:180px;background-color:#0c0c0c;filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; z-index:999; }

/* features  /////////////////////// */
#features-wrapper { height:294px;background-color:#0c0c0c;}

/* Page setup */
/* main modul  /////////////////////// */
#mainblockwrapper{background-color:#FFF;width:610px;font:12px sans-serif;float:left;}
.mwblocktitle {height:40px;background: #000 url('images/blocktop-black.jpg');}
.mwblocktitle h2 {font:15px sans-serif;outline:none;color:#fff;text-decoration:none;padding:12.5px 10px;}
.mwblocktitle span {font:10px sans-serif;}
.mwblockcontent {width:610px;}
.mwblockcontent a {color:#333;font:12px sans-serif;}
.mwblockcontent a:hover {color:#333;}
.mwblockcontent p {padding:10px;text-align:justify;}
.mwblockcontent img {padding:0 10px 10px 10px;}

h2.v-title{font:13px sans-serif;outline:none;color:#191919;text-decoration:none;padding:0 10px;}

.table-inline {margin: 0 5px;border:0;}
.table-inline tr {}
.table-inline td {padding:5px 10px;}

.table-inline-gb {margin: 0 5px;border:0;width:610px;}
.table-inline-gb tr {}
.table-inline-gb td {padding:5px 10px;}

/* imageblockwrapper /////////////////////// */
#imageblockwrapper {background-color:#FFF;width:610px;font:12px sans-serif;}
.iwblocktitle {height:40px;background: #F00 url('images/blocktop-red.jpg');}
.iwblocktitle h2 {font:15px sans-serif;outline:none;color:#fff;text-decoration:none;padding:12.5px 10px;}
.iwblockcontent {min-height:110px;background-color:#FFF;}
.iwblockimages {padding:10px;width:610px;text-align:justify;}
.iwblockimages img {padding:0 10px 10px 10px;}

/* linkblockwrapper /////////////////////// */
#linkblockwrapper.ui-expandable .ui-widget-header {height:40px;margin: 0 auto;width:960px;overflow:hidden; }
#linkblockwrapper {width:960px;margin: 0 auto;}
.swblockcontent {min-height:200px;background:#000 url('images/links-bild-inline.png') right no-repeat;}

ul.links-modul	{ padding:12px 5px;width:750px;text-align:justify; }
.links-modul li   { float:left;margin: 0;}
.links-modul li a  { font:12px sans-serif;outline:none;color:#fff;text-decoration:none;display:block;padding:3px;width:175px; }	
.links-modul li a:hover   { color:#9d6427;}

/* Sidebar setup */
/* sidebarwrapper /////////////////////// */
#sidebarwrapper { font-size:10px;width: 340px; float:right; overflow:hidden;margin-left:10px; }
#sidebarwrapper a { font-size:10px;color:#aaa; text-decoration:none;font-weight:normal; }
#sidebarwrapper a:hover { color:#9d6427; }

#msidebarblock {background-color:#FFF;color:#000;width:340px;font:12px sans-serif;float:right;}
#msidebarblock img {padding:0 10px 10px 10px;}
ul.msidebarblock {padding:5px 10px;font-weight:normal;}
.msidebarblock li {text-decoration:none;outline:none;color:#666;font-weight:normal;font:11px sans-serif;}
.msidebarblock li a{color:#666;font-weight:normal;font:10px sans-serif;}
.msidebarblock li a:hover{color:#9d6427;}
.msidebarblock li h2{font:12px sans-serif;outline:none;color:#191919;text-decoration:none;padding:5px 0 1px 0;}
.msidebarblock li h2 span{font:10px sans-serif;outline:none;color:#191919;text-decoration:none;padding:0 10px;}
.mswblocktitle {height:40px;background: #666 url('images/blocktop-black.jpg');}
.mswblocktitle h2 {font:15px sans-serif;outline:none;color:#fff;text-decoration:none;padding:12.5px 10px;}
.mswblockcontent {background-color:#FFF;}
.mswblockcontent p {padding:10px;width:250px;text-align:justify;}

#msidebarblock-1 {background-color:#FFF;color:#000;width:340px;font:12px sans-serif;float:right;}
#msidebarblock-1 img {padding:0 10px 10px 10px;}
#msidebarblock-1 ul {padding:10px;}
#msidebarblock-1 li {padding:3px 0;}
.mswblocktitle-1 {height:40px;background: #666 url('images/blocktop-black.jpg');}
.mswblocktitle-1 h2 {font:15px sans-serif;outline:none;color:#fff;text-decoration:none;padding:12.5px 10px;}
.mswblockcontent-1 {background-color:#FFF;}
.mswblockcontent-1 p {padding:10px;width:250px;text-align:justify;}

/* comments //////////////////////// */
#comments {}
.comment-box {border-top:4px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;background:#fff;padding:30px 10px 15px 10px;}
.comment-gravatar {padding:2px;border:1px solid #eee;}
.comment-post {width: 450px;background:#fff;border:1px solid #e3e3e3;padding: 15px;margin-bottom:10px;}
.comment-meta span {font-weight:bold;font-size:12px;display:block;padding-bottom:10px;text-decoration:underline;}
.alt {background: #e3e3e3;}

/* footer /////////////////////// */
#footer-wrapper { margin: 0 auto;width:960px;height:40px;overflow:hidden;background-color:#fff; }
#footer-wrapper p	{ font:12px sans-serif;outline:none;color:#1a1a1a;text-decoration:none;padding:12.5px 12px; }
#footer-wrapper a	{ color:#1a1a1a;text-decoration:none; }
#footer-wrapper a:hover { color:#9d6427; }
#footer-wrapper a:focus	{ border: none; }
a.link	{ padding-left:10px; }


#billboard-wrapper {
	height: 410px;
	width: 960px;
	overflow: hidden;
}

#billboard {
	background: black;
	position: relative;
	z-index: 1;
	width: 960px;
	height: 410px;
	overflow: hidden;
}

.billboard-item {
	background: url(../images/image-preload-white.gif) no-repeat center center;
	width: 960px;
	height: 410px;
	position: absolute;
	top: 0px;
	overflow: hidden;
}

#billboard-shadow {
	background: url(../images/billboard-shadow.jpg) no-repeat;
	width: 100%;
	height: 115px;
	position: relative;
	top: -64px;
}
/*
#billboard .billboard-item img {
	width: 770px;
	height: 360px;
}
*/
#billboard .billboard-item .billboard-shadow-left,#billboard .billboard-item .billboard-shadow-right {
	position: absolute;
	width: 34px;
	height: 410px;
	background: url(../images/billboard-shadow-left.png) repeat-y;
}

#billboard .billboard-item .billboard-shadow-right {
	left: 736px;
	top: 0px;
	background: url(../images/billboard-shadow-right.png) repeat-y;
}

.billboard-description {
	position: absolute;
	top: 360px;
	left: 0px;
	width: 960px;
	height: 20px;
	background: black;
	padding: 20px;
	color: white;
}

.billboard-description a {
	text-decoration: underline;
	color: white;
}