/* 



Theme Name: Structure



Theme URI: http://themehybrid.com/themes/structure



Description: A theme for news/magazine sites with a blog-friendly option too.  It includes built-in video and image features that easily allow you to customize your site. There are content blocks that you can place virtually anywhere on the page.



Version: 1.3



Author: Justin Tadlock



Author URI: http://justintadlock.com



Copyright (c) 2007 - 2008 Justin Tadlock



*



* Keep the above information intact.



*



*/







* { margin: 0; padding: 0; }







ul { list-style: none; }



.post ul, .post ol { margin: 0 0 15px 25px; }



.post ul { list-style: disc; }



.post ul ul, .post ul ul ul, .post ol ol, .post ol ol ol { margin-bottom: 0; }







p { margin: 10px 0; }







a { color: #dd127b; text-decoration: none; }



a:hover { color: #000; }







/* Code */



pre {



	overflow: auto;



	margin-bottom: 15px;



	padding: 7px;



	background: #f9f9f9;



	}







/* Blockquotes */



blockquote {



	margin: 0 1.7em 15px 1.7em;



	padding-left: 10px;



	color: #444;



	font-style: italic;



	border-left: 2px solid #eee;



	}



blockquote blockquote { color: #dd127b; }







/* Alignment */



.left, .alignleft { float: left; margin-right: 10px; }



.right, .alignright { float: right; margin-left: 10px; }



.clear { clear: both; }



.center, .aligncenter { margin: 0 auto 15px auto; text-align: center; display: block; }







/* Tables */



table { width: 95%; margin: 0 auto 15px auto; border: 1px solid #dd127b; }



table tr { font-weight: bold; background: #dd127b; }



table tr td { text-align: center; background: #fff; border: 1px solid #dd127b; }



table tr td.pad { border: none; }







h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #99750e; }



h2, h3, h4, h5, h6 { margin-bottom: 15px; }



h2 { font-size: 1.3em; }



h3 { font-size: 1.3em; }



h4 { font-size: 1.2em; }



h5 { font-size: 1.1em; }



h6 { font-size: 1em; }



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {



	font-weight: normal;



	text-decoration: none;



	color: #ceb612;



	}







body {



	color: #000;



	background-image: url(http://www.vacaamarela.art.br/bgprincipal.jpg);



	font: 80% Verdana, Arial, Helvetica, sans-serif;



	}



#body-container {



	overflow: hidden;



	width: 948px;



	margin: 0 auto;



	padding: 0 12px 5px 12px;



	background: #ffdc52;



	}







/************************************************



	Navigation



************************************************/



#navigation { overflow: hidden; width: 100%; float: left; display: block; background: #ffffff; }



#nav { float: left; width: 635px; margin: 0 10px 0 0; }



#nav li { float: left; display: inline; }



#nav li a {



	font-size: 1em;



	font-weight: bold;



	float: left;



	color: #000000;



	text-align: center;



	padding: 8px 25px;



	text-decoration: none;



	}



#nav li a:hover, #nav li a:active { background: #ffdc52; text-decoration: underline; }



#navigation ul li.current_page_item a { background: #ffdc52; }







/************************************************



	Search form (navigation)



************************************************/



#search form { float: right; }



#search input#s {



	width: 235px;



	padding: 5px;



	margin: 2px 0;



	color: #333;



	background: #f7f7f7;



	border: 1px solid #333;



	}



#search input#search-submit {



	display: none;



	}







/************************************************



	Header



************************************************/



#header {



	clear: left;



	float: left;



	width: 926px;



	padding: 10px;



	border-top: 1px solid #ccc;



	border-bottom: 1px solid #ccc;



	background: #fff;



	}



#header h1 {



	display: inline;



	float: left;



	width: 650px;



	font-size: 2.5em;



	font-weight: bold;



	}







/************************************************



	Feed (header)



************************************************/



#feed {



	width: 200px;



	height: 40px;



	float: right;



	padding: 2px 50px 0 0;



	background: url(images/subscribe.gif) no-repeat right 0;



	}



#feed ul li { text-align: right; margin: -1px 0 4px 0; }



#feed ul li a { font-weight: bold; }



