/* 
 * Summary
 * 
 * 1. General
 * 2. Header
 * 3. Footer
 * 4. Articles
 * 5. Home
 * 6. Pages
 * 7. Archive
 *
 *****************/

/* 1. General */
.fix { clear: both; }
body { font-family: Verdana, sans-serif; background: url(/site/images/background.gif) repeat left top; }
#container { width:850px; margin:auto; background:#fff; border:1px solid #999; font:normal 12px "Verdana", sans-serif; color: #47423a; }
#menu { background:url(/site/images/back_top.jpg) no-repeat top left; height: 270px; }
h1 { font-size: 18px; border-bottom:1px solid #666; color:#089948; margin: 0 20px 20px 20px; }
a { color: #47423a; text-decoration: none; }
a:hover { color: #a82a20; }
.css1 { font-size: 12px; }
.css2 { font-size: 11px; }
.css3 { font-size: 10px; }
.css4 { font-size: 9px; }
#flash_notice { padding: 0 20px; }
img { border: 0; }

/* 2. Header */
#search_box { background:url(/site/images/back_busca.png) top left no-repeat; text-align: right !important; padding-top:4px; height: 40px; margin-top: -40px; }
#search_box label { float: left !important; margin-left: 630px; }
#search_box button { display: none; }
#search_box input { margin-left: 5px; background-color: transparent!important; border: 0; outline: none; width: 140px; font-size: .9em; }

/* 3. Footer */
#footer { margin-top: 100px; clear: both; font-size: 11px; background: url(/site/images/back_rodape.jpg) no-repeat bottom left; height: 119px; color: #47423a; }
#footer a { color:#a82a20; text-decoration:none; }
#footer a:hover { color:#386732; }
#footer p { padding: 0 0 0 20px; }
.site_index #footer p { padding: 0 0 0 40px; }
#footer .flash_animation { left: 50%; margin-left: 197px; position: absolute; margin-top: -150px; }

/* 4. Articles */
body.articles #newsletters { padding: 0; width: 220px; float: right; margin: 0 20px 0 0; }
body.articles #newsletters h2 { margin-bottom: 10px; }
.article_summary { margin: 0; padding: 0; }
.article_summary p { margin: 0; padding: 0; }
.article_content { line-height: 1.8em; margin-bottom: 15px; }
.articles_show .article,
.articles_index #articles { width: 550px; float: left; padding: 0 0 20px 20px; margin: 0; }
.articles_index #footer { margin-top: 100px; }
.articles_show h2,
.articles_index h2 { font-size: 18px; border-bottom:1px solid #666; color:#089948; margin: 0 0 30px 0; }
.articles_show h3 {	font-size: 15px; color:#00461c;	}
.article_image { margin: 0 20px 5px 0; float: left; }
.articles_show img,
.article_item img { border: 2px solid #666; padding: 0; }
.articles_show #featured_articles { clear: both; margin: 20px; width: 550px; }
.articles_show #featured_articles .article_item { clear: both; }
.navigation { clear: both; margin: 20px; }
.navigation a { color: #a82a20; font-weight: bolder; }
#articles .article_item { clear: both; padding: 0 0 25px 0; margin: 0; }
#articles .article_item h3,
#featured_articles h3 { padding: 0; margin: 0 0 10px 0; font-size: 13px; }
/* Generic alternative list */
.alternative_list { width: 220px; padding: 0 20px 0 20px; float: right; margin: 0; }
.alternative_list ul { margin: 0; list-style: none; padding: 0; }
.alternative_list ul li { margin-bottom: 7px; clear: both; font-size: 11px; }
.alternative_list a { color: #47423a; text-decoration: none; font-style: italic; }
.alternative_list a.view_more { font-style: normal; font-size: 11px; font-weight: bolder; color: #a82a20; }
#article_tags { text-align: center; width: 220px!important; margin: 20px 20px 20px 0; float: right; }
#article_tags h2 { text-align: left; margin-bottom: 10px; }
#article_tags a { font-style: normal; font-size: 10px; } 

/* 5. Home */
.site_index #featured_articles { width: 560px; height: 280px; float: left; padding: 0 0px 20px 40px; margin: 0; }
.read_more { float: left; margin: 0; padding: 0; }
.read_more a { font-weight: bolder; color: #47423a; text-decoration: none; }
.site_index #featured_articles h2,
.site_index #recent_articles h2 { font-size: 14px; color: #005dac; text-transform: uppercase; text-align: right; }
.site_index #recent_articles h2 { text-align: left; }
.site_index #featured_articles img { border: 0; }
.site_index #recent_articles { width: 190px; height: 280px; padding: 0 10px 0 20px; float: right; margin: 0; border-left: 2px dashed #C6E0B7; }
.site_index #featured_articles h3 { margin: 2px 0 0 0; padding: 0; width: 450px; margin-left: 110px; }
.site_index #featured_articles .article_item { clear: both; }
.site_index #recent_articles li { list-style: none; }
.site_index #recent_articles a { color: #47423a; text-decoration: none; }
.site_index #reference_db_and_interactive_space { background:url(/site/images/back_colunas.jpg) no-repeat top left; height: 200px; }
.site_index #reference_db_and_interactive_space h2 { font-size: 1.2em; }
.site_index #reference_db_and_interactive_space p { font-size: 1em; padding: 0 20px 10px 50px; }
.site_index #reference_db { padding: 0 10px 0 40px; width: 300px; float: left; }
.site_index #reference_db h2 { color: #5C2900; }
.site_index #interactive_space { padding: 0 10px 0 0px; width: 290px; float: left; }
.site_index #interactive_space h2 { color: #00461c; }
.site_index #newsletters { padding: 0 10px 0 0px; width: 185px; float: left; }
.site_index #newsletters h2 { color: #089948; }
.site_index form { text-align: center; }
.site_index form p { margin: 10px 0!important; padding: 0!important; }
.site_index #newsletters label { display: block; font-weight: bolder; color: #089948; font-size: 10px; }
.site_index #newsletters #subscriber_email { width: 150px; }
.site_index #galleries { 
	clear: both; 
	padding: 0px 30px 0px 35px; 
	margin: 0;
	background: transparent url(/site/images/back_galeria.jpg) no-repeat 30px 30px; 
	height: 200px;
	width: 570px;
}
.site_index #galleries h2 { font:bolder 14px "Verdana", sans-serif; color:#005dac; }
.site_index #galleries dl { height: 180px; margin: 0; padding: 0; float: left; }
.site_index #galleries dt { display: block; width: 164px; padding: 20px 0 20px 12px; }
.site_index #galleries dd { width: 186px; padding: 0; margin: 0; text-align: center; }
.site_index #galleries a { color: #ddd; }
.site_index #galleries a img { border: 0; }
.site_index #footer { margin-top: 40px; }


/* 6. Pages */
.error_page { padding: 20px 40px; height: 120px; width: 400px; }

/* 7. Archive */
.archive_index { }
.archive_index #archive { padding: 0 20px 130px 20px; }
.archive_index .archive_item { margin-bottom: 20px; }
.archive_index a { color: #47423a; text-decoration: none; }
.archive_index a:hover { color: #a82a20; }
.archive_index h2 { font-size: 1.1em; margin: 0; }
.archive_index h2 span { display: block; font-size: 0.8em; color: #666; margin-bottom: 2px; }

/* 8. Newsletters */
.newsletters { clear: both; padding: 0 20px 20px 20px; width: 555px; }  
.newsletters ul { list-style: none; margin: 0; padding: 0; }
.newsletters ul li { display: block; float: left; width: 175px; margin-right: 10px; }
.newsletters ul li.last { margin-right: 0; }
.newsletters ul li img { float: left; border: 2px solid #666; margin-right: 10px; }
.newsletters a { color: #555; text-decoration: none; }
.newsletters .see_all { float: right; font-weight: bolder; color: #a82a20; }

/* 9. References */
body.references h1 { border: 0; color: #00461c; }
body.references .intro { margin-bottom: 40px; }
body.references .intro p { margin: 10px 20px; }
body.references h2 { font-size: 14px; border-bottom:1px solid #666; color:#089948; margin: 0 0 20px 0; }
body.references #references { width: 585px; float: left; min-height: 200px; padding-left: 20px; }
body.references .reference_item { margin-bottom: 50px; clear: both; }
body.references #references h2 { margin-right: 0; font-size: 16px; }
body.references #references h3 { font-size: 1em; margin: 0; }
body.references #references a:hover { color: #47423a; }
body.references #references .download,
body.references #references .read_more { float: right; color: #a82a20; font-weight: bolder; }
body.references #references .download a { background: url(/site/images/icone_pdf.gif) no-repeat; padding-left: 20px; line-height: 20px; }
body.references #references h3 span { display: block; font-size: 0.8em; margin-bottom: 2px; font-style: italic; }
body.references #new_reference { width: 200px; float: right; margin: 0 20px; font-size: 11px; }
body.references #new_reference form { width: 180px; margin-bottom: 20px; }
body.references #new_reference #reference_title { width: 200px; }
body.references #new_reference h2 { margin: 2px 0 20px 0; }
body.references #new_reference a { float: right; color: #a82a20; font-weight: bolder; }
body.references #new_reference .filters { margin: 0 0 30px 0; padding: 0; list-style: none; }
body.references #new_reference .filters a { float: none!important; }
body.references #new_reference .filters li { padding-bottom: 15px; }
body.references #new_reference .filters span { font-style: italic; padding-bottom: 15px; }
body.references .reference { margin: 10px 20px; }
body.references #footer { margin-top: 150px; }
.source { margin-top: 15px; }

/* 10. Contact */
.contacts_create form,
.contacts_new form { padding: 0 20px 20px 20px; clear: both; }
.contacts_create label,
.contacts_new label { display: block; width: 100px; float: left; }
.contact_fields { float: left; width: 370px; margin-right: 20px; }
.contacts_create .errorExplanation,
.contacts_new .errorExplanation h2 { margin: 0; padding: 0; font-size: 0.9em; }
.contact_fields .spam_control { display: none; }

/* 11. Gallery */
.galleries_show {  }
.galleries_show h1 { border-bottom:1px solid #666; color:#089948; margin: 0!important; }
.galleries_show h2 { font-size: 14px; color:#00461c; }
.galleries_show p { clear: both; }
.galleries_show .gallery { width: 550px; float: left; min-height: 200px; padding-left: 20px; }
.galleries_show ul { margin: 0; padding: 0; list-style: none; }
.galleries_show ul li { float: left; margin-right: 10px; }
.galleries_show .flickr { background: url(/site/images/icone_flickr.jpg) no-repeat; padding-left: 55px; }
.galleries_show .flickr a { font-style: normal; font-size: 11px; }
.galleries_index { }
.galleries_index #galleries { padding: 0 20px 130px 20px; }
.galleries_index .gallery_item { margin-bottom: 20px; clear: both; }
.galleries_index .gallery_image { float: left; margin-right: 15px; }
.galleries_index a { color: #47423a; text-decoration: none; }
.galleries_index a:hover { color: #a82a20; }
.galleries_index h2 { font-size: 1.1em; margin: 0; }
.galleries_index h2 span { display: block; font-size: 0.8em; color: #666; margin-bottom: 2px; }

/* 12. Subscribers */
.subscribers_create form,
.subscribers_new form { padding: 0 20px 20px 20px; clear: both; }
.subscribers_create label,
.subscribers_new label { display: block; width: 100px; float: left; }
.subscribersfields { float: left; width: 370px; margin-right: 20px; }
.subscribers_create .errorExplanation,
.subscribers_new .errorExplanation h2 { margin: 0; padding: 0; font-size: 0.9em; }
.subscribers_show p { padding: 0 20px; }

/* 13. Toys */
.toy #featured { margin-top: 40px; }
.toy #featured h2 { margin-bottom: 20px; }
.toy #featured ul { margin: 0; padding: 0; }
.toy #featured li { list-style: none; float: left; padding-right: 25px; width: 90px; height: 140px; }
.toy #featured li img { margin-bottom: 10px; }
.toy #featured li.last { padding: 0!important; }
.toy_title,
.toy_how_to,
.toy_material,
.toy_author, { line-height: 1.8em; margin-bottom: 15px; }
.toys_index .toy,
.toys_show .toy { width: 550px; float: left; padding: 0 0 20px 20px; margin: 0; }
.toys_show h2,
.toys_index h2 { font-size: 18px; border-bottom:1px solid #666; color:#089948; margin: 0 0 30px 0; }
.toys_show h3 {	font-size: 15px; color:#00461c;	}
.navigation { clear: both; margin: 20px; }
.navigation a { color: #a82a20; font-weight: bolder; }
#toy_db { float: right; width: 240px; margin: 0 20px; }
#toy_db ul { margin: 0; padding: 0; font-style: normal; list-style: none; }
body.toys #footer { margin-top: 250px; }
body.toys .toy_image { max-width: 620px; margin-bottom: 20px; }

/* Search */
.search_new #footer,
.search_create #footer,
.search_show #footer { margin-top: 200px; }
.search_new p,
.search_create p,
.search_show p,
.search_new .search_form form,
.search_create .search_form form,
.search_show .search_form form { padding: 0 20px; }
.search_new h2,
.search_create h2,
.search_show h2 { font-size: 1.1em; padding: 20px 0 0 0; border-top: 1px solid #ddd; margin: 30px 20px 20px 20px; }
.search_new a,
.search_create a,
.search_show a { color: #a82a20; font-weight: bolder; }

/* Pagination */
.pagination { border-top: 1px solid #ddd; margin-top: 10px; padding: 10px; }
.pagination a,
.pagination span { padding: 5px; font-weight: bolder; }
.pagination span { color: #999; }

/* Social Networks */
#social_networks h3 { font-size: 1em; }
#social_networks ul { margin: 0!important;; padding: 0!important;; }
#social_networks li { list-style: none; float: left; width: auto; clear: none; }
#social_networks li a { display: block; text-indent: -9999px; overflow: hidden; width: 62px; height: 25px; line-height: 25px;}
#social_networks li.flickr a {  background: url(../images/logo_flickr.jpg) no-repeat center; }
#social_networks li.youtube a { background: url(../images/logo_youtube.jpg) no-repeat center;}
#social_networks li.twitter a { background: url(../images/logo_twitter.jpg) no-repeat center;}