/* Theme Name: 0_** Rebecca Peters **_0 Theme URI: http://www.sarahmaren.com Version: 2.2.7 Description: The custom theme for Sarah Maren designed and developed by Baldology. Author: Baldology Author URI: http://www.baldology.com */ body {margin:0; padding:10px 0 0 50px; color:#000; background:#fff url(images/back-main.jpg) no-repeat top left; font-size: 11px; line-height: 18px; font-family: Trebuchet MS;} .contain {width:970px; margin:0; text-align:center} #wrapper2 {margin:15px 0 0 125px; padding:10px 0 0 0; height:130px; overflow:hidden; background:url(images/back-slider.png) no-repeat center left; width:555px} #wrapper2.athome {margin:15px 0 0 350px;} a:link, a:visited {text-decoration: none; color: #792d86; } a:hover, a:active {color: #000; } 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; padding:10px 0 0 0; } #header .logo {float:left; border:none; margin:25px 0 0 -5px; width:260px; height:60px;} #header .mytweets h2 {float:left; font-size:14px; font-weight:bold; padding:20px 10px 0 0;color:#fff;} #header .mytweets {background:url(images/back-tweet.png) no-repeat left top; padding:5px 15px 0 50px; height:63px; overflow:hidden; float:right; width:315px} #header .aktt_tweets ul {margin:0; padding:5px 10px 5px 25px; height:47px; overflow:hidden;} #header .aktt_tweets li {color:#555; list-style:none; text-align:left; line-height:13px; margin-bottom:0; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} #header .aktt_tweets li a {color:#792d86; text-decoration:underline;} #header .aktt_tweets li.aktt_more_updates {display:none;} #header .aktt_tweets li.aktt_more_updates a {text-decoration:none;} #header .search {float:right; width:150px; text-align:left; margin:0 20px 0 10px} #header .search p {margin:0 0 2px 0; padding:0;} #header .search form {margin:0; padding:0; text-align:left;} #header .search input#s {background:url(images/back-search.png) no-repeat center; border:none; padding:4px 4px 4px 10px;} #header .search input#searchsubmit {background:none; border:none; margin:0; padding:0;} #header .feed {float:right; margin:0 15px 0 0; padding:0; border:none;} #header .headidentity {clear:both;} .recentcomments {width:250px; float:right; margin:-5px 10px 0 0; padding:0 10px 10px 10px; text-align:left;} .recentcomments h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#792d86; text-transform:lowercase; font-weight:normal;} .recentcomments ul {margin:5px 0 0 0; padding:0; list-style:none;} .recentcomments li {color:#555; border-bottom:1px solid #6f2945; line-height:15px; font-size:11px; padding-bottom:4px; margin-bottom:4px; font-family:Georgia, "Times New Roman", Times, serif} .recentcomments li a {color:#792d86; text-decoration:none; text-transform:uppercase; font-size:10px} /* outmost wrapper element */ #scrollable {padding:0; width:555px; float:left; height:150px; margin-left:-25px;} #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 {height:150px; margin-top:10px; width:565px; margin-left:10px; float:left;} /* container for the scrollable items */ .items {float:left; width:465px; height: 150px; display: block; margin-top: 5px; padding-left:5px} .slide-items {height:100px; width:150px; margin-right:10px; float: left; padding:0;} .slide-items a {color:#fff; text-decoration:none;} .slide-items a:hover {color:#6F2945;} .slide-items img {width:150px; height:100px;} .slide-items-a {display:none; } .slide-items-a a {color:#fff; font-size: 12px; margin:8px 0 0 5px; 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; padding:40px 0} #scrollable a.prev {background:url(images/arrow-L.png) no-repeat center; margin-left:5px;} #scrollable a.next {background:url(images/arrow-R.png) no-repeat center; margin-left: 2px;} #scrollable a.prev:hover {background:url(images/arrow-L.png) no-repeat center; margin-left:5px;} #scrollable a.next:hover {background:url(images/arrow-R.png) no-repeat center; margin-left: 2px;} .ie6navigation {display:none} #pages {clear:both; width:650px; padding:0; margin:-25px 0 50px 340px;} #pages ul.double {float:right; margin-right:35px} #pages ul.double img {vertical-align:bottom;} #pages ul {list-style:none; float:left; padding:0; margin:0 10px 0 0;} #pages li {float:left; display:block; padding:0px; font-family:Georgia, "Times New Roman", Times, 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; margin:0;} #pages li li a {float:left; color:#fff; display:block; padding:10px 15px; margin:0;} #pages li a:hover {margin:0; background:url(images/purple-blob.png) no-repeat center bottom} #pages li a.nolink:hover {background:none; cursor:default;} #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;} .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:#B189AF; padding:10px 10px 0 10px; margin:0; opacity:0.90; -moz-opacity:0.90; filter:alpha(opacity=90);} #nav2 li li a:link, #nav2 li li a:visited {background-color: #B189AF !important; opacity:0.90; -moz-opacity:0.90; filter:alpha(opacity=90);} .nav li li a:hover {background-image: none !important; background-color: #621c5f; color: #FFF !important;} #nav2 li li a:hover {background-color: #621c5f !important;} .rphomepage #nav2 {display:none;} #container {float:right; width:970px; padding:30px 0 15px 0; color:#727272; 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 img.titleL {float:left; margin-top:2px; clear:both} .post img.titleR {float:left; margin-top:2px} .post h2 {float:left; text-align:left; background:url(images/back-posttitle-MID.png) repeat-x right center; color:#fff; font-weight:normal; font-size:30px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform:lowercase; height:40px; padding:5px 0 0 0; margin-bottom:5px; max-width:850px; line-height:32px} .post h2 strong {background:url(images/back-posttitle-L.png) no-repeat left center; padding-left:20px; font-weight:normal} .post h2 em {background:url(images/back-posttitle-R.png) no-repeat right center; padding-right:20px; font-style:normal;} .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 {clear:both; float:left; width:950px; color:#792d86; text-align:left; padding:7px 15px 0 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:15px; line-height:13px; margin:0 0 10px 0;} .post small.datecat em {float:right; font-style:normal; color:#b289ab; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;} .post small.datecat a {color:#792d86; font-weight:bold; font-size:10px;} .post p, .post li, .entry blockquote {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 0 15px 40px; text-align:center; padding-top:15px; font-family:Georgia, "Times New Roman", Times, serif; color:#443f36; font-size:12px} .entry li, .entry ul, .entry ol, .entry blockquote, .entry p {text-align:left; font-size:12px} .entry p a, .entry li a, .welcomehome a {color:#792d86; padding:2px; text-decoration:underline} .entry p a:hover, .entry li a:hover, .welcomehome a:hover {color:#fff; background:#b289ab; text-decoration:none} .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 p a:hover img {background:none; border:none;} .entry p.sharethis {clear:both;} .entry p.sharethis img {display:none;} .entry p.sharethis a {padding:0 0 0 20px; text-decoration:none} .entry p.sharethis a:hover {color:#792d86;} .entry blockquote {background:url(images/quotemark.jpg) no-repeat top left; padding:60px 0 20px 105px;} .entry .ddsg-wrapper div p {display:none;} .entry .ddsg-wrapper div.ddsg-pagenav p {display:block;} .entry #ec3_big_cal a {color:#792d86; border:none;} .entry #ec3_big_cal img, .entry #ec3_big_cal a img {border:none;} .entry #ec3_big_cal a.ec3_daynum:hover {color:#792d86;} #footer {clear:both; width:1000px; text-align:left; color:#fff; padding:15px 20px 5px 0; margin:0 0 0 -40px; font-size:11px;} #footer a {text-decoration:none;} #footer img.baldology {float:left;} #footer a img {border:none;} #footer .search {float:right; width:150px; text-align:left; margin:0 20px 0 10px} #footer .search p {margin:0 0 2px 0; padding:0;} #footer .search form {margin:0; padding:0; text-align:left;} #footer .search input#s {background:url(images/back-search.png) no-repeat center; border:none; padding:4px 4px 4px 10px;} #footer .search input#searchsubmit {background:none; border:none; margin:0; padding:0;} #footer .feed {float:right; margin:0 15px 0 0; padding:0; border:none;} #footer p.declare {text-align:right; color:#afa58c; font-size:9px; clear:both; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif} #footer p.declare a {color:#afa58c; text-decoration:none;} #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} #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} #commentwrapper p a:hover, #commentwrapper li a:hover {background:none;} .thecomments {width:697px; margin:0 auto; text-align:center; padding:0 0 1px 0; background:url(images/back-commentbox.jpg) repeat-y center;} .thecomments h1 {display:block; margin:0 auto; text-align:center; padding:0; font-size:14px; color:#b289ab; font-weight:normal} .thecomments h1 small {width:200px; float:right; font-size:100%; text-align:right; font-weight:bold} .thecomments h1 a {text-decoration:none; color:#b289ab;} .thecomments h1 img {vertical-align:bottom; margin-top:5px; clear:right} .thecomments .box {background:url(images/back-commentbox-line.png) no-repeat bottom center; height:auto; margin:0 0 0 10px; padding:5px 0;} .thecomments .box form {margin:0; padding:0 25px 5px 25px; text-align:left} .thecomments .box form p {margin:0; padding:0; font-size:12px} .thecomments .box form table {vertical-align:top; width:99%} .thecomments .box form td {vertical-align:top; font-size:12px} .thecomments .box form p strong, .thecomments .box form p a {color:#b289ab;} .thecomments .box form input.comment-submit {color:#fff; text-align:center; margin-top:5px} .thecomments .box form td.comments-left {width:200px; padding-right:25px;} .thecomments .box form p.thanks {border-bottom:1px solid #e0dfd5; padding:0 0 10px 0;} .thecomments .box form h3 {margin:0; padding:10px 0 0 0; font-size:14px; color:#b289ab} .thecomments ol.commentlist {background:url(../images/back-comment-mid.jpg) repeat-y center; margin:0; padding:5px 0; width:auto; text-align:left; list-style:none} .thecomments .commentlist li {border-bottom:1px solid #e0dfd5; margin:0 15px; font-size:12px; clear:right; padding-bottom:7px} .thecomments .commentlist li a {color:#b289ab; text-decoration:none; font-weight:bold} .thecomments .commentlist li a:hover, .thecomments .box form td.comments-left a:hover {color:#fff;} .thecomments .commentlist li small, .thecomments .commentlist li small a {color:#b289ab; font-weight:bold} .thecomments .commentlist li .metastuff {float:left; width:200px; font-family:Arial, Helvetica, sans-serif} .thecomments .commentlist li p {padding-left:225px} /* 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;} .welcomehome {clear:both; width:300px; float:left; text-align:left; margin:0 50px 0 50px} .welcomehome p {color:#443f36; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif} .welcomehome p.sharethis {display:none;} #main {position: relative; width: 898px; height: 500px; overflow:hidden; margin:0 auto 25px auto; color: #000; background:url(images/back-home-bigbox2.png) no-repeat top center; clear:both; font-family:Georgia, "Times New Roman", Times, serif;} #main_well {margin: 0px auto; color:#000; background:none; text-align: left; } #main a {} #main_right {padding: 10px; width: 355px; float: left; height: 390px; background:none; color: #000; overflow: hidden;} #main_right a {color: #000;} #main_right a:hover {background-color: #ccc;} #main_right ul {list-style-type: none;} #main_right_well {width:825px; height:450px; float: left; background:none; overflow:auto; margin:20px 0 0 30px} .wrapper {/*background:#fff; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75);*/} .wrapper a {color: #b289ab;} .wrapper h2 {font-size:30px; font-weight:normal; text-transform:lowercase; font-variant:small-caps; color:#000; text-align:left; margin:0; padding:15px 0 0 15px} .wrapper p {padding-left:50px; padding-right:25px} .wrapper ul {padding-left:90px;} .wrapper#home {background:none; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);} .wrapper#who img {margin:15px 10px 5px 0; float:left;} .wrapper#style img {margin:15px 0 5px 15px; float:right; border:4px solid #fff;} /*.wrapper#who p {padding-left:200px;} .wrapper#contact p {padding-left:0;}*/ .wrapper p a {color:#b289ab; font-weight:bold} .wrapper blockquote p {font-style:italic;} .wrapper p.sharethis {display:none;} .wrapper#available #wp-calendarLarge {width:680px; margin-left:10px} .wrapper#available #CalendarLarge-Header {width:680px; text-align:center; margin-bottom:15px} .wrapper#available #calendar_wrapLarge {text-align:center; margin:0 auto 15px 50px;} .wrapper#contact .wpcf7-form {width:680px; text-align:center; margin-left:30px} .wrapper#contact .wpcf7-form p {width:310px; float:left; margin:0 15px; padding:0; text-align:left; color:#4d4d4d} .wrapper#contact .wpcf7-form p input {width:310px;} .wrapper#contact .wpcf7-form p.send input {width:100px;} .wrapper#contact .wpcf7-form p.theeditlink {clear:both;} /***** SLIDER CODE *****/ .stripViewer .panelContainer .panel ul {text-align: left; /* margin: 0 15px 0 30px; */} .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin:0 0 50px 0; position: relative; width: 100%; background:none; height:320px} /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height:320px; background:none; overflow:hidden} .csw .loading {margin:150px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 805px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 498px; clear: both; background:none;} .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */} .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 805px; /* Also specified in .stripViewer above */} .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding-left: 5px;} .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; display: none;} .stripNav ul { /* The auto-generated set of links */ list-style: none;} .stripNav ul li {float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */} .stripNav a { /* The nav links */ font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: block; padding: 0 15px;} .stripNav li.tab1 a { background: #666 } .stripNav li.tab2 a { background: #666 } .stripNav li.tab3 a { background: #666 } .stripNav li.tab4 a { background: #666 } .stripNav li.tab5 a { background: #666 } .stripNav li a:hover {background: #333;} .stripNav li a.current {background: #333; color: #fff;} .stripNavL, .stripNavR {position: absolute; top: 230px; text-indent: -9000em;} .stripNavL a, .stripNavR a {display: hidden; height: 40px; width: 40px;} .stripNavL {left: 0;} .stripNavR {right: 0;} .stripNavL {background: url("images/arrow-left.gif") no-repeat center;} .stripNavR {background: url("images/arrow-right.gif") no-repeat center;} td#ec3_big_cal-today {background:#ffcc00;} #CalendarLarge-Header {text-align:center;} #EC_previousMonthLarge, #EC_nextMonthLarge {font-size:14px;} #EC_previousMonthLarge {padding-right:20px;} #EC_nextMonthLarge {padding-left:20px;} #calendar_wrapLarge h2 table#CalendarLarge-Header {text-align:center;} #calendar_wrapLarge {text-align:center;} #calendar_wrapLarge h2 {text-align:center; background:none; color:#792d86;} #wp-calendarLarge {clear:both;} .ngg-galleryoverview {padding:5px 20px;} .ie6image {display:none;}