@charset "utf-8";
/* CSS Document */
/*
Theme Name: BLOGW3
Theme URI: http://www.w3criacoes.com
Description: Tema desenvolvido exclusivamente para o blog da W3CRIAÇÕES - web agência
Version: 1.0
Author: Tiago Matos
Author URI: http://www.w3criacoes.com
*/

@import "assets/css/reset.css";
@import "assets/css/comments.css";


/* ----------------- HTML -------------------- */
body {
	margin:0px;
	background:url(assets/images/page-bg.gif) #fff repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222222;
}
table td, div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222222;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fcbd00;
	font-weight:normal;
	letter-spacing:-0.5px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:normal;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.5px;
	font-weight:bold;
	font-size:15px;
	color:#fcbd00;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fcbd00;
	text-decoration:none;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#fcbd00;
	text-decoration:underline;
}
/* ----------------- HTML -------------------- */



/* ----------------- TEMPLATE TAGS -------------------- */
.attachment-post-thumbnail{
	float:left;
	border:1px solid  #e6e6e6;
	margin-right:10px;
	padding:5px;
}
/* ----------------- TEMPLATE TAGS -------------------- 



/* ----------------- WRAPPER -------------------- */
#wrapper{
	width:1003px;
	height:auto;
	margin:0 auto;
}
/* ----------------- WRAPPER -------------------- */



/* ----------------- HEADER -------------------- */
#header{
	position:relative;
	width:100%;
	height:125px;
}
#header-logo{
	position:absolute;
	width:300px;
	height:115px;
	top:10px;
}
#header-search{
	position:absolute;
	width:230px;
	height:36px;
	left:717px;
	top: 90px;
}
/* ----------------- HEADER -------------------- */



/* ----------------- SIDEBAR -------------------- */
.sidebar-top {
	float:left;
	width:1003px;
	height:35px;
}
.sidebar-top ul li a{
	float:left;
	width:auto;
	height:25px;
	display:inline;
	color:#222;
	padding:10px 10px 0 10px;
	background:url(assets/images/sidebar/sidebar-top-separator.gif) right no-repeat;
}
#sidebar{
	float:left;
	width:245px;
	height:auto;
}
#sidebar h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#6b6b6b;
	font-weight:normal;
	background:url(assets/images/sidebar/sidebar-title-effect.png) no-repeat 0 16px;
	height:30px;
}
#sidebar ul{
	width:245px;
	height:auto;
}
#sidebar ul li{
	margin-bottom:5px;
	background:none;
}
#sidebar li a{
	width:225px;
	height:auto;
	background:url(assets/images/sidebar/sidebar-icon-gray.gif) no-repeat 0 -2px;
	padding:0 0 0 20px;
	margin-bottom:5px;
	color:#484848;
	font-size:13px;
	text-decoration:none;
}
#sidebar li a:hover{
	width:225px;
	height:auto;
	background:url(assets/images/sidebar/sidebar-icon-color.gif) no-repeat 0 -2px;
	padding:0 0 0 20px;
	margin-bottom:5px;
	color:#484848;
	font-size:13px;
	text-decoration:none;
}
#sidebar .recentcomments a, #sidebar .recentcomments a:hover{ 
	background:none;
	text-decoration:underline;
}
#sidebar .recentcomments a:hover{ 
	text-decoration:none;
}
#sidebar #recentcomments li{
	list-style-image:url(assets/images/sidebar/sidebar-icon-color.gif);
	margin-left:20px;
}
/* ----------------- SIDEBAR -------------------- */




/* ----------------- MAIN -------------------- */
#main{
	float:left;
	width:1003px;
	height:auto;
	margin-top:20px;
}
#main-left{
	float:left;
	width:245px;
	height:auto;
	background:url(assets/images/sidebar/sidebar-bg.png) no-repeat #FFF;
	padding:20px 15px 0 15px;
}
#main-right{
	float:right;
	width:666px;
	height:auto;
	margin-left:20px;
	background:url(assets/images/content/bg.png) no-repeat #FFF;
	padding:20px 20px 0 20px;
}
/* ----------------- MAIN -------------------- */



/* ----------------- POST -------------------- */
#post{
	float:left;
	width:666px;
	height:auto;
}
#post h1{
	float:left;
	width:auto;
	height:auto;
}
#post-title{
	float:left;
	width:666px;
	height:auto;
	text-decoration:none;
}
#post-breadcrumb{
	float:left;
	width:666px;
	height:auto;
	margin-bottom:10px;
	font-size:13px;
	color:#999999;
}
#post-breadcrumb a{
	font-size:12px;
	color:#999999;
	text-decoration:none;
}
#post-breadcrumb a:hover{
	font-size:12px;
	color:#999999;
	text-decoration:underline;
}
#post-author{
	float:left;
	width:666px;
	height:auto;
	font-size:11px;
	color:#999999;
	margin-bottom:10px;
	margin-top:5px;
}
#post-txt{
	float:left;
	width:666px;
	height:auto;
	line-height:18px;
}
#post-txt img{
	float:left;
	border:1px solid  #e6e6e6;
	margin-right:10px;
	padding:5px;
}
#post-txt p{
	padding-bottom:10px;
}


#post-txt .read-more{
	margin-top:10px;
	border:0;
	padding:0;
}
#post-tags{
	float:left;
	width:666px;
	height:auto;
	font-size:12px;
	color:#999999;
	margin-top:10px;
	line-height:16px;
}
#post-related{
	float:left;
	width:666px;
	height:auto;
	font-size:12px;
}
#post-related h2{
	padding:20px 0 8px 0px;
	font-size: 16px;
}
#post-related li{
	width: auto;
	color: #222222;
	margin: 0 0 5px 20px;
	padding: 0px 0 0px 0;
	list-style-image:url(assets/images/post/icon-ball-gray.gif);
	font-size:12px;
}
#post-related li a{ 
	color:#222222;
	text-decoration:none;
}
#post-related li a:hover{ 
	color:#222222;
	text-decoration:underline;
}
	
#post-tags a{
	font-size:12px;
	color:#999999;
	text-decoration:none;
}
#post-tags a:hover{
	font-size:12px;
	color:#999999;
	text-decoration:underline;
}
#post-separator{
	float:left;
	width:666px;
	height:10px;
	margin:25px 0 20px 0;
}
#msg-error{
	float:left;
	width:666px;
	height:auto;
	color:#000;
	font-size:22px;
	margin:30px 0 130px 0;
	text-align:center;
}
/* ----------------- POST -------------------- */



/* ----------------- FOOTER -------------------- */
#footer{
	float:left;
	width:100%;
	height:105px;
	background:url(assets/images/footer/bg.gif) #fffaed repeat-x;
}
/* ----------------- FOOTER -------------------- */