/*
Theme Name: Julio Cavalcanti - Theme
Theme URI: http://www.juliocavalcanti.com
Description: Tema do site/portifolio do designer e desenvolvedor web, Julio Cavalcanti
Version: 1.0
Author: Julio Cavalcanti
Author URI: http://www.juliocavalcanti.com
Tags: julio cavalcanto, web, web design, portifolio
*/

body {
	background: #4A4849 url(images/bg-body.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #EFEFEF;
	padding:0px;
	margin:0px!important;
	line-height:20px;
	letter-spacing:0.04em;
}

body div table{
	display:none;
}

a:link, a:visited {
	color: #c0defc;
	text-decoration: none;
}

a:hover, a:active {
	color: #c0defc;
	text-decoration: underline;
}

span.left { float: left; }
span.right { float: right; }

.clearer { clear: both; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

#bot-voltar{
	background-color:#555555;
	border:1px solid #8F8F8F;
	display:block;
	font-size:13px;
	padding:6px 10px;
	position:absolute;
	right:0;
	top:0;
}

/* Containers  */
div#container{
	position:relative;
	display:block;
	width:910px;
	top:0px!important;
	margin:0px auto;
}

/* Header */

header{
	position:relative;
	height:150px;
}

header h1{
	display:block;
	position:relative;
	margin:0px auto;
	top:55px;
	width:915px;
	height:54px;
	background:url(images/logotipo.png) no-repeat;
	text-align:center;
}

header h1 span{
	display:none;
}

header nav{
	position:absolute;
	display:block;
	height:26px;
	background:#555;
	top:0px;
	right:0px;
	padding-left:0px;
	padding-top:4px;
}

nav ul li{
	float:left;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	font-family: "Century Gothic", Tahoma, "DejaVu Sans", Arial;
	font-size:16px;
	border-right:1px solid #fff;
}

nav ul li.page-item-12{
	border-right:none;
}

/* Content */

article,
.boxhomecontent{
	float:left;	
	position:relative;
	width:680px;	
	padding-bottom:35px;
}

article.home{
	padding-bottom:0px;
}

.boxcontent{
	padding-top:20px;
}


.boxcontent ul li{
	list-style: none;
	background:url(images/bullet-square-white.png) no-repeat 2px  8px;
	padding-left:14px;
}

article h2{
	font-family: "Century Gothic", Tahoma, "DejaVu Sans", Arial;
	font-size:1.7em;
	font-weight:normal;
	padding-bottom:0px;
}

article .boxcontent h3{
	font-size:1.2em;
}

#websitescontent h2{
	color:#4BBCC9;
}
#hotsitescontent h2{
	color:#D8813A;
}
#blogscontent h2{
	color:#91AA3C;
}

.boxhomecontent div.boxcontentslide{
	float:left;
	position:relative;
	width:670px!important;	
	height:365px!important;
	padding-right:0px;
	padding-bottom:4px;
	margin-top:15px;
}

.boxhomecontent div.boxcontentslide ul{
	float:left;
	display:block;
    height:332px!important;
	background-color:#555;
}

.boxhomecontent div.boxcontentslide ul li{
	float:left;
	width:680px;
	position:relative;
	margin-right:0px;
	padding-right:0px;
	list-style:none;
}

#websites-controls,
#hotsites-controls,
#blogs-controls{
	position:absolute;
	top:0px;
	right:10px;
	padding-top:6px;
	padding-bottom:8px;
	padding-right:10px;
	padding-left:10px;
	background-color:#555;	
	font-size:13px;
}
.description{
	float:left;
	position:relative;
	left:10px;
	top:8px;
	width:220px;
	margin-right:10px;
}

.description h3{
	font-family: "Century Gothic", Tahoma, "DejaVu Sans", Arial;
	font-size:20px;
	font-weight:normal;
	padding-bottom:10px;
}

.imagem{
	float:left;
	position:relative;
	left:10px;
	top:8px;
	width:420px;
}

.link-comentar{
	font-size:0.8em!important;
	width:300px;
	height:20px;
	padding:6px 0px;
	position:absolute;
	right:10px;
	bottom:-45px;
	background:#555555;
	text-align:center;
}




/* Sidebar */

aside {
	float: left;
	position:relative;
	left:10px;
	width: 220px;
}

aside ul li {
	list-style: none;
	padding-bottom:25px;
}

aside ul li ul li{
	list-style: none;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px dashed #fff;
	background:url(images/bullet-square-white.png) no-repeat 2px  14px;
	padding-left:14px;
}

aside h2{
	font-family: "Century Gothic", Tahoma, "DejaVu Sans", Arial;
	font-size:1.7em;
	font-weight:normal;
	padding-bottom:8px;
}


#searchform {
	width: 210px;
	background: #555;
	border: none;
	padding: 6px;
}

#searchform input {
	width: 204px;
	background: #666;
	padding: 2px 3px 2px 3px;
	color: #fff;
	font-size: 1.2em;
	border:none;
}


/* Footer */

footer {
	float:left;	
	position:relative;
	width:910px;
}

footer p{
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
	text-align:right;
}

footer p#assinatura{
	background-color:#555;
	text-align:center;
}



#footer a {
	color: #9e9e9e;
}

#footer a.valid {
	padding-left: 16px;
	background: transparent url(images/tick.png) no-repeat 0% 50%;
}

#footer a.valid:hover {
	background: transparent url(images/tick-hover.png) no-repeat 0% 50%;
}


/* Comments */

.commentlist {
	list-style: none;
	padding-bottom: 30px;
}

.commentlist li{
	background-color:#585858;
	margin-top:10px;
	border:1px solid #8F8F8F;
	padding-bottom:10px;
}

.commentlist span.left a {
	font-weight: bold;
}

.commentlist span.right a {
	font-size: 0.8em;
	color: #9e9e9e;
}

.comment-top {
	height: 25px;
	padding: 10px;
	padding-bottom: 15px;
	position:relative;
}

.comment-top .comment-date{
	float:left;
	clear:both;
	height:16px;
	font-size:12px;
	font-weight:bold;
}
.comment-top .comment-author{
	float:left;
	clear:both;
	font-size:12px;
}
.comment-top .comment-author a,
.comment-top .comment-author strong{
	font-size:15px;
	font-weight:bold;
}
.comment-mid {
	background:#666666;
	left:10px;
	margin-top:5px;
	padding:10px;
	position:relative;
	width:638px;
}

.commentmetadata {
	font-size: 0.8em;
}



/* Easy Slider */

#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	

#slider2 li{ 
	background:#f1f1f1;
	}		
#slider2 li h2{ 
	margin:0 20px;
	padding-top:20px;
	}	
#slider2 li p{ 
	margin:20px;
	}						
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-160px;
	}	
#nextBtn, #nextBtn2{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}												

/* // Easy Slider */
#li-2-5,#li-2-5items{display:none;}