/*
Theme Name: SaraBethSongs
Theme URI: http://www.sarabethsongs.com
Description: Wordpress theme for SaraBeth, y'all!
Version: 1.0
Author: Doy Cave for Richmond Hill Media
Author URI: http://www.richmondhillmedia.com/

*/

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

body{text-align:center; background:#9EB799; font-size:13px; line-height:18px; font-family:'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; color:#FFF;}

h1, h2, h3, h4, h5, h6{font-family:Georgia, 'Times New Roman', Times, serif; line-height:36px; font-weight:normal; margin-bottom:9px;}

h1{font-size:24px;}
h2{font-size:20px; color:#9EB799; border-bottom:1px dotted #EFEFEF;}
h2 a{text-decoration:none; color:#9EB799;}

p{margin-bottom:9px;}

p a { text-decoration: none; border-bottom: 1px dotted #9EB799; color: #9EB799;}

#wrap{background:#000 url(images/body_bg.jpg) top center no-repeat;}

.separate{clear:both; height:1px; visibility:hidden;}

/* -- BANNER AND STYLES --
-------------------------- */

#banner{height:275px; position:relative; width:960px;}

	#banner .home{display:block; width:169px; height:100px; left:0; top:0;}

	#banner ul{width:960px; list-style:none;}
	
		#banner .about, #banner .audiovideo, #banner .contact, #banner .booking{text-indent:-9999px;}
		
		#banner .about a{display:block; position:absolute; background:url(images/nav_about.gif) top center no-repeat; width:105px; height:51px; top:195px; left:59px;}
		
		#banner .audiovideo a{display:block; position:absolute; background:url(images/nav_audiovideo.gif) top center no-repeat; width:188px; height:60px; top:142px; left:229px;}
		
		#banner .contact a{display:block; position:absolute; background:url(images/nav_contact.gif) top center no-repeat; width:141px; height:47px; top:118px; left:453px;}
		
		#banner .booking a{display:block; position:absolute; background:url(images/nav_booking.gif) top center no-repeat; width:123px; height:56px; top:67px; left:640px;}

/* -- CONTAINER	and styles --
----------------------------- */

#container{width:980px; margin:0 auto; text-align:left; min-height:650px; padding-bottom:36px;}

#contentLeft{float:left; width:520px; margin-left:36px; margin-top:36px;}

#contentRight{float:right; width:300px; margin-top:375px;}

	
/* -- FOOTER and styles --
-------------------------- */

	#footer{clear:both; background:#9EB799 url(images/footer_bg.gif) top left repeat-x; text-align:left;}
	
		#footerContent{width:980px; background:transparent url(images/footer_curves.gif) top center no-repeat; margin:0 auto; padding-top:75px;}

		#footerContent a{color:#363124; text-decoration:none;}
		#footerContent h2 a{text-decoration:none; color:#9EB799;}

		.credits{clear:both; padding:35px 0; margin:0 15px 25px 36px; width:960px;}

		#footer .widget{display:block; width:270px; float:left; margin-left:36px; list-style:none; text-align:left;}	
		#contentRight .widget{float:none; margin-left:0; list-style:none; text-align:left; margin-bottom:18px;}
			#contentRight .widget li a{padding:9px 0 ; display:block; color:#FFF; text-decoration:none; border-bottom:1px dotted #EFEFEF;}
			#contentRight .widget li a:hover{color:#9EB799;}

		#footer .widgettitle{border-bottom:1px dotted #EFEFEF; margin-bottom:10px; color:#363124;}
		#contentRight .widgettitle{border-bottom:1px dotted #EFEFEF; color:#9EB799;}

/* -- NAV styles --
------------------- */

#nav{position:absolute; width:650px; top:36px; left:175px;}

	#nav li{display:inline; border-right:1px dotted #EFEFEF;}
	#nav li a{font-size:13px; padding:9px; color:#EFEFEF; font-weight:bold; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}
	#nav li a:hover{color:#9EB799;}


/* -- WORDPRESS styles --
------------------------- */
	
	#commentform textarea{width:450px;} /* form to leave a comment */
			
	.commentmetadata{display:block; padding:10px; font-size:11px; background-color:#9EB799; color:#363124;}
	
	.entry{margin-bottom:18px;}
		
	.pagetitle{}
	
	.post{margin-bottom:36px;}
	
	.postmetadata{font-family: Georgia, 'Times New Roman', Times, serif; color:#9EB799;}
		.postmetadata a{color:#EFEFEF; text-decoration:none; border-bottom:1px dotted #EFEFEF;}
		.postmetadata a:hover{color:#9EB799;}
	
	.postmetadata alt small{}
			
	.navigation{border-top:1px dotted #EFEFEF; padding:9px 0; margin-bottom:36px;}
	
	.alignleft{float:left;}
		img.alignleft{margin:0 18px 18px 0;}
		.alignleft a{padding:9px; background-color:#EFEFEF; color:#363124; text-decoration:none;}
		
					
	.alignright{float:right;}
		img.alignright{margin:0 0 18px 18px;}
		.alignright a{padding:9px; background-color:#EFEFEF; color:#363124; text-decoration:none;}
		.alignleft a:hover, .alignright a:hover{background-color:#9EB799;}