/* 
css reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/* 
clear fix
http://www.webtoolkit.info/css-clearfix.html
*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/*
classes reutilizaveis
*/
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block;}
.hide{display:none;}
html[xmlns] .hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.selfix{vertical-align: 0 !important;vertical-align: -2px;}
.radfix{width:13px !important;height:13px !important;width:15px;height:15px;vertical-align: -2px;border:none;background:none;padding:0;margin:0;}

/* 
uso geral
*/ 

/* fonte */
body,div,td,p,span,input,select,textarea {font: 12px tahoma, verdana, sans-serif;color:#000;}

/* forms  */
input,select,textarea{border: 1px solid #000;background: #fff;color: #000;}
textarea{overflow:auto;}

/* links */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

/* sirf */
@media screen {
	.sIFR-hasFlash h3.tit_green, .sIFR-hasFlash h3.tit_watergreen {
		visibility: hidden;
		font-family: Arial;
		font-size: 18pt;
		height: 29px;
	}
	.sIFR-hasFlash h3.tit_green {color: #0c6128}
	.sIFR-hasFlash h3.tit_watergreen {color: #97cbb5}
}

/*
estrutura
*/
body {
	background: url(../img/detail.png) top center repeat-x;
}

#wrapper {
	background: url(../img/bg.jpg) center 96px no-repeat;
	_background: url(../img/bg-ie.jpg) center 96px no-repeat;
	display: block;
}

#container {
	display: block;
	width: 998px;
	margin: 0 auto;
}

#header {
	display: block;
}

#search-box {
	background: url(../img/search.png) no-repeat;
	width: 248px;
	height: 42px;
	float: right;
	padding: 11px 0 0 16px;
}

#search-box input {
	float: left;
}

#search-box #search {
	background: none;
	width: 175px;
	height: 16px;
	border: none;
	margin-right: 5px;
	padding: 3px 0 0 0;
}	

#search-submit {
	background: url(../img/buscar.png) no-repeat;
	width: 55px;
	height: 23px;
	border: none;
	display: block-inline;
}

#content {
	display: block;
	padding: 0 0 0 10px;
}

#sidebarleft {
	float: left;
	width: 177px;
	_width: 178px;
	padding: 0 0 0 36px;
}

	#sidebarleft h1 a {
		background: url(../img/nasondas.png) no-repeat;
		width: 139px;
		height: 216px;
	}

