/*
Theme Name: Colegio Cristao
Theme URI: http://www.colegiocristao.com.br
Description: Tema do site Colegio Cristao de Belo Horizonte.
Version: 1.0
Author: Mateus Neves
Author URI: http://www.lagoinha.com
*/

/* ------------------------------------------------------------------------------------
BASICS						 */

	html{ width:100%; height:100%;}
	body{font-size:12px; color:#333; width:100%; height:100%; font-family:Arial, Verdana, Tahoma;}
	
	a{color:#000; text-decoration:none;}
	h3 a, h3{color:#f6861e; margin:0; font-size:14px; margin:0;}
	.post a{text-decoration:none; color:#f6861e;}
	.post  a:hover	{color:#000;}
	.post  a:active{color:#f6861e;}
	.post a:visited{color:#f9a73c;}

	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 0; line-height:1.5em }
	
	h2{font-size:24px; font-weight:bold; color:#333; margin-bottom:20px}

/* ------------------------------------------------------------------------------------
STRUCTURE					 */

	#container{position:relative;}
	#header{}
	#footer{}
	#content{}
	#right{}
	#left{}


/* ------------------------------------------------------------------------------------
CUSTOM						 */

	body{background:url(images/background.jpg) repeat-x;}	
	#wrap{height:100%; width:100%; background:url(images/header.jpg) top center no-repeat;}
	#header{height:233px; position:relative;}
	.titles span{display:none;}
	.titles{width:156px; height:29px; background-image:url(images/titles.gif); background-repeat:no-repeat;}
	.title-1{background-position:0 0;}
	.title-2{background-position:0 -35px;}
	.title-3{background-position:0 -64px;}
	.title-cat{
		padding:10px; 
		font-style:normal; 
		font-size:19px; 
		color:#fff; 
		background:#f6861e url(images/arrow.gif) 10px 8px no-repeat; 
		padding-left:50px;
	}
	.date{color:#f6861e;}
	
	#content .post ul{margin:15px !important;}
	
	#content ul li{padding:10px 0 10px 15px; background:url(images/bullet.gif) 0 12px no-repeat; border-bottom:dotted 1px #ccc;}
	
	/* header */
		#nav-box{position:absolute; top:86px; right:0;}
		
		#nav{background:#fff; width:auto; width:600px;}
		
		#nav li{list-style-type:none; float:left; position:relative; padding:10px 0 10px 0;}
		
		#nav li a{
			font-weight:bold; 
			text-transform:uppercase; 
			color:#f6861e; 			
			display:block; 
			float:left;
			padding:5px 10px 5px 10px; 
			border-right:solid 1px #ccc;
		}
				
		#nav li a:hover{color:#000;}
		
		#nav li ul {
			position: absolute;
			width: 10em;
			left: -999em;		
			top:42px;
			padding:0;
		}
		
		#nav li ul li{
			float:none;
			padding:0;
		}
		
		#nav li ul li a{
			font-size:10px;
			color:#999;
			padding:7px;
			border-bottom:solid 1px #ccc;
			display:block;
			width:150px;
			background:#fff;	
		}
		
		#nav li ul li a:hover{background:#fbe516;}
				
		#nav li:hover ul {left:0;}
		
		#icons{position:absolute; top:20px; right:0;}
		#icons li{list-style-type:none; float:left; padding:0 5px 0 5px;}
		#icons li a{display:block; width:37px; height:37px;}
		#icons li a span{display:none;}
		#icons .bt-1{background:url(images/bt-home.png) no-repeat 0 0;}
		#icons .bt-2{background:url(images/bt-home.png) no-repeat -37px 0;}
		
		#imgcontato {position:absolute; top:27px; margin-left:462px;}
		#imgcontato a{display:block; width:142px; height:40px;}

		#imgcomochegar {position:absolute; top:27px; margin-left:338px;}
		#imgcomochegar a{display:block; width:142px; height:40px;}
		
	/* end header */
	
	/* home */
		#home .col-1, #home .col-2, #home  .col-3{height:325px;}
		#home .col-border{border-left:solid 1px #cfcfcf; margin-left:15px; padding-left:15px; height:325px;}
		#home .col-1 p, #home .col-3 p, #sidebar p{margin:0 0 15px 0;}
		#home .col-1 .post-entry{margin-top:10px; clear:both;}
		#home .col-1 .post-entry img{float:left; margin-right:10px; margin-bottom:10px;}
		.event-date{color:#fff; font-weight:bold; text-align:center; background:#f6861e; padding:5px 0 5px 0; width:80px; display:block; font-size:14px; margin-bottom:5px;}
	/* end home */
	
	/* single */
		#single #content{background:url(images/col-line.gif) repeat-y top right;}
		#single .col-2 .col-border{padding-left:30px;}		
	/* end single */
	
	/* eventos */
		#eventos p{margin:0;}
		
		#eventos .post-entry{
			padding-bottom:15px;
			margin-bottom:15px;
			border-bottom:solid 1px #ccc;
		}
	
		.event-list{
			clear:both; 
			top:20px; 
			position:relative; 
			border-bottom:solid 1px #ccc; 
			margin-top:20px;
			padding-bottom:20px;
		}
		.event-list p, .event-list h3{margin:0 !important;}
		.event-list .event-date{
			font-size:18px;
			position:absolute; top:0; left:0;
		}
	/* end eventos */
	
	/* footer */
		#footer{height:123px; background:url(images/footer.gif) no-repeat; margin-top:15px; position:relative;}
	/* end footer */
	
	/* banner */
		#banner font, br{display:none;}
		#banner div{padding:0 !important;}
		#banner{height:200px; margin-bottom:25px;}
	/* end banner */
	
	/* contato */
		#gb_form{
			margin:0; 
			padding:0;}
		#gb_form fieldset{
			border:none; 
			padding:0; 
			margin:0 0 15px 0;
		}
		#gb_form legend{color:#f6861e; font-size:16px; font-weight:bold;}
		#gb_form label{display:block; margin-top:15px;}
		#gb_form #message{height:100px;}
		#gb_form input, #gb_form textarea{display:block;}
	/* end contato */

	/* galeria */
		.ngg-album{background:#fff; border:solid 2px #f6861e;}		
	/* end  galeria */
	
	/* post */
	 .alignleft {border:solid 10px #fff; float:left; margin:0 20px 15px 0;}
	/* end post */