/* CSS Document */

/*H--------------OME PAGE-------------*/

/*stupid, stupid internet explorer*/

#body{
background: url(images/body_repeat.jpg) repeat;
text-align:center;
}

#headerhome{
width:760px;
margin:auto;
margin-top:-15px;
height:260px;
text-align:left;
background:url(images/ribbon-header.png) left no-repeat;
}

#navhome{
width:760px;
height:auto;
float:right;
margin:auto;
margin-top:0px;
}

/*NAV STUFF-----------------------------------------*/

#navbar {

    width: 100%;

    height: 49px;

}



#navcontainer {

    position: relative;

    width: 728px;   

    margin: 0px auto;
	
	float:right; 

}



#navcontainer ul {

    margin:0;

    padding: 0;

    list-style-type: none;

    text-align: center;

    font: 12px/27px "Lucida Grande", Arial, Georgia, sans-serif;

}



#navcontainer li {

    display:inline;

    margin:0;

    padding:0;

}



#navcontainer a {

    float: right;

    display: block;

    width: 100px;

    height: 30px;

    margin-right: 1px;
	
	padding-top:18px;
	

}



#navcontainer a:link, #navcontainer a:visited {

    float: left;

    background: url(images/nav-butt.png) no-repeat left top;

    background-position:0%;

    color: #CA0000;

    text-decoration: none;

}



#navcontainer a:hover {

    float: left;

    background: url(images/nav-over.png) no-repeat left top;

    background-position:0%;

    color: #f8f8f8;

    text-decoration: none;

    line-height: 27px;

}

.imdb{
width:475px;
height:auto;
padding-top:40px;
}


img.home{
border-bottom:1px #999999 dotted;
}


p.homesauce{
font-family: "Lucida Grande", Arial, Georgia, sans-serif;
font-size:11px;
color:#b5b5b5;
text-align:left;
padding-left:20px;
padding-right:20px;
}

a.homesauce{
color:#00CCFF;
}

a.homesauce:hover{
color:#FF0033;
}

#containerhome{
width:760px;
height:450px;
margin:auto;
margin-top:0px;
}

#leftspacehome{
width:285px;
height:450px;
margin:auto;
background:#000000;
float:right;
}

#contentrighthome{
width:475px;
background: #1A1A1A;
height:450px;
margin:auto;
float:left;
}

#imdb{
width:475px;
height:100px;
margin:auto;
margin-top:225px;
text-align:left;
}

#footerhome{
width:760px;
height:200px;
margin: auto;
margin-top:0px;
clear:both;
}
/*BOOK*/

#bodybook{
background:url(images/headbook.gif) repeat-x top;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:0.76em;
text-align:center;
}

#header{
background:url(images/bookheader.jpg) no-repeat;
width:650px;
height:150px;
margin:auto;
}

#container{
width:650px;
height:1370px;
margin:auto;
background-color:#FFFFFF;

}

#story{
width:550px;
height:auto;
margin:auto;
text-align:left;
}

#nav{
width:175px;
height:auto;
float:left;
margin:auto;
margin-top:175px;
padding-left:20px;
}

#test{
width:150px;
height:300px;
float:left;
margin:auto;
margin-top:-8px;
}

img.book{
float:right;
padding:5px 5px 5px 10px;
}

#footer{
clear:both;
width:650px;
height:300px;
margin:auto;
margin-top:0px;
background:url(images/headfoot.gif) repeat-x;
}

img.rustic{
	margin-top:150px;
}


/*ARTICLE PAGE BELOW THIS LINE*/

#bodyarticle{
background:url(images/backgroundstrip.gif) repeat-x;
background-color:#DA4C1A;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:0.76em;
color:#FFFFFF;
}

#maincontainer{
width:750px;
height:auto;
}

#containerarticle{
width:520px;
height:auto;
float:right;
margin:auto;
margin-top:6px;
background-color:#FFFFFF;
}

