/************************************************
http://littlemachine.com

COLORS:

black			#000
grey dark		#222
grey			#444
white			#fff

gold			#c92
orange			#a60
orange (dark)	#740
brown			#321
tan				#bba

************************************************/

/*************************************************
GENERAL HTML ELEMENTS
*************************************************/
* {margin: 0; padding: 0;}
body {background-color:#000; color: #fff; font: normal normal normal 11px/18px verdana, serif;}
a {color: #c92;text-decoration: none; outline: none;}
a:hover {color: #a60;}
a:active {color: #740;}
h1 {color:#c92; font: normal normal normal 28px/38px Georgia, serif; padding-bottom:8px;}
h2 {font: normal normal normal 20px/28px Georgia, serif; padding-bottom:6px;}
p {padding-bottom: 10px;}
blockquote {border:1px dashed #222; padding:10px 10px 0px 10px; margin-bottom:10px; color:#bba; font-family:Georgia, serif;}
ul {padding-bottom: 10px; padding-left: 20px;}
small {font: normal normal normal 10px/14px Georgia, serif;}
img {margin-bottom: 15px;}

/*************************************************
STRUCTURE
*************************************************/
body {text-align: center;}
#header {border-bottom: 1px solid #321; margin-bottom:30px; padding:6px 0; background:#000 url(i/header.gif) repeat-x scroll top left;}
#header .container {width:960px; margin: 0 auto; text-align: left;}
#content {width:960px; margin: 0 auto; text-align: left;}
#footer {border-top: 1px solid #222; padding:15px 0; clear:both;}

/*************************************************
HEADER
*************************************************/
#header ul {margin:0; padding:0;}
#header li {display:inline;  padding-right:15px; margin-right:15px; border-right:1px dotted #000;}
#header li.last {margin:0; border: none;}
#header li.contact {float:right; padding:0; margin:0; border: none;}
#header li.external:hover {background:transparent url(i/icon_newwindow.png) no-repeat scroll top right;}

/*************************************************
CONTENT
*************************************************/
#content .columnleft {width:470px; float:left;  display:inline; margin-bottom:20px;}
#content .columnright {width:470px; float:right;  display:inline; margin-bottom:20px;}
#content #buynow {width:225px; height:70px; overflow: hidden; float: left; display:inline; text-align:center; background:#321 url(i/buynow.gif) no-repeat scroll 0 0;}
#content #buynow:hover {background:#321 url(i/buynow.gif) no-repeat scroll 0 -70px;}
#content #buynow a {width:225px; height:70px; padding-top:11px; display:block;}
#content #buynow a h2 {font: italic normal normal 24px/24px Georgia, serif;}
#content #bookdetails {width:225px; float: right;}
#content .authorlinks {float:right; margin-top:7px;}

/*************************************************
FOOTER
*************************************************/
#footer ul {width:545px; padding:0; position:relative; margin: 0 auto;}
#footer li {list-style: none; float:left;}
#footer li a {height:50px; display:block;}
#footer li.chronicle a {width:260px; background:#000 url(i/footer_chronicle.gif) no-repeat scroll 0 0;}
#footer li.surfline a {width:150px; background:#000 url(i/footer_surfline.gif) no-repeat scroll 0 0;}
#footer li.hurley a {width:135px; background:#000 url(i/footer_hurley.gif) no-repeat scroll 0 0;}
#footer li:hover a {background-position: 0 -50px;}
#footer li span {display:none;}

/*************************************************
FOOTER
*************************************************/
.floatright {float:right; margin:0px 0px 10px 10px;}

/*************************************************
GALLERY
*************************************************/
/* Don't Change These*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
/* Change These*/
#gallery {width:750px; text-align:center; margin:0px auto;}
#gallery_main_image{width:750px; height:535px;}
#gallery_main_image img{width:750px; height:500px; margin-bottom:5px;}
.gallery_thumbs {width:750px; height:65px; margin:0; padding:0; text-align:center;}
.gallery_thumbs li{width:51px; height:34px; margin: 3px;}