/* 
	Theme Name: Bay Books WordPress Theme
	Description: John's edited wordpress theme for Bay Books
	Author: John Gough
	Version: 1.0
	Tags: two columns, fixed width, white, gray, black, red, sidebar widgets
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

body {
	font-family:	Arial, Helvetica, sans-serif;
	color:			#3c3f36;
	font-size:		12px;
}

p {
	line-height:	20px;
	margin-bottom:	15px;
	text-align:		justify;
	font-size:		12px;
}

a {
	color:			#738028;
}


h1 {
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:		30px;
	color:			#738028;
	margin:			5px 0px 15px 0px;
}

h2 {
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:		24px;
	color:			#738028;
}

h3, h4, h5, h6 {
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:		20px;
	color:			#738028;
}

h1 a{
	text-decoration: none;
}

h1 a:hover{
	background: 	url(images/main/line_dotted.gif) repeat-x bottom;
	text-decoration: none;
}

#slideshow
{
    height: 155px;
    width: 402px;
    text-align: center;
	background-color: none;
	overflow: hidden;
}

.loader
{
    background: url( images/main/icon_loading.gif) no-repeat center;
}


.clear {
	clear:			both;
}

/* Top START */
#logo {
	width:			287px;
	height:			58px;
	overflow: 		hidden;
	display: 		block;
	margin: 		0;
	position: 		relative;
	z-index: 		3;
	top:			5px;
	left:			10px;
}

#top h1#logo a { text-indent: 	-9999px; }
#top h1#logo a img { text-indent: 	0; }

#smallMenu {
	position: 		absolute;
	top:			15px;
	right:			10px;
	color:			#878e52;
}

#smallMenu a {
	color:				#878e52;
	font-size:			10px;
	text-decoration:	none;
}

#smallMenu a:hover { color:	white; }


#searchBox {
	position: 		absolute;
	top:			48px;
	right:			10px;
	color:			#3e566c;
	font-variant: small-caps;
}


#banner h1 {
	color:			#3c3f36;
	font-size:		48px;
	font-variant:	small-caps;
	margin:			0px;
	line-height:	34px;
}

#banner h2 {
	color:			#738028;
	font-size:		22px;
}

/* Top END */

/* Horizontal navigation START */
#navHorizontal ul {
  	margin:     0;
  	padding:    0;
  	list-style: none;
}

#navHorizontal ul li {
  	margin:     	0;
  	height:			38px;
  	padding:    	0px 0px 0px 1px;
  	list-style: 	none;
  	display:    	block;
  	float:			left;
}

#navHorizontal ul li a{
  	padding:          0px 21px 2px 21px;
  	color:            white;
  	text-decoration:  none;
	font-family:	  Georgia, "Times New Roman", Times, serif;
	font-size:		  16px;
  	display:		  block;
	font-weight:	  bold;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a.linkOn{
  	color:            #272824;
  	text-decoration:  none;
	font-weight:	  bold;
  	background:		  url(images/main/menu_tab_on.gif) repeat-x;
}
/* Horizontal navigation END */

/* Contact START */
#contactInfo {
	background: 	url(images/main/line_dotted.gif) repeat-x bottom;
	padding:		10px 0px 20px 0px;
}

#contactInfo .title {
	font-size:		14px;
	font-weight:	bold;
	width:			150px;
	clear:			both;
	float:			left;
	margin-top:		10px;
}

#contactInfo .txt {
	font-size:		16px;
	float:			left;
	line-height:	20px;
	margin-top:		10px;
}

/* Contact END */

/* Content START */
.contentPhoto {
	float:			left;
	margin:			5px 10px 10px 0px;
	border:			1px solid #8ba3b5;
}

.readMore {
	font-weight:	bold;
	margin:			20px 0px 10px 0px;
}

.date {
	color:			#acac9c;
	font-size:		12px;
	padding:		3px 0 0 0;
	margin-top:		3px;
	margin-bottom:	10px;
}

div.news {
	margin-bottom:	20px;
	padding-bottom: 10px;
	background:		url(images/main/line_dotted.gif) repeat-x bottom;
}

div.tableOfContents {
	background:		#f3f3ec;
	width:			300px;
	float:			right;
	margin:			0px 0px 10px 10px;
	padding:		10px 10px 10px 10px;
}

.tableOfContents ul {
	margin: 		0px;
	padding: 		0px;
}

.tableOfContents li {
	background: 	url(images/main/bullet_02.gif) no-repeat 0px 9px;
	display:		block;
	font-weight:	bold;
	padding:		5px 0px 5px 15px;
}

.tableOfContents li a {color:#3c3f36;}
/* Content END */

/* Right START */
#columnRight h1 {
	border-bottom:	3px solid #f3f3ec;
	padding-bottom: 5px;
	margin:			0 0 5px 0;
	font-size:		24px;
}

div.marginBox {
	clear:			both;
	margin-bottom: 	30px;
}

div.testimonial {
	width:			270px;
	_width:			267px;
	background: 	url(images/main/round_top.gif) no-repeat #f3f3ec;
	font-style:		italic;
	font-size:		12px;
	margin-bottom:	6px;
}

div.testimonialBg {
	background: 	url(images/main/round_bottom.gif) no-repeat bottom;
	padding:		10px 15px 10px 15px;
}

div.testimonial .name {
	font-weight:	bold;
	text-align:		right;
	color:			#3c3f36;
}

div.ad div {
	float:			left;
}

div.ad div.adBox {
	border:			1px solid #8ba3b5;
	padding:		1px;
	margin: 		2px;
	width:			125px;
	height:			125px;
}

div#gallery {
	margin:			auto;
}

div#gallery div {
	float:			left;
}

div#gallery div.galleryImage {
	border:			1px solid #8ba3b5;
	padding:		1px;
	margin: 		14px 14px 14px 14px;
	width:			150px;
	height:			113px;
}
/* Right END */

/* Vertical navigation START */
#columnRight #navVertical ul {
  	margin:     0;
  	padding:    0;
  	list-style: none;
}

#columnRight #navVertical ul li {
  	margin:     	0;
  	padding:    	0px 0px 0px 0px;
  	list-style: 	none;
  	display:    	block;
	_width:			270px;
	background:		url(images/main/line_dotted.gif) repeat-x bottom;
}

#columnRight #navVertical ul li a{
  	padding:          10px 21px 10px 21px;
  	color:            #3c3f36;
  	text-decoration:  none;
	font-size:		  13px;
	font-weight:	  bold;
  	display:		  block;
	background:		  url(images/main/bullet_01.gif) no-repeat 5px 14px;
}

#columnRight #navVertical ul li a:hover, #columnRight #navVertical ul li a.linkOn{
  	color:            #3c3f36;
  	text-decoration:  underline;
	background:	      #f3f3ec;
}
/* Vertical navigation END */

/* Footer START */
#footer {
	font-size:        11px;
  	color:            #3c3f36;
	width: 960px;
	margin: 10px auto;
}

#footer #copyright {
	position:		  absolute;
	width:			  300px;
	text-align:		  center;
	top:			  21px;
}

#footer #copyright a {
  	color:            #3c3f36;
  	text-decoration:  none;
}

#footer #copyright a:hover {
  	text-decoration:  underline;
}

#footer #footerMenu {
	position:		  absolute;
	right:			  10px;
	top:			  19px;
	color:			  #738028;
	font-size:		  12px;
}

#footer #footerMenu a {
	color:			  #738028;
	font-size:		  12px;
	display:		  inline-block;
	padding:		  0 6px 0 6px;
}
/* Footer END */

/*calendar*/

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}