/* CSS Document */

/*
-----------------------------------------------
MASTER STYLE SHEET (universal.css)

Site: MarkTSullivan.com
Company:  AuthorsOnTheWeb.com
Author:   Sunil Kumar (sunil@bookreporter.com)
Version:  January 5, 2009
File Path: ../css/universal.css
----------------------------------------------- */




/* = GLOBAL DETAILS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

body { 
	margin: 0;
	padding: 0;
	background: #000 url(../images/page/bg.jpg) repeat-x top center;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #F6FFF7;
	}

img {
	display: block;
	border: none;
	}	



/* =Titles/Images
------------------------------------------*/

.title {
	position: relative;
	left: -3px;
	}


/* =Text
------------------------------------------*/

h3 {
	font-size: 20px;
	margin-top: 0;
	font-weight: normal;
	}

h4 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 3px;
	font-weight: normal;
	}



/* =Links (global) 
------------------------------------------*/


a:link { color: #FFC151; text-decoration: underline; font-family: Arial, sans-serif; }

a:visited { color: #FFC151; text-decoration: underline; font-family: Arial, sans-serif;}

a:hover { color: #fff; text-decoration: underline; font-family: Arial, sans-serif; }


/* =free (global) 
------------------------------------------*/

#free {
	margin-top: 20px;
	}

#free p {
	color: #cccccc;
	font-size: 13px;
	padding: 0 8px;
	}

#freedownload  {
	margin-bottom: 20px;
	}

#freedownload img {
	margin: 0 auto;
	}
	
#buydownload {
	margin-top: 10px;
	}

#buydownload img {
	margin: 0 0 0 0;
	}


/* =Lists  
------------------------------------------*/


.leftcolumn ul {
	list-style: none;
	margin: 0;
	padding-left: 15px;
	padding-bottom: 8px;
	width: 186px;
	
	font-size: 13px;
	line-height: 13px;
	background-color: #6a6a6a;
	}

.leftcolumn ul li {	
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	}	

.leftcolumn ul li a:link { color: #FFC151; text-decoration: none; font-family: Arial, sans-serif; }

.leftcolumn ul li a:visited { color: #FFC151; text-decoration: none; font-family: Arial, sans-serif;}

.leftcolumn ul li a:hover { color: #fff; text-decoration: underline; font-family: Arial, sans-serif; }	



.rightcolumn ul {
	list-style: none;
	margin: 3px 0px 20px 0px;
	padding-left: 0;
	width: 185px;
	
	font-size: 14px;
	}

.rightcolumn ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	}	

#buy ul {
	list-style: none;
	margin: 3px 0px 20px 0px;
	padding-left: 0;
	width: 310px;
	
	font-size: 14px;
	}

#buy ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 3px;
	}	

		
	
	
	

/* =Photos  
------------------------------------------*/








/* = GLOBAL STRUCTURE
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/



.background {
	width: 100%; 
	min-height: 800px;  
	margin: 0; 
	padding: 0;
	border: none; 
	background: url(../images/page/bg_top.jpg) no-repeat top center;
	}
/* IE fix for .background */
 * html .background { height: 800px; }
/* end IE fix */


.content {
	width: 899px;
	margin: 0 auto;
	padding: 0;
	}




/* =Header
------------------------------------------*/

.header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 899px;
	height: 172px;
	}
	
	
.header .slogan {
	position: absolute;
	top: 16px;
	left: 13px;
	font-family: verdana, sans-serif;
	font-size: 14px;
	color: #F6FFF7;
	}	
	
h1 {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 34px;
	left: 13px;
	width: 440px;
	height: 45px;
	}
	
h1 a {
	display: block;	
	width: 440px;
	height: 45px;
	}

h1 a span {
	display: none;
	}
		

.header .quote {
	position: absolute;
	top: 95px;
	left: 235px;
	width: 370px;
	height: 70px;
	
	font-family: arial, sans-serif;
	font-size: 16px;
	color: #FFF09B;
	font-weight: bold;
	text-indent: -8px;
	}	

.header .quote .attribute {
	font-weight: normal;
	text-align: right;
	}	



/* =Footer
------------------------------------------*/


.footer  {
	margin: 20px 0px 0px 0px; 
	width: 100%;
	height: 65px;
	border: none;
	border-top: 3px solid #F6FFF7;
	background: url(../images/page/bg_footer.jpg) repeat-x;
	
	font-family: Tohoma, Arial, sans-serif;
	font-size: 12px;
	color: #F6FFF7;
	}

.footer .text {
	width: 899px;
	margin: 15px auto;
	}	
	