#headerart{
width:520px;
height:210px;
background-color:#FFFFFF;
margin:auto;
background:url(images/articlehead.gif) no-repeat 50% bottom;
}

#navart{
width:175px;
height:200px;
background-color:#FFFFFF;
margin:auto;
margin-top:200px;
float:left;
}

#featured{
clear:both;
width:520px;
height:250px;
margin:auto;
margin-top:10px;
background:url(images/musclefitness.jpg) no-repeat 50% top;
text-align:right;
}

p.featured{
padding:75px 25px 0 15px;
font-size:12px;
}

p.readon{
font-family:helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
color: #33CCFF;
padding:0px 25px 0 25px;
}

p.readond{
font-family:helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
color: #FFFFFF;
padding:0px 35px 0 25px;
}

a.articled{
color:#FFFFFF;
}

a.articled:hover{
color:#FFFFFF;
}

p.daily{
padding:160px 35px 0 15px;
font-size:12px;
}

#spacer{
clear:both;
width:520px;
height:10px;
margin:auto;
margin-top:0px;
}

#threeline{
width:520px;
height:250px;
margin:auto;
margin-top:0px;
background:url(images/threebg.jpg) no-repeat 50% top;
}

p.threeline{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
#fight{
margin-top:175px;
width:150px;
height:auto;
float:left;
}
#space{
width:19px;
height:5px;
float:left;
}
#space2{
width:16px;
height:5px;
float:left;
}
#self{
margin-top:175px;
width:150px;
height:auto;
float:left;
}

#maxim{
margin-top:175px;
width:150px;
height:auto;
float:left;
}

#twoartleft{
width:220px;
height:250px;
margin-top:10px;
float:left;
background:url(images/u.jpg) no-repeat right;
text-align:right;
}

#twoartright{
width:300px;
height:250px;
margin-top:10px;
float:right;
background:url(images/fhm.jpg) no-repeat left;
}

p.fhm{
padding:160px 0 0px 35px ;
font-size:12px;
}

p.readonfh{
font-family:helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
color: #FFFFFF;
padding:0px 25px 0 35px;
}

a.article{
color:#33CCFF;
}

a.article:hover{
color:#FFFFFF;
}

#text{
width:500px;
height:auto;
text-align:left;
color:#333333;
font-size:11px;
padding-left:10px;
}

/*---------------------------NAV Article----------------*/

div#navigation {
width: 200px;
float: left;
display: inline;
margin-top: 228px;
background: #F6A300;
height: 240px;
text-transform: uppercase;
font-family: Helvetica, 'san seriff';
font-size: 14px;
}

div#navigation ul 
{
list-style-type: none;
padding-top: 0px;
margin-left: 6px;
}

div#navigation li {
}

div#navigation a, div#navigation a:visited, div#navigation a:active
{
display: block;
color: white;
text-decoration: none;
background: url(images/navbutton.gif) top left no-repeat;
padding-left: 5px;
line-height: 16px;
padding-top: 7px;
padding-bottom: 12px;
}
	
div#navigation a:hover
{
background: url(images/navbuttonselect.gif) top left no-repeat;
}

div#navigation a#menuactive, div#navigation a#menuactive:visited, div#navigation a#menuactive:active
{
display: block;
color: white;
text-decoration: none;
background: url(images/navbuttonselect.gif) top left no-repeat;
padding-left: 5px;
line-height: 16px;
padding-top: 7px;
padding-bottom: 12px;
}

div#navigation a#menuactive {
background: url(images/navbuttonselect.gif) top left no-repeat;
}

#footerart{
width:520px;
height:100px;
margin:auto;
margin-top:10px;
background:url(images/footerartbg.jpg) no-repeat 50% top;
text-align:center;
}

img.arti{
margin-top:10px;
}

#newReel{
width:400px;
height:200px;
margin:auto;
margin-bottom:20px;
margin-top:-15px;
padding-right:375px;
}