/*

Theme Name: 404ana
Theme URI: http://www.temas.burajiru.blog.br/wordpress-themes/
Description: Theme by 404Projects, based on theme Andreas02-WP by Erica Akira http://www.temas.burajiru.blog.br/wordpress-themes/, in turn based on Andreas02 and Daleri Selection by Andreas Viklund. 
Version: 1.0
Author: 404 Projects
Author URI: http://www.404projects.co.uk

*/


/* General */

body {
margin:0px; padding:0px;
text-align:center;
font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif;
background:#616161;
color:#303030;
}

a:link {color:#0F776C; text-decoration:none;}
a:visited {color:#0F776C; text-decoration:none;}
a:hover, a:focus {color:#DC6309; text-decoration:none;} /* NP use a:focus as well, for people navigating with the keyboard*/
a img {border:0;}

p {
text-align:justify;
font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif;
}

.large { font-size: large; font-family: "Gill Sans", Geneva, Arial, Helvetica, sans-serif; text-align: justify }
h1 {text-align:center; font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; 
color:#BF5404; padding: 0; margin: 0;}

h2 {font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color:#DC6309;}

h3 {font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color:#EE7215;}

/* Header */

#topright {width:25%; padding:0px; margin: 0 10px 0 0; float:right; display:inline; text-align:right; font-size: 30px; font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color:#BF5404; }

/*toptabs */

/* NP  because the li are floated, the ul they are in effectively has no height in FF etc, use this clearfix to stretch the ul's height toinclude the floated li  (class of clearfix added to ul)   */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 

    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#toptabs{
margin:10px auto 0 auto;
width:93%;
padding:0 10px 0 0; /*to match padding on #container and get the indent */ 
}


#toptabs li {
float:right;
list-style:none; 
letter-spacing:1px;
color:#808080;
padding:2px 7px 2px 7px;
margin:0 5px 0 0;
text-decoration:none;
background:#D6C7AF url(img/corner2.gif) top right no-repeat;
border-bottom:1px solid #999999;}


#toptabs li:hover{
background:#C8B79B url(img/corner2.gif) top right no-repeat;
color:#DC6309;
}

#toptabs li.activetoptab {
float:right;

list-style:none; 
letter-spacing:1px;
color:#808080;
padding:2px 7px 2px 7px;
margin:0 5px 0 0;
text-decoration:none;
background:#E4D8C6 url(img/corner2.gif) top right no-repeat;
border-bottom:1px solid #E4D8C6;}

#toptabs li.activetoptab:hover{
text-decoration:none;
}

/*Containers */

#container{
margin:auto !important;
width:93%;
padding:5px 10px 10px 10px;
background:#E4D8C6;
text-align:left;
}

#container2{
margin:0;
padding:0;
width:100%;
background:#F9F5EA;
}

/* Main menu */>

#navHome {display:none}

#mainmenu{
margin:0 0 -18px 0;
padding:12px 0 0 0;
width:70%;
}

#mainmenu li {
float:left;
display: inline;
list-style:none; 
letter-spacing:1px;
color:#808080;
padding:2px 7px 2px 7px;
margin:0 5px 0 0;
text-decoration:none;
background:#F5ECE2 url(img/corner.gif) top right no-repeat;
border-bottom:1px solid #D6C7AF;
border-left:1px solid #D6C7AF;}


#mainmenu li:hover{
background:#E9DDD0 url(img/corner.gif) top right no-repeat;
}

#mainmenu li.activepage {
list-style:none; 
letter-spacing:1px;
color:#808080;
padding:2px 7px 2px 7px;
margin:0 5px 0 0;
text-decoration:none;
background:#F9F5EA url(img/corner.gif) top right no-repeat;
border-left:1px solid #D6C7AF;
border-bottom:1px solid #F9F5EA;}

#mainmenu li.activepage:hover{
text-decoration:none;
}

#mainmenu li.current_page_item {
float:left;
list-style:none; 
letter-spacing:1px;
color:#808080;
padding:2px 7px 4px 7px;
margin:0 5px 0 0;
text-decoration:none;
background:#F9F5EA url(img/corner.gif) top right no-repeat;
border-left:1px solid #D6C7AF;
border-bottom:1px solid #F9F5EA;
}

#mainmenu li.current-cat {
float:left;
list-style:none; 
letter-spacing:1px;
color:#808080;
padding:2px 7px 2px 7px;
margin:0 5px 0 0;
text-decoration:none;
background:#F9F5EA url(img/corner.gif) top right no-repeat;
border-left:1px solid #D6C7AF;
border-bottom:1px solid #F9F5EA;
}



/* Sidebar */

#sidebar {float:right; text-align:right; margin:10px 30px 10px 10px; width:140px; padding:0;}

#sidebar h2, #sidebar h3 {font-size:1.3em; padding:0; margin:0 0 5px 0; border-bottom:3px solid #ddd;}

#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:0 0 20px 0; line-height:1.2em; font-size:1em; padding:0;}

#sidebar table {width:160px;}

#sidebar caption {font-size:1.3em; padding:0; margin:0 0 4px 0; text-align:left;}

#sidebar ul li {list-style: none; padding:0; margin:0 0 2px 0;}

#sidebar ul li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#F9F5EA; }

#sidebar ul li a:hover, #sidebar ul li.current_page_item a{color:#DC6309; background-color:#F5ECE2;}

#sidebar ul li.current_page_item li a{background-color:#F5ECE2; color:#DC6309; }

#sidebar ul ul {margin:0;padding:2px 0 0 10px;}