#feed ul li a:hover { text-decoration: underline; }







/************************************************



	Containers



************************************************/



#container {



	overflow: hidden;



	float: left;



	width: 926px;



	padding: 10px 10px 5px 10px;



	background: #ffffff;



	}



#content, #home { width: 611px; }



#content { padding: 0 0 10px 0; }



#content.left, #home.left, #sidebar.left { float: left; margin: 0; }



#content.right, #home.right, #sidebar.right { float: right; margin: 0; }



#home.right, #content.right { margin-right: 5px; }







/************************************************



	Images



************************************************/



.post img { 	max-width: 98%; }



img, a img {



	padding: 3px;



	border: 1px solid #01203c;



	background: #eee;



	}







.thumbnail { width: 75px; height: 75px; }



.thumbnail, .medium { float: left; margin-right: 10px; }







#feature img { width: 300px; }



html>body #feature img { width: auto; max-width: 300px; }







.author-box .avatar { float: left; width: 75px; height: 75px; margin-right: 10px; }



.navigation-attachment img { max-width: 150px; max-height: 150px; }







/* Captions */



.wp-caption {



	padding: 3px 0 0 0;



	background: #f7f7f7;



	border: 1px solid #eee;



	text-align: center;



	}



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



	margin: 0; padding: 0 5px;



	text-align: right;



	font-size: .8em;



	color: #666;



	}



.wp-caption img {



	margin: 0; padding: 0;



	}







/************************************************



	Posts/pages/archives



************************************************/



#content .post, .paged .post {



	width: 604px;



	padding: 5px;



	overflow: hidden;



	margin: 0 0 10px 0;



	background: #fff;



	border: 1px solid #ccc;



	}



#content .thumbnail { float: left; margin: 2px 17px 10px 0; }



#content.single .post {



	width: 564px;



	font-size: 1.1em;



	padding: 10px 25px;



	}



.post .post-title { margin: 0 0 5px 0; }



.post a { color: #1359AE; text-decoration: none; }



.post a:hover { color: #000; text-decoration: underline; }



.post .post-title a { color: #93741d; }



.post .byline { margin: 5px 0 7px 0; }



.post-meta-data { margin-right: 6px; text-align: right; }



#content .post-meta-data {



	text-align: left;



	}







/* Related posts */



#related {



	overflow: hidden;



	width: 594px;



	margin: 0 0 10px 0;



	padding: 10px;



	background: #fff;



	border: 1px solid #ccc;



	}



#related ul { list-style: disc; margin-left: 25px; }







/* Navigation links */



.navigation-links {



	width: 594px;



	padding: 10px;



	overflow: hidden;



	margin: 0 0 10px 0;



	background: #fff;



	border: 1px solid #ccc;



	}



.previous { float: left; max-width: 47%; }



.next { float: right; max-width: 47%; text-align: right; }



.single .next { text-align: left; }







/************************************************



	Feature



************************************************/



#feature .post {



	overflow: hidden;



	width: 594px;



	margin: 0 0 10px 0;



	padding: 10px;



	background: #fff;



	border: 1px solid #ccc;



	}



#feature .post-title { margin: 0 0 5px 0; font-size: 1.6em; }



#feature img { float: left; margin: 3px 15px 10px 0; }



#feature p { margin: 0 0 10px 0; }







/************************************************



	Home Inserts



************************************************/



#home-insert-1, #home-insert-2, #home-insert-3 {



	overflow: hidden;



	width: 594px;



	margin: 0 0 10px 0;



	padding: 10px;



	background: #fff;



	border: 1px solid #ccc;



	}







/************************************************



	Excerpts



************************************************/



#excerpts .post {



	width: 594px;



	margin: 0 0 10px 0;



	padding: 10px;



	background: #fff;



	border: 1px solid #ccc;



	}



#excerpts .post-title { width: 100%; margin: 0 0 5px 0; }



#excerpts img { float: left; margin: 2px 17px 10px 0; }







/************************************************



	Full posts (home)



************************************************/



#full-posts .post {



	width: 594px;



	margin: 0 0 10px 0;



	padding: 10px;



	background: #fff;



	border: 1px solid #ccc;



	}



