/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Redux Books Main Style Sheet
Author : Joshua Hogeterp
URL : /c/mainstyle.css

Description : The style sheet controls the global styles and imports/links specific style sheets

Created : Wednesday, February 28, 2007
Modified : Wednesday, February 28, 2007
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* Commong Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* { margin: 0; padding: 0; }
body { font: 100% "Lucida Grande", Arial, Helvetica, sans-serif; }
body.mainBody {background: #e9e9e9;}
img {border: none;}
.hidden {display: none;}
.clearer { clear: both; }
ul { list-style-type: none; }
a {color: #003399;}



/* Header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header {background: #ffffff url("/i/top-page-bg.jpg") top repeat-x; border-bottom: 8px solid #dbdbdb; text-align: center;}
#hook-left {background: url("/i/head-left-bg.gif") bottom left no-repeat;}
#hook-right {background: url("/i/head-right-bg.gif") bottom right no-repeat;}

#main-nav {width: 390px; margin: 0 auto;}
#main-nav li {display: block; float: left; width: 130px; }
#main-nav a {
	margin: 0 auto;
	padding-top: 14px;
	display: block;
	color: #333333;
	background: url("/i/mainNav-bg.gif") top center no-repeat;
	font: 14px Georgia, Garamond, serif;
	text-decoration: none;
	}
#main-nav a:hover {background: url("/i/mainNav-bg-here.gif") top center no-repeat; color: #bda432;}
#main-nav a.iamhere {background: url("/i/mainNav-bg-here.gif") top center no-repeat; color: #bda432;}
#main-nav a:hover.iamhere {}

#head-logo {width: 100%; text-align: center; clear: left; padding-top: 25px; padding-bottom: 10px;}


/* Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main-content {background: #ebebeb; padding-bottom: 15px;}
#left-col {float: left; width: 43%; background: url("/i/content-left-bg.gif") top left no-repeat; padding-top: 10px;}
#left-content {padding: 35px 5% 30px 10%;}
#left-col h1 {font: italic normal 20px/35px Georgia, Garamond, serif; color: #737046;}
#left-col h2 {font: italic normal 20px/35px Georgia, Garamond, serif; color: #737046; margin-top: 20px;}
#left-col {font-size: 12px; font-weight: normal; color: #666666;}
p.admin {font: italic normal 40px/50px Georgia, Garamond, serif; color: #900;}

#right-col {margin-left: 43%; background: url("/i/content-right-bg.gif") top right no-repeat; padding-top: 10px;}
#right-content {margin: 5px 10% 18px 10%; font-size: 11px; color: #9A9A9A;}
#right-col h2 {font: italic bold 22px/30px Georgia, Garamond, serif; color: #612021;}
#right-col h3 {font-size: 14px; margin-top: 20px; line-height: 18px; color: #333333;}
#right-col p {margin: 5px 0;}
#right-col dl {margin: 18px 0;}
#right-col dt {font: italic bold 18px/28px Georgia, Garamond, serif; color: #612021;}
#right-col a.more {text-align: right; padding-right: 20px; font-size: 14px; display: block;}

#second-content {text-align: center; background: #ffffff url("/i/second-content-bg.jpg") top repeat-x; padding: 35px 0;}
#second-content h2 {Font: italic bold 18px/28px Georgia, Garamond, serif; color: #612021; padding-bottom: 15px;}

#footer { text-align: center; background: url("/i/footer-bg.gif") top center  no-repeat; padding: 25px 0 20px; font-size: 11px; color: #999999;}
#footer ol {list-style-type: none; margin: 5px 0;}
#footer li {display: inline; padding: 8px;}

/* contact
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.vcard {font: italic normal 20px/35px Georgia, Garamond, serif; color: #a19f82;}
.org {font-size: 30px; color: #737046;}
#contactfrm {margin-top: 20px;}
#contactfrm fieldset {border: 2px solid #999999; margin-bottom: 15px; padding: 0 20px 20px 20px; background: #f9f9f9;}
#contactfrm label {display: block; font-size: 14px; color: #333333; padding-top: 15px;}
#contactfrm input, #contactfrm textarea {width: 100%; border: 1px solid #999999;}
#contactfrm input:focus, #contactfrm textarea:focus {background: #FFF6EE;}
#contactfrm .formbtn {width: auto; display: block; float: right;}
#contactfrm .required {color: #D10000;}

/* about
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.img-border {border: 1px solid #cccccc; width: 302px; margin-bottom: 20px;}
.img-border img {border: 1px solid #666666;}
#about dl {margin-bottom: 10px;}
#about dt {font-size: 13px; font-weight: bold; color: #333333;}
#about dd.title {font-weight: bold; color: #a19f82;}
#about dd.email, #about dd.phone {color: #333333;}
#about dd span span {font-style: italic;}

/* inventory
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#right-col ul {margin-top: 18px;}
#right-col ul li {font-size: 14px; line-height: 22px; color: #333333;}