.footer a:link { color: #F6FFF7; text-decoration: underline; font-family: Tohoma, Arial, sans-serif; }

.footer a:visited { color: #F6FFF7; text-decoration: underline; font-family: Tohoma, Arial, sans-serif;}

.footer a:hover { color: #fff; text-decoration: none; font-family: Tohoma, Arial, sans-serif; }
	
	


/* = Nav
----------------------------------------*/









/* = SubNav
----------------------------------------*/


.subnav {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-top: 5px;
	height: 30px;
	vertical-align: middle;
	

	color: #F6FFF7;
	border-bottom: 1px solid #F6FFF7;
	}
/* IE fix for .subnav */
 * html .subnav {   }
/* end IE fix */
	
	
.subnav img {
	position: relative;
	left: -3px;
	margin-right: 20px;
	margin-top: -5px;
	float: left;
	clear: left;
	}
/* IE fix for .subnav img */
 * html .subnav img { top: 7px;  }
/* end IE fix */
	
				
.subnav a:link { color: #FFC151; text-decoration: underline; font-family: Arial, sans-serif; margin: 3px; }

.subnav a:visited { color: #FFC151; text-decoration: underline; font-family: Arial, sans-serif; margin: 3px; }

.subnav a:hover { color: #fff; text-decoration: none; font-family: Arial, sans-serif; margin: 3px; }
	




/* = 3 Column layout
----------------------------------------*/


		
#threecol .leftcolumn {
	float: left;
	width: 201px;
	margin: 20px 0px 30px 13px;
	}
/* IE fix for #threecol .leftcolumn */
 * html #threecol .leftcolumn { margin: 20px 0px 30px 5px; }
/* end IE fix */
	

#threecol .maincolumn {
	float: left;
	width: 418px;
	margin: 35px 0px 30px 18px;
	}
/* IE fix for #threecol .maincolumn */
 * html #threecol .maincolumn { margin: 20px 0px 30px 13px; }
/* end IE fix */
	

#threecol .rightcolumn {
	float: left;
	width: 185px;
	margin: 35px 0px 30px 18px;
	padding: 15px;
	background-color: #6D6D6D;
	}
/* IE fix for #threecol .rightcolumn */
 * html #threecol .rightcolumn { margin: 20px 0px 30px 13px; }
/* end IE fix */
			
	


/* = 2 Column layout
----------------------------------------*/
		

#twocol .leftcolumn {
	float: left;
	width: 201px;
	margin: 20px 0px 30px 13px;
	}
	

#twocol .maincolumn {
	float: left;
	width: 619px;
	margin: 35px 0px 30px 18px;
	}		




/* = Individual Book page
----------------------------------------*/


#book .block {
	float: left;
	width: 388px;
	margin: 0;
	padding: 0;
	}
	
#book .image {
	float: left;
	width: 215px;
	margin: 0px 0px 0px 13px;
	padding: 0;
	}	
	





/* = INDIVIDUAL PAGES
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/



/* = Home
----------------------------------------*/


#home .content {
	background: #000 url(../images/page/bg_top_home.jpg) no-repeat top center;
	}


#home .block {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #515151;
	}	
	
#home .rightcolumn {
	font-size: 18px;
	}

#home .rightcolumn .cs {
	font-size: 22px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	}	

#home .rightcolumn img {
	margin: 0 auto;
	margin-bottom: 10px;
	}	
		


/* = Author
----------------------------------------*/


#author .block {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0;
	}
	
#author .image {
	float: left;
	width: 213px;
	margin: 0px 0px 0px 13px;
	padding: 0;
	}	



	

/* = Blog
----------------------------------------*/


#blog .block {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0;
	}
	
#blog .links {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 16px;
	padding: 0;
	}	

#blog .date {
	color: #A4A4A4;
	font-size: 12px;
	}	

#blog ul {
	list-style: none;
	margin: 3px 0px 20px 0px;
	padding-left: 0;
	width: 210px;
	}

#blog ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	}	

#blog .links a:link { color: #FFC151; text-decoration: underline; font-family: Arial, sans-serif; }

#blog .links a:visited { color: #FFC151; text-decoration: underline; font-family: Arial, sans-serif;}

#blog .links a:hover { color: #fff; text-decoration: none; font-family: Arial, sans-serif; }





/* = News/Events
----------------------------------------*/


#news .news {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	}
	
#news .events {
	float: left;
	width: 300px;
	margin: 0px 0px 0px 16px;
	padding: 0;
	}	





/* = Beyond
----------------------------------------*/


#beyond .block {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0;
	}
	
#beyond .image {
	float: left;
	width: 213px;
	margin: 0px 0px 0px 13px;
	padding: 0;
	}	





/* = Contact
----------------------------------------*/


#contact .block {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0;
	}
	
#contact .image {
	float: left;
	width: 213px;
	margin: 0px 0px 0px 13px;
	padding: 0;
	}	


		
/* = Books and Buy
----------------------------------------*/


.item {
	margin-bottom: 30px;
	padding-bottom: 20px;
	min-height: 176px;
	border-bottom: 1px solid #F6FFF7;
	}
/* IE6 fix for .item */
* html .item { height: 176px;}
/* end IE6 fix */	
	
.item .cover {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	margin-bottom: 30px;
	}

.item .desc {
	margin: 0px 0px 0px 148px;
	}	



/* = Triple Cross
----------------------------------------*/


.triple .content {
	background: #000 url(../images/page/bg_top_home.jpg) no-repeat top center;
	}