/*style sheet for online content styles*/

/***********Paragraph Styles*************************/
p {
        font-size: 1em;
        font-family: Baskerville, Times New Roman, serif;
	line-height: 160%;
        color:#55504d;
        }
	
.italic {
	font-style: italic;
}
        






/*****************Template Divs***********************/
body {
        background: #ffffff;
	background-image: url('../assets/goldendesigns.gif');
	text-align: center;
        margin: 0;
        padding: 0;
        }

#whole{
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: auto;
	border: 0px solid red;
}

#container {
	text-align: left;
	margin: 0;
	padding: 0;
	width: 980px;
	border: 0px dashed orange;
}
        
#header {
        position: relative;
	top: 80px;
        left: 60px;
	width: 850px;
	height: 490px;
	border: 0px solid blue;
        }
              
#imageholder	{
        float: left;
	border: 0px dashed green;
	margin: 0;
	padding: 0;
	text-align: left;
        top: 0px;
        
        height: 430px;
        width: 560px;
	}

#rightinsidetop	{
	margin-left: 600px;

	width: 240px;
	height: 430px;
	padding: 0;
	border: 0px dashed blue;
	}
	
#utilitymenu {
	width: 220px;
	height: 60px;
	margin-top: 54px;
	margin-left: -26px;
	padding: 0px;
	border: 0px dashed red;
}

#utilitymenu li {
        list-style: none;
	display: inline;
	margin-right: 12px;
	padding: 0;
        }
	
#utilitymenu ul {	
	display: inline;
}
        
#mainmenu {
	position: relative;
	left: 20px;
	text-align: left;
        margin-top: 30px;
	margin-bottom: 30px;
	padding: 0px;
        width: 850px;
	border: 0px solid black;
	
        }

        
#mainmenu li {
        list-style: none;
	display: inline;
	margin-right: 62px;
	padding: 0;
        }
	
.first {
	margin-left: -40px;
}
	
.last {
	margin-right: 0px;
}

#mainmenu a {
        text-decoration: none;
        font-family: Baskerville, Times New Roman, serif;
        font-size: 1.15em;
	font-weight: normal;
	color: #55504d;
        
        }
#mainmenu a:hover {
        text-decoration: underline;
        font-family: Baskerville, Times New Roman, serif;
        font-size: 1.15em;
	font-weight: normal;
        color: #f7ab9e;
        }

#mainmenu a:visited {
        text-decoration: none;	
        font-family: Baskerville, Times New Roman, serif;
        font-size: 1.15em;
	font-weight: normal;
	color: #adaca8;
        
        }	
#content {
	position: relative;
	left: 60px;
	width: 850px;
	min-height: 140px;
	height:auto !important;
	height: 140px; 
	border: 0px dotted pink;
}

#content ul {
	margin-left: -40px;
}

#content li {
        list-style: none;
	line-height: 160%;
	color: #55504d;
        }
        
#content a {
        text-decoration: none;
        font-family: Baskerville, Times New Roman, serif;
        color: #55504d;
        }
#content a:hover {
        text-decoration: underline;
        font-family: Baskerville, Times New Roman, serif;
        color: #f7ab9e;
        }

#content a:visited {
        text-decoration: none;
        font-family: Baskerville, Times New Roman, serif;
        color: #adaca8;
        }
	
#books {
	margin-left: 157px;
}

#interviewed {
	margin-left: 268px;
}

#blogs {
	margin-left: 422px;
}

#bio {
	margin-left: 530px;
}


#footer {
	width: 850px;
	margin-left: 120px;
	min-height: 240px;
	height:auto !important;
	height: 240px; 
	border: 0px solid black;
}

#footer p {
	color: #55504d;
	font-size: 12px;
	text-align: right;
}

#footer a {
	color: #90959e;
	
}

#footer a:visited {
	color: #ad9b85;
}
/*************************Book styles************************/
#bookimages{
	float: left;
	width: 240px;
	height: 300px;
	margin-top: 20px;
	border: 0px solid green;
}

#bookimages ul li{	
	display: inline;
	margin-left: 24px;
	
}

#bookleadin{
	float: left;
	width: 440px;
	height: 300px;
	margin-top: 20px;
	border: 0px solid blue;
}
#bookleadin h1 {
	font-size: 26pt;
	font-family: Baskerville, Times New Roman, serif;
	font-weight: normal;
	color:#55504d;
}

#bookleadin p {
	
	size: 10px;
}

#bookleadin p.more {
	
	text-align: right;
}

.hidden {
	display: none;
}

.show {
	display: block;
}
/************************ book styles end ********************/        
/* clears floating elements for the next line */        
div.spacer {
  clear: both;
  }