/* @override http://sarahcharness.com/wp-content/themes/sarah/style.css */

/* @override http://sarahcharness.com/wp-content/themes/sarah/style.css */

/* @override http://sarahcharness.com/wp-content/themes/sarah/style.css */

/* @override http://sarahcharness.com/wp-content/themes/sarah/style.css */

/* @override http://sarahcharness.com/wp-content/themes/sarah/style.css */

/* @override http://sarahcharness.com/wp-content/themes/sarah/style.css */

/*



Theme Name: sarah







*/












.promo img, .promo.alternate img{height:500px;}
.promo{float:left;width:100%!important;text-align:center!important;}
.promo.alternate{float:left;width:100%!important;text-align:center;height:500px!important;}

body {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #ddbfab;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	background-image: url(css/images/bkg-pttn.jpg);

	background-repeat: repeat;

}

a {color: #ddbfab;}

a:hover {color:#ca4f5e;}

img, img a {border:0}

.oneColElsCtrHdr #container {

	width: 750px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

}

.oneColElsCtrHdr #header {

	padding-top: 25px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.oneColElsCtrHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.oneColElsCtrHdr #logo {

float:left;

}

.oneColElsCtrHdr #mainContent {

	background: #000;padding:0;margin:auto;
min-height: 500px;
float:left;
width:100%;
}

.oneColElsCtrHdr #footer {

	padding-top: 0;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

	}
a.arielle{
	float: right;
}
#social{
	width:190px;
	text-align: right;
}
.buttons{
	float: right;
	padding-bottom:10px;
}
.oneColElsCtrHdr #footer p {

	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	color:#ca4f5e;

	font-size: 10px;

	float:left;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

}

.oneColElsCtrHdr #footer #social {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	float:right;

}

.oneColElsCtrHdr #footer #social img {

	padding-left:7px;

	vertical-align: middle;

}

.oneColElsCtrHdr #footer #social a {

	color:#ca4f5e;

	font-size: 10px;

	text-decoration:none;

	font-weight: bold;

}
#footer{
	color: #333!important;
	font-size: 9px!important;
}
.oneColElsCtrHdr #footer a, #footer {

	color:#ca4f5e;

	font-size: 10px;

	text-decoration:none;

	font-weight: bold;

}
#footer a{
		line-height: 19px;
}

/* Promo / Home Page Slider */



.promo-container {

	margin-bottom:0px;
}





/* Clearfix */

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

 

.clearfix {

	display: inline-block;

}

 

html[xmlns] .clearfix {

	display: block;

}

 

* html .clearfix {

	height: 1%;

}





/* Menu dropdown fix applied 2.26.10 */

#header

{

	position:relative;

	z-index:2;

}

.promo-container

{

	position:relative;

	z-index:1;

}

/* */

.pagenavigation 

{ 

	padding:0 10px;

}
 


#entry {

	font-size: 10px;

	color: #ddbfab;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;
float:;
}

/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */

#bio {

	background-image: url(css/images/IMAGE-FOR-BIO-PAGE.png);

	background-repeat: no-repeat;

	background-position: right bottom;

}

#calendar {

	background-image: url(css/images/IMAGE-FOR-CALANDER.png);

	background-repeat: no-repeat;
height: 500px;

	width: 730px;

	padding-top: 20px;

	background-position: right bottom;

	line-height: 150%;

}

#video {

	background-image: url(css/images/IMAGE-FOR-VIDEO-PAGE.png);

	background-repeat: no-repeat;

	height: 500px;

	width: 750px;

	padding-top: 20px;
font-size: 10px;
}
#video p {font-size: 10px;margin-left:20px;}

#music {

	background-image: url(css/images/MUSIC-IMAGE.png);

	background-repeat: no-repeat;

	height: 500px;

	width: 750px;

	padding-top: 20px;





}

#music a {

	color:#ca4f5e;

	text-decoration:none;

	font-size: 11px;

	text-transform: uppercase;

}
#xspf_player0{float:left;width:100%;}
.slideshow object{max-height:456px;max-width:700px;}