/* CSS Document */

/*
-----------------------------------------------
MASTER STYLE SHEET (universal.css)

Site: JamesDavidJordan.com
Company:  AuthorsOnTheWeb.com
Author:   Sunil Kumar (sunil@bookreporter.com)
Version:  June 4, 2008
File Path: ../css/universal.css
----------------------------------------------- */



/* = Global
------------------------------------------*/

body { 
	margin: 0;
	padding: 0; 
	background-image: url(../images/page/bg.jpg); 
	background-position: top center; 
	background-repeat: repeat-x;
	background-color: #2A180F;
	
	font-family: verdana;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	}
	
img {
	display: block;
	border: none;
	}


.content {
	width: 1000px;
	min-height: 900px;   
	margin: 0 auto; 
	padding: 0px;
	border: none; 
	background-image: url(../images/page/bg_text.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #B69B7A;
	}
/* IE6 fix for .content */
* html .content { height: 900px;}
/* end IE6 fix */
	
.leftcolumn  {
	float: left;
	padding: 0;
	}
/* IE6 fix for .leftcolumn */
* html .leftcolumn { }
/* end IE6 fix */
	
	
.maincolumn {
	float: left;
	padding: 0;
	}

.rightcolumn {
	float: left;
	padding: 0;
	}




.praise {
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	color: #000;
	font-weight: bold;
	
	margin: 20px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border-top: 1px solid #635242;
	border-bottom: 1px solid #635242;
	}
	
.praise span {
	font-weight: normal;
	}	
	
	
	
/* =Header
------------------------------------------*/

.header {
	width: 1000px;
	height: 84px;
	margin: 0;
	padding: 0;
	}
	




/* =Footer
------------------------------------------*/

.footer  {
	width: 940px;
	margin:30px;
	margin-bottom: 0;
	padding: 0; 
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #927A5B;
	
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #927A5B;
	}
	
.footer a:link { color: #927A5B; text-decoration: underline; font-family: verdana, arial, sans-serif; }

.footer a:visited { color: #927A5B; text-decoration: underline; font-family:  verdana, arial, sans-serif;}

.footer a:hover { color: #000000; text-decoration: none; font-family:  verdana, arial, sans-serif; }





	
/* =Nav
------------------------------------------*/


.nav  {
	width: 1000px;
	height: 31px;
	padding: 0;
	}
	
.nav img {
	margin: 0;
	padding: 0;
	float: left;
	}



/* =SubNav
------------------------------------------*/

.subnav {
	width: 1000px;
	margin: 0;
	padding: 0;
	}
/* IE7 fix for .subnav */
*:first-child+html .subnav {  }
/* end IE7 fix */

.subnav img {
	margin: 0;
	padding: 0;
	float: left;
	}
	

	

/* =Text
------------------------------------------*/

div .headline {
	font-family: verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	}

div .headline b {
	font-weight: bold;
	color: #841B21
	}
	
div .title {
	font-family: verdana, sans-serif;
	font-size: 22px;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	color: #000;
	}
/* IE6 fix for .title */
* html div .title { margin-bottom: 0px; padding-bottom: 10px; }
/* end IE6 fix */		
/* IE7 fix for .title */
*:first-child+html .title { margin-bottom: 0px; padding-bottom: 10px; }
/* end IE7 fix */

div .subtitle {
	font-family: verdana, sans-serif;
	font-size: 20px;
	width: 100%;
	margin: 0;
	color: #000;
	}

div .subtitle span {
	font-size: 16px;
	}	



/* =Links (global) 
------------------------------------------*/

a:link { color: #FDF7BD; text-decoration: underline; font-family: verdana, sans-serif; }

a:visited { color: #FDF7BD; text-decoration: underline; font-family:  verdana, sans-serif;}

a:hover { color: #fff; text-decoration: none; font-family:  verdana, sans-serif; }






/* id=HOME
------------------------------------------*/

#home .leftcolumn {
	width: 238px;
	margin: 40px 0px 0px 30px;
	text-align: center;
	}
/* IE6 fix for .item */
* html #home .maincolumn { margin: 40px 0px 0px 20px; }
/* end IE6 fix */	

#home .maincolumn {
	width: 440px;
	margin: 40px 0px 0px 35px;
	}
/* IE6 fix for .item */
* html #home .maincolumn { margin: 40px 0px 0px 20px; }
/* end IE6 fix */

#home .rightcolumn {
	width: 186px;
	margin: 270px 0px 0px 35px;
	}	
/* IE6 fix for .item */
* html #home .rightcolumn { margin: 270px 0px 0px 20px; }
/* end IE6 fix */	
	


/* id=BOOKS
------------------------------------------*/	


#books .maincolumn {
	width: 678px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}
	
#books .item {
	margin-bottom: 30px;
	min-height: 307px;
	}
/* IE6 fix for .item */
* html #books .item { height: 307px;}
/* end IE6 fix */	

#books .cover {
	display: block;
	margin: 0px 20px 0px 0px;
	float: left;
	clear: left;
	}	
	
#books .desc {
	}		
