/*   
Theme Name: BrazilBlog2
Theme URI: http://www.stellarbrasil.net
Description: A Wordpress variable width from 800-1200px. 
Author: Steve
Author URI: http://www.stellarbrasil.net
Version: 0.1
Tags: two-columns, flexible-width, threaded-comments
*/



/* Start Global Resets */
* {
    margin:0;
    padding:0;
}

body {
	background-color:#e5e5FF;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	margin: 5px;
	font-size: 12px;
	text-align:left; /* IE6 Center hack */
}

table {
    border-collapse:collapse;
    empty-cells:hide;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
    margin: 0;
}

ul, ol, dd {
    margin-left:1em;
}

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

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

a img {
    border:0;
}

h4 {
   font-size: 12px;
   padding-bottom: 5px;
	padding-top: 5px;
}
/* End Global resets */

/* Following needed for Wordpress Theme Directory Compliance. */
/* And to support image and other WP generated content positioning */
.alignright {
	float:right;
}

.alignleft {
	float:left;
}

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

/* Start Layout CSS */

.inside {
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrap {
	min-width:800px;
	max-width:1200px;
	width: auto !important; /*IE6 hack*/
	width:1200px; /*IE6 hack*/
	margin:0 auto; /*center hack*/
	text-align:left; /*center hack*/
	padding-top: 0px; /*Space above wrap*/
}

#content {
	float:left;
	margin-right:-215px;
	width:100%;
	margin-bottom:1px;
	overflow:hidden;
	margin-top: 15px;
}

#sidebar {
	float:right;
	width:200px;
	font-size:12pt;
	overflow:hidden;
	margin-bottom:10px;
	margin-right: 0px;
	margin-top: 15px;
}

#footer {
	height:40px;
	clear:both;
	background-color:#EEFFEE;
	color: 3333FF;
	margin-bottom:1em;
	width:100%;
	position:relative;
	margin-top: 5px;
}


/* End Layout CSS */


/* Start header CSS */

#header {
	width:100%;
	height:250px;
	margin-bottom:1em;
	background:#000000 url("./images/Trancoso.png") no-repeat 0 0;
	text-align:left;
}

#header h1 {
	margin-left: 10px;
	margin-top: 50px;
	max-width: 230px;
	line-height:40px;
	}

#header p.description {
	font-size:14pt;
}

#header h1 a {
	font-family: Skia, Tahoma, Verdana, Arial;
	font-size: 36px;
	font-variant: small-caps;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	display: block;
	top: 20px;
	text-align: left;
	left: 20px;
}

#navigation2  div a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	width: 12%;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#navigation2 div {
	display: inline;
	width: 100%;
	white-space: nowrap;
}
#navigation2 #navContent a {
	font-family: Skia, Tahoma, Verdana, Arial;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 0.1em;
	vertical-align: 10%;
	display: inline-block;
}
#navigation2 #navContent a:hover {
	font-weight: bolder;
	text-decoration: underline;
	background-color: #003399;
	color: #009933;
}

.navigationPos {
	position: relative;
	height: 22px;
	width: 100%;
	background-color: #FFFF00;
	left: 0px;
	top: 250px;
	min-width: 800px;
	margin-right: 2px;
}

.navigationContent {
	background-color: #009933;
	position: absolute;
	float: left;
	left: 0px;
	top: 1px;
	height: 20px;
	margin: 0px;
	width: 100%;
	clear:both;
}

/* End header CSS */


/* Start menu CSS */

#menu {
	display:block;
    width:100%;
    background-color:#009933;
    overflow:hidden;
    position:relative;
	height: 45px;
	left: 0px;
	top: 0px;
	min-width: 900px;
	margin-right: 2px;
    clear:both;
}


#menu ul {
    clear:left;
    float:left;
    white-space:nowrap;
    list-style:none;
    position:relative;
    left:0;
    margin:0;
    padding:0;
	width:100%;
}

#menu ul li{
    display:block;
    float:left;
    list-style:none;
    position:relative;
    margin:0;
    padding:0;   
}

#menu ul li a {
    display:block;
    list-style:none;
    position:relative;
    margin:0;
    padding:0;
	min-width: 110px;
	max-width: 145px;
	width: 200%;
}

#menu #nav a {
	display: block;
	position:relative;
	font-family: Skia, Tahoma, Verdana, Arial;
	font-size: 16px;
	line-height: 20px;
	background-color:#33333;
    color:#CCCCCC;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.1em;
	vertical-align: 10%;;
}

#menu li a:hover {
    background-color:#AAAAFF;
    color:#009933;
	text-decoration: underline;
}

#menu li ul {
    position:relative;
    left:0px;
}

#menu li ul li {
}

/* End menu CSS */


/* Start Content CSS */

.article, .archive {
	background-color:#FFFFFF;
	color: #444444;
	font-size:inherit;
	line-height:14px;
	margin-bottom:5px;
	margin-right: 210px;
	text-align: left;
}

.article p, .archive p {
	margin-bottom:10px;
	text-align: justify;
}

.article h2, .archive h2.entry-title {
	padding:0 0 0 0;
	font-size:18px;
	font-weight:200;
	color: #333399;
}



/* Some extra space for the "Next Page >>" link at the bottom */
#content>p>a {
	font-size:10pt;
}

.article p a, .article li a, .postmeta a {
	color:#330066;
}

.article a {
    color:#442266;
}

.article p a:hover {
	text-decoration: underline;
}

/* The Article's meta data */
.article div.postmeta, small {
	font-size:8pt;
}

.article .postmeta {
	color:#225522;
	margin-bottom:3px;
	padding-top:5px;
}

.article blockquote {
    margin:0 1em 0 2em;
    padding:1em 1em 1em 1em;
    font-style:italic;
    background-color:#241D1A;
    border:solid 1px #302724;
}

code {
    color:#BB4444;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
}

pre {
    font-size:1.3em;
    white-space:normal;
}

/* Form Styling */

/* Style input boxes and buttons */ 
input, textarea, select {
	background-color:#FFFFFF;
	border-color:#DDDDFF;
	border-width:1px;
	color:#5F5F5F;
	padding-left: 5px;
	padding-right: 5px;

}


fieldset {
	padding:0.5em;
	border-color:#DDDDFF;
	border-width:2px;
}

/* End Content CSS */


/* Start Sidebar CSS */


.widget {
    width:100%;
    background-color: #EEFFEE;
    margin:0 0 0.5em 0;
}

.widget .inside {
    padding:0.5em;
	color: #333399;
}

.widget .inside h3 {
	font-size:14px;
	font-style: italic;
	font-weight: bolder;
	padding-bottom: 10px;
}

.widget .inside li {
	font-size:12px;
	line-height: 16px;
}

.widget ul {
	list-style-image: none;
	list-style-type: disc;
}

.widget ul li {
    margin-bottom:0.5em;
}

.widget .textwidget {
	font-size: 11px;
	text-align: justify;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* End Sidebar CSS */


/* Start Footer CSS */

#footer img {
    border:0;
}

/* Remove the dotted highlight when clicked */ 
#footer a:focus {
    outline:none;
}

#ft_left, #ft_centre, #ft_right {
	position:absolute;
	bottom:0.5em;
	font-size: 9px;
	color: #444444;
}

#ft_left {
    left:0.5em;
    text-align:left;
}

#ft_centre {
    left:40%;
    text-align:center;
}

#ft_right {
    right:0.5em;
    text-align:right;
}

/* End Footer CSS */


/* Start Wordpress CSS */


/* Navigation Elements */
.navigation {
	font-size:0.9em;
	margin:0.5em 0.5em 1em 0.5em;
}

.comments .navigation {
    margin:0.5em 0 3.5em 0;
}
/* End Navigation Elements */

/* Begin Images */
p img {
    position:relative; /* IE6 Hack */
    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;
}

.wp-caption {
   border: 1px solid #DCDAD5;
   text-align: center;
   background-color: #DCDAD5;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /* This breaks CSS 2.1 validation */ 
   -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;
   text-align: center;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding:3px 0 5px 0;
   margin: 0;
   color:#0F0C0B;
   text-align: center;
}
/* End Images */

/* Comments */
h3#comments {
    font-weight:normal;
    margin-top:5px;
}

.commentmeta {
	font-weight: normal;
	padding-bottom:2px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.commentmetadata {
	font-weight: normal;
	padding-bottom:10px;
	font-size: 8pt;
	padding-top: 5px;
}

ul.commentlist {
    list-style:none;
    margin-left:10px;
}

ul.commentlist li {
	background-color:#EEEEFF;
	padding:5px;
	border:solid 1px #DDDDFF;
	margin-bottom:5px;
	font-weight: bold;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 9pt;
	left: 20px;
}
.commentlist li ul li {
	font-size: 9pt;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #DDDDFF;
	position:relative; /*IE6 Hack */
}

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

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

#commentform p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#commentform textarea {
	width:95%;
	background-color:#FFFFFF;
	height: 100px;
	padding: 5px;
	overflow:auto; /* IE6 & 7 Need this */
}
/* End Comments */

/* Begin Wordpress Widgets */

/* Search Widget */
#searchform {
	color: #333399;
	font-size:16px;
	font-style: italic;
	font-weight: bolder;
	padding-bottom: 10px;
	padding:0;
	margin:0;
	line-height: 20px;
}

#searchform #s {
    width:125px;
	background:#FFFFFF;
}
/* End Search Widget */

/* Calendar Widget */
table#wp-calendar {
    margin:0 auto;
}

#wp-calendar caption {
	color: #333399;
	font-size:16px;
	font-style: italic;
	font-weight: bolder;
	padding-bottom: 10px;
	line-height: 20px;
	text-align: left;
}

#wp-calendar h3 {
	padding:0;
	margin: 0;
	line-height: 0px;
}

#wp-calendar tbody, #wp-calendar thead {
	border:solid 1px #000099;
}    

#wp-calendar th {
    padding:2px 3px;
    text-align:center;
	font-size:9pt;
}

#wp-calendar td {
    padding:2px 2px;
    text-align:center;
	font-size:9pt;
	border:solid 1px #CCCCCC;
}

#wp-calendar td a {
    padding:2px 3px;
    display:block;
    background:#DDDDFF;
    color:#000000;
    font-weight:bold;
}

#wp-calendar td a:hover {
    background:#BBBBFF;
    color:#000000;
	text-decoration: underline;
}

#wp-calendar td#next a, #wp-calendar td#prev a {
    color:#000000;
    background:#DDDDFF;
}

#wp-calendar td#next a:hover, #wp-calendar td#prev a:hover {
    color: #000000;
	background:#BBBBFF;
	text-decoration: underline;
}

/* End Calendar Widget */

/* Tag Cloud */
#tag_cloud a {
    color:#000000;
    margin:2px 3px;
}

#tag_cloud a:hover {
    color: #0000FF;
	text-decoration: underline;
}
/* End Tag Cloud */

#widget #mlang {
	color: #FF0000;
	font-size:16px;
	font-style: italic;
	font-weight: bolder;
	padding-bottom: 10px;
	line-height: 20px;
	text-align: left;
}




/* End Wordpress CSS */

.clear {
    clear:both;
}

.opacityLeft {
	background-color: #0033CC;
	filter: Alpha(Opacity=50);
	-moz-opacity:.40;
	opacity:.40;
	display: block;
	position: absolute;
	top: 0px;
	z-index: 2;
	height: 250px;
	width: 250px;
	left: 5px;
	top: 5px;
	clear:both;
}