/*
Theme Name: Pixel 
Theme URI: http://www.pixelcriativo.com/
Description: White, clean, multi purpose, wordpress 3.0 ready theme
Version: 1.0. for WP 3.0
Author: Mauricio Vargas
Author URI: http://twitter.com/pixelxD
Tags: white, grey, black, fixed width, 2 columns, widgets, gallery, videos, shortcodes, page backgrounds
*/


@import "css/reset.css";

/* 
TABLE OF CONTENTS
	
	1. GENERAL
	2. STRUCTURE
*/	


/* ----------- */
/* 1.GENERAL   */
/* ----------- */
.none			{ display:none; } 				.block		{ display:block; } 		.hidden		{ visibility:hidden; }
.underline		{ text-decoration:underline;}	.fl			{ float:left; }			.fr			{ float:right; }
.clear			{ clear:both; height:1px; }		.preto		{ color:#000;}			.branco{ color:#FFF;}
.a-left			{ text-align:left; }			.a-right	{ text-align:right; }	.a-justify{ text-align:justify; }
.a-center		{ text-align:center; }			.normal		{ font-weight:normal;}

/* ----------- */
/* 2.STRUCTURE */
/* ----------- */

html, body { height:100% }
body {
	font-family:Tahoma, Arial, verdana;	font-size:11px;	
	margin:0 auto; padding:0;
	background-color:#fff;
	color:#979797;
	height:100%;
	border-top:10px solid #65696e;
}

/* Default Element Styles
------------------------------------------------------*/

/* heading */

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal;
	text-transform:uppercase;
	color:#65696e;
}
h1{
	font-size:72px; 
	letter-spacing:-2px;
	margin-bottom:10px;
}
h2{
	font-size:24px; 
	line-height:28px; 
	margin-bottom:10px;
}
h3{
	font-size:18px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h4{
	font-size:32px;
	color:#333;
	line-height:20px; 
	margin-bottom:10px;
}
h5{
	font-size:16px; 
	margin:3px 0px; 
	padding:0px; 
}
h6{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
}

p, ul, ol, blockquote{
	font-size:11px;
	line-height:18px;
	margin-bottom:14px;
	color:#abacad;
}

/* links */

a {
	color:#00508d; 
	text-decoration:none;
}

a:hover {
	color:#1670b4;
}


/* Structure
------------------------------------------------------*/
#page-container	{
	margin:auto;
	padding:0px 10px;
	width:940px;
}

#header {
	padding-top:20px;
	height:90px;
}

#header ul li {
	display:inline;
	line-height:60px;
}

#header ul li a {
	text-transform:uppercase;
	display:block;
	float:left;
	padding:5px 10px;
	font-size:20px;
}

#featured_slider { 
	background:url(images/Featured-Slider.png) no-repeat;
	height:386px; 
	width:920px; 
	padding:20px; 
	z-index:1; 
}

#slider { 
	background:url(images/load.gif) no-repeat center;
	width:920px; 
	height:380px;
}

.click-it { display:block; width:920px; height:380px; }
.clicked {  }

.separator { 
	background:url(images/separator.png) center top no-repeat; 
	width:940px; 
	margin:0 auto; 
	text-align:right; 
	height:20px; 
	clear:both;
}

.subdesc p { 
	color:#999; 
	font-size:20px;
	text-align:right;
	padding:0px 20px;
}

.subdesc a {
	font-weight:bold;
}

#rodape {
	margin-bottom:20px;
}

#rodape p {
	padding-top:5px;
	text-align:center;
	font-size:18px;
}

.my-links {
	margin:auto;
	width:270px;
	height:32px;
}

.my-links li {
	display:inline;
}

.my-links li a {
	display:block;
	float:left;
	margin-right:5px;
}

/* The Blog ---------------------------------------------------------------------------------------------*/

.search-to-center { width:300px; margin:auto; }

#the-blog {
	padding:10px 0px;
}

#the-blog .content-blog {
	width:630px;
	float:left;
	margin-bottom:10px;
}

#the-blog .sidebar {
	width:290px;
	float:right;
}


.blog-post{
	float:left;
}
.left-head{
	width:40px;
	background-color:#ebebeb;
	margin-right:14px;
	padding:7px 0px 7px 0px;
	float:left;
}
.right-head{
	width:568px;
	border-bottom:1px solid #ebebeb; 
	float:left
}
.blog-posted{	
	width:622px;
	margin:21px 0px 10px 0px;
	float:left;
}
.right-head h2{
	font-size:28px;
	color:666;
}
.right-head h3{
	width:568px;
	margin-bottom:2px;
}
.right-head a, .right-head a:visited{
	text-decoration:none;
	color:#65696e;
}
.post-info{
	width:568px;
	color:#d9d8d8;
	margin-bottom:7px;	 
	float:left;	
}
.post-info a, .post-info a:visited{
	text-decoration:none;
	color:#d9d8d8;
}
.post-info a:hover{
	text-decoration:underline;
}
.date{
	font-size:20px;
	color:#65696e; 
	text-align:center; 
}
.month{
	font-size:12px;
	color:#65696e; 
	text-align:center;
}
.blog-box{
	background-color:#ebebeb;
	margin:0px 15px 0px 0px;
	padding:12px;
	float:left;
}

.more-button{
	height:29px;
	font-size:16px;
	color:#3e4043;
	text-transform:uppercase;
	text-align:center;
	margin:10px 0px 20px 0px;
	padding:6px 20px 0px 20px;
	background-color:#ebebeb;
	float:right;
}
.more-button a, .more-button a:visited{
	text-decoration:none;
	color:#3e4043;
}

/* Sidebar Lists -------------------------------------------------------------------------------------------*/

.sidebar ul li a {
	display:block;
	padding:6px 20px;
	background:#FFF url(images/arrow.png) no-repeat 5px 10px;
	font-size:16px;
}

.sidebar ul li a:hover {
	color:#FFF;
	background:#222 url(images/arrow_hover.png) no-repeat 5px 10px;
	-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; 
}

/* Sidebar Search Box -------------------------------------------------------------------------------------------*/

.search-box 										{ height: 40px; padding: 5px 0 0 0px; width: auto; 	margin:10px 0 20px 0px; }

* html .search-box 								{ margin-top: 10px; }
*:first-child+html .search-box 					{ margin-top: 10px; !important; }

.search-box p									{ margin-bottom:0}

input.search-field 								{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-style:solid; border-width:1px; background-color: #ededed; margin-bottom: 9px !important;	    border: 1px solid; border-color: #ccc #ddd #ddd #ccc; width: 240px; float:left; padding: 4px;}

input.search-field:focus 						{ background:#fff; }

input.search-go  									{ float:left; height:24px; width:24px; border:0; margin:0 0 0 5px; padding:0; background:url(images/search-on.gif) no-repeat top left; cursor: pointer; }
input.search-go:hover 							{ background:url(images/search-hover.gif) no-repeat bottom left; }

body_block .search-box 							{ background:url("images/searchbar.png") no-repeat scroll left top transparent; height:30px; margin-top:5px; overflow:hidden; width:288px; }


/* Breadcrumb -------------------------------------------------------------------------------------------*/

#breadcrumbs 									{ margin: 0 0 25px 0; display: block; padding: 0px 5px 10px 0; border-bottom: 1px solid #e8e8e8; }
span.breadcrumbs 								{ display: block; font-size:90%; line-height: 120%; font-family:georgia, "Trebuchet Ms", Sans-serif; }
span.breadcrumbs img 							{ display: none; }

span.breadcrumbs a 								{ float: none; padding: 0 4px; Font:normal 11px tahoma, Arial, Verdana, Sans-serif; }
span.breadcrumbs a:hover 						{ text-decoration: none; }


/* WP_SYNTAX -------------------------------------------------------------------------------------------*/

.wp_syntax {
	color: #100;
	overflow: hidden;
	width: 550px;
}
.wp_syntax div {
	vertical-align: top;
	padding: 2px 4px;
}
.wp_syntax pre, pre {
	margin: 0 0 1em;
	padding: 5px;
	width: auto;
	float: none;
	clear: none;
	font-size: 12px;
	line-height: 1.333;
	border: 1px #ced0d3 dotted;
	background: #f4f6f6;
}
code {
	font-size: 12px;
	background: lightyellow;
}


/* Comments -------------------------------------------------------------------------------------------*/

.temp-comentarios {
	padding:10px 0px;
	border-top:1px solid #ebebeb; 
}

input, textarea, button {
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ebebeb;
	font-family:Tahoma, Arial, verdana;
	font-size:11px; 
	width:406px; 
	padding:7px 5px; 
	margin:0px; 
	color:#939393;
}

.itsamemario input {
	width:418px; 
}


#respond {
	width:515px;
	border-top:1px solid #ebebeb; 
	padding:10px;
}

#respond input, #respond textarea {
	width:500px; 
}

#respond #submit {
	width:515px;
	cursor:pointer;
	text-transform:uppercase;
	font-size:18px;
	border:2px solid #dfdfdf;
}

#respond .nan {
	display:block; 
	float:left;
	width:250px;
}

#respond .nan input {
	width:250px;
}

#respond .nan1 input { 
	width:220px;
}
#respond label {
	display:block;
}

ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {
	background: #eee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* Portfolio -------------------------------------------------------------------------------------------*/

.pf-title{
	width:900px;
	height:16px;
	float:left;
}
#pf-view{
	width:60px;
	height:29px;	
	float:left;
}
.pf-box-view{
	background-color:#ebebeb;
	margin-bottom:25px;
	padding:12px 12px 13px 12px;
	float:left;
}
.pf{
	margin:14px 0px 0px 20px;
	float:left;
}

/* List and Grid View */
ul.display{
	float:left;
	width:960px;
	margin:0;
	padding:0;
	list-style:none;	
}
ul.display li{
	float:left;
	width:960px;
	padding:0px;
	margin:0;
}
ul.display li .content_block img{
	padding:0px;
	margin:0px;
	float:left;
}

ul.display li ul.check-list li{
	float:left;
	width:463px;
	margin-left:20px;
}
ul.display li .content_block{
	margin:15px 0px 22px 0px;
	border-bottom:1px solid #ebebeb;
	float:left;
}
ul.display li .content_block h4{
	width:485px;
	margin-left:20px;
	float:left;
}
ul.display li .content_block p{
	width:485px;
	font-size:11px;
	margin-left:20px;
	float:left;
}


/* Check list */
ul.check-list{
	margin:-3px 0px 20px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.check-list li{
	background-image:url(images/check.gif);
	background-position:0px 7px; 
	background-repeat:no-repeat; 
	padding-left:22px;
	line-height:26px;
}