/*   
Theme Name: Sing For Your Supper!
Theme URI: http://www.singforyoursupperblog.com
Description: Sing for your supper!
Author: Joel Beskow
Author URI: http://www.joelbeskow.com
Version: 1.0
.
Copyright Sing For Your Supper 2009
.
*/



body
{
	margin:0;
	background: #ddf4f6; 
	width:100%; 
	padding:0; 
	height:100%;
	font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans', 'Bitstream Vera Sans', 'Verdana';
	color: #623526;
	font-size:14px;
}

h2
{
	margin-left: 100px;
}

a
{
	margin:0;
	border:none;
}

p a img
{
        border:none;
}

.wp-caption a img
{
        border:none;
}

.titleWrap
{
	padding:0;
	margin:0;
	background:url(images/title_background.png) no-repeat;
	width:709px;
	height:111px;
}

.titleText
{
	color: #FFFFFF;
	position:relative;
	top:70px;
	left:90px;
	font-size:20;
}

.titleText a
{
	color: #FFFFFF;
	text-decoration: none;
}

.postDate
{
	font-size: 12;
	float:right;
	/*position: relative;*/
	margin-top: 40px;
	text-transform: uppercase;
}

.postContent
{
	
	font-size:14;
	padding-left: 75px;
	margin-right: 20px;
}

.postContent a
{
     
        color: #f9807e;
        font-style:italic;
        text-decoration:underline;
}

.postContent img
{
	max-width: 570px;  
 	max-height: 570px;  
	/*_width:expression(this.scrollWidth > 570 ? "570px" : "auto");
	_height:expression(this.scrollHeight > 570 ? "570px" : "auto");*/
}

.postContentImage
{
	
	
	border: 15px #FFFFFF solid;
	/*width: 570;
	height: 381;
        background: url(images/photoframe.png) no-repeat top;
	padding: 28px 30px; 25px 30px;*/
}


.comments
{
	text-align:center;
}

.commentDivider
{
	width:656px;
	height: 3px;
	position:relative;
	left: -15px;
	background: url(images/comment_bar.jpg) no-repeat;
	margin-top:10px;
	margin-bottom:10px;
}

.comments a
{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
	color: #623526;
}

.comments h2, .comments ol, .comments #commentform
{
	text-align:left;
}

.comments h2
{
	margin-left:0;
}

.comments ol
{
	list-style-type:none; 
}

.comments ol li
{
	border-bottom: solid 1px #f9807e;
	margin-top: 12px;

}


.comments ol li a
{
	color: #f9807e;
        font-style:italic;
        text-decoration:underline;
}

.bottomNavContainer
{
	width:100%;
	text-align:center;
}

.bottomNav
{
	margin:auto;
}

.bottomNavOlder
{
	margin-right:30px;
}

.bottomNavOlder , .bottomNavNewer 
{
	display:inline;
}

.bottomNavOlder a, .bottomNavNewer a
{
	color: #623526;
	text-decoration: none;
}

.bottomNavOlder a:hover, .bottomNavNewer a:hover
{
	color: #623526;
	text-decoration: none;
}

#adHeader
{
	background: url(images/header_background.jpg) repeat-x; 
	width:100%; 
	height:95px; 
	margin:0;
	text-align:center;
	/*background: #f9f7f0;*/
	/*border-bottom:3px solid #ff9e9e;*/
}

#adHeader > div
{
	width:728px;
	margin: auto;
}

#bodyContent
{
	background: url(images/header_background.jpg) repeat-x; 
	width:100%; 
	height:100%; 
	margin:0;
	text-align:center;
}

#header
{
	background: url(images/header.png) no-repeat; 
	width:1000px; 
	height:299px; 
	margin: 0 auto 0 auto; 
	position:relative;
	z-index: 1000;
}

#headerLower
{
	background: url(images/header.png) no-repeat bottom; 
	width:1000px; 
	height:50px; 
	margin: 0 auto 0 auto; 
	position:relative;
	z-index: 100;
}

#nav
{
	font-size:11;
	position:relative;
	top:282px;
	padding-left: 135px;
}

#nav ul 
{ 
	list-style-type:none; 
	margin:0;
	padding-right:0;
}
#nav ul li 
{ 
	float: left; 
}


#nav ul li a span 
{ 
	position: relative; 
	top: 15px; 
}

#nav ul li a
{
	display:block;
	width:119px;
	background:url(images/nav-back.jpg) no-repeat;
	text-decoration:none;
	color:#623526;
	position: relative;
	top: -13px;
}

#home, #about, #categories, #contact
{
	height: 36px;
}

#home:hover, #about:hover, #categories:hover, #contact:hover
{
	height: 36px;
}

#nav ul li a:hover
{
	display:block;
	/*height:36px;*/
	background:url(images/nav-back-hover.jpg) no-repeat;
	text-decoration:none;
	color:#f9807e;
	position: relative;
	top: -13px;
}

#nav ul li ul
{
	display: none;
	list-style-type:none;
	margin:0;
        padding:0;
}

#nav ul li:hover ul
{ 
	display: block; 
	position: absolute;
	z-index: 500;
}

#nav ul li ul li
{ 
	float: none;
	padding-top: 0px; 
	font-size: 11px; 
	/*height: 20px; */
	line-height: 20px; 
	display: block;
        position:relative;
        top:-13px;
        left: -2px;
        background: #F4ECC8;
        border-bottom:3px solid #FFFFFF;
}



#nav ul li ul li a, #nav ul li ul li a:visited
{
	position:static;
	margin-top: -1px; 
	padding: 0 0 0 10px;
	/*height: 20px; 
	
	line-height: 20px; */
	text-align: left; 
	color:  #623526; 
	background: none; 
	letter-spacing: normal;
}

#nav ul li ul li a:hover
{
        position:static;
	/*height: 20px;*/
	line-height: 20px;  
	background:  #623526; 
	color: #F4ECC8;
}


#content
{
	text-align:left;
	position:relative;
	top: -10px;
	width:1000px;
	margin: auto;
	z-index: 300;
}

#container
{
	float:left;
	width:100%;
	background:url(images/content_sliver.png) repeat-y;

}

#contentBottom
{
	float:left;
	width:1000px;
	height:17px;
	background:url(images/content_bottom_2.png) no-repeat;
}

#main
{
	float:left;
	
	margin-left:27px;
	width:720px;
	background:url(images/texture.jpg) repeat-y 40px 0;
}

#sidebar
{
	float:left;	
	margin-left:20px;
}

#sidebar .rss
{
	margin-left:20px; 
	margin-bottom:10px; 
	margin-top:5px;
	width:100px;
	text-align:center;
}

#sidebar .rss a
{
	border: none;
	text-decoration: none;
	color:#f9807e;
}


#sidebar .rss a img
{
	border: none;
	color:#FFFFFF;
}

#sidebar .badge
{
	margin-left:20px; 
	margin-bottom:5px; 
	margin-top:5px;
}

#sidebar .badge2
{
	margin-left:17px; 
	margin-bottom:5px; 
	margin-top:5px;
}

#footer
{
	float:left;
	width:1000;
	height: 162px;
	background: url(images/footer.png) no-repeat;
}


#comment
{
	width:500px;

}

#searchform
{
	float: left;
	text-align:left;
	color:#f9807e;
	margin-left: 20px;
	margin-bottom: 25px;
	font-size: 12;
	width:125px;
}

#searchform div
{
	width:100%;
}

#searchbox
{
	float:left;
	border: 1px solid #f9807e;
	color: #f9807e;
	margin-right: 2px;
	font-size: 12;
}

#searchsubmit
{
	float: left;
	background: #FFFFFF;
	border: 1px solid #f9807e;
	color: #f9807e;
	padding:0 0 3px 0;
	width: 30px;
	height:19px;
	overflow:visible;
	font-size: 12;
}

/*FOOTER*/

.footer{margin: 0px; padding: 0px;}

.footer a, .footer a:visited{text-decoration: none;}


#archives{padding-top: 22px; padding-left: 100px; padding-bottom: 25px; font-size: 95%; font-weight: bold;color: #623526; list-style-type: none;}

#archives a, #archives a:visited {color: #f9807e;}

#archives ul{margin: 0px; padding: 10px 0px 0px 0px; font-size: 80%;}

#archives ul li{display: inline;}

#archives ul li a, #archives ul li a:visited{font-weight: normal; color:#f9807e;}



#credits{padding-top: 5px; padding-left:100px; font-size: 60%; color: #f9807e;}

#credits a, #credits a:visited{color: #f9807e;}