/*
Theme Name: 0_** Sarah Maren **_0
Theme URI: http://www.sarahmaren.com
Version: 2.2.7
Description: The custom theme by Baldology for Sarah Maren designed by <a href="http://www.baldology.com">Dustin Steller</a> and developed by <a href="http://www.sevenplacesproductions.com">Jamon Abercrombie</a>.
Author: Baldology
Author URI: http://www.baldology.com
*/

body {margin:0 auto; padding:10px 0 0 0; color:#727272; background:#6f2945 url(images/bg2.gif); font-size: 11px; line-height: 18px; font-family: Trebuchet MS;}
.contain {width:970px; margin:0 auto; text-align:center}

#wrapper2 {margin:0; padding:0; background:#000; height:160px; overflow:hidden}

a:link, a:visited {text-decoration: none; color: #E00000; }
a:hover, a:active {color: #3B3B3B; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0 0 10px 0; }
h1 {font-size:32px;  margin:10px 0 0 0;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4, h5, h6 {font-size:20px; }

#header {margin:0 auto; text-align:center; background:#000 url(images/round-black.jpg) no-repeat top center; padding:10px 0 0 0; }
#header .logo {float:left; border:0px; margin:10px 0 10px 20px;}
#header .mytweets h2 {float:left; font-size:14px; font-weight:bold; padding:20px 10px 0 0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#fff;}
#header .mytweets {background:#181816 url(images/twitter-round-2.jpg) no-repeat left top; padding:0 0 0 20px; height:63px; overflow:hidden; float: right; margin-top:10px; width:350px}
#header .aktt_tweets ul {margin:0; padding:5px 10px 5px 25px; height:63px; overflow:hidden; background:#6f2945 url(images/twitter-round-1.jpg) no-repeat left top}
#header .aktt_tweets li {color:#fff; list-style:none; text-align:left; line-height:13px; margin-bottom:0; font-size:11px;}
#header .aktt_tweets li a {color:#fff; text-decoration:underline;}
#header .aktt_tweets li.aktt_more_updates {display:none;}
#header .aktt_tweets li.aktt_more_updates a {text-decoration:none;}

#header .headidentity {clear:both;}

.recentcomments {width:210px; float:right; margin:10px 10px 0 0; padding:0 10px 10px 10px; text-align:left; background:#181816;}
.recentcomments h1 {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; color:#efefef; text-transform:uppercase; font-weight:normal;}
.recentcomments ul {margin:5px 0 0 0; padding:0; list-style:none;}
.recentcomments li a {color:#9a9a9a; text-decoration:none}
.recentcomments li {color:#fff; border-bottom:1px solid #6f2945; line-height:14px; font-size:10px; padding-bottom:4px; margin-bottom:4px}

/* outmost wrapper element */
#scrollable {background:#181816; padding:0; width:700px; float:left; height:130px; margin-left:10px;}
#scrollable h2 {float:left; color:#fff; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; font-weight:bold; text-transform:uppercase; letter-spacing:1.5px}

#slide {background:#181816; height:150px; margin-top:10px; width:710px; margin-left:10px; float:left;}

/* container for the scrollable items */
.items {float:left; width:600px; height: 165px; display: block; margin-top: 5px; clear:both}

.slide-items {height:130px; width:115px; margin-right:10px; float: left; padding:0 15px 0 0;}
.slide-items a {color:#fff; text-decoration:none;}
.slide-items a:hover {color:#6F2945;}
.slide-items img {width:130px; height:115px;}
.slide-items-a {display:none; }
.slide-items-a a {color:#fff; font-size: 12px; margin:8px 0 0 25px; display: block; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}

.nothumblink {margin-left:3px;}

/* single item */

/* next / prev buttons */
#scrollable a.prev, #scrollable a.next {display:block; width:30px; height:14px; float:left; background:none; border:none; margin:1px 0 0 0;}

#scrollable a.prev {background:#181816 url(images/slide-button-left2.gif) no-repeat center; margin-left:5px;}
#scrollable a.next {background:#181816 url(images/slide-button-right2.gif) no-repeat center; margin-left: 2px;}
#scrollable a.prev:hover {background:#181816 url(images/slide-button-left2.gif) no-repeat center; margin-left:5px;}
#scrollable a.next:hover {background:#181816 url(images/slide-button-right2.gif) no-repeat center; margin-left: 2px;}


#pages {clear:both; width:970px; padding:0; margin:auto; background:#000;}
#pages ul {list-style:none; float:left; padding:0; margin:0 10px 0 0; background:#000}
#pages li {float:left; display:block; padding:0px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform:lowercase; font-size:15px;}
#pages li ul {margin-top:-10px;}
#pages li a {float:left; color:#fff; display:block; padding:5px 15px 0 15px; margin:0;}
#pages li li a {float:left; color:#fff; display:block; padding:10px 15px; margin:0;}
#pages li a:hover {margin:0; color:#6F2945;}
#pages li.last {font-size:12px; float:right;}
#pages li.outbound {background:url(images/outbound.gif) no-repeat right center;}
#pages li.last a {padding:10px 5px 0 5px;}
#pages li.last img {border:none; vertical-align:middle;}

.nav, .nav * {margin:0; padding:0; list-style:none; background:#000}
.nav ul {position:absolute; top:-999em;}
.nav li {float:left; position:relative; z-index:99; font-size:15px;}
#nav2 li {float:left; position:relative; z-index:1000; font-size:15px;}
.nav a {display:block;}
.nav ul li {width: 100%;}
.nav li:hover ul, ul.nav li.sfHover ul {left:0px; top:43px;}
#nav2 li:hover ul, ul#nav2 li.sfHover ul {left:0px; top:43px !important;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, ul.nav li li.sfHover ul {left:15em; top:0px;}
.nav li:hover ul, .nav li li:hover ul {top: -999em;}
.nav li ul {margin-top:-10px; border:none}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav li li {display: block; padding: 0px; text-align:left; border:none}
.nav li li a:link, .nav li li a:visited {width:160px; display:block; background:#C40000; padding:10px 10px 0 10px; margin:0;}
#nav2 li li a:link, #nav2 li li a:visited {background-color: #313131 !important; }
.nav li li a:hover {background-image: none !important; background-color: #940000; color: #FFF !important;}
#nav2 li li a:hover {background-color: #000 !important;}





#container {float:right; width:970px; padding:30px 0 15px 0; color:#727272; background:#fff url(images/round-black-bottom.jpg) no-repeat top center; clear:both}


.navigation {text-align:center; margin:0 auto; padding:0 10px 10px 10px; color:#712a46;}
.navigation a {width:55px; display:inline; color:#712a46;}
.navigation a:hover {color:#000;}
.alignleft-post {float:left;}
.alignright-post {float:right;}
ul.pagenav {margin:0 auto 15px auto; text-align:center; padding:2px 10px; list-style:none;}
.pagenav li {display:inline;}
.pagenav li.linkleft a {background:url(images/pagenav-right.jpg) no-repeat center; padding:5px 30px;}
.pagenav li.linkright a {background:url(images/pagenav-left.jpg) no-repeat center; padding:5px 30px;}


.post {margin-bottom:40px; padding-bottom:40px; clear:both;}
.post h2 {clear:both; float:left; text-align:left; background:#000 url(images/h2-round-back.jpg) no-repeat right center; color:#fff; font-weight:normal; font-size:30px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform:lowercase; height:33px; padding:11px 15px 0 10px; margin-bottom:25px; max-width:750px;}
.post.apage h2 {background:#000 url(images/h2-round-back-solo.jpg) no-repeat right center; margin-bottom:10px;}
.post h2 a {color:#fff;}
h2.pagetitle {text-align:left; margin-left:10px; margin-bottom:25px}
.post small.datecat {float:left; background:#712a46 url(images/small-round-back.jpg) no-repeat right center; height:37px; color:#fff; text-align:left; padding:7px 15px 0 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:15px; line-height:13px; margin-bottom:10px; max-width:200px;}
.post small.datecat em {font-style:normal; color:#9a9a9a; font-size:10px;}
.post small.datecat a {color:#fff; font-size:10px;}
.post p, .post li, .entry blockquote {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:13px; color:#4d4d4d}

.post .ddsg-wrapper h2 {float:none; background:none; color:#4d4d4d; font-weight:normal; font-size:22px; height:auto; padding:11px 15px 0 10px; margin-bottom:0; max-width:750px;}

.entry {clear:both; width:850px; margin:25px auto 15px auto; text-align:center; padding-top:15px}
.entry li, .entry ul, .entry ol, .entry blockquote, .entry p {text-align:left;}
.entry p a, .entry li a {color:#712a46; text-decoration:none; font-weight:bold}
.entry p a:hover, .entry li a:hover {color:#000}
.entry img {max-width:850px; margin-top:15px; /*float:left; margin-right:15px; margin-bottom:15px*/}
.entry img.alignleft {float:left; margin-right:15px; margin-bottom:15px;}
.entry img.alignright {float:right; margin-left:15px; margin-bottom:15px;}
.entry p a img {border:none; text-decoration:none}
.entry p.theeditlink {clear:both;}
.entry p img {text-align:center;}

.entry blockquote {background:url(images/quotemark.jpg) no-repeat top left; padding:60px 0 20px 105px;}


#footer {clear:both; width:930px; text-align:left; color:#fff; background:#000 url(images/round-black-top.jpg) no-repeat top center; padding:15px 20px 5px 20px; margin:0 auto; font-size:11px;}
#footer a {color:#fff; font-size:11px;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#fff; text-decoration:underline;}

#footer .about {background:#181816; float:left; width:45%; padding-right:10px}
#footer .about h2 {font-size:15px; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
#footer .about img {float:left;}
#footer .about p {padding-left:125px;}
#footer .about a strong {font-weight:bold;}

#footer .love {background:#181816; float:left; width:25%; padding:10px; margin-left:15px;}
#footer .love h2 {font-size:12px; font-weight:normal; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
#footer .love p {font-size:10px; line-height:14px}
#footer .love p em {font-style:normal; color:#9a9a9a;}

#footer .stats {background:#000; float:right; width:22%; padding:0 10px; text-transform:uppercase}
#footer .stats p {margin:0; padding:0; clear:both;}
#footer input.searchbox {background:url(images/back-search.jpg) no-repeat left center; width:115px; border:none; padding-left:10px; float:left; height:20px; margin-top:-1px; font-size:13px; color:#a1a1a1; margin-bottom:15px}
#footer .stats ul {margin:0; padding:0; list-style:none;}

#footer p.declare {text-align:right; color:#9a9a9a; font-size:10px; clear:both}
#footer p.declare a {color:#9a9a9a; text-decoration:none; border-bottom:1px solid #fff;}
#footer p.declare img {vertical-align:middle;}


#commentwrapper {border-bottom:4px solid #6F2945; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
#commentwrapper h3, #commentwrapper form h3 {font-size:13px; color:#712a46; font-weight:bold; text-align:left}
/* #commentwrapper ol {float:left; width:48%; margin:0; padding:1%; list-style:none; background:#f6f6f6; height:190px; overflow:auto} */
.commentlist {float:left; width:48%; margin:0; padding:1%; list-style:none; background:#f6f6f6; height:190px; overflow:auto}
#commentwrapper li {clear:both; margin-bottom:10px}
#commentwrapper li a {color:#712a46;}
#commentwrapper form {float:right; width:48%; margin:0; padding:1%; background:#e1e1e1; height:190px; overflow:auto;}
#commentwrapper form p {color:#000; margin:0 0 3px 0; padding:0; font-size:12px}
#commentwrapper form p small {font-size:10px;}
#commentwrapper form .formleft {float:left; width:30%; margin-right:10%}
#commentwrapper form .formright {float:left; width:60%;}
#commentwrapper form .formright p, #commentwrapper form .formright p small, #commentwrapper form .formleft p small, #commentwrapper form .formleft p {font-weight:bold;}
#commentwrapper form input {background:#ccc; color:#000; border:none}
#commentwrapper form textarea {width:99%; background:#ccc; border:none; color:#000;}
#commentwrapper form #submit {text-align:right; color:#712a46; font-weight:bold; font-size:11px; background:#e1e1e1; border:none; text-transform:uppercase; float:right; clear:both; margin-top:5px}

#commentwrapper .commentmetastuff {width:30%; float:left; margin-bottom:15px; color:#712a46; font-style:normal; font-weight:bold; font-size:11px;}
.entry #commentwrapper .commentlist li a {color:#712a46; font-style:normal; text-decoration:underline; border-bottom:1px solid #712a46}
#commentwrapper .commentmetastuff cite {font-style:normal; color:#712a46; font-weight:bold; text-decoration:underline}
#commentwrapper .commentmetastuff small {color:#9a9a9a; font-size:11px; line-height:13px; font-weight:normal}
.entry #commentwrapper .commentlist li .commentmetastuff small a {color:#9a9a9a; text-decoration:none; border:none; font-weight:normal}
#commentwrapper .commenttext {width:65%; float:right; font-size:13px; color:#000; margin-bottom:15px;}
#commentwrapper .commenttext p {margin:0 0 10px 0; padding:0; color:#000}




/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 {
	margin: 0 0 15px 15px;
	display: inline;
	}

img.alignleft {
	margin: 0 15px 15px 0;
	display: inline;
	}
/* End Images */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}
	
	#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#calendar_wrap {
float: left;
margin-left: 20px;
}

.linklove, .slideshowlink {display:none;}