/*
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
*/

/* COLORS
-----------------------------------------------------------------------------
	
	#hex color-name (desc)
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------
	
	_FORMS
	_WRAP
	_HEADER
	_MASTHEAD
	_CONTENT-WRAP
		_COLUMN
		_SIDEBAR
	_FOOTER
	
*/

body{
	background: #120402 url('img/bg-background.jpg')no-repeat top center;
	color: #333333;
}

a:link, 
a:visited{ color: #920414; }

a:hover, 
a:active{ color: #333333; }

img.left,
img.right,
img.center{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 10px 5px;
	padding: 3px;
}

	img.left{ margin-left: 0; }
	img.right{ margin-right: 0; }
	img.center{ margin: 15px auto; }
	
	img.none{
		background-color: transparent;
		border: 0;
		padding: 0;
	}
	
p, ul, ol, dl{ margin: 15px 0; }

	p, li{ line-height: 15px; }
	
	ul, ol{ margin-left: 20px; }

/* _FORMS
----------------------------------------------------------------------------- */

.btn{ text-align: right; }

label{
	display: block;
	font-weight: bold;
}

input,
textarea{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	width: 400px;
}

	.short input{ width: 100px; }
	.wide input{ width: 600px; }
	
	.inline input, 
	.btn input{ width: auto; }

	textarea{ 
		height: 150px;
		resize: none;
	}

	.btn input{ 
		border: 0;
		text-transform: uppercase; 
	}
	
	.inline input,
	.inline label{ float: left; }

	.inline input{ 
		background-color: transparent;
		border: 0;
		margin-right: 10px;
	}

/* _WRAP
----------------------------------------------------------------------------- */

#wrap{
	width:720px;
	margin: 30px auto;
	height: 888px;
	margin-bottom: 120px;
	padding-left: 10px;
}

/* _HEADER
----------------------------------------------------------------------------- */

#header{
	margin-top:50px;
}

#header h1{
	background: transparent url('img/bg-logo.jpg') no-repeat;
	width:275px;
	height:62px;
	text-indent: -1300em;
	float: left;
	margin-right: 75px;
}

#header #nav{
	float: left;
	list-style: none;
}
	#nav li{
		display: inline;
		padding-right: 8px;
		margin-right: 5px;
		border-right: 1px solid #babcb1;
	}
	
	#nav li.last{
		padding-right: 0px;
		margin-right: 0px;
		border-right: none;
	}
	
	#nav a:link, 
	#nav a:visited{ 
		font-size: 13px;
		font-weight: bold;
		color: #333;
		text-decoration: none;
		}

	#nav a:hover, 
	#nav a:active{
		color: #000;
		text-decoration: underline;
		 }

/* _MASTHEAD (if needed)
----------------------------------------------------------------------------- */

#masthead{
	margin-top: 20px;
}

	#masthead #slideshow{
		width: 370px;
		float: left;
		margin-right: 20px;
	}
	
		#slideshow img{
			border: 5px solid #a19e8f;
		}
	
	#masthead #mp3player{
		width: 310px;
		height: 230px;
		margin-left: 400px;
		float: left;
		
	}
	
		#masthead #mp3player object{
			border-left: 5px solid #e5e2cc;
			border-right: 5px solid #e5e2cc;
		}
		
		#masthead #mp3player #buy{ margin-top: 20px;}
		
		#masthead #mp3player img{
			float: left;
			margin-right: 30px;
		}
		
		#masthead #mp3player p{
			text-align: center;
			float: left;
		}
		
		#masthead #mp3player a{
			text-decoration: none;
			font-weight: bold;
		}
		
		#masthead #mp3player p span{
			margin-top: 12px;
			margin-bottom: 0px;
			display: block;
			font-family:Georgia;
			font-size: 24px;
			font-style: italic;
			color: #a19e8f;
		}

/* _CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{
	margin-top: 30px;
}

	/* _COLUMN
	------------------------------------------------------------------------- */

	#column{ 
		float: left;
		width: 425px;
	}
	
	#connect{
		height: 44px;
		border: 5px solid #e0decb;
		background: #f1ebd1;
	
	}
	
	#connect #form{
		float:left;
		margin: 7px 18px 0 7px;
	}
	
	#connect #form input#email{
		width: 205px;
		height:18px;
		border-right: none;
		float: left;
	}
	
	#connect #form input#submit{
		float: left;
		width: 30px;
		height:28px;
		padding:0;
		border-left: none;
		margin-left:-5px;
	}
	
	#connect span{
		float: left;
		margin-top: 7px;
		font-family:Georgia;
		font-size: 24px;
		font-style: italic;
		color: #a19e8f;
	}
	
	#social{
		float: left;
		list-style: none;
	}
	
	#social li{
		float: left;
		margin-right: 18px;
	}
	
	#social li#last{
		margin-right: 0px;
	}
	
	#sub-columns{
		margin-top: 30px;
	}
	
		#sub-columns h2{
			font-size: 18px;
			color: #2a2a2a;
			border-bottom: 1px solid #d1a899;
			padding-bottom: 5px;
			margin-bottom: 5px;
		}
		
		#sub-columns p{ 
			font-size: 14px;
			line-height: 18px;
		}
		
		#dates{
			float: left;
			width: 200px;
			margin-right:20px;
		}
		
			#dates-list{
				list-style: none;
				margin: 0;
				padding: 0;
			}
		
			#dates-list li{ 
				border-bottom: 1px solid #d8d2bb;
				padding-bottom:14px;
				margin-bottom:0px;
				margin-top:14px;
				line-height: 17px;
			}
			
			#dates-list li strong{
				color: #333;
			}
		
		#book{
			float: left;
			width: 200px;
		}
			
			#book-img{
				margin-top: 15px;
			}

	/* _SIDEBAR
	------------------------------------------------------------------------- */

	#sidebar{
		float: left;
		width: 265px;
		margin-right: 20px;
	}
	
		#sidebar h2{
			font-size: 18px;
			color: #2a2a2a;
			border-bottom: 1px solid #d1a899;
			padding-bottom: 5px;
			margin-bottom: 5px;
		}
		
			#sidebar h2#updates{
				margin-top: 30px;
			}
		
		#sidebar p{ 
			font-size: 14px;
			line-height: 18px;
		}
		
			#sidebar p span{ 
				color: #5e5e5e;
			}
		
		#sidebar p.tweet{ 
			border-bottom: 1px solid #d8d2bb;
			padding-bottom:15px;
			margin-bottom:0px;
		}

/* _FOOTER
----------------------------------------------------------------------------- */

#footer{}