/*
Theme Name: Purple Bridge
Theme URI: http://www.bronx.com.br/
Description: Tema desenvolvido exclusivamente para a Bronx Propaganda.
Version: 1.0
Author: Guilherme GiantBaby SantAna
Tags: purple, green, bronx, bridge
Author URI: http://guilhermesantana.com/
Default WordPress by GiantBaby || http://guilhermesantana.com
*/



body{
	height:auto;
	margin:0 0 30px 0;
	background:url(images/back.jpg) top center repeat-y fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a img{
	border:none;
	}
	
a {
color:#336666;
text-decoration:none;}

#header {
	height:69px;
	width:994px;
	margin: 22px auto 22px auto;

}

#header a img{
	margin:0;
	border:none;
}


/* menu e busca */

#menu{
	height:30px;
	width:994px;
	margin: 0px auto 0px auto;
	padding:0;
	background:#660066;
}

#menu ul{margin:0; padding:0px; float:left; height:30px;}

#menu ul li{
	height:30px;
	display:inline;

}

#menu ul li a{
	float:left;
	text-decoration:none;
	font-size:10px;
	color:white;
	font-weight:bolder;
	margin:0px;
	padding:9px 20px 8px 20px;
}
#menu ul li a:hover, #menu ul li#current a{
	background: #996699;
}

#busca{
	float:right;
}
#searchform{
	margin: 6px 35px 0 0;
	float:left;
}

#searchform #s{
	margin: 0px 10px 0 0;
	background:#996699;
	color:#660066;
	border:solid 1px #996699;
}

#rss{
	margin:8px;
	float:right;
}


/* fim menu e busca */


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



/* POST THE LOOP */

#content{
	clear:both;
	width: 994px;
	overflow:auto;
	margin: 0 auto 30px auto;
	padding:0 0 30px 0;
	background:url(images/backContent.jpg);
}

#posts{
	width:636px;
}

#theloop{
	margin:0;
	padding: 50px 0 0 0;
	
}

#theloop h2 {
	background:url(images/setaroxa.jpg) left no-repeat;
	padding: 0 30px 0 30px;
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#660066;
}

#theloop h2 a{
	text-decoration:none;
	font-size:24px;
	font-weight:bold;
	color:#660066;
}

#theloop h2 a:hover{
	background:#e6eeeb;
	color:#336666;
}

#theloop h3 {
	padding: 15px 30px 0 30px;
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#660066;
}

#postcontent h3 {
	padding: 15px 30px 10px 0px;
	margin:0;
	font-size:16px;
	font-weight:bold;
	color:#660066;
}

#theloop h3 a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#660066;
}

#theloop h3 a:hover{
	background:#e6eeeb;
	color:#336666;
}


#theloop small{
	font-size:9px;
	color:#336666;
	padding: 0 30px 0 30px;
	margin:0;
}
#theloop small a{
	font-size:9px;
	color:#336666;
	margin:0;
	text-decoration:none;
}
#theloop small a:hover{
	background:#e6eeeb;
}

#theloop #postcontent{
	padding: 25px 30px 0 30px;
	margin:0;
}

#theloop #postcontent p{
text-align:justify;
line-height:17px;
margin:0 0 15px 0;
}

#theloop #postcontent object,
#theloop #postcontent embed{
	margin:0 auto 0 auto;
	display:block;
	clear:both;
	width: 575px;

}


#theloop #postcontent p a{
	color:#336666;
	font-weight:bold;
	text-decoration:none;
}
#theloop #postcontent p a:hover{
	background:#e6eeeb;
}

/* SIDEBAR */

#sidebar{
	width:358px;
	height:100%;
	overflow:auto;
	margin:0;
	background:#e6eeeb;
}
#sidebar .socialSide {
	margin: 0 10px;
}
#sidebar h2{
	clear:both;
	color:white;
	text-decoration:none;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:38px 0 0 0;
	padding: 13px 0 13px 18px;
	background:#336666 url(images/backSidebarH2.jpg) left top no-repeat;
}

#sidebar h2 a{
	color:white;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
#follow {
	text-align:center;
}
#follow img{
	margin: 20px auto 0px auto;
	padding:0;
	border:none;
}
#sidebar ul li, ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul li p{
	margin:15px 25px 25px 25px;
	font-size:11px;
	line-height:15px;
}	

#sidebar object{
	width:309px;
	height: 250px;
}
#sidebar embed{
	width:309px;
	height: 250px;
}

li.twitter-item{margin:25px}
ul.twitter{margin:10px 0 0 0}

/* miniposts */
div.miniposts {
	color:#336666
}
div.miniposts img{
	margin:0;
}
div.miniposts p{
	text-align:center;
	margin:0;
	padding:0;
}

div.miniposts small{
	margin:0;
	padding:0;
}

div.miniposts small a{
	margin:0;
	text-decoration:none;
	font-weight:bold;
	color:white;
	padding:5px;
	background:#660066;
}

div.miniposts small a:hover{
	background:#336666;
}

/* POSTFOOTER */

#postfooter{
	margin: 30px;
	
}

#postauthor{
	height: 58px;
	margin: 0px 0 0 0 ;
	background: #e1e1e1;
}

#part1{
	width: 60px;
	float:left;
}

#part2{
	width:510px;
	float: right;
}

#postauthor img.thumbnail{
	float: left;
	height: 42px;
	width: 42px;
	border: 2px solid black ;
	margin: 6px;
}

#postauthor #icones{
	margin: 6px 0 0 0 ;
}

#postauthor #icones a img{
	margin: 0 2px; 0 0 ;
border: solid 2px #a1a1a1;;
	}
#postauthor #icones a:hover img{
	border: solid 2px #336666;
	}
#postauthor #dados{
	font-size: 10px;
	padding: 14px 0 0 0 ;
}

#posttime span{
	float:right;
}

#postcomment{
	height: 16px;
	margin: 0 0 25px 0px;
}


#postcomment #commenticon{
	float:left;
	margin-top: 2px;
	margin-right: 2px;
}
#postcomment #sharebar{
	float:right;
	marign: 0px;
}

#postcomment a{
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	color:#660066;
	
}
#postcomment a:hover{
	color:#336666;
	background:#e6eeeb;
	text-decoration: none;
	
}

#posttime{
clear:both;
	font-size: 10px;
	font-family: Verdana;
	color: black;
	height: 10px;
	padding-bottom: 4px;
	background: url(images/triangulinho.gif) 5px bottom no-repeat;
}


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

.wp-caption {
	border: none;
	text-align: center;
	background-color: #e6eeeb;
	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-text {
	color:#336666;
	font-size: 9px;
	line-height: 12px;
	padding: 1px 4px 1px 4px;
	margin: 0 auto 0 auto;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* rodape */

#footer {
	background: url(images/backGreen.gif) #336666;
	border: none;
	width:994px;
	margin: 0 auto 0 auto;
	text-align:center;
	height:69px;
	}

#footer ul{margin:0 auto 0 auto;}

#footer li{
display:inline;
}

#footer li a{
float:left;
color:white;
font-weight:bold;
font-size:16px;
text-decoration:none;
padding:25px 50px 25px 50px;

}
#footer li a:hover{
background:#e6eeeb;
color:#336666;
text-decoration:none;
}

#footer ul{
font-size:1.6em;
font-weight:bold;
}

#cat_mobile{
	display:none;
	position: fixed !important;
	width:100%;
	margin: 0;
	top: 2em;
}
#cat_mobile ul {
	list-style:none;
	display:block;
}
#cat_mobile li {
	float:left;
	width:10%;
}

/* final rodape */

/* listas */

#theloop ul{
	margin: -10px 5px 15px 15px;
	list-style:square;
}

#sidebar ul ul{
	margin: 10px 5px 15px 25px;
	list-style:none;
	color:#336666;
}
#sidebar ul ul a{
	text-decoration:none;
	font-weight:bold;
	color:#336666;
}
#sidebar ul ul a:hover{
	background:#996699;
	color:white;
}

/* Begin Comments*/

#comentarios h3{
	margin:30px 0 0 0;
	padding:0;
	font-size:16px;
	color:#660066;}

#comentarios{
	margin:30px;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	background:#e6eeeb;
	color:#660066;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0 0 0px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}



.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}



.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 0px 0px 0px 0;
	}

#commentform {
	margin: 5px 0px 0 0px;
	}
#commentform textarea {
	width: 100%;
	padding: 0;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px 30px;
	float: right;
	}

/* End Comments */