/* Global */
* {
margin:0;
padding:0;
border:none;
}
li {list-style:none;}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a{
text-decoration:none;
color:#222;
}
a:hover{
text-decoration:underline;
}
p {margin-bottom: 12px;}


/* Layout */
cfinput
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}


body{
background: #3f3f3f url(images/bodybg.jpg) center -0px no-repeat;
font: 62.5%/1.4 Tahoma, sans-serif;
color:#3e3e3e;
padding:0px 0px 0px 0px;
}
.red_text{
font: 14px Tahoma, sans-serif;
color:#cc0000;
padding:0px 0px 0px 0px;
line-height: 1.5em;
}
.white_text{
font: 13px Tahoma, sans-serif;
color:#FFFFFF;
padding:0px 0px 0px 0px;
line-height: 1.5em;
}
/* forms */

.formfield {  
 background-color: #ffffff; 
 border: 1px solid #666666;}
.red_header{
font: 22px Georgia;
color:#cc0000;
padding:0px 0px 0px 0px; 
}
.orange_text{
font: 14px Tahoma, sans-serif;
color:#fb7f05;
padding:0px 0px 0px 0px;
line-height: 1.5em;
}
.grey_text{
font: 18px Georgia, sans-serif;
color:#666666;
padding:0px 0px 0px 0px;
line-height: 1.5em;
}
body a{
color:#c80008;
text-decoration:underline;
}

body a:hover{
color:#c80008;
text-decoration:none;
}

div#wrap{
width:797px;
margin:0px auto 0px auto;
font-size:12px;
border-right: 7px solid #282828;
border-left: 7px solid #282828;
background-color: #fff;
}
#header{
height:210px;
background:url(images/header.jpg) top center no-repeat;
position:relative;
}

#header #logo {
position: relative;
top: 12px;
left: 40px;
overflow: hidden;
text-indent: -9999px;
width: 343px;
bborder: 1px solid red;
}
#header #logo a{
display: block;
width: 343px;
height: 88px;
}

#sidebar {
float: left;
width:172px;
background: #b2b2b2 url(images/sidebg.jpg) top left no-repeat;
min-height: 703px;
}

#main-menu {background: url(images/menu_bg.gif) top left no-repeat; width: 123px; height: 185px; margin: 10px 0 0 15px;}

#main-menu a {bborder: 1px solid red; display: block; position: relative; overflow: hidden; text-indent: -9999px;}

#main-menu a#menu_home    {width: 40px; height: 10px; top: 16px; left: 60px;}
#main-menu a#menu_bio     {width: 40px; height: 11px; top: 29px; left: 60px;}
#main-menu a#menu_books   {width: 40px; height: 11px; top: 42px; left: 60px;}
#main-menu a#menu_trilogy {width: 45px; height: 15px; top: 53px; left: 70px;}
#main-menu a#menu_series  {width: 45px; height: 15px; top: 58px; left: 70px;}
#main-menu a#menu_contact {width: 50px; height: 13px; top: 73px; left: 50px;}
#main-menu a#menu_album   {width: 80px; height: 14px; top: 84px; left: 20px;}

#main-menu a#menu_home:hover    {background: url(images/menu_home.gif) -43px 0 no-repeat;}
#main-menu a#menu_bio:hover     {background: url(images/menu_bio.gif) 16px 0 no-repeat;}
#main-menu a#menu_books:hover   {background: url(images/menu_books.gif) 1px 0 no-repeat;}
#main-menu a#menu_contact:hover {background: url(images/menu_contact.gif) 1px 0 no-repeat;}
#main-menu a#menu_album:hover   {background: url(images/menu_album.gif) -3px 0 no-repeat;}

div.content {
width: 590px;
float: right;
padding: 10px;
padding-left: 0px;
}

div.content h3 {font-family: Georgia; font-size: 22px; color: #c80008; font-weight: bold; margin: 15px 0px;}

div.content h4 {font-family: Georgia; font-size: 20px; color: #fb7f05; font-weight: bold; margin: 15px 0px;}

div.content h5 {font-family: Georgia; font-size: 18px; color: #666666; font-weight: bold; margin: 15px 0px;}

.content img.page-img {float: right; margin-left: 5px; margin-bottom: 5px; margin-right: -10px;}

ul
{
list-style-image: url(images/red_cir.gif);
list-style-type: circle;
padding-left: 30px;
}


#site_bottom {width: 100%; height: 32px; background: url(images/bottomside.gif) top left no-repeat;}

#footer {
background-color: #616161;
height: 54px;
clear: both;
}

#footer .bottom{
width: 797px;
height: 54px;
margin:0px auto 0px auto;

}
#footer .bottom ul{
float:right;
padding-top: 18px;
padding-right: 30px;
}

#footer .bottom ul li{
background:url(images/lidot.gif) 0 5px no-repeat;
display:block;
float:left;
height:25px;
margin-right:13px;
padding-left:13px;
}

#footer .bottom ul li a{
display: block;
color:#d6d6d6;
font-size:11px;
}

#footer .bottom ul li a:hover{color: #d6d6d6;}

