/*
Theme Name: Themebox
Theme URI: http://wordpress.org/
Description:
Version: 1.0
Author: Pablo Villaba Andrew Brown
Author URI: http://teambox.com
Tags: awesome
*/


/* Default------------------------------------------------------------------------ */
html,body{ margin: 0px; padding: 0px; background: rgb(255,255,255) no-repeat; }
body{ font-family: Verdana, Arial, sans-serif; }
h1,h2,h3,h4{ font-family: 'Lucida Grande', Verdana, Arial, sans-serif;  color: rgb(0,0,0); margin: 0px; }
h3{ margin: 20px 0 10px 0; font-weight: normal; }
h2{ font-size: 17px; margin: 0px; margin-top: 10px; padding-bottom: 4px; }
p{ font: normal 14px  Helvetica, Arial, Verdana,  sans-serif; margin: 0px; line-height: 1.4em;}
a{ color: rgb(0,0,255); }
a:hover{ text-decoration: none; }
img{ margin: 0px; border: 0px; }
br { clear: both; }
table { vertical-align: top; }
td { vertical-align: top; }
div.clear { clear: both; }

/* Navigation--------------------------------------------------------------------- */
div.navigation_wrap { background: url(http://teambox.com/images/nav_bg.gif) repeat-x top; height: 38px; margin-bottom: 15px; }
div.navigation { width: 900px; margin: 0px auto; }
div.navigation ul { display: block; margin: 0; padding: 0; list-style-type: none; width: auto; }
div.navigation li { display: block; float: left; margin: 0; padding: 0; }
div.navigation li a { font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 15px; display: block; float: left; color: #3D3D3D; text-decoration: none; padding: 8px 16px 7px; border-bottom: none; background: transparent url(http://teambox.com/images/nav_divider.gif) no-repeat top right; }
div.navigation li a:hover { color: #FFFFFF; background: rgb(65,181,193); border-bottom: 1px solid rgb(65,181,193); }
div.navigation li.selected a { color: #FFFFFF; background: #0b0b0a; border-bottom: 1px solid #0b0b0a; }
div.navigation li.right_side { float: right; }
div.navigation li.right_side a { padding-left:50px; padding-right:50px }
 
/* wrapper------------------------------------------------------------------------ */
div.wrapper { padding-top: 10px; width: 960px; margin: 0px auto; }
div.content{ float: left; width: 680px; }
div.content h2 { font-size: 26px; margin: 0px; font-weight: normal; }
div.content h2 a { color: rgb(0,0,0); text-decoration: none; }
div.content h2 a:hover { text-decoration: underline; }

div.column { float: right; width: 260px; }
div.column h2 { font-size: 20px; margin-bottom: 15px; font-weight: normal; }
div.column ul { font-size: 12px; list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 10px; }
div.column li { padding: 5px; margin-bottom: 10px; }
div.column li a { color: rgb(0,0,0); text-decoration: none; }
div.column li a { color: rgb(40,40,40); border-left: solid 10px rgb(240,240,240); padding-left: 4px ;}
div.column li a:hover { color: rgb(0,0,0); background: none; border-left: solid 10px rgb(0,0,0); }

h3.related_post_title { margin: 30px 0 10px 0; font-size: 14px; text-weight: bold; }
ul.related_post { margin: 0px; padding: 0px; margin-left: 20px; }
ul.related_post li { font-size: 12px; }
ul.related_post li a { color: #999; }
/* Post--------------------------------------------------------------------------- */ 
div.post { margin-top: 10px; margin-bottom: 100px; }
div.post p { margin-top: 10px; margin-bottom: 10px; }
div.post p.info { padding-bottom: 10px; font-size: 12px; }
div.post span.author { font-weight: normal; }
div.post span.date { color: #aaaaaa; }
div.post span.leave_comments a { color: #aaaaaa; }
div.post span.datetime { background: rgb(255,255,0); padding: 2px 3px; }
div.post div.title { float: left;  width: 580px; }
div.post div.avatar { float: left; width: 60px; height: 60px; display: none; }
div.post div.entry { clear: both; }
div.post div.entry li { font-size: 13px; padding-bottom: 4px; }
div.post div.entry img { margin: 10px 0px; }
div.post blockquote { margin: 5px 10px 5px 10px; padding: 5px 5px 5px 20px; color: #444; border-left: 5px solid #999; background-color: rgb(255,255,240) }
/* Footer------------------------------------------------------------------------ */
div.footer_wrap { clear: both;  margin-top: 10px;}
div.footer { width: 960px; margin: 0px auto; color: rgb(50,50,50); padding-top: 10px;}
div.footer h2 { color: rgb(50,50,50); }
div.footer p { padding: 10px 0px; font-size: 12px; }
div.footer p.copyright { font-size: 11px; font-family: Georgia;}
div.footer p a { color: rgb(100,100,100); }
div.footer div.what { float: left; width: 300px; padding-right: 15px; }
div.footer div.grab { float: left; width: 300px; padding-right: 15px; }
div.footer div.help {  float: left; width: 300px; padding-right: 15px; }
div.footer div.help div { padding-top: 5px; }
div.footer div.help div p {  margin: 0px; padding: 0px; }
div.footer div.help div.pablo { float: left;  width: 140px; }
div.footer div.help div.andrew { float: right; width: 140px; }