/*
Theme Name: DeTour
Theme URI: http://wordpress.org/
Description: The 2010 DeTour Theme.
Author: Tom B
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html,body{
    width:100%;
    background: url(images/DarkerBACKGROUND.png) top center;
    font-family:arial;
}



#header{

    width:900px;
    height:108px;
    margin: 0 auto;
}

.home #header{
width:100%;
height:26px;
background: #b9cae6;
margin-top:1px;
}

.home #headerWrapper{
    width:740px;
    margin: 0 auto;
    position:relative;
}
.home #headerText{
    color: #004b8d;
    font-weight:bold;
    text-align:center;
    padding-top:6px;
    letter-spacing:3px;
}

.home #takeatour{
    position:absolute;
    top:0px;
    right: 31px;

}

.home #splash{
    width:740px;
    margin:0 auto;
}
.home #splashImg{
width:740px;
height:320px;
display:block;
}

.home #banner{
width:740px;
height:113px;
display:block;
}

.home #homebtn{
    width:740px;
    height:117px;
    margin:0 auto;
}
.home #homebtn li{
    float:left;
    height:117px;

}

.home #homebtn li img{
    height:117px;
}

.myGlide{
background: url('images/home_btn_sprite.gif');
}
.myRide{
background: url(images/home_btn_sprite.gif) -205px -0px;
}
.myStride{
background: url(images/home_btn_sprite.gif) -410px -0px;
}

.homeGlide{
background: url('images/home_btn_sprite.gif') 0 -117px;
}
.homeRide{
background: url(images/home_btn_sprite.gif) -205px -117px;
}
.homeStride{
background: url(images/home_btn_sprite.gif) -410px -117px;
}

.home #homebtnTextWrapper{
    width:100%;
    height:32px;
    background: url('images/home_btn_blue_bar.gif') top center repeat-x;

}

.home #homebtnTextWrapper #homebtnText{
    width:740px;
    margin: 0 auto;
}
.home #homebtnTextWrapper #homebtnText li{
    float:left;
    height:32px;
}

.home #homeContentWrapper{
    width:100%;
    height:149px;
    background: url('images/lets_take_a_detour_bg.gif') top center repeat-x;
}
.home #homeContent{
    width:760px;
    margin: 0 auto;
    position:relative;
}

.home #letstake{
width:177px;
height: 149px;

float: left;
display: block;
}

.letstakeHover{
background: url(images/lets_take_a_detour_on.gif);
margin-left: -9px;
}
.home #homeContent p{
    margin-left:200px;
    padding-top:10px;
    line-height:21px;
    color:#001f5f;
    font-weight:bold;
    font-size:0.9em;
    
}
.home #homeContent #homeBottomLinks{
    margin-top:5px;
    position:absolute;
    right:0px;
}
.home #homeContent #homeBottomLinks li{
    float:left;
    margin-right:10px;
    font-weight:bold;
    color:#e6582f;
    font-size: 14px;
}

.home #homeContent #homeBottomLinks li a{
    color:#e6582f;
    text-decoration:none;
    position:relative;
    top:1px;
}

.home #homeContent #homeBottomLinks li a:hover{
    color:#1f65d7;
}

.home #homeContent #homeBottomLinks li img{
    color:#e6582f;
    text-decoration:none;
    position:relative;
    top:-6px;
}

#footer{
    width:800px;
    margin:0 auto;
    font-size:0.6em;
    text-align:center;
    color: #FFF;
    margin-top:10px;
    
}

.home .tours{
color: #e6582f;
font-size: 14px;
}
#inner #header{
width:1000px;
height:108px;
position: relative;
}

#inner #header #star{
position: relative;
top:-30px;
z-index: 0;
}
#headerLinks{
position: absolute;
top:30px;
right: 110px;
z-index: 100;
color: #e6582f;
font-weight: bold;
font-size: 18px;
width:325px;
}

#headerLinks li{
float:left;
margin-right: 30px;
margin-bottom: 20px;
}

#headerLinks li a{
color: #e6582f;
text-decoration:none;
}

#headerLinks li a:hover{
color: #91b0e2;
text-decoration:none;
}

#innerBlueBar{
width:100%;
height: 20px;
background: #b9cae6;
}

#inner #content{
width: 739px;
margin: 19px auto;

}

#inner #content p{
line-height: 20px;
font-size: 0.85em;
color:#001f5f;
}
#inner #content p strong{
color:#e6582f;
font-weight: bold;
}
#inner .fullBoxTop{
width:739px;
height: 30px;
background: url(images/inner_box_full_top.gif) top left no-repeat;
}

#inner .fullBox{
width:739px;
background: url(images/inner_box_full_bg.gif) top left repeat-y;
}

#inner .fullBox .fullBoxPadding{
margin: 0 30px;
}

#inner .fullBoxBottom{
width:739px;
height: 110px;
background: url(images/inner_box_full_bottom.gif) top left no-repeat;
}

#inner #footerYellowBar{
width:100%;
height:73px;
background: url(images/inner_footer_yellow.gif) top left repeat-x;
}

h1.entry-title, h2.entry-title{

color: #e6582f;
margin-bottom: 10px;
text-transform: uppercase;
font-weight:bold;
}

#inner div.entry-content p{

color: #001f5f;
}

#inner div.entry-content a{
text-decoration: none;
color: #001f5f;
}

#inner div.entry-content a:hover{
color:#E6582F;
}

#contentInfoLeft{
margin-right:18px;
}

#contentInfoLeft h3{
color: #e6582f;
font-weight: bold;
margin-bottom: 3px;
font-size: 1.1em;
}

#contentInfoLeft h4
{
font-weight: bold;
font-size: 0.95em;
color: #001f5f;
margin-bottom: 3px;
}

h3{
color: #e6582f;
font-weight: bold;
margin-bottom: 3px;
}
h4
{
font-weight: bold;
font-size: 0.85em;
color: #001f5f;
margin-bottom: 3px;
}

.contentBoxWrapper{
margin-left: 100px;
margin-right: 20px;
padding-top: 7px;
line-height: 18px;
font-size: 0.85em;
color:#001f5f;
}


#infoFooter{
position:relative;
top:70px;
color: #001f5f;
font-weight: bold;
font-size: 0.8em;
}

#content a{
color: #e6582f;
text-decoration: none;
}

#content a:hover{
color: #1f65d7;
}

#infoFooter a{
position: absolute;
right:25px;
color: #e6582f;
text-decoration: none;
}

#infoFooter a:hover{
color: #1f65d7;
}

#boxInfoGlide{
background: url(images/info_glide.gif) top left no-repeat;
width:442px;
height:131px;
margin-bottom:17px;
}

#boxInfoRide{
background: url(images/info_ride.gif) top left no-repeat;
width:442px;
height:131px;
margin-bottom:17px;
}

#boxInfoStride{
background: url(images/info_stride.gif) top left no-repeat;
width:442px;
height:137px;
}

#contactWrapper{
background: url(images/contact_box_bg.gif) top left repeat-y;
height: 393px;
}


p .question{
color:#e6582f;
font-weight: bold;
}

.facebookOff{
display: block;
width: 24px;
height: 24px;
background: url(images/home_facebook.gif);
margin-top: -1px;
}

.facebookOn{
background: url(images/home_facebook_off.gif);
width: 24px;
height: 24px;
}

.twitterOff{
display: block;
width: 24px;
height: 24px;
background: url(images/home_twitter.gif) top left repeat-y;
margin-top: -1px;
}

.twitterOn{
display: block;
width: 24px;
height: 24px;
background: url(images/home_twitter_off.gif) top left repeat-y;
}

#fb{
background: url(images/home_facebook.gif);
}

#tw{
background: url(images/home_twitter.gif)
}

#homeSlideshow{
background: url(images/home_img.jpg);
width:740px;
height: 320px;
}

.infoSlideShow{
background: url(images/info_picture.jpg);
width:278px;
height: 433px;
}

#faqSidebar{
width:200px;
margin-left: 50px;
float: left;
margin-top: 30px;
}

#faqSidebar h4{
font-size: 1.05em;
}

#faqSidebar p{
margin-bottom: 5px;
}

.innerPhila{
position:absolute; color:#001f5f; font-size:0.90em;
left:240px;
top:109px;
letter-spacing: 0.3em;
font-weight: bold;
}

#footer a{
color:#fff;
text-decoration:none;
}

#footer a:hover{
color:#fff;
text-decoration:underline;
}
.clear{
    clear:both;
}