/* 

Randy Wells Print Ordering Splash Page
August 2010

Author: QuoinDesign.com

Style.css 


##COLORS
Dk Grey Bkg + Text : #433b39

Book Section Cream Text : #D3C9B4


*/

/* blueprint changes */

.box {
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}


/* ##layout */

body {
	font-family: Arial,Helvetica,san-serif;
	background: url(../images/w-02.gif) #FAF5E5 repeat-x top left;

	color: #433b39;

}

body div.wrapper {
	height: 219px;
	background: url(../images/w-01.png) repeat-x top center;
;
}

#header {
	height: 219px;	
}

#order {
	margin-top: 20px;
	margin-bottom: 22px;
}

#book {
	margin-bottom: 58px;	
}

/* basic */
h1, h2, h3, h4, h5, h6 {
	color: #433b39;
}

h3 {
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 0;
}
h4 {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 8.78px;
}

p, li {
	font-size: 13px;
	margin-bottom: 8.78px;
	line-height: 17.55px
 }

table {
	margin-left: 0px;
}

table col.col1 {width: 30%;}

th, td, caption {
	font-size: 16px;	
	padding:1px 6px 1px 0px;
}


a:hover {
	background-position: bottom;	
}


/* ##order  */

#order a {
	display: block;
	width: 212px;
	height: 57px;
	background: url("../images/w-05.png") top center;
	text-align: center;
	text-decoration: none;
	padding: 15px 20px 0;
	margin-top: 0;
	margin-bottom: 20px;
}



#order a:hover {
	background-position: bottom;	
}

#order a h3 {
	margin-top: 0;
}

/* ##book */

#book p {
	color: #D3C9B4;	
	
}

#book div.col2 {
	padding-top: 0px;
	margin-left: -20px;
}
#book div.col2 p {
	font-size: 16px;
	margin: auto 25px;
	margin-top:.5em;
}

#book div.note {
	margin-top: 24px;
	background: url("../images/w-12.png");
	padding: 50px 0 105px;
}

#book div.note p {
	color: #433b39;	
	margin-left: 55px;
	margin-right: 55px;
}

.cover { 
		//margin-left:-21px;		
}

#bookcover {
	background:url("../images/w-14.gif");
	float:left;
	margin-right:37px;
	height:264px;
	width:277px;
}

/* ##footer */

#footer #subscribecol {
	margin-left: -21px;
}

#footer a.subscribe {
	background: url("../images/w-18.png") no-repeat;
	width: 317px; 
	height: 100px;	
	display:block;
	padding-top: 36px;
	color: #433b39;	
 	text-decoration: none;
}

#footer a:hover.subscribe {
	background-position: bottom;	
}
#footer a.subscribe p {
	margin: 0 20px;
}

#footer a.subscribe p strong {
	font-size: 125%;
	display:block;
	margin-bottom:.5em; 	
}

#footer div#logo {
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: -10px;
}
#footer div#logo img {
		float: left;
		margin-right: 20px;
		
}