#full-posts .post-title { width: 100%; margin: 0 0 5px 0; }



#full-posts .byline { margin: 0 0 15px 0; clear: left; }



#full-posts .post-meta-data { text-align: left; }







/************************************************



	Widget blocks (also see sidebar menu)



************************************************/



#widget-blocks { margin-bottom: 10px; width: 616px; }



#widget-blocks .block-left { float: left; width: 300px; }



#widget-blocks .block-right { float: right; width: 300px; }























































/************************************************



	Sidebar



************************************************/



#sidebar {



	overflow: hidden;



	width: 300px;



	}



/*Configuracoes especiais para os widget recent*/

.menu2 {

	verflow: hidden;

	float: left;

	width: 278px;

	margin: 0 0 10px 0;

	padding: 10px;

	/*border: 1px solid #ccc;*/

	background: #FFFFFF;

}



.menu2 .section-header { font-size: 1.1em; font-weight: bold; margin-bottom: 8px; border-bottom:1px solid #ccc; }

.menu2 .section-header a { font-weight: bold; }

.menu2 li, .tabbed .tab-content li { padding: 0 5px 3px 0; }

/*#widget-blocks .menu2 li a, .tab-content li a { padding: 2px 0 2px 10px; }*/

.menu2 ul li a:hover, .tabs-block .tabbed div li a:hover { text-decoration: underline; }



/*Fim das configuracoes especiais do widget recent*/



.menu {



	overflow: hidden;



	float: left;



	width: 278px;



	margin: 0 0 10px 0;



	padding: 10px;



	border: 1px solid #ccc;



	background: #fff;



	}



.menu .section-header { font-size: 1.1em; font-weight: bold; margin-bottom: 8px; }



.menu .section-header a { font-weight: bold; }



.menu li, .tabbed .tab-content li { padding: 0 5px 3px 0; }



#sidebar .menu li a, #widget-blocks .menu li a, .tab-content li a { padding: 2px 0 2px 10px; }



.menu ul li a:hover, .tabs-block .tabbed div li a:hover { text-decoration: underline; }



#sidebar .tab-content p, #widget-blocks .tab-content p { margin: 5px; }







/* Sidebar search tab */



#sidebar .search input { width: 94%; background: #f9f9f9; color: #333; margin: 4px 0; padding: 5px; }



#sidebar .search input.search-submit { display: none; }







/* Gallery stream / flickr */



#sidebar .flickr img, #sidebar .gallery-stream img { width: 75px; height: 75px; margin: 0 5px 5px 4px; }







/* Video widget */



.video { padding: 10px 10px 0 10px; width: 278px; }



.video div { padding: 0; margin: 0; }



.video object { float: left; width: 100%; margin: 0; padding: 0; }



.video .post-title { font-size: 1em; margin: 5px 0; }







/* Ads widget */



.ads img {



	width: 125px; height: 125px;



	float: left;



	margin: 2px 4px 7px 10px;



	padding: 0; border: none;



}







/* Recent widget */



.recent {



	width: 288px;



	padding: 10px 5px;



	margin: 0 0 10px 0;



	float: left;



	background: #fff;



	/*border: 1px solid #ccc;*/



	}



.recent .post {



	width: 99%;



	float: left;



	margin: 5px;



	padding: 0;



	line-height: 1em;



	}



.recent h2 { margin-left: 5px; }



.recent .post h3 { margin: 0; padding: 0; }



.recent .post h3 a { display: inline; font-size: .7em; font-weight: bold; }



.recent img { display: block; clear: left; float: left; margin: 2px 10px 0 0; }







/************************************************



	Tabs



************************************************/



#sidebar .tabs-block, #widget-blocks .tabs-block { width: 300px; }



.tabs-block {



	float: left;



	margin-bottom: 10px;



	}



.tabbed {



	width: 100%;



	border: none;



	padding: 0;



	}



/* Actual tabs */



.tabbed ul.tabs {



	position: relative;



	top: 0;



	left: 0;



	z-index: 5;



	list-style-type: none;



	}



.tabbed ul.tabs li { display: inline; float: left; }



.tabbed ul.tabs li a {



	display: block;



	float: left;



	margin: 0 3px 0 0;



	padding: 5px .4em;



	font-weight: bold;



	background: #eee;



	border: 1px solid #ccc;



	}



.tabbed ul.tabs li a:hover { background: #f7f7f7; text-decoration: none; }



.tabbed ul.tabs li a.tab-current { background: #fff; border-bottom: 1px solid #fff; }







/* Tab content */



.tab-content {



	float: left;



	overflow: hidden;



	clear: left;



	z-index: 0;



	margin-top: -1px;



	border: 1px solid #ccc;



	background: #fff;



	}



#sidebar .tab-content, #widget-blocks .tab-content { width: 99%; padding: 5px 0; }



div.t2, div.t3, div.t4, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8 { display: none; }







/* All post tabs */



#post-tabs, #post-list-tabs, #post-block-tabs { overflow: hidden; width: 616px; margin-bottom: 10px; background: transparent; }



#post-tabs .tab-content, #post-block-tabs .tab-content, #post-list-tabs .tab-content { width: 594px; padding: 10px; }



#post-tabs .post, #post-block-tabs .post, #post-list-tabs .post { margin: 5px 0 0 0; }



#post-tabs .post-title, #post-block-tabs .post-title, #post-list-tabs .post-title { font-size: 1.15em; }







/* Post block tabs */



#post-block-tabs .odd { clear: both; float: left; width: 48%; }



#post-block-tabs .even { float: right; width: 48%; clear: none; }







/* Post list tabs */



#post-list-tabs .odd { float: left; width: 50%; clear: left; }



#post-list-tabs .even { float: right; width: 45%; clear: none; }



#post-list-tabs .tab-content ul { list-style: none; margin-left: 3px; }



#post-list-tabs .tab-content li { margin: 3px 0; }







/************************************************



	Comments template



************************************************/



#comments-template {



	overflow: hidden;



	float: left;



	clear: left;



	width: 564px;







	padding: 10px 25px;



	margin: 0 0 10px 0;



	border: 1px solid #ccc;



	background: #fff;



	}



#comments-template h3 { margin: 10px 0 0 0; }



#comments-template li {



	list-style-type: none;



	float: left;



	width: 97%;



	margin: 10px 0;



	padding: 5px;



	background: #f7f7f7;



	border: 1px solid #ccc;



	}



#comments-template img { border: none; padding: 0; }



#comments-template .avatar {



	float: left;



	width: 35px; height: 35px;



	margin: 5px 10px 0 10px;



	padding: 1px;



	border: 1px solid #01203c;



	background: #eee;



	}



