/*
Theme Name: Clear Booking
Theme URI: http://re-loc.net
Description: Designed in a Remote Location
Version: 1.0
Author: Adam Rodgers
Author URI: http://re-loc.net

*/


/* GENERIC TYPOGRAPHY */
html, body { height: 100%; margin: 0; padding: 0; }

* html div#main, * html div#main_content { height: 100%; } /*IE browsers less than IE7*/

#clearfooter { height: 45px; border: 0; margin: 0; padding: 0; } 


body, input, select, textarea, p, span{     word-spacing: 1pt ; font: lighter 10px Monaco, "Trebuchet MS", "Helvetica Neue", Helvetica, Geneva, sans-serif; line-height:inherit; text-transform: uppercase;  }

a {     text-decoration:none; color:#000000;}

h1, h2, h3, #entry_links, .post-meta, .post-meta-key, .wg {    word-spacing: 1pt ; font: lighter 20px Monaco, "Trebuchet MS", "Helvetica Neue", Helvetica, Geneva, sans-serif; line-height:inherit; }

h1, div#floating_title, #planet_name {     font-size: 20px; letter-spacing: 0.5px; line-height: 22px;    }

div.float_inline{     float:left; display:inline; }


/* TEXT COLOURS */

.b_clr_txt {     color:#000000;}

.w_clr_txt {     color:#FFFFFF;}

.p_clr_txt {     color:#F287B7;}

.wg_clr_txt {     color:#6d6f72;}

.gr_clr_txt {     color:#7cf595;}


/* BACKGROUND COLOURS */

.w_clr_bg{     background-color:#FFFFFF;}


/* GENERIC LINKS */
h1 a.w_grn, h2 a.w_grn, h3 a.w_grn, p a.w_grn, span a.w_grn{     color:#FFFFFF; text-decoration: none;}

h1 a:hover.w_grn, h2 a:hover.w_grn, h3 a:hover.w_grn, p a:hover.w_grn, span a:hover.w_grn{     color:#7cf595;}

h1 a.grn_w, h2 a.grn_w, h3 a.grn_w, p a.grn_w, span a.grn_w{     color:#7cf595; text-decoration: none;}

h1 a:hover.grn_w, h2 a:hover.grn_w, h3 a:hover.grn_w, p a:hover.grn_w, span a:hover.grn_w{     color:#FFFFFF;}

h1 a.b_grn, h2 a.b_grn, h3 a.b_grn, p a.b_grn, span a.b_grn{     color:#000000; text-decoration: none;}

h1 a:hover.b_grn, h2 a:hover.b_grn, h3 a:hover.b_grn, p a:hover.b_grn, span a:hover.b_grn{     color:#7cf595;}

h1 a.p_w, h2 a.p_w, h3 a.p_w, p a.p_w, span a.p_w{     color:#F287B7; text-decoration: none;}

h1 a:hover.p_w, h2 a:hover.p_w, h3 a:hover.p_w, p a:hover.p_w, span a:hover.p_w{     color:#FFFFFF;}

h1 a.w_p, h2 a.w_p, h3 a.w_p, p a.w_p, span a.w_p{     color:#FFFFFF; text-decoration: none;}

h1 a:hover.w_p, h2 a:hover.w_p, h3 a:hover.w_p, p a:hover.w_p, span a:hover.w_p{     color:#F287B7;}

h1 a.b_gr, h2 a.b_gr, h3 a.b_gr, p a.b_gr, span a.b_gr{     color:#000000; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

h1 a:hover.b_gr, h2 a:hover.b_gr, h3 a:hover.b_gr, p a:hover.b_gr, span a:hover.b_gr{     color:#7cf595; background-color:#000000;}

h1 a.wg_w, h2 a.wg_w, h3 a.wg_w, p a.wg_w, span a.wg_w{     color:#6d6f72; text-decoration: none;}

h1 a:hover.wg_w, h2 a:hover.wg_w, h3 a:hover.wg_w, p a:hover.wg_w, span a:hover.wg_w{     color:#FFFFFF;}

h1 a.wg_b, h2 a.wg_b, h3 a.wg_b, p a.wg_b, span a.wg_b{     color:#6d6f72; text-decoration: none;}

h1 a:hover.wg_b, h2 a:hover.wg_b, h3 a:hover.wg_b, p a:hover.wg_b, span a:hover.wg_b{     color:#000000;}

h1 a.mag_wg, h2 a.mag_wg, h3 a.mag_wg, p a.mag_wg, span a.mag_wg{     color:#c7006b; text-decoration: none;}

h1 a:hover.mag_wg, h2 a:hover.mag_wg, h3 a:hover.mag_wg, p a:hover.mag_wg, span a:hover.mag_wg{     color:#6d6f72;}



/* CONTAINER STYLES START */

div#main{    margin:0; padding:0; text-align:left; width:100%; position:relative; min-height: 100%; }

div#main_content{    margin:0; padding:0; text-align:left; width:100%; position:relative; min-height: 100%;}

div#header{    width:980px; height:112px; margin:0; padding:0; }

div#logo{    width:220px; height:112px; margin:0; padding:0; background-image: url(../imgs/logos/clear_logo.gif);}

div#logo_anim{    width:220px; height:112px; margin:0; padding:0;}

div#title{    width:286px; height:90px; margin:0; padding:22px 0 0 0; }

div#floating_title{    width:474px; margin:0; padding:22px 0 0 0; }

div#navigate{    width:198px;  margin:0; padding:0 0 0 19px; }

div#navigate ul li{    }

div#navigate ul li a{   color:#6d6f72; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

div#navigate ul li a:hover{   color:#7cf595; background-color:#000000; }

div#navigate ul li a#current{    color:#7cf595; background-color:#000000; }

div#navigate ul li a#current:hover{    color:#7cf595; background-color:#000000; }

div#navigate ul li.active{   color:#7cf595; background-color:#000000; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

div#navigate_blog{    width:198px;  margin:0; padding:0 0 0 19px; }

div#navigate_blog ul li{    }

div#navigate_blog ul li a{   color:#7cf47e; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

div#navigate_blog ul li a:hover{   color:#000000; background-color:#FFFFFF; }

div#navigate_blog ul li a#current{    color:#FFFFFF; }

div#navigate_blog ul li a#current:hover{    color:#000000; background-color:#FFFFFF; }

div#content{     position:absolute; padding:0; top:112px; left:220px; clear:both;  }

div#content div#entry{     position:relative;  width:470px; padding:0 0 30px 0;  }

div#content div#entry_head{     position:relative;  width:470px; padding:0 0 70px 0;  }

div#content div#entry p{     padding:0 0 15px 0;  }

div#content div#entry a:link {     color:#7cf595; background-color:#000000; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  }

div#content div#entry a:visited {    color:#7cf595; background-color:#000000;  }

div#content div#entry a:hover{     color:#000000; background-color:#FFFFFF; }

div#content div#entry img{     padding:0 0 2px 0; }

div#content div#entry_links{     position:relative; width:270px; padding:0 0 0 15px;  }

div#content ul li{ margin: 0 1px 1px 0; padding: 0px; float:left; display:block; width:143px; background-position:0px 0px; }

div#content ul li a:link{ width:143px; height: 143px; background-position:0px 0px;   }

div#content ul li a:visited{ width:143px; height: 143px; background-position:0px 0px; }

div#content ul li a:hover{ background-position:0px -142px; }

div#book_now{    position:absolute; padding:0; top:-73px; left:400px; clear:both; z-index:100;  }

div#book_now a{    display:block; margin: 0px; padding: 0px; text-decoration: none; width: 142px; height: 142px; background-repeat: no-repeat; background-position:0px 0px; background-image:url(/imgs/bgs/booknow_142px.gif); }

div#email_us{    position:absolute; padding:0; top:-73px; left:400px; clear:both; z-index:100;  }

div#email_us a{    display:block; margin: 0px; padding: 0px; text-decoration: none; width: 142px; height: 142px; background-repeat: no-repeat; background-position:0px 0px; background-image:url(/imgs/bgs/emailus_142px.gif); }

div#email_us_blog{    position:absolute; padding:0; top:-73px; left:400px; clear:both; z-index:100;  }

div#email_us_blog a{    display:block; margin: 0px; padding: 0px; text-decoration: none; width: 142px; height: 142px; background-repeat: no-repeat; background-position:0px 0px; background-image:url(/imgs/bgs/emailus_142px_blog.gif); }

div#book_now a:hover, div#email_us a:hover{    background-position:0px -142px; }

div#content img{    margin:0; padding:0; float:left; display:inline;  }

div#header_left{     text-align:left; float:left; display:inline; width:765px; height:44px; margin:0 15px 0 0; border-bottom-width: thin; border-bottom-style: solid; }

div#header_right{    text-align:left; float:left; display:inline; width:180px; height:44px; border-bottom-width: thin; border-bottom-style: solid; }

div#footer{    text-align:left; position:fixed; bottom:0; left:0; width:100%; height:20px; padding:5px 0 0 0;  border-top: thin dotted #CCC; z-index:999; margin: -26px auto 0 auto;}



div#entry_links ul {   width:285px; }

div#entry_links ul li  {   width:285px; }

div#entry_links a {     width:285px; height:24px;  color:#7cf595; background-color:#000000; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  }

div#entry_links a:link {     width:285px; height:24px;  color:#7cf595; background-color:#000000; text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  }

div#entry_links a:visited {    width:285px; height:24px; color:#7cf595; background-color:#000000;  }

div#entry_links a:hover{     width:285px; height:24px;  color:#000000; background-color:#FFFFFF; }

.artist_title{     text-decoration: none; padding:0 3px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color:#7cf595; background-color:#000000; }

.twitters { margin: 0px; padding: 0px; color: #ffffff; }

.twitters ul { text-transform: uppercase; list-style: none; margin: 0px; padding: 0px; color: #FFFFFF; font: lighter 10px Monaco, "Trebuchet MS", "Helvetica Neue", Helvetica, Geneva, sans-serif; }

.twitters li { margin: 0px; padding: 0px; }

.twitters span.prefix { font-weight: bold; }

.twitters span.time { font-style: italic; }

.twitters span.status { font-style: italic; }

div#circles{     position:absolute; padding:0 0 30px 0; top:112px; left:220px; clear:both;  }

div#circles ul li { display: block; float: left; margin: 0 1px 1px 0; padding:0px; width: 143px; height: 143px; }

div#circles ul li a { display:block; margin: 0px; padding: 0px; text-decoration: none; width: 143px; height: 143px; background-repeat: no-repeat; }

div#circles ul li a { width: 143px; height: 143px; background-position:0px 0px; }

div#circles ul li a:hover { background-position:0px -142px; }

#planet_name { padding:0; color:#6d6f72; display:none; }

.clearfix {     display:inline-block;} 

.clearfix {     display:block;} 

.clearfix:after {      content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html { overflow-y: scroll; } /* to create a vertical dummy scrollbar in Firefox or Safari which would not have a scrollbar with height 100%. If you move to and from pages which don't have a vertical scrollbar to a page which does, it makes the page content jump sideways without a forced dummy scrollbar (works in Firefox and Safari but not in Opera; IE always shows a dummy scrollbar; Opera needs min-height and height: 101% in the container styles but it causes a standard scrollbar, not a dummy, and is less correct.)*/