/*  
Theme Name: Bricks
Theme URI: http://www.xpressionxtreme.com/
Description: The Bricks Theme is designed by <a href=http://www.xpressionxtreme.com/>XpressionXtreme</a><br /><br />
Version: 1.0
Author: Reyes
Author URI: http://www.xpressionxtreme.com
Tags: Full CSS, custom header, fixed width, two column
All copyright information must stay intact and may not be removed! The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
Template: Two column page with bookshelf navbar, for home or home sections
*/

/* << ----------------// General Styles //---------------->> */
body { margin:10px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#ff9; background: #c27422 url(http://edicionessinnombre.com/images/bkg_ladrillo.jpg) repeat; }

strong { font-weight:bold; }
em { font-style:italic; }
h1, h2, h3, h4 { font-weight:bold; font-family: "Times New Roman", Times, serif; }
h1 { font-size:26px; color: #632523; line-height: 36px; }
h2 { font-size:22px; color:#FFCC00; line-height: 32px; }
h3 { font-size:18px; color: #CCCCCC; line-height: 28px; }
h4 { font-size:15px; line-height: 25px; color: #FFFF00; }
h5 { font-size:13px; line-height: 23px; color: #990000; }
img.left { padding: 0px 6px 6px 0px; float: left; }
img.right { padding: 0px 0px 6px 6px; float: right; }
a:link, a:visited { color:#FFFF00; text-decoration:none; font-weight: bold; }
a:hover, a:active { color:#990000; text-decoration:none; font-weight: bold; }
ul { margin:5px 0 5px 20px; padding:0; list-style-type:disc; }
ol { margin:5px 0 5px 30px; padding:0; list-style-type:decimal; }
ul li, ol li { margin:0 0 4px 0; padding:0; }

/************************************************
*	Outer container that holds the columns				      *
************************************************/
#container { width: 1024px; margin: 0 auto; text-align: left; }
#header { width: 100%; height: 180px; margin: 0px; padding: 0px; }
#header img { padding:0px; text-decoration:none; margin: 0px; border-width: 0px; }
#leftbar { float: left; width: 804px; padding: 0px; margin: 0px; }
#rightbar { float: right; width: 220px; margin: 0px; padding: 0px; }
#desk { margin: 0px; padding: 0px; text-align: center; }
#spacer { margin:0; padding:0; width:1024; height:30px; }
/* NOTE: the content column and sidebar column widths must - when added together - be less then or equal to the width of the container */

/************************************************
*	RightNavBar				      *
************************************************/
#navVertical { margin:0; padding:10px; width:200px; background-image: url(http://edicionessinnombre.com/images/bookshelf2.gif); background-repeat: no-repeat; background-position: center top; height: 600px; }
#navVertical ul { margin:0px; padding:175px 0px 0px 10px; list-style:none; }
#navVertical ul li { margin:0; padding:0; list-style:none; }
#navVertical ul li a:link, #navVertical ul li a:visited { padding:4px 0px 0px; color:#ffbf09; text-decoration:none; display:block; font-size: 1.4em; height: 46px; width: 180px; text-align: center; }
#navVertical ul li a:hover, #navVertical ul li a:active { color:#FFFF00; text-decoration:none; }

/* << ----------------// Footer //---------------->> */
#footer { margin:0; padding:40px 5px 5px 10px; width:1009px; height:40px; font: 10px "Courier New", Courier, monospace; color: #FFFFCC; clear:both; }

/************************************************
*	Contenidos				      *
************************************************/
#wrapcontent { margin:0px; margin:0px 50px 30px 10px; font-size: 12px; line-height: 1.2em; }
.weblog { padding: 0px 10px 20px; }
/************************************************
*	--  Input fields formatting. --     *
************************************************/
.input { font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; font-size: 11px; height: 1.6em; padding: 0.3em 0 0 2px; background: #E6AA6F; margin: 3px 0px; border: 1px solid #9D5C1C; } 
/*--  Input text-area formatting --*/
.textarea { font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; font-size: 11px; background: #E6AA6F; text-align: left; margin: 3px 0px; border: 1px dotted #E6AA6F; }
/*--  Submit button formatting. --*/
.button { text-transform: uppercase; color: #FFFFCC; font: normal 11px Verdana, Geneva, "Trebuchet MS", Arial, Sans-serif; background: #c27422; }
/*--  Pull-down menus. --*/
.pulldown { background-color: #E6AA6F; color: #FFFFCC; font: normal 11px Verdana, Geneva, "Trebuchet MS", Arial, Sans-serif; }

/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal { margin:0; padding:0; width:1024; height:30px; line-height:30px; }
#navHorizontal ul { margin:0 0 0 5px; padding:0; list-style:none; }
#navHorizontal ul li { margin:0 0 0 -5px; padding:5px 0 5px 0; list-style:none; display:inline; }
#navHorizontal ul li a:link, #navHorizontal ul li a:visited { padding:5px 8px 5px 8px; color:#ffbf09; text-decoration:none; border-right:1px solid #990000; }
#navHorizontal ul li a:hover, #navHorizontal ul li a:active { color:#FFFF00; text-decoration:none; background-color:#FF9900; }

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}

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