/* ---------------------------

CSS Created by Grip Creative - Helping you grasp your vision!


Thanks for taking a look at my css code. If you have any questions or have any suggestions, email me: joshtilton@gmail.com


 ----------------------------- */


 /* ---------      Essiantials      ----------*/
html{
	 background:#000 url("/images/rockbg.jpg") repeat-x fixed;}



body {
font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	color: #363636;
	line-height: 1.2em;
	margin:0 0 0 0;
}



img{
border:none;
}

.imgclear{
clear:both;}

.pbook{		float:	left;}

img.articles {border-color:#000;	padding: 4px 12px 4px 4px;	float:left;}


a:link {
color:#000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #5A3B1D;
}
a:hover {
	text-decoration: none;
	color: #999999; 
}
a:active {
	text-decoration: none;
	color: #000;
}


h1 {
	font-size: 24px;
	font-style:italic;
	font-weight:100;
	line-height: 1.3em;
	overflow:hidden;
	color: #000;
	margin: 0 0 0 0;
}
h2 {
	font-size: 20px;
	font-weight:normal;
	color: #000;
	margin: 0 0 6px 0;
}

h3 {
	font-size: 20px;
	width:270px;
	height:43px;
	overflow:hidden;
	color: #7c96a1;
	margin: 0 0 6px 0;
}

#contentwrap {
background:#432821 url(/images/leatherbg.jpg) repeat-y;
width: 1056px;
margin:0 auto;
overflow:hidden;}

p {
font-family: Trebuchet MS;
font-size:.8em;
}

.reviews{
font-size: 1.4em;}
/* ---- Purchase  ---- */

.purchasebooks{
width:629px;
height:400px;
margin-top: 14px;
padding-top:10px;

clear:both;}

.purchaseinfo{
width:400px;
height:247px;
margin-right: 35px;
padding-left:6px;
padding-right:6px;
float:right;
}

.purchaseinfo p {
font-family: Trebuchet MS;
font-size:.7em;
clear:both;}

.purchasebutton{
border-color: #414141;
border-style: dashed;
border-width: 1px;
background: url(/images/purchasebook.jpg) no-repeat;
margin: 0 auto;
text-indent: -9999px;
width:321px;
height:36px;
}

.pbook{		float:	left;}

.purchaseheader{
float:left;
font-style: italic;
padding-top:6px;
font-size: 2.2em;}

.cost{
font-size:1em;
padding-top:12px;
color:#006120;
font-family: Trebuchet MS;
float:right;
text-decoration: underline;}
 /* ---------      Basic Header      ----------*/

#masthead {
width:1056px;
height: 215px;
background-color:#432821;
margin: 0 auto;}

#top {
width: 1056px;
height: 126px;
background:url(/images/header_02.jpg) no-repeat;
text-indent: -9999px;}

#toplink{
width:400px;
height: 150px;

margin:0 auto;}

#toplink a{
width:400px;
height: 150px;
display: block;
}

#middlebooks{
width:1056px;
height: 26px;
background: url(/images/header_04.jpg) no-repeat;
}


ul#nav_book {list-style-type: none;
	position: relative;
	width : 1056px;
	height : 26px;
	margin : 0 0 0 0;
	}


li#gideon { position: absolute;
left: 161px;
width : 218px;
height : 26px;
background:url(/images/ro_05.jpg) top no-repeat ;

}

li#waymaker{ position: absolute;
left : 379px;
width : 228px;
height : 26px;
background:url(/images/ro_06.jpg) top no-repeat ;

}

li#word { position: absolute;
left : 607px;
width : 266px;
height : 26px;
background:url(/images/ro_07.jpg) top no-repeat  ;}


li#gideon a:hover{
left: 161px;
width : 218px;
height : 26px;
background:url(/images/ro_05.jpg) bottom no-repeat;
}

li#waymaker a:hover{ 
left : 379px;
width : 228px;
height : 26px;
background:url(/images/ro_06.jpg) bottom no-repeat;
}

li#word a:hover{ 
left : 607px;
width : 266px;
height : 26px;
background:url(/images/ro_07.jpg)bottom no-repeat  ;
}


li#right { position: absolute;
left : 872px;
width : 208px;
height : 26px;
background:url(/images/header_08.jpg) no-repeat 0 0 ;
}

ul#nav_book a {
display:block;
width : 266px;
height : 26px;
text-indent : -9999px;
text-decoration : none;
overflow:hidden;
}
 /* ---------      Structure      ----------*/


#columnleft {
margin-left:30px;
width: 600px;
font-size:18px;
font-weight:lighter;
line-height: 1.3em;
color: #000000;
float:left;}

#leftscroll {
width: 629px;
background:url(/images/textbg.jpg) repeat-y;
overflow:hidden;}

#centeritis {
width: 590px;
margin: 0 auto;}

#columnright {
	font-size: 16px;
	color: #363636;
	line-height: 1.2em;
margin-right:40px;
width:330px;
height: auto;
float:right;}

#buybox{
width:341px;
height:396px;
margin-right: 25px;
margin-bottom: 25px;
background:url(/images/buy-books.jpg) no-repeat;}

.width {
width:230px;
height:auto;
padding-top:40px;
margin: 0 auto;}