#main {
	float: left;
	width: 512px;
	_width: 511px;
	padding: 6px 0 0 0;	
	overflow: hidden;
}
	#menu {
		height: 37px;
		overflow: hidden;
	}

	#menu li {
		float: left;
	}

	#home {
		background: url(../img/menu.png) no-repeat;
		width: 72px;
		height: 37px;
	}
	
	#home:hover, #home.selected {
		background-position: 0 -37px;
	}
	
	#petronasondas {
		background: url(../img/menu.png) -72px 0 no-repeat;
		width: 154px;
		height: 37px;
	}
	
	#petronasondas:hover, #petronasondas.selected {
		background-position: -72px -37px;
	}
	
	#competicao {
		background: url(../img/menu.png) -226px 0 no-repeat;
		width: 89px;
		height: 37px;
	}
	
	#competicao:hover, #competicao.selected {
		background-position: -226px -37px;
	}
	
	#calendario {
		background: url(../img/menu.png) -315px 0 no-repeat;
		width: 91px;
		height: 37px;
	}
	
	#calendario:hover, #calendario.selected {
		background-position: -315px -37px;
	}
	
	#menu {
		margin: 0 0 189px 0;
	}
	
	.posts {
		background: #fff;
		padding: 10px 20px 20px 19px;
		margin: 0 0 23px 0;
		width: 473px;
	}
	
	.first {
		background: #fff url(../img/post.jpg) top right no-repeat;
	}
	
	.detail {
		padding: 10px 20px 0px 19px;
	}
	
	#main .calendario {
		padding: 10px 0 80px 0;
		width: 512px;
	}
	
		.posts h2 {
			line-height: 24px;
			text-transform: uppercase;
			padding: 0 0 16px 0;
		}
		
		.posts h2 a {
			text-decoration: none;
		}
		
			.surfpro h2 a, .surfpro h2 {
				color: #09357a;
			}
			
			.circuitofeminino h2 a, .circuitofeminino h2 {
				color: #6ab9d7;
			}
			
			.seletivamasculino h2 a, .seletivamasculino h2 {
				color: #00a0c6;
			}
			
			.longboardclassic h2 a, .longboardclassic h2 {
				color: #2b85b8;
			}
			
			.nasondas h2 a, .nasondas h2 {
				color: #849abc;
			}
			
		
		.posts p {
			color: #6e6d6d;
			padding: 0 0 16px 0;
		}
		
		.posts p img {
			float: right;
			padding: 10px 0 0 10px;
		}
		
		.posts img.aligncenter, .posts img.alignleft, .posts img.alignright {
			float: none !important;
			padding: 0 !important;
		}
		
		.posts h3 {
			line-height: 16px;
			text-transform: uppercase;
			padding: 0 0 16px 0;
		}
		
		.posts #date {
			background: url(../img/data.png) no-repeat !important;
			background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nasondas/wp-content/themes/nasondas/img/data.png');
			width: 110px;
			height: 56px;
			position: absolute;
			margin-left: -136px;
			margin-top: -11px;
			padding: 15px 0 0 15px;
			color: #fff;
			font: 33px "trebuchet ms", verdana, arial, sans-serif; 
			font-style: normal !important;
		}
		
		.posts cite {
			line-height: 41px;
		}
		
		.posted-category {
			padding: 0 0 0 5px;
			height: 27px;
			overflow: hidden;
			float: left;
		}
		
		.posted-category p {
			padding: 5px 14px 0 7px;
			height: 27px;
			float: left;
			
		}
		
		.posted-category p a {
			color: #fff;
			text-decoration: none;
		}
		
		.circuitofeminino .posted-category {
			background: url(../img/fem_canto1.png) top left no-repeat;
		}
		
		.circuitofeminino .posted-category p {
			background: #6ab9d7 url(../img/fem_canto2.png) top right no-repeat;
		}
		
		.seletivamasculino .posted-category {
			background: url(../img/masc_canto1.png) top left no-repeat;
		}
		
		.seletivamasculino .posted-category p {
			background: #00a0c6 url(../img/masc_canto2.png) top right no-repeat;
		}
		
		.longboardclassic .posted-category {
			background: url(../img/long_canto1.png) top left no-repeat;
		}
		
		.longboardclassic .posted-category p {
			background: #2b85b8 url(../img/long_canto2.png) top right no-repeat;
		}
		
		.surfpro .posted-category {
			background: url(../img/brasil_canto1.png) top left no-repeat;
		}
		
		.surfpro .posted-category p {
			background: #09357a url(../img/brasil_canto2.png) top right no-repeat;
		}
		
		.nasondas .posted-category {
			background: url(../img/nasondas_canto1.png) top left no-repeat;
		}
		
		.nasondas .posted-category p {
			background: #849abc url(../img/nasondas_canto2.png) top right no-repeat;
		}
		
		.posted-share {
			height: 22px;
			width: 170px;
			float: right;
		}
		
			.posted-share p {
				float: left;
				padding: 5px 6px 0 0;
				color: #2b85ba;
			}
		
			.posted-share li {
				float: left;
			}
		
			.orkut {
				background: url(../img/share.png) no-repeat;
				width: 24px;
				height: 22px;
			}
			
			.facebook {
				background: url(../img/share.png) -24px 0 no-repeat;
				width: 24px;
				height: 22px;
			}
			
			.twitter {
				background: url(../img/share.png) -47px 0 no-repeat;
				width: 24px;
				height: 22px;
			}
			
			.youtube {
				background: url(../img/share.png) -71px 0 no-repeat;
				width: 24px;
				height: 22px;
			}
			
			.back {
				padding-top: 39px;
			}
			
			.voltar {
				background: url(../img/voltar.png) no-repeat;
				width: 55px;
				height: 22px;
			}
			
	.album h3 {
		color: #6a6a6a;
	}
	
	.album select {
		color: #6a6a6a;
		border: 1px solid #6a6a6a;
		width: 254px;
	}
	
	.album .prev {
		background: url(../img/anterior.png) no-repeat;
		width: 28px;
		height: 30px;
	}
	
	.album .next {
		background: url(../img/proxima.png) no-repeat;
		width: 28px;
		height: 30px;
	}
	
	.album #paginacao {
		height: 30px;
		width: 245px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	
	.tot1 #paginacao{
		width: 50px;
	}
	
	.tot2 #paginacao{
		width: 124px;
	}
	
	.tot3 #paginacao{
		width: 160px;
	}
	
	.tot4 #paginacao{
		width: 196px;
	}
	
	.tot5 #paginacao{
		width: 245px;
	}
	
	.album #paginacao li {
		padding: 8px 14px;
		background: url(../img/divisor.png) no-repeat;
	}
	
	.album #paginacao li.first {
		background: none;
	}	
	
	.album #paginacao li.excep {
		padding: 0 !important;
		background: none;
	}
		
	.album a {
		color: #b2b2b2;
	}
	
	.leiamais {
		background: url(../img/leiamais.png) no-repeat;
		width: 79px;
		height: 22px;
	}
	
	.posts-list {
		background: url(../img/posts-list.png) no-repeat;
		width: 468px;
		height: 26px;
		padding: 0 0 0 20px !important;
		margin-bottom: 7px;
	}
	
	.posts-list a {
		text-decoration: none !important;
	}
	
	.posts-open {
		background-position: 0 -23px;
	}
	
	.list-posts {
		border-bottom: 1px solid #bebdbd;
		width: 468px;
		margin-bottom: 5px;
		display: none;
	}
	
	.list-posts li {
		clear: left;
		padding: 0 0 5px 0;
	}
	
	.list-posts li a {
		color: #6e6d6d;
		background: url(../img/arrow.png) 22px 2px no-repeat;
		padding: 0 0 0 33px;
		display: block;
	}
	
	.cf, .circuitofeminino {
		color: #6ab9d8
	}
	
	.sm, .seletivamasculino {
		color: #01a0c7
	}
	
	.lc, .longboardclassic {
		color: #2b85ba
	}
	
	.bs, .surfpro {
		color: #09367a
	}
	
	.no, .nasondas {
		color: #849abc
	}
	
	#abas li {
		float: left;
	}
	
	#abas #circuito {
		background: url(../img/calendario.png) 0 -117px no-repeat;
		width: 131px;
		height: 39px;
	}
	
	#abas #circuito.selected, #abas #circuito:hover {
		background-position: 0px 0px;
	}
	
	#abas #seletiva {
		background: url(../img/calendario.png) -131px -117px no-repeat;
		width: 128px;
		height: 39px;
	}
	
	#abas #seletiva.selected, #abas #seletiva:hover {
		background-position: -131px -39px;
	}
	
	#abas #longboard {
		background: url(../img/calendario.png) -257px 0 no-repeat;
		width: 130px;
		height: 39px;
	}
	
	#abas #longboard.selected, #abas #longboard:hover {
		background-position: -257px -78px;
	}
	
	#abas #brasil {
		background: url(../img/calendario.png) -386px 0 no-repeat;
		width: 115px;
		height: 39px;
	}
	
	#abas #brasil.selected,  #abas #brasil:hover {
		background-position: -386px -117px;
	}
	
	.about h2 {
		color: #80b49d;
	}
	
	.competicao h2 {
		color: #FFC82A;
	}
			
	#sidebarright .calendario h2, #main .calendario h2  {
		color: #2b85ba;
	}
	
	#main .calendario h2 {
		padding: 0 0 7px 18px;
	}
	
	.detail-calendar {
		padding: 0 10px;
	}
	
	.detail-calendar .fl {
		padding: 10px 0 0 0;
	}
	
	.detail-calendar .section {
		width: 187px;
	}
	
	.detail-calendar span {
		text-transform: uppercase;
		color: #6e6d6d;
	}
	
	
		
