/*
Theme Name: Be Tranquilo
Theme URI: http://www.betranquilo.com
Description: Be Tranquilo.
Version: 1.0
Author: Miguel Cantu
Author URI: http://www.miguelcantu.com
Tags:
*/

/* Reset */
*								{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ background: url(/images/brick_bg.jpg) repeat; color: #ffffff; font-family: Arial, sans-serif; font-size: .7em; }
ul								{ list-style: none; }
li								{ list-style: none; }
ol								{ list-style: decimal inside; }
a								{ outline: none; text-decoration: none; }
a img								{ border: none; }
img								{ margin: 0; margin-bottom: 10px; vertical-align: middle; }
table								{ border-collapse: collapse; }

/* Utility */
.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ background: #66cc99; border: none; margin-top: 10px;  padding: 2px 8px; }

/* Typography */
a								{ color: #66cc99; }
a:hover								{ color: #ffffff; }
h2								{ color: #66cc99; font-size: 1.2em; }
h3								{ background: url(/images/lines.png) bottom no-repeat; font-size: 1.3em; color: #66cc99; height: 30px; margin-bottom: 10px; }

/* Structure */
#page-wrap							{ margin: 0 auto; width: 960px; }
#header								{ background: url(/images/edge_top.png) bottom no-repeat; height: 100px; padding-top: 20px; width: 960; }
#body								{ background: #000000; float: left;  margin-bottom: 10px; width: 960px; }
#left							{ border-right: 1px dashed #333333; float: left; margin: 10px 0 10px 10px; padding-right: 15px; width: 300px; }
.left-col                                               { border-bottom: 1px dashed #333333; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 300px; }
#right							{ float: right; margin: 10px; width: 610px; }
.right-col						{ border-bottom: 1px dashed #333333; float: right; margin-bottom: 0; padding-bottom: 5px; width: 610px; }
.main-col                                                       { float: left; margin: 10px 15px 10px 0; width: 290px; }
#mp3     { float: right; height: 20px; width: 30px; }
#navbar { float: right; margin-top: 80px; width: 550px; }
#nav    { float: right; margin: 0; padding; }
#nav li { display: inline; list-style-type: none; margin-left: 10px; }
#nav a:link, #nav a:visited  { color: #ffffff; font-size: .9em; font-weight: bolder; text-transform: uppercase; } 
#nav a:hover, #nav a:active { color: #66cc99; }

/* Posts */
.content							{ float: left; margin-bottom: 10px; width: 300px; }
.text								{ float: left; margin: 0; }

/* Footer */
#footer-container      { margin: 10px auto; width: 960px; }
#footer                { color: #999999; font-size: 1em; }
#footer a              { color: #999999; }
#footer a: hover       { color: #999999; }
#footer li             { display: inline; list-style-type: none; margin-right: 5px; }

/* Misc */