/*



Theme Name: Capoeira



Theme URI: http://www.wordpressdevelop.com/capoeira/



Description: Capoeira



Author: Capoeira



Version: 1.1



Tags: Capoeira



*/











/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html



-------------------------------------------------------------- */





@font-face {

    font-family: 'CenturyGothicBold';

    src: url('CenturyGothic-Bold.eot');

    src: url('CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),

         url('CenturyGothic-Bold.woff') format('woff'),

         url('CenturyGothic-Bold.ttf') format('truetype'),

         url('CenturyGothic-Bold.svg#') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Knockout';

    src: url('Knockout-HTF34-JuniorSumo.otf');

    src: url('Knockout-HTF34-JuniorSumo.otf?#iefix') format('embedded-opentype');

    font-weight: normal;

    font-style: normal;

}



body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}







ul, li { margin:0; padding:0; list-style:none;}



a { text-decoration:none; }







a, img { border:none;}





#outer { background:url(images/bg.gif) left top repeat-y; width:1237px; margin:0 auto;}

#wrap-outer { background:url(images/main-bg.gif) center top no-repeat; overflow:hidden; min-height:1600px; width:1237px; margin:0 auto;}





#wrap { width:1000px; margin:0 auto;}







#sidebar { width:225px; float:left; padding-bottom: 30px;}



#logo { margin:15px 0 0 0; width:225px; height:260px;}



#logo h1 { margin:0;}



#logo h1 a { width:225px; height:260px; display:block; text-indent:-9999px;}







#news { margin-top:150px; font-size:13px; text-align:center; font-weight:bold; line-height:20px; background:url(images/divider.png) left bottom no-repeat;  min-height: 20px;  padding-bottom: 25px; padding-top: 15px; 
margin-bottom: 20px; float: left;
}



#news span { display:block;}



#news span.year { color:#fff; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}



#news span.months { padding:0 5px 0px 0px; float: left;}



#news span.months a { margin:0 0px; color:#ee230a; font-family:CenturyGothicBold; }







#news-post div.numbering { color:#fff; font-size:13px; text-align:center; margin-top:10px;}



#news-post div.numbering a { color:#ee230a; margin:0 5px; font-family:CenturyGothicBold; }



#news-post div.numbering a.active, #news-post div.numbering a:hover { color:#fff; font-family:CenturyGothicBold; }







#news-post div.news-post { font-size:13px; color:#fff; font-weight:bold; line-height:20px; margin:15px 0;}



#news-post div.news-post img { margin:5px 0;}



#news-post div.news-post h4 { font-size:19px; color:#ee1400; margin:0; text-transform:uppercase; font-family:CenturyGothicBold;}



#news-post div.news-post span { display:block;}



#news-post div.news-post span.date-author { color:#328f19; font-family:CenturyGothicBold; }

 

#news-post div.news-post p { font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0;}



#news-post div.news-post a.more { color:#328f19; text-transform:uppercase; font-family:CenturyGothicBold;}







#main-area { width:775px; float:left;}







#header { width:775px; height:460px; position:relative;}



#header-left { margin-left:48px; float:left; width:257px;}







#menu { width:257px; height:190px;}



#menu ul { margin-top:3px;}



#menu ul li { width:257px; text-align:center;}
#menu ul li a { display:inline-block; text-indent:-9999px;}
#menu ul li.menu-item1 a { width:231px; height:53px; margin-bottom:3px; background:url(images/menu1.png) left top no-repeat;}
#menu ul li.menu-item2 a { width:225px; height:37px; margin-bottom:3px; background:url(images/menu2.png) left top no-repeat;}
#menu ul li.menu-item3 a { width:257px; height:40px; margin-bottom:4px; background:url(images/menu3.png) left top no-repeat;}
#menu ul li.menu-item4 a { width:222px; height:46px; background:url(images/menu4.png) left top no-repeat;}

#menu ul li.menu-item1.current-menu-item a, #menu ul li.menu-item1 a:hover { width:231px; height:53px; margin-bottom:3px; background:url(images/menu1h.png) left top no-repeat;}
#menu ul li.menu-item2.current-menu-item a, #menu ul li.menu-item2 a:hover { width:225px; height:37px; margin-bottom:3px; background:url(images/menu2h.png) left top no-repeat;}
#menu ul li.menu-item3.current-menu-item a, #menu ul li.menu-item3 a:hover { width:257px; height:40px; margin-bottom:4px; background:url(images/menu3h.png) left top no-repeat;}
#menu ul li.menu-item4.current-menu-item a, #menu ul li.menu-item4 a:hover { width:222px; height:46px; background:url(images/menu4h.png) left top no-repeat;}







#schedule { width:185px; margin:80px 0 0 30px;}



#schedule p { font-style:italic; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; line-height:18px;}



#schedule p strong { display:block; color:#ed1c24;}







#header-right { margin-left:40px; float:left; width:385px; padding-top:60px;}



#video { text-align:center;}



#header-right h1 { margin:16px 0px; font-size:23px; text-align:center; font-family: Knockout; }







#video-strip { width:385px; position:relative; margin-top:43px; clear:both;}



#video-strip ul { margin:0 25px;} 



#video-strip ul li { float:left; margin-right:3px;}



#video-strip img.left { position:absolute; top:10px; left:0;}



#video-strip img.right { position:absolute; top:10px; right:0;}







#content { width:630px; float:left; margin:40px 0 0 60px;}



#content h2, #content h2 a { font-size:35px; color:#ee230a; font-family:CenturyGothicBold;}



#content h3 { font-size:19px; color:#318b19; margin-bottom:0; font-family:CenturyGothicBold;}



#content p { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; line-height:21px;}



#content a { color:#328F19;}



#news ul {

	margin-top:0px;
	padding-bottom: 20px;

}



#news ul li a {

	color: #EE230A;

    margin-bottom: 0;

    margin-left: 5px;

    margin-right: 5px;

    margin-top: 0;

	font-family:CenturyGothicBold;

}



.alignleft {

	float:left;

	font-family:CenturyGothicBold;

}



.alignright {

	float:right;

	font-family:CenturyGothicBold;

}



.commentlist {

	padding-left:0px;

}



.commentmetadata, .postmetadata {

	font-size:12px !important;

}



#youtube-picasa-widget .widgettitle {

	display:none;

}

#news ul li {
	float:left;
}