.about{
width:260px;
height:auto;
padding-top:40px;
margin: 0 auto;}

#leftbox{
width:103px;
height:200px;
text-indent: -9999px;
float:left;}

#leftbox a{
width:103px;
height:200px;
display:block;}

#rightbox{
padding-top:20px;
width:118px;
height:200px;
float:right;
font-size:20px;}

#aboutbox{
width: 346px;
height: 521px;
background:url(/images/aboutbox.jpg)  no-repeat;
float:right;}

ul#abox{
list-style-type: square; margin-left: 16px;}



/* ---------      Navigation     ----------*/

#nav{
width:1056px;
height:63px;
background: url(/images/header_09.jpg) no-repeat;
overflow: hidden;
}
  
   ul#nav_main {list-style-type: none;
   left: 48px;
	position: relative;
	width : 1056px;
	height : 73px;
	margin : 0 0 0 0;
	}
	


li#purchase { position: absolute;

width : 155px;
height : 73px;
background:url(/images/header_10.jpg) no-repeat 0 0 ;

}

li#author{ position: absolute;

left : 195px;
width : 168px;
height : 83px;
background:url(/images/header_11.jpg) no-repeat 0 0 ;

}

li#history { position: absolute;
left : 343px;
width : 169px;
height : 83px;
background:url(/images/header_12.jpg) no-repeat 0 0 ;

}


li#excerpts { position: absolute;
left : 492px;
width : 183px;
height : 87px;
background:url(/images/header_13.jpg) no-repeat 0 0 ;

}

li#reviews { position: absolute;
left : 650px;
width : 181px;
height : 87px;
background:url(/images/header_14.jpg) no-repeat 0 0 ;

}
li#blog { position: absolute;
left : 809px;
width : 119px;
height : 87px;
background:url(/images/header_15.jpg) no-repeat 0 0 ;
}

li#end{ position: absolute;
right: 75px;
width : 108px;
height : 87px;
background:url(/images/header_16.jpg) no-repeat 0 0 ;
}


ul#nav_main a {
display:block;
width : 140px;
height : 73px;
text-indent : -9999px;
text-decoration : none;
overflow:hidden;
}

 /* ---------      /// END Navigation     ----------*/
 
 
#footer {
width:1056px;
height: 64px;
overflow:hidden;
font-size:20px;
color: #000;
text-align:center;
clear:both;
}

 ul#footerlinks li{
font-size:20px;
display:inline;
padding-right: 33px;

}

ul#footerlinks {
margin-top: 14px;
width:780px;
}

#footer a:link {
color:#000;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #887062;
}
#footer a:hover {
	text-decoration: none;
color: #887062;
}
#footer a:active {
	text-decoration: none;
	color: #FFF;
}



 
  /* ---------     IMG classes    ----------*/
  
img.border{
margin-bottom: 16px;
clear:both;
}

img.borderbtm{
margin-top: 16px;
}
  
.small{
font-size:14px;}
  
img.right {
float: right;}

img.left{
float:left;}

img.ascent {
margin-right:20px;
float: right;

padding-bottom:5px;}

img.grip{
float: right;
margin-right: 20px;}

img.mike{
float:left;
margin-top:14px;
margin-right: 8px;
margin-bottom: 4px;}

 /* ---------      Zem Contact Form    ----------*/

.zemContactForm legend {
   color: #ea9f00;
   font: 1em/1.5em Verdana, Arial, sans-serif;
   margin: 0.7em 0 0.3em 0;
   padding: 0.5em 10px 0.5em 0;
   width: 60px;
   }
.zemContactForm label {
 float: left;
width: 100px;
text-align: left;
margin-bottom:10px;
margin-right:10px;
   font: 14px Verdana, Arial, sans-serif;
   color: #000;
   }
.zemContactForm input {
width:581px;
clear:both;
   margin-bottom: 8px;
   }
.zemContactForm list{
   margin-bottom: 0.8em;
   }

.zemContactForm textarea{
font: 14px Verdana, Arial, sans-serif;
height: 260px;
background-color:#f8f6f6;
width:581px;
}

.zemContactForm br {
   clear: left;
   }
.zemContactForm .zemSubmit {
float:right;
margin-right:5px;
width:100px;
   }
 /* ---------  Comments   ----------*/
.comments_error {background: #decba2; color: #000;}
ul.comments_error {list-style-position: inside; list-style-type: circle;}
div#cpreview {background-color: #decba2; color: #FFF;}
form#txpCommentInputForm td {vertical-align: top;}
#comment h2, #comment h3 {margin-bottom: 1em;}
#comment h4 {margin: 0;}
.odd, .even {
width: 550px;
background: #ddca9f;
	margin: 0;
	padding: 0 0 0 0;
}
.odd {background: #c9b78f;}
.commentdate {
	font-size: .85em;
	font-weight: bold;
	margin-bottom: -.5em;
}
#comment-form #name, #comment-form #email, #comment-form #web, #comment-form #message {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	width: 550px;
}
#comment-form {
	border: none;
	border-top: 1px solid #e6e6e6;
	margin-top: 1.5em;
	padding: 0 1em;
width: 550px;

	
}