/* IE6 fix for .desc */
* html #books .desc { float: right; clear: right;}
/* end IE6 fix */	
/* IE7 fix for .desc */
*:first-child+html #books .desc { float: right; clear: right; }
/* end IE7 fix */	


/* id=BOOK
------------------------------------------*/


#book .leftcolumn {
	width: 205px;
	margin: 40px 0px 0px 30px;
	}

#book .maincolumn {
	width: 473px;
	min-height: 600px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}
/* IE6 fix for .maincolumn */
* html #book .maincolumn { height: 600px; }
/* end IE6 fix */	

#book .rightcolumn {
	width: 186px;
	float: left;
	margin: 170px 0px 0px 35px;
	padding: 0;
	}	



/* id=AUTHOR
------------------------------------------*/

#author .leftcolumn {
	width: 205px;
	margin: 40px 0px 0px 30px;
	}

#author .maincolumn {
	width: 473px;
	min-height: 600px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}
/* IE6 fix for .maincolumn */
* html #author .maincolumn { height: 600px; }
/* end IE6 fix */
	

#author .rightcolumn {
	width: 186px;
	float: left;
	margin: 270px 0px 0px 35px;
	padding: 0;
	}	




/* id=CLUBS
------------------------------------------*/

#clubs .maincolumn {
	width: 678px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}
	
#clubs .item {
	margin-bottom: 30px;
	min-height: 307px;
	}
/* IE6 fix for .item */
* html #clubs .item { height: 307px;}
/* end IE6 fix */	

#clubs .cover {
	display: block;
	margin: 0px 20px 0px 0px;
	float: left;
	clear: left;
	}	
	
#clubs .desc {
	}	
/* IE6 fix for .item */
* html #clubs .desc { float: right; clear: right;}
/* end IE6 fix */		
/* IE7 fix for .desc */
*:first-child+html #clubs .desc { float: right; clear: right; }
/* end IE7 fix */
	


/* id=FORM
------------------------------------------*/

#form .leftcolumn {
	width: 205px;
	margin: 40px 0px 0px 30px;
	}

#form .maincolumn {
	width: 473px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}

#form .rightcolumn {
	width: 186px;
	float: left;
	margin: 270px 0px 0px 35px;
	padding: 0;
	}	
		
	
	

/* id=CONTACT
------------------------------------------*/

#contact .form {
	width: 363px;
	float: left;
	margin: 0px 30px 0px 0px;
	}

#contact .cover {
	width: 308px;
	float: left;
	margin: 0;
	}



/* id=BUY
------------------------------------------*/






/* id=EVENTS
------------------------------------------*/

#events .leftcolumn {
	width: 205px;
	margin: 40px 0px 0px 30px;
	}

#events .maincolumn {
	width: 473px;
	min-height: 600px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}
/* IE6 fix for .maincolumn */
* html #next .maincolumn { height: 600px; }
/* end IE6 fix */		

#events .rightcolumn {
	width: 186px;
	float: left;
	margin: 270px 0px 0px 35px;
	padding: 0;
	}	


/* id=NEXT
------------------------------------------*/

#next .leftcolumn {
	width: 205px;
	margin: 40px 0px 0px 30px;
	}

#next .maincolumn {
	width: 473px;
	min-height: 600px;
	float: left;
	margin: 40px 0px 0px 35px;
	padding: 0;
	}
/* IE6 fix for .maincolumn */
* html #next .maincolumn { height: 600px; }
/* end IE6 fix */	

#next .rightcolumn {
	width: 186px;
	float: left;
	margin: 270px 0px 0px 35px;
	padding: 0;
	}		