#sidebar ul ul li {width:148px;}

#sidebar ul ul li a{font-size:0.9em; padding:1px 0 1px 5px;}

#sidebar ul ul ul li {width:138px;}

#sidebar ul ul ul li a{font-size:0.8em; padding:0 0 0 5px;}

#sidebar img {margin:0; padding:0;}

#sidebar img.left {float:left; margin:0 10px 10px 0;}

#sidebar img.right {float:right; margin:0 0 10px 10px;}

#sidebar img.center {margin:2px auto 10px auto; display:block;}

#sidebar img.framed {padding:5px; background:#222; border:1px solid #555;}



/* Content */

#content {clear:left; width:95%; margin:18px 18px 18px 18px;}

#content h2 a, #content h3 a {font-weight:normal;}

#content p {margin:0 0 15px;}

#content div.postnav {padding:10px 0;}

#content div.postnavleft {width:48%;}

#content div.postnavright {width:48%; text-align:right;}

#content ul, #content ol {margin:0 0 15px 30px; padding:0 0 0 10px;}

#content ul li, #content ol li {margin:0 0 3px;}

#content ul ul, #content ol ol {margin:5px 0 5px 15px;}

#content img {margin:0; padding:0;}

#content img.left {float:left; margin:0 10px 10px 0;}

#content img.right {float:right; margin:0 0 10px 10px;}

#content img.center {margin:2px auto 10px auto; display:block;}

#content img.framed {padding:5px; background:#222; border:1px solid #555;}

#content .post {margin:0 0 15px;}

#content .introtext {font-size:1.2em; margin:-10px 0 20px 0;}

#content .timestamp {font-style:italic;}

#content .timestamp strong{font-size:1.2em; font-weight:400; padding:10px 10px 5px 0; }

#content .timestamp a {font-weight:400;}

#content .postmeta {padding:2px 0; font-size:1em; text-align:right; font-weight:400; color:#555; display:block;}

#content .postmeta a {}

#content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.2em;}

#content .postpagesnav .older {width:48%; float:left;}

#content .postpagesnav .newer {width:48%; float:right; text-align:right;}

#content2 {float:left; clear:left; text-align:left; width:65%; margin:0 0 0 18px;}

#content3 {text-align:center; margin:20px 20px 20px 20px;}



/* Fullpage */

#fullpage {text-align: justify; width:100%; margin:0 0 0 18px;}

#fullpage ul, #content ol {margin:0 0 15px 30px; padding:0 0 0 10px;}

#fullpage ul li, #content ol li {margin:0 0 3px;}

#fullpage ul ul, #content ol ol {margin:5px 0 5px 15px;}

#fullpage img {margin:0; padding:0;}

#fullpage img.left {float:left; margin:0 10px 10px 0;}

#fullpage img.right {float:right; margin:0 0 10px 10px;}

#fullpage img.center {margin:2px auto 10px auto; display:block;}

#fullpage img.framed {padding:5px; background:#222; border:1px solid #555;}


/* Footer */

#footer {clear:both; color:#777; text-align:left; background:#eaeaea url(img/footbg.gif) top left repeat-x; border-top:1px solid #aaa; height:28px; width:100% }

#copyright {float:left; display:inline; width:30%; height:21px;}

#search {float:left; display:inline; width:30%; height:21px;}

#design {float:right; display:inline; text-align:right; width:30%; height:21px; margin:0 5px 0 0;}


#footer a {color:#777;}

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


/* Comments */

#comments {margin:20px 0 16px 0;}

.comment {margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #ccc;}

#content div.comment p.commenticon {margin:0 0 10px;}

#content div.comment p {margin:0 0 4px;}

#respond {margin:20px 0 0 0;}

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

#respond input,#respond textarea {padding:4px; width:250px; background-color:#f4f4f4; color:#666;}

#respond textarea#comment {width:500px;}

#respond input.button {width:75px;}

#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #ccc;}



/* Tags */

blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;}

blockquote p {padding:2px 0; margin:0; font-weight:bold;}

code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f4f4f4; border:1px solid #ccc;}

/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* Various classes */

.feedlink {padding:0 0 0 18px; margin:0 0 0 10px; font-size: 1em; background: url(img/rss.png) center left no-repeat;}

.textright {text-align:right;}

.textcenter {text-align:center;}

.clear {visibility:hidden; clear:both;}

.hide {display:none;}

#iconmenu {clear:both; float:right; display:inline; position:relative; top:-20px; margin:0px auto; padding:3px; width:86px; height:21px; }
#iconmenu li {width:20px; height:20px; position:absolute; top:2px; background: url(img/buttons.gif) 0 0 no-repeat; display: block; list-style:none; }
#iconmenu a {width:20px; height:20px; display:block; border:0;}
#iconmenu a:hover {border: solid 1px #000;vertical-align:bottom;}
#iconmenu #panel1c {left: 2px;}
#iconmenu #panel2c {left: 24px; background-position: -21px 0;}
#iconmenu #panel3c {left: 46px; background-position: -42px 0;}
#iconmenu #panel4c {left: 68px; background-position: -63px 0;}

#iconmenu #panel1c a:hover {background: url(img/buttons.gif) -1px -22px no-repeat;}
#iconmenu #panel2c a:hover {background: url(img/buttons.gif) -22px -22px no-repeat;}
#iconmenu #panel3c a:hover {background: url(img/buttons.gif) -43px -22px no-repeat;}
#iconmenu #panel4c a:hover {background: url(img/buttons.gif) -64px -22px no-repeat;}