/* Style sheet for AudibleBeauty.net */

/* Structure
-----------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background-color:#A6B5BD;
	background-image:url(../images/bg_A6B5BD_oldpaper.jpg);
	background-repeat:repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size : 90%;
	}
p	{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
	}
#bigbox {
	width:62.4em;
	margin:0px auto; /*to center*/
	border:1px solid #c0c0c0;
	background-color:#FFFFFF; /*background color for everything that has readable content essentially*/
	background-image:    url("../images/1020-blue.png");
	background-repeat:no-repeat;
		}
#search {
	float: right;
	padding:1em;
	margin: 0em 1em 1em 0em;
	border:none;
	}		
#header {
	margin:0;
	padding:15px;
	height:auto;
	text-align:center;
	background-color:transparent;
	border-top:thick solid #c0c0c0;
	}
#content {
	margin:0 0 0 125px;
	padding:15px;
	text-align:left;
	clear: left;
	background-color:#FFFFFF;
	}
#footer {
	margin:0;
	padding:5px;
	font-size:small;
	text-align:center;
	background-color:#FFFFFF;
	}
td {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

th {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
	
/* Navigation
---------------------------------------------------------------------*/
/*Containing floating elements from http://www.complexspiral.com/publications/containing-floats */
/*In HTML code order is 1) container [div] 2) floated [div] 3) container contents [p] 4) cleared hr OR clearer div */	
div#content hr {
	display: block;
	clear: left;
	margin: -0.66em 0;
	visibility: hidden;
	}
div.clearer {clear:left; line-height: 0; height: 0;}
/* Content on left side of main body, usually navigation */
/* based on http://bluerobot.com Layout Reservoir */
#sidemenu {
	float: right;
	padding:1em;
	margin: 0em 1em 1em 0em;
	border:none;
	/*line-height:17px;*/
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	
	}
	/* Again, "be nice to Opera 5". */
	

#topmenu
	{
	width:62.4em;
	margin-left:auto;
	margin-right:auto;
	}
#topmenu ul
	{
	padding:0;
	margin:0;
	list-style: none;
	}
#topmenu li
	{
	float:left;
	padding: 0;
	margin: 0 0.1em;
	text-align:center;
	
	}
#topmenu li a
	{
	height: 2em;
	line-height: 2em;
	width: 10em;
	display: block;
	background-color:#e7e4df;
	border: 0.1em solid #e7e4df;
	color: #738e99;
	text-decoration: none;
	float: none;
	/* End IE5-Mac hack */
	}
#topmenu a:hover
	{
	background-color:#d6dee2;
	border: 0.1em dashed silver;
	}

/* Headings
---------------------------------------------------------------------*/
h1	{
	font-size:140%;
	font-family:Georgia, "Times New Roman", Times, serif
	}
h2	{
	font-size:130%;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:50px;
	background-image:url(../images/h2_1032_blue.png);
	background-repeat:no-repeat;
	}
h3	{
	
	font-size:110%;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:thin #c0c0c0 solid;
	}
h4	{
	
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif
	}
h5	{
	font-weight:bold;
	font-size:100%;
	}

/* LEFT MENU
---------------------------------------------------------------------*/
/*styles for unordered lists for navigation menus */
#sidemenu UL	{ 
	margin: 0;
	padding: 0;
	list-style: none;
	}
#sidemenu LI 	{ 
	padding:0px;
	margin: 0;
	text-align:center;         
	}
#sidemenu li a
	{
	background-color:transparent;
	height:3em;
	line-height:3em;
	width: 15em;
	display: block;
	border-bottom: 1px dotted silver;
	margin:0;
	}

#sidemenu li a:hover
	{
	border-bottom:1px solid #738e99;
	}
/*link styles for navigation lists*/
a.nav:link {
   text-decoration: none;
	color: Black;
	
	}
a.nav:hover {
	text-decoration: none;
	color: Black;
	
}
a.nav:visited {
	text-decoration: none;
	color: Black;
	
}
a.nav:active {
	text-decoration: none;
	color: Black;
	
}


/* Links
---------------------------------------------------------------------*/	
a:link, a:visited
	{
	color:#65828b /*#738e99*/;
	text-decoration:none;
	}
a:hover, a:active
	{
	color:silver;
	text-decoration:none;
	}
.quotenote {
	font-size: small;
	font-style: italic;
}
.subTitle {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
}