#sidebarright {
	float: left;
	width: 263px;
	_width: 262px;
	padding: 11px 0 0 0;
	overflow: hidden;
}

	#sidebarright .box {
		padding: 0 0 0 17px;
		margin: 0 0 20px 0;
	}
	
	#sidebarright h4 {
		line-height: 22px;
	}
	
	#sidebarright dl dt {
		background: url(../img/close.png) no-repeat;
		width: 246px;
		height: 23px;
		text-transform: uppercase;
		padding: 13px 0 0 19px;
	}
	
	#sidebarright dl dt.open {
		background-position: 0 -36px;
	}
	
	#sidebarright dl dt a {
		color: #6e6d6d;
		text-decoration: none;
	}
	
	#sidebarright dl dt a.open {
		color: #333232;
	}
	
	#sidebarright dl dd {
		background: #e0e1e1;
		width: 206px;
		padding: 13px 20px 0 20px;
		display: none;
	}
	
	.postscat ul li {
		padding: 0 0 15px 0;
	}
	
	.postscat ul li.last {
		padding: 0 !important;
	}
	
	.postscat ul li a {
		color: #000;
	}
	
	#sidebarright .vertodos {
		background: url(../img/vertodos.png) no-repeat;
		width: 79px;
		height: 22px;
	}
	
	.postscat ul li a {
		color: #000;
	}
	
	.album ul li {
		float: left;
		padding-right: 2px;
	}
	
	#sidebarright  .veralbum {
		background: url(../img/veralbum.png) no-repeat;
		width: 78px;
		height: 78px;
	}
	
	.tagcloud h4 {
		background: #fff;
		padding: 18px 0 18px 10px;
		width: 230px;
	}
	
	#sidebarright .calendario {
		height: 221px;
	}
	
	#sidebarright .calendario h4 {
		line-height: 32px !important;
	}
	
	#sidebarright .calendario p {
		background: #35456a;
		padding: 12px;
	}
	
	#sidebarright .calendario p a {
		color: #fff;
	}
	
	#sidebarright .calendario p a span {
		color: #e5b108 !important;
		font-weight: bold;
	}
	
	#sidebarright .calendario p.first {
		border-bottom: 1px solid #6d7994;
	}
	#sidebarright .calendario .vertodos{
		background-image: url(../img/bt_ver_todos.gif);
		margin-left: 40px;
	}
	
	
#footer {
	display: block;
	padding: 0 0 0 223px;
}

#footer .box {
	display: block;
	width: 512px;
	height: 143px;
	background: #dedcdc;
}

#footer .petro {
	background: url(../img/petro.png) no-repeat;
	width: 239px;
	height: 55px;
	float: left;
}

#footer .copyright {
	color: #fff;
	background: #212d52;
	float: left;
	width: 260px;
	height: 34px;
	padding: 20px 0 0 13px;
}