/*

Theme Name: Squared

Theme URI: http://www.rodrigoghedin.com.br/squared/

Description: A minimalist and totally squared WordPress theme.

Version: 1.1.1

Author: Rodrigo P. Ghedin

Author URI: http://www.rodrigoghedin.com.br/

Tags: fixed width, widget ready, blue, simple, valid xhtml, two columns

*/



* {

	margin: 0;

	padding: 0;

	border: 0;

}

a {

	color: #228BFF;

}

p, li, h3 {

	line-height: 18px;

	margin-bottom: 10px;

}

li {

	margin-left: 16px;

}

h2 {

	font-size: 30px;

	font-weight: normal;

	padding-left: 10px;

	color: #fff;

	background-color: #84BEFF;

}

h2 a, h2 a:visited, h1 a, h1 a:visited {

	color: #fff;

	text-decoration: none;

}

h3 {

	font-weight: normal;

	font-size: 18px;

}

select { 

	border:1px solid #696969;

	width: 100%;

	padding: 2px;

	padding-bottom: 0;

}

option {

	padding: 2px 5px;

}

blockquote {

	font-style: italic;

	margin-left: 20px;

}



/* Página & estrutura */

body {

	background: #D7EAFF url('images/background.jpg') repeat-x;

	font-family: arial,tahoma,verdana;

	font-size: 12px;

}

#titulo {

	background: transparent url('images/logo54.jpg') no-repeat;

	margin: 50px 0 30px 0;

	padding-left: 140px;

        text-align:right;

}

#titulo h1 {

	font-size: 55px;

	font-weight: normal;

	color: #fff;

	background-color: #84BEFF;

	padding-left: 9px;

}

#principal {

	margin: 0 auto;

	width: 770px;

}

#blog-tag {

	color: #fff;

	background-color: #84BEFF;

	padding-left: 9px;

	font-size: 16px;

	padding-bottom: 10px;

}

#bloco-posts {

	float: left;

	background-color: #fff;

	width: 520px;

	padding: 10px;

	margin-bottom: 10px;

}

#bloco-posts h2 {

	margin-bottom: 18px;

}

#bloco-direita {

	float: right;

}

div#bloco-direita ul li {

	background-color: #fff;

	width: 200px;

	padding: 10px;

	margin: 0 0 10px 10px;

	list-style: none;

        text-align:right;

}

div#bloco-direita ul li ul li{

	padding: 0;

	margin-left: 0;

}

div#bloco-direita ul li ul li a:hover {

	background: transparent url('images/arrow.png') left no-repeat;

	width: 100%;

	display: block;

}

div#bloco-direita h2 {

	margin-bottom: 22px;

	min-height: 36px;

	line-height: 36px;

}

#rodape {

	font-size: 10px;

	clear: both;

	margin-bottom: 50px;

	padding: 10px;

	background-color: #fff;

	text-align: center;

}



/* Específicos */

.commentlist {

	width: 520px;

	padding: 10px;

	padding-bottom: 0;

	margin: -10px 0 10px -10px;

	border-bottom: 5px solid #D7EAFF;

	list-style: none;

}

.commentlist li {

	border-bottom: 5px solid #D7EAFF;

	width: 520px;

	padding: 10px;

	margin: 0 0 0 -10px;

}

#author, #email, #url, #comment, #submit, #s, #searchsubmit {

	border: 1px solid #84BEFF;

	padding: 4px;

}

#author, #email, #url {

	margin-right: 10px;

	width: 250px;

}

#s {

	width: 128px;

}

#comment {

	width: 512px;

}

.meta {

	width: 520px;

	padding: 10px;

	margin: -10px 0 10px -10px;

	border-bottom: 10px solid #D7EAFF;

}

.post {

	width: 520px;

	padding: 10px;

	margin: -10px 0 10px -10px;

	border-bottom: 10px solid #D7EAFF;

        text-align:right;

}

.navigation {

	display: block;

	text-align: center;

}

.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignright {

	float: right;

}

.alignleft {

	float: left

}

.wp-caption {

       border: 1px solid #ddd;

       text-align: center;

       background-color: #f3f3f3;

       padding-top: 4px;

       margin: 10px;

       -moz-border-radius: 3px;

       -khtml-border-radius: 3px;

       -webkit-border-radius: 3px;

       border-radius: 3px;

}



.wp-caption img {

       margin: 0;

       padding: 0;

       border: 0 none;

}

.wp-caption p.wp-caption-text {

       font-size: 11px;

       line-height: 17px;

       padding: 0 4px 5px;

       margin: 0;

}

@media (max-width:770px) {
	
	body, html{ overflow-x:hidden;}
	
	body{ font-size:15px;}
	
	#principal{
		width:98%;
		text-align:center;
	}
	
	#bloco-posts {
		float: none;
		width: 96%;
	}
	
	.post{ width:100%; }
	
	#bloco-direita{
		float:none;
	}
	
	div#bloco-direita ul li{
		width:96%;
		margin:0px;
	}
	
	#titulo h1{ font-size:40px;}
	
	.meta{ width:100%;}


	#titulo {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		margin: 0;
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
	
	#rodape{
		width:96%;
	}
	
}