#comments-template li.alt {



	border-top: 1px solid #0C386E;



	border-bottom: 1px solid #0C386E;



	}



#comments-template .comment-meta-data {  float: left; margin-top: 5px; }



#comments-template .comment-text {



	clear: left;



	float: left;



	display: block;



	width: 90.5%;



	margin: 10px;



	padding: 8px 15px;



	background: #fff;



	border: 1px solid #eee;



	}



#comments-template input {



	width: 50%;



	padding: 5px;



	margin:  10px 5px 0 0;



	background: #fff;



	border: 1px solid #0C386E;



	}



#comments-template textarea {



	width: 96%;



	padding: 5px;



	margin-top: 10px;



	border: 1px solid #0C386E;



	}



#comments-template input.submit-comment, #comments-template input.reset-comment, .button {



	width: 100px;



	padding: 7px;



	margin-right: 10px;



	color: #fff;



	border: 1px double #333;



	background: #0C386E;



	}







/************************************************



	Footer



************************************************/



#footer {



	color: #515151;



	clear: both;



	width: 945px;



	margin: 5px auto;



	padding: 5px 0;



	}



#footer p {



	float: left;



	width: 75%;



	margin: 0 auto;



	}



#footer p.icons {



	float: right;



	text-align: right;



	width: 30px;



	}



#footer .wp-icon {



	display: block;



	width: 30px;



	height: 30px;



	background: url(images/wp-icon.gif) no-repeat 0 0;



	}



#footer .wp-icon span {



	display: none;



	}



#footer a { color: #000; font-weight: bold; }



#footer a:hover { text-decoration: underline; }



#footer img { margin: 0 10px; border: none; }