/*  
Theme Name: Courage
Theme URL: http://www.pjosh.com
Description: Theme programado para pjosh.com, basado en "DailyPress".
Version: 1.0
Author: Jorge García García
Author URL: http://www.pjosh.com
*/

/*++++++ HEADER ++++++++*/
#header {height: 100px; width: 1000px; background: url(images/header/Header.jpg) no-repeat right;}
#findme {float:right; margin-right:6px; margin-top:9px;}
#searchbox {float:right; width: 219px; height: 24px; background: url(images/header/search_background.gif) no-repeat; margin:55px 0 0 0;}
#searchbox #s {float: left; margin: 4px 0 0 6px; border: 0; width: 160px; background: none; color:#999999;}
#searchbox #go {float: right; margin: 6px 8px 0 0; width:12px; height:13px;}

/*++++++ BODY ++++++++*/
* {margin: 0px; padding: 0px; list-style:none; text-decoration:none;}
body {background:#e7e5de url(images/header/bkg.gif) repeat-x; font:13px 'Trebuchet Ms',Arial,Tahoma,Verdana,Helvetica,sans-serif; color:#333;}

/*++++++ MAIN ++++++++*/
#wrapper {width: 1000px; margin:auto;}
#main {width: 1000px; margin:30px auto 10px;}
#left {float: left; width: 566px; background:url(images/rightbg.gif) repeat-y right;}
#right {float: right; width: 420px; position:relative;}

/*++++++ NAV ++++++++*/
#nav {width:1000px; height:33px;}
#nav ul {}
#nav ul li {float:left; margin: 0 10px 0 0; height: 33px; overflow: hidden; display: inline; line-height:33px;}
#nav ul li a {display: block; color:#292929; padding:0 10px 0 10px; font-weight:bold;}
#nav ul li a:hover {color:#333; text-decoration:none;}
#nav ul li.current_page_item {background: url(images/navright-a.gif) no-repeat right;}
#nav ul li.current_page_item a {background: url(images/navleft-a.gif) no-repeat left; color:#fff;}

/*++++++ ENTRY ++++++++*/
#content {width: 570px;}
#post-content {width: 528px; padding-left:10px;}
#post-info {padding-top:9px; height:134px;}
#post-info a {color:#333;}
#post-info-photo {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:3px solid #D6D4CD; height:125px; width:125px; float:left;}
#post-info-meta {float:left; padding-left:5px; width:390px;}
#post-info-meta div{-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #D6D4CD; padding-left:5px; background:#f4f3e0; height:75px;}
#post-body {padding-top:10px;}
.entry {width: 550px; line-height:1.4em; margin-bottom:20px;}
.entry p {padding-bottom:10px;}
.entry h2.sectionhead {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/dot-h.gif) repeat-x bottom; padding-bottom:10px;}
.entry h2 {font: bold 16px Georgia, "Times New Roman", Times, serif; color:#333; padding:5px 0 5px 0;}
.entry h2 a {color:#000;}
html>body .entry ul {padding: 0 0 0 30px; padding-left: 10px;} 
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before {content: "\00BB \0020";}
.entry p.postinfo {font-size:10px; padding-bottom:0px; text-align:left;}
.entry p.postinfo span.upper {}
.entry p.postinfo span.category {}
.entry p.postinfo span.tag {float:left; padding-top:3px; padding-bottom:2px;}
.entry p.postinfo span.tag span{padding-left:3px; padding-top:5px; position:absolute;}
.entry p.postinfo span.comment {float:right; padding-top:3px; padding-right:4px; font-size:13px;}
.entry p.postinfo span.comment span {padding-top:1px; position:absolute;}
.entry a {color:#0063DC;}
.firstpost {background:#eeedea; border:1px solid #d6d4cd;}
.post {margin-bottom:20px;background:#eeedea; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #d6d4cd;}
.navigation {width: 550px; font-size:11px; margin-top:20px;}
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}

/*++++++ SIDEBAR ++++++++*/
#slide-posts {width:399px; padding-left:2px; height:165px;}
#slide {width:396px; height:175px; font-size:10px; text-align:right; background:#eeedea; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px; position:relative;}
#slide ul {}
#slide ul li {float:left; height:131px;}
#slide ul li.last {float:right; padding:0px;}
#slide p {text-align:center; width:130px;}
#slide a {color:#5e5d5a;}
#slide-leftarrow {float:left; width:24px; height:9px; padding-top:37px;}
#slide-rightarrow {float:right; width:24px; height:9px; padding-top:37px; padding-right:7px;}
#tab {width:396px; background:#eeedea; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px; float:left;}
#twitter {width:396px; background:#eeedea; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px; float:left;}
#sidebar {width:400px; padding-left:10px;}
#sidebar h2 {font-size:12px; margin-bottom:10px; color: #000000; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar ul {margin:10px auto 20px;}
#sidebar ul li {}
#sidebar ul li ul {}
#sidebar ul li ul li {display:block; background:url(images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px;border-bottom:1px dotted #dadada;font-size:11px;}
.sleft {float:left; width:180px; background:url(images/dot-v.gif) repeat-y right; padding-right:10px;}
.sright {float:right; width:198px; padding-left:10px;}

/*+++++++ COMMENTS +++++++*/
#c {float:left; width:225px;}
#cc {float:right; width:304px;}
#comment-info {float:left; height:73px; padding-left:6px; width:526px; padding-bottom:10px; padding-top:5px;}
#comment-info-meta {float:left; padding-left:5px; width:444px;}
#comment-info-meta div{-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #D6D4CD; padding-left:5px; background:#f4f3e0;}
#comment-info-meta h2 {font-size:16px; padding:5px 0;}
#comment-info-meta p {font-size:10px;}
#commentform p {padding-bottom:10px;}
#commentform #author {border:1px solid #bbb9b2; height:19px; width:220px; background:#f5f5f3; padding-left:1px; padding-top:2px;}
#commentform #email {border:1px solid #bbb9b2; height:19px; width:220px; background:#f5f5f3; padding-left:1px; padding-top:2px;}
#commentform #url {border:1px solid #bbb9b2; height:19px; width:220px; background:#f5f5f3; padding-left:1px; padding-top:2px;}
#commentform #comment {border:1px solid #bbb9b2; height:199px; width:303px; background:#f5f5f3; padding-left:1px; padding-top:2px;}
.commentlist cite {background:#f5f5f3; padding:5px 5px 5px 10px;}
.commentlist cite a {color:#333;}
.commentlist .ctext {background:url(images/doth.gif) repeat-x bottom; font-size:11px; padding-left:6px;}
.postmetadata {background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}
.ccomment {width: 550px; line-height:140%; margin-bottom:20px;}
.ccomment ol {}
.ccomment ol li {margin-bottom:5px;background:#eeedea; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #d6d4cd; background:#e7e5de; padding:5px;}
.ccomment ol li.alt {margin-bottom:5px;background:#eeedea; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:1px solid #d6d4cd; background:#efeee8; padding:5px;}

/*++++++ FOOTER ++++++++*/
#footer {width:100%; background:#23282d; float:left;}
.footer {width:1000px; margin:auto; color:#fff;}
.footer a {color:#e7e5de;}
.footer a:hover {color:#99cc33;}
#posibleby {float:right; width:300px}
#posibleby ul li {float:left;}
#posibleby ul li a {float:left;}

/*++++++ MISC ++++++++*/
.clear {clear:both;}
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;}
.alignright {float: right;} 
.alignleft {float: left ;}
img {border:none;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
h3 {padding:10px 0 10px 0; font-size:14px;}
a {color:#333;}
a:hover {text-decoration:underline;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img {padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img {padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img {padding:2px; border:1px solid #999999; height:100px; width:100px;}

/**************** Tab *********************/
h2 {font-size:11px;}
.tabberlive .tabbertabhide {display:none;}
.tabber {font-size:11px;}
.tabberlive {}
ul.tabbernav {padding:3px 0 3px 5px;}
ul.tabbernav li {list-style: none; display: inline;}
ul.tabbernav li a {padding: 3px 0.5em; margin-right: 3px; border-bottom: none; background: #eeedea; text-decoration: none;}
ul.tabbernav li a:link {}
ul.tabbernav li a:visited {}
ul.tabbernav li a:hover {color: #000; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background:#D6D4CD;}
ul.tabbernav li.tabberactive a {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background:#D6D4CD;}
ul.tabbernav li.tabberactive a:hover {color: #333; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background:#D6D4CD;}
.tabberlive .tabbertab {padding:10px 5px 5px; border-top:0;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}
.tabbertab p {}
.tabbertab ul {padding:0; margin:0;}
.tabbertab span {border-top:1px solid #D6D4CD; float:left; width:383px; height:52px;}
.tabbertab span.comment_title {float:left; width:auto; border:none; height:auto;}
.tabbertab span.comment_date {float:right; width:auto; border:none; height:auto;}
.tabbertab ul li {float:left; padding-bottom:3px; padding-left:3px; padding-top:3px;}