/*  
Theme Name: YOGAKA Root
Theme URI: http://www.yogaka.ch
Description: Theme for Yogaka Combat Sports
Version: 1.0
Author: RHO 4 RHOdesign
Author URI: http://www.rhodesign.ch

*/
#content img{
max-width:500px;
width: expression(this.width > 50 ? 500: true);
height: auto;
}

html, body { 
padding:0px;
margin:0px;
height:100%;
}



.eme-location-map {
width: 500px !important;
height: 400px !important;
}



ul#events{
margin: 0 !important;
padding: 0 !important;
margin-bottom: 30px !important;
}
ul#events li{
border-bottom: 1px solid #888;
padding: 0 !important;
}
ul#events li a{
display: block;
color: #555;
text-decoration: none;
padding: 7px 5px !important;
line-height: 15px;
}
ul#events li a:hover{
text-decoration: none;
background: #b5b5b5 !important;
}
	





















.gallery{
height: auto !important;
overflow: hidden;
}
.gallery-icon{
display: inline !important;
}
.gallery-icon{
display: inline !important;
}

body {
color: #000;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
margin: 0px 0px 0px 0px;
background-color: #000;
background-image: url(images/bg_body.jpg);
background-repeat: repeat;
}
	

a{
color: #ff0000 ;
text-decoration: none;
border: none; 
}
a:hover{
color: #888;
border: none;
text-decoration: none !important;
}
a:visited{
text-decoration: none;
border: none; 
}	

a img{
border: none;
}


#container { 
width: 960px; 
background-image: url(images/bg_container.jpg);
background-repeat: repeat-y;
text-align: left; 
margin: 0px auto; 
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
}
	
	
	
	
#header { 
height: 287px;
padding: 0px;
background: #000 url(images/header.jpg) no-repeat;
}


#search{
position: absolute;
left: 780px;
top: 3px;
height: 25px;
width: 165px;
background-image: url(images/search.gif);
background-repeat: no-repeat;
}

#locationlist{
position: absolute;
width: 600px;
height: 36px;
left: 20px;
top: 9px;
}
#locationlist a{
color: #888;
margin-right: 20px;
font-size: 10px;
}
#locationlist a:hover{
color: #c4c2c2;
}

#location{
width: 117px;
height: 36px;
position: absolute;
left: 45px;
top: 42px;
}
	
#logo{
width: 208px;
height: 192px;
position: absolute;
left: 376px;
top: 65px;
}


	


	



#content { 
width: 500px; 
margin-top: 0px;
margin-bottom: 20px;
margin-left: 228px;
margin-right: 0px;
position:relative;
padding: 0px;
padding-bottom: 30px;
}

#content img{
border: 1px solid #ddd;
padding: 1px;
background-color: #fff;
}
#content a img{
border: 1px solid #ddd;
padding: 1px;
background-color: #fff;
}
#content a img:hover{
border: 1px solid #888;
}
	
#content p{
margin: 0px;
line-height: 18px;
padding: 0px 0px 10px 0px;
margin-top: 5px;
}
	


#content h2 {
font-family: helvetica, arial, sans-serif;
font-size: 13px; 
color: #222; 
margin: 0px;
line-height: 120%;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #999;
margin-bottom: 12px;
text-transform: uppercase;
}

.posttitle {
background-image: url(images/bg_title.gif);
}


#content h2 a  {
color: #000;
text-decoration: none;
}

#content h2 a:hover {
color: #ff0000;
text-decoration: none;
}


#content h3 {
font-size: 12px; 
color: #222; 
margin: 0px;
line-height: 120%;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 4px;
margin-bottom: 7px;
}
	
#content h3 a  {
color: #222;
text-decoration: none;
}

#content h3 a:hover {
color: #333;
text-decoration: none;
}

#content h4 {
font-size: 12px; 
color: #222; 
margin: 0px;
line-height: 120%;
font-variant: small-caps;
padding-top: 2px;
}
	
#content h4 a  {
color: #222;
text-decoration: none;
}

#content h4 a:hover {
color: #333;
text-decoration: none;
}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #797979;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
	

	
	
	
	.communitylinks {
overflow: hidden;
font-size: 10px;
margin: 0;
padding: 5px 0 10px 0;
text-align: right;
display: block;
height: 21px !important;
}

.communitylinks a img{
filter:alpha(opacity: 60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
border: none !important
}
.communitylinks a img:hover{
filter:alpha(opacity: 90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* ########################## START SIDEBAR LEFT ############################ */
#left { 
color: #000000;
width: 186px;
margin-left: 13px;
float: left; 
margin-top: 0px;
overflow:visible;
padding-bottom: 140px;
}
#left ul{
margin: 0;
padding: 0;
list-style-type: none;
}



#left ul li a{
display: block;
padding: 8px 3px 8px 7px;
border-bottom: 1px solid #777;
color: #222;
width: 176px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}

#left ul li a:hover{
color: #000;
background: #999;
}



#left ul ul li a{
display: block;
padding: 4px 3px 4px 15px;
width: 168px;
border-bottom: 1px solid #888;
color: #222;
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
}
#left ul ul li a:hover{
color: #000;
background: #AAA;
}


a#level1highlight{
color: #000 !important;
background: #999  !important;
}

#level1current{
color: #000 !important;
background: #AAA  !important;
}
#level2current{
color: #222 !important;
background: #AAA  !important;
}


#left h2 {
background-color: #261e1c;
color: #CCC ;
text-decoration: none;
padding: 8px 0 8px 7px;
display: block;
font-weight: bold;
text-transform: uppercase;
font-size: 8pt;
margin: 35px 0 8px 0 !important;
}


/* ########################## ENDE SIDEBAR LEFT ############################ */





	
	

	
/* ########################## START SIDEBAR RIGHT ############################ */
	
#right { 
color: #000000;
width: 186px;
margin-right: 13px;
float: right; 
margin-top: 0px;
margin-bottom: 20px;
padding-bottom: 140px;
}
	
#right p{
margin: 0px;
line-height: 16px;
padding: 10px;
}
	
#right h2 {
background-color: #261e1c;
color: #CCC ;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 7px;
display: block;
font-weight: bold;
text-transform: uppercase;
font-size: 8pt;
margin: 0 0 8px 0 !important;
}


#right ul {
list-style: none;
margin: 0px 0px 20px 0px;
padding: 0px;
}
	
#right ul li {
list-style: none;
margin: 0px;
padding: 2px 8px 2px 8px;
color: #555 ;
}
	
#right ul li a {
display: block;
color: #555;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
}

#right ul li a:hover {
color: #222;
background: #8B8A8A;
text-decoration: none;
}
	

.partner{
margin-bottom: 30px;
}
.partner img{
border: 1px solid #999;
margin: 3px 0 5px 6px;
}

.partner a img{
filter:alpha(opacity: 60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
border: 1px solid #999;
margin: 3px 0 5px 6px;
}
.partner a img:hover{
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}



#international{
margin: 3px 0 35px 0;
}
#international img{
filter:alpha(opacity: 90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
border: 1px solid #000;
margin: 0 0 5px 6px;
}
#international a img{
filter:alpha(opacity: 90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
border: 1px solid #000;
margin: 0 0 5px 6px;
}
#international a img:hover{
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
	
/* ########################## ENDE SIDEBAR RIGHT ############################ */
	
	
	
	


	






/* ########################## START SEARCH TOP ############################ */


#searchform {
margin: 0px;
}
	
#searchform input {
font-size: 9pt;
color: #888;
background-color: #282221;
border: 1px solid #282221;
width: 145px;
padding: 0px 0px 0px 5px;
margin: 4px 2px 2px 2px;
}
/* ########################## ENDE SEARCH TOP ############################ */

/* ######################## START SEARCH SINGLE ########################## */
#searchsingle{
margin-top: 30px;
}
#searchform2 {
margin: 20px 0 0 0;
}
#searchform2 input {
font-size: 9pt;
color: #222;
background-color: #FFF;
border: 1px solid #282221;
width: 145px;
padding: 3px 5px 3px 5px;
}
#sbutt{
padding: 2px 5px 2px 5px;
background-color: #282221 !important;
color: #AAA !important;
margin-top: 5px;
width: 157px !important;
}
#sbutt:hover{
background-color: #666 !important;
color: #222 !important;
}
/* ######################## ENDE SEARCH SINGLE ########################## */




	

.postmeta{
margin-bottom: 50px;
background:  #c6c6c6 url(images/bg_postmeta.gif);
padding: 3px 0 3px 5px;
overflow: hidden;
display: block;
}
.postmeta a{
color: #000;
}
.postmeta a:hover{
color: #666;
}
	








/* ############################## COMMENT FIELDS ############################### */
.commentlist {
margin-left: 0px !important;
padding-left: 0px !important;
margin-bottom:40px !important;
margin-top:20px !important;
}

.commentlist li {
list-style:none;
margin-bottom:14px !important;
padding: 5px !important;
border-bottom: 1px solid #999;
}

.commentlist li a{
color: #444;
}

.alt{
background-color: #f6f6f6;
}



#author, #email, #url {
border:1px solid #999;
background-color: #EEE;
margin:0 15px 0 0;
padding:2px 4px;
width: 200px;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

#comment  {
width: 400px;
height: 150px;
border:1px solid #999;
background-color: #EEE;
margin:0 15px 0 0;
padding:2px 4px;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
}


#submit {	
border:1px solid #999;
background-color: #EEE;
color:#222;
margin:0;
padding:4px 15px;
}


/* ############################ ENDE COMMENT FIELDS ############################# */













blockquote{
margin: 0px;
margin-left: 15px;
margin-bottom: 12px;
padding: 7px;
font-style: italic;
border-left: 2px solid #cccccc;
}























/* ############################# START FOOTER TOP ################################# */

#footer-top {
padding: 10px  30px 10px 30px;
margin: 0 auto;
width: 873px;
height: 310px;
clear: both;
border-top: 4px solid #333;
border-bottom: 1px solid #fff;
background-color: #AAA;
background: #c6c6c6 url(images/bg_footer-top.gif);
} 

#footer_links {
width: 300px;
padding: 10px 20px 5px 0;
float: left;
}

#footer_rechts {
width: 220px;
padding: 10px 0 5px 0;
float: right;
}

/* für recent comments 
#footer_rechts ul li{
border-bottom: 1px solid #999;
padding: 5px 0;
}
*/

#footer_middle {
width: 300px;
padding: 6px 30px 5px 0;
float: right;
line-height: 18px;
}
#footer_middle a{
padding-right: 8px;

color: #444  !important;
}
#footer_middle a:hover{
color: #ff0000  !important;
}


#footer-top h2 {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#footer-top ul {
list-style-type: none;
padding-left: 0px;
margin-top: 15px;
margin-bottom: 10px;
}

#footer-top ul li {
height: auto;
}

#footer-top ul li a{
color: #444;
text-decoration: none;
display: block;
font-size: 11px;
padding: 2px 0 4px 0;
}
#footer-top ul li a:hover {
color: #ff0000;
text-decoration: none;
display: block;
}





/* ############################## START FOOTER ############################### */
#footer {
background: #000;
background-image: url(images/footer.jpg);
width: 960px;

font-size: 8pt;
margin: 0px auto 0px;
padding:  40px 0px 7px 0px;
height: 34px;
text-align: center;
line-height: 17px;
clear: both;
color: #AAA;
position: absolute;
bottom: 0 !important;
bottom: -1px; 
}

#footer a, #footer a:visited {
color: #AAA;
text-decoration: none;
border: none;
border-bottom: 1px dotted #eaeaea;
}
	
#footer a:hover {
text-decoration: none;
border: none;
}
/* ############################## ENDE FOOTER ############################### */





/* ########################## Start Tabelle ########################## */

table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
}

td{
border-bottom: 1px solid #D4D4D4;
padding: 5px 12px 5px 0;
border-spacing:0px !important;
vertical-align: top;
font-size: 11px;
}

/* ########################## Ende Tabelle ########################## */





.alignleft{
float: left;
margin-right: 20px;
}
.alignright{
float: right;
margin-left: 20px;
}