/* Wacky Waiter CSS Document 
Created By: Daniel Schafer Designs - www.danielschafer.com
Created Date: 9/16/08
*/


*{
margin:0px;
padding:0px
}

img{
border:0px
}

html{
width:100%;
height:100%;
background-image:url(../images/bg.gif);
background-position:top left;
background-repeat:repeat-x;
background-color:#374051;
}

body{
padding: 0; 
padding:28px 0 42px 23px;
line-height:14px;
}

div.container{
width:1000px;
margin:auto;
}

h2{
font-size:18px;
font-weight:bold;
line-height:22px;
padding-bottom:5px;
}

a{
color:#D70000;
text-decoration:underline
}
a:visited{text-decoration:underline}
a:hover{text-decoration:none}


/**********
navigation
**********/
#right div.navigation{
height:60px;
width:660px;
overflow:hidden;
}

#right div.navigation div.nav-item{
float:left;
width:100px;
height:60px;
background-image:url(../images/navigation/nav-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
overflow:hidden;
text-align:center;
vertical-align:middle;
}


#right div.navigation div.nav-item-long{
float:left;
width:130px;
height:60px;
background-image:url(../images/navigation/nav-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
overflow:hidden;
text-align:center;
vertical-align:middle;
}

#right div.navigation div.nav-item div.nav-image{
padding-top:23px;
}

#right div.navigation div.nav-item-long div.nav-image{
padding-top:23px;
}

#right div.navigation div.nav-spacer{
float:left;
width:3px;
height:60px;
background-image:url(../images/navigation/nav-spacer.jpg);
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
}

#right div.navigation div.nav-right{
float:left;
width:15px;
height:60px;
background-image:url(../images/navigation/nav-right.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/**********
Page left
**********/

#left{
width:256px;
float:left;
border:12px solid #FFFFFF;
background-color:#FFFFFF;
}

#left img{
float:left;
padding-bottom:10px;
}

#left div.logo{
width:256px;
height:100px;
background-image:url(../images/navigation/logo-bg.jpg);
background-position:top left;
background-repeat:repeat-x;
}

#left div.logo div.logo-image{
padding-left:7px;
padding-top:5px;
}

div.left-bottom{
float:left;
width:250px;
padding:0 0 0 0;
font-family:Verdana;
font-size:12px;
font-weight:bold
}

div.left-bottom div.header{
float:left;
height:25px;
width:250px;
background-image:url(../images/navigation/nav-bg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
padding-left:10px;
padding-top:7px;
}

div.left-bottom div.photo-player{
float:left;
width:250px;
overflow:hidden;
padding-top:5px;
}

/**********
Page Right
**********/

#right{
width:680px;
float:left;
background-image:url(../images/right-middle.jpg);
background-position:top left;
background-repeat:repeat-y;
padding:0 0 0 0;
font-family:Tahoma;
font-size:11px;
color:#1C1D21;
margin:20px 0 0 0;
}

#right-share{
width:680px;
height:20px;
float:left;
text-align:right;
background-image:url(../images/bg.gif);
background-position:top left;
background-repeat:repeat-x;
background-color:#374051;
}

#right-top{
width:680px;
height:15px;
float:left;
background-color: transparent;
}

#right-bottom{
width:680px;
height:15px;
float:left;
background-color: transparent;
}

#right div.home-left-container{
width:430px;
min-height:586px;
float:left;
}

#right div.home-right-container{
width:250px;
float:left;
}

#right div.section-title{
clear:both;
margin-left:20px;
}

#right div.section-title div.redbox{
float:left;
}

#right div.section-title img{
float:left;
margin:0 0 18px 6px;
}


.block1{
width:390px;
float:left;
padding:0 0 17px 28px;
clear:both;
}

.block1 img{
float:left;
margin:0 12px 0 0;
}

.more{
display:block;
float:left;
font-weight:bold;
color:#FF2A00;
background-image:url(../images/more.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding:0 0 0 18px;
margin:7px 0 0 0;
text-decoration:underline
}
.more:viaited{text-decoration:underline}
.more:hover{text-decoration:none}

div.book{
float:left;
width:430px;
clear:both;
}

div.book div.book-left{
float:left;
width:300px;
}

div.book div.book-left div.intro-text{
float:left;
margin:0 0 0 60px;
}

div.book div.book-left div.button{
float:right;
padding:10px 0 10px 0;
}

div.book div.book-right{
float:left;
}

div.links{
background-color:#C4C5B7;
width:250px;
margin:0 10px 28px 30px;
padding:10px 0 6px 27px;
float:left;
display:inline
}

div.links a{
color:#000000;
}

div.links li{
float:left;
list-style-type:none;
background-image:url(../images/arrow.gif);
background-position:0px 2px;
background-repeat:no-repeat;
padding:0 0 0 20px;
width:170px;
}

.block3{
width:409px;
float:left;
padding:0 0 0 37px;
margin:0 0 21px 0;
background-image:url(../images/dots.gif);
background-position:center;
background-repeat:repeat-y
}
.block3 div{
width:182px;
float:left
}

.pic1{
display:inline;
background-image:url(../images/misc/home-stool.jpg);
background-position:bottom right;
background-repeat:no-repeat;
padding:0 0 5px 0;
margin:0 20px 0 0;
}
.s1{
width:110px;
padding:3px 0 10px 0
}
.s2{
width:125px;
padding:3px 0 10px 0
}
.block3 div li{
list-style-type:none;
background-image:url(../images/disc.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding:0 0 0 10px;
color:#D70000;
}
.block3 div li a{
color:#D70000;
text-decoration:underline
}
.block3 div li a:visited{text-decoration:underline}
.block3 div li a:hover{text-decoration:none}

.pic2{
display:block;
background-image:url(../images/misc/home-plate.jpg);
background-position:bottom right;
background-repeat:no-repeat;
padding:0 0 5px 0;
}


div.block4{
width:250px;
float:left;
clear:both;
}

div.block4 div li{
list-style-type:none;
background-image:url(../images/disc.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding:0 0 0 10px;
color:#D70000;
}
div.block4 div li a{
color:#D70000;
text-decoration:underline
}
div.block4 div li a:visited{text-decoration:underline}
div.block4 div li a:hover{text-decoration:none}

div.block4 div.text{
padding:0 20px 0 28px;
}


div.block5{
width:240px;
float:left;
clear:both;
}

div.block5 div li{
list-style-type:none;
background-image:url(../images/disc.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding:0 0 5px 10px;
color:#D70000;
}
div.block5 div li a{
color:#D70000;
text-decoration:underline
}
div.block5 div li a:visited{text-decoration:underline}
div.block5 div li a:hover{text-decoration:none}

div.block5 div.text{
padding:0 0 0 28px;
height:200px;
overflow:auto;
}

/**********
navigation
**********/

div.footer{
float:left;
margin:0 0 0 280px;
padding:0 0 0 20px;
font-family:Verdana;
font-size:11px;
color:#A1AFB6;
line-height:15px;
}

div.footer div.footer-left{
float:left;
width:550px;
}

div.footer div.footer-right{
float:left;
text-align:right;
}


div.footer a{
color:#F4F1DE;
font-weight:bold;
text-decoration:none
}
div.footer a:visited{text-decoration:none}
div.footer a:hover{text-decoration:underline}
div.footer span{
color:#F4F1DE;
}

/**********
span for special review
**********/
.special-review-black{
font-weight:bold;
font-size:24px;
line-height:27px;
color:#000000;
}

.special-review-red{
font-weight:bold;
font-size:24px;
line-height:27px;
color:#D70000;
}