/*
-----------------------------------------------
www.renegadezen.com Main Style Sheet
Author:   Roan Lavery
Email: info@renegadezen.com
Date:  July 2006
----------------------------------------------- */

body{background:#2C3038; font:62.5%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Sans-Serif;margin:0;padding:0; text-align:center}
ul, li, p, div, h1, h2, form{margin:0;padding:0; list-style:none}
img{border:0}
#skip{position:absolute; left: -999em; width: 990em;}
.wrap, #footer{max-width:950px;min-width:760px;padding:1px;position:relative;margin:auto; text-align:left}
.midpic{display:block;margin:auto;padding:3px; border:1px solid #666}
.rightpic{float:right; padding:3px; border:1px solid #666; margin:0 0 10px 10px}
#blog-posts p, #bio p{margin:1.5em 0 1.5em 0}

/* Global Header Styles */

#content h2, #content h1 {font:normal 1.4em/1.0 "Century Gothic", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase;letter-spacing:0.02em;}
#content h1 {color:#5ACAEE;font-size:1.4em;}
#bio h2, #releases h2, #facts h2, #illustrations h2, #quicklinks h2 {font-size:1.6em}
#bio .subhead, #releases .subhead, #facts .subhead{font-size:1.2em}
#footer h3{margin:0}

/* Global List Styles */

#releases ul, #footer ul, #blog-posts ul{ background: url(../images/dots.gif) left top repeat-x;}
#releases li, #footer li, #blog-posts li{padding:5px; background: url(../images/dots.gif) left bottom repeat-x;}
#releases li a, #older-posts a, #footer li a{text-decoration:none;text-transform:uppercase; letter-spacing:0.03em}

/* Global Link Styles */

a.external {padding-right:15px; background:url(../images/external.gif) right center no-repeat;}
#bio a.external:hover, #footer a.external:hover, #content a.external:hover {background:url(../images/externalw.gif) right center no-repeat;}
#content p.morelink{text-align:right;margin-top:15px}
.morelink a{padding:7px 40px 7px 0; text-transform:uppercase; text-decoration:none; display:block}
.morelink a:hover{background:url(../images/whiteblossom.gif) right center no-repeat;}

/* Top Navigation Styles */

#nav{font:1.5em "Century Gothic"; text-transform:uppercase;letter-spacing:0.04em; float:right;margin-top:10px}
#nav li{float:left;padding:0 10px 0 10px}
#nav a{color:#5ACAEE; text-decoration:none}
#nav a:hover{color:#fff}
#searchbox{float:left;width:200px;margin:10px 0 0 0}
#searchbox input{background:url(../images/search-box-bg.gif) repeat-x; float:left;margin:0 0 5px 0;padding:1px 0 1px 5px}
#searchbox input:focus{border:2px solid #5ACAEE}
#searchleft{width:11px;height:27px; background: url(../images/search-box-left.gif) no-repeat; float:left}
#searchright{width:11px;height:27px; background: url(../images/search-box-right.gif) no-repeat;float:left}

/* Banner Styles */

#bannerwrap{background:#F9B1B2 url("../images/bg-big.jpg") repeat-x;clear:both;padding-top:28px}
#banner {font:italic 1.4em/1.3 Georgia, "Times New Roman", Times, Serif;background:url(../images/branch.gif) right top no-repeat ;padding:60px 0px 40px 0;position:relative}
#banner p {margin:10px 500px 0 0; clear:left;}
#banner p .dropcap{font-size:1.4em; line-height:1.0}
#banner h1{position:absolute;width:289px; height:55px;top:15px;} 
#banner h1 a{overflow: hidden;font-size: 1px;width:289px; height:0;padding-top:55px;background:  url("../images/rzlogo.gif") no-repeat;position: absolute;top:0px;}
#banner a{color:#BE0000}
#banner a:hover{color:#052968}
#border{background: url(../images/border.gif) repeat-x;height:28px}

/* Content Area Styles */

.post-image{background: url(../images/posts.gif) left bottom no-repeat}
#content{color:#E3E3E4; background:url(../images/rough-column.gif) 66% 0 repeat-y; overflow:hidden;padding:20px 0 70px 0;}
#content .subhead, #footer .subhead{text-transform:uppercase;color:#ACACAC; margin:0 0 20px 0;line-height:1.0}
#content a:hover{color:#fff}

/* New Posts Section */

#blog-posts{width:45%; float:left; margin:0 5% 0 0;font-size:1.4em;line-height:1.5;}
.divider{margin:15px 0 0 0;padding:0;background: url(../images/dots.gif) left top repeat-x}
.divider p{text-align:right;padding:5px 0 5px 0;background:url(../images/dots.gif) left bottom repeat-x }
#blog-posts .divider p a{text-decoration:none;padding-right:5px;text-transform:uppercase;letter-spacing:0.03em; }
#blog-posts a{color:#5ACAEE;}
#blog-posts h2 a{text-decoration:none;}
#blog-posts .morelink{background:url(../images/blueblossom.gif) right center no-repeat;}
#blog-posts .postdate{float:right;display:block;width:100px}
#blog-posts .postcomments{float:right; }
#older-posts{width:100%;margin-top:5px}
#older-posts td{ background: url(../images/dots.gif) left bottom repeat-x;margin:0; font-size:0.9em;color:#ACACAC;padding:5px; }
#older-posts th{font-weight:normal;text-transform:uppercase; background: url(../images/dots.gif) left bottom repeat-x;color:#979797;padding-left:5px}
#older-posts th.bcommt{width:60px}
#older-posts .left{text-align:left}
#older-posts td, #older-posts th{text-align:right}

/* Releases Section */

#releases {width:193px; float:left;margin:0 6% 0 1%; padding-bottom:20px; font-size:1.2em}
#releases ul span {float:right}
#releases h2, #releases a{color:#5DE314; }
#releases #launched{text-transform:uppercase;text-align:right;margin-top:10px; color:#ACACAC}
#releases .morelink{background:url(../images/greenblossom.gif) right center no-repeat;}
#releases .morelink a:hover{background:url(../images/whiteblossom2.gif) right center no-repeat;}

/* Biography Section */

#bio {width:190px; float:left;line-height:1.2em; color:#B8B9BA; background:url(../images/birdie.gif) right top no-repeat;font-size:1.2em}

#bio h2, #bio a{color:#F2E122}
#bio .morelink{background:url(../images/yellowblossom.gif) right center no-repeat;}
#bio a.external{background:url(../images/externaly.gif) right center no-repeat;}

/* Footer Section */

#footer-wrap{background:#1E1F22;clear:both;overflow:hidden;padding:20px 0 20px 0}
#footer{color:#B1B1B1;font-size:1.2em;line-height:1.3em;}
#footer .footer-col{width:30%;margin:0 2% 0 0; float:left; display:inline}
#footer #zen-quote{width:34%}
#footer .end{margin-right:0}
#footer h3{font:normal 1.4em "Century Gothic", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase;letter-spacing:0.02em; color:#EC646B}
#footer a{color:#EC646B;text-decoration:none}
#footer a:hover{color:#fff}
#footer blockquote{font:italic 1.2em/1.3 Georgia, "Times New Roman", Times, Serif;margin:0}
#footer a.external{background:url(../images/externalr.gif) right center no-repeat;}

/* Lightbox */

#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{padding-top:0.4em;}	
#lightboxCaption{ float:left; }
#keyboardMsg{float: right;}
#closeButton{top:5px; right:5px;}
#lightbox img{border:none;clear:both;} 
#overlay img{ border:none; }
#overlay{ background-image: url(/images/overlay.png); }