/* Theme Name: Cyndi Dodson New Theme URI: http://www.cyndidodson.com Description: Version: 2.0 Author: kerrin Author URI: http://dotcommadot.com/ */ body { background: #fff; color: #333; font: 62.5% Arial, Helvetica, sans-serif; background: url('images/bg_tile.gif');margin:0 auto;padding:0;} html, body{height:100%;} * { padding: 0; margin: 0; } /*---:[ core layout elements ]:---*/ #container {width:950px; min-width:950px; margin:0 auto; padding:0; position:relative;background-color:white;min-height:100%;} #page { } #header { height:145px; width: 950px; margin:0;padding:0;margin: 0 0 0 0; text-align: left;display:block; background: url('images/header_bg2.gif') repeat-x center top;} #logo {float:left;height:78px;width:282px;padding:30px 15px 0 0;} #logo a {background: url('images/logo.png') -282px 0px no-repeat;display: block;height:78px;width:282px;text-indent: -9999px;} #logo a:hover {background:url('images/logo.png') 0px 0px no-repeat;} #content_box { width: 950px; min-width:950px; text-align: left;} #left_box { width: 665px; float: left;} #content { width: 463px; float: right; margin-bottom:25px;} #content_inner { width: 463px; padding: 0; margin-left:20px;} #content_header {height:85px; margin-top:20px; padding: 80px 0 0 0; background: url('images/content_top.gif') top no-repeat;} #content_header.top {margin-top:0;} #content_bottom {height:56px; background:url('images/content_btm.png') bottom right no-repeat;} .sidebar { padding-top:40px; width: 190px; float: left; } #right_bar { padding-left:70px;} #left_bar {margin-left:10px;} #footer { width:950px;margin:0 auto; background-color:black;padding: 1.0em 0; font: normal 1.1em/1.3em Verdana, sans-serif; color: #999; border-top: 1px double #ddd; text-align: right; } /*--- :[ navigation ]: ---*/ #nav { background: url('images/navbg.png') no-repeat left top;height: 147px;margin: 5px 0 0 0;padding:0;width: 242px;float:left;} ul#navlinks { height: 133px;width: 134px; margin: 0;padding: 0;position: relative;top: 7px;left: 67px;background: url('images/nav.gif') no-repeat left top;} #navlinks li {background: transparent;list-style: none;margin: 0;padding: 0;position: absolute;} #navlinks li, #navlinks a {margin: 0;padding: 0;width: 102px;} #navlinks li a { border: 0;display: block;margin: 0;padding: 0;text-indent: -9999px;text-decoration: none;width: 134px;} #blog { top: 6px; height: 27px; } #speaking { top: 31px; height: 24px; } #writing { top: 60px; height: 22px; } #bio { top: 84px; height: 20px; } #links { top: 106px; height: 26px; } #blog a:hover { background: transparent url('images/nav.gif') -134px -6px no-repeat; height: 27px; } #speaking a:hover { background: transparent url('images/nav.gif') -134px -31px no-repeat; height: 24px; } #writing a:hover { background: transparent url('images/nav.gif') -134px -60px no-repeat; height: 22px; } #bio a:hover { background: transparent url('images/nav.gif') -134px -84px no-repeat; height: 20px; } #links a:hover { background: transparent url('images/nav.gif') -134px -106px no-repeat; height: 26px; } /*---:[ headlines ]:---*/ h1, h2, h3, h4 { font: bold Lucida Sans, Arial, Helvetica, sans-serif; padding: 0 10px 0 55px;} h1 { font-size: 2em; line-height: 1.11111em; color: #111; } #header h1 {padding: 0 10px 0 10px;} h2 { font-size: 1.5em; line-height: 1.11111em; color: #333; } h2 a, h2 a:visited { color: #333; } h2 a:hover { color: #F9221F; text-decoration: none; } /*h2.top { padding-top: 0; border-top: none; }*/ /*.sidebar h2 { font-size: 0.83333em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #ddd; }*/ h3 { font-size: 1.23077em; line-height: 1.25em; color: #333; } .format_text h3 { margin: 0 0 0.625em 0; } .format_text h3.top { margin: 0 0 0.625em 0 !important; } h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; } /*---:[ global elements ]:---*/ hr { display: none; } a, a:visited { color: #F9221F ; text-decoration: none; } a:hover { color: #c00; text-decoration: underline; } a img { border: none; } blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 0 1.53846em 0; padding: 0 0 0 44px; background: url('images/blockquote.gif') no-repeat; } abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; } sub, sup { line-height: 1.0em; } span.code { color: #090; font-size: 0.92308em; font-family: "Andale Mono", Courier, "Courier New", monospace; } /* Using a preserves the line height better across a wider variety of browsers */ code { color: #090; font-size: 0.92308em; font-family: "Andale Mono", Courier, "Courier New", monospace; line-height: 1.0em; } html[xmlns*=""] body:last-child code { font-size: 1.0em; } /* Safari hack to handle font sizes consistently. */ pre { margin: 0 0 1.5em 0; font-size: 0.84615em; font-family: Courier, "Courier New", monospace; overflow: auto; clear: both; } html[xmlns*=""] body:last-child pre { font-size: 1.0em; } /* Safari hack to handle font sizes consistently. */ p.center { text-align: center !important; } p.bottom { margin: 0 !important; } p.unstyled { padding: 0 20px; font-size: 1.3em; } /*---:[ #header styles ]:---*/ #header { } /*---:[ content styles ]:---*/ .date { margin-top:10px;float:right; text-align:right; padding: 0 25px 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; } #content_inner .format_text { padding: 0 25px 10px 55px; font-size: 1.4em; padding: 0; line-height: 1.53846em;background: url('images/content_bg.gif') repeat-y;} .format_text { font-size: 1.4em; padding: 0 25px 10px 55px; line-height: 1.53846em;} .format_text form {padding: 0 25px 10px 55px;} .format_text p { padding: 0 25px 10px 55px; } /*.format_text a:visited { color: #333; background: #e8e8e8; text-decoration: none; }*/ .format_text a:hover { text-decoration: underline; } .format_text blockquote { } .format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; background: none; border-left: 1px solid #ddd; float: right; } .format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border-right: 1px solid #ddd; border-left: none; float: left; } .format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; } /*.format_text p { margin: 0 0 1.53846em 0; }*/ .format_text p.note { padding: 0.76923em 10px; background: #eeeea7; border: 1px solid #d3d35d; } .format_text ul { list-style: none; margin: 0 0 1.53846em 0; padding: 0 10px 0 55px; } .format_text ol { margin: 0 0 1.53846em 20px; padding: 0 10px 0 55px; } .format_text li { } .format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; } .format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; } .format_text dl { margin: 0 0 1.53846em 0; } .format_text dt { font-weight: bold; } .format_text dd { margin: 0 0 0 1.53846em; } .format_text .ad { margin: 0 0 0 10px; float: right; clear: right; } .format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; } .format_text img { } .format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; } .format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; } .format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; } .format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; } .format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; } .format_text img.stack { clear: none !important; } .to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal .95em/1.1em Verdana, serif; color: #999; clear: both; } /*.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }*/ .to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; } .to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; } .navigation { width: 443px; padding: 0.69231em 10px 0.76923em 10px; font-size: 1.3em; line-height: 1.53846em; clear: both; } .navigation p { text-align: right; } .older { padding: 0 20px 0 0; float: left; } .previous { text-align: left; } /*---:[ sidebar styles ]:---*/ ul.sidebar_list { list-style: none; } ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 190px; margin: 0 0 2.5em 0; font: normal 1.2em/1.33333em Verdana, serif; float: left; } li.widget p { margin: 0 0 1.33333em 0; } li.widget ul, li.linkcat ul { list-style: none; } /*li.widget ol { margin: 0 0 0 20px; }*/ li.widget ol { margin: 0; } li.widget li, li.linkcat li { margin: 0 0 0.75em 0; } li.widget li br { display: none; } /*li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }*/ li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 0; } /*---:[ special widget styles ]:---*/ #calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: Georgia, "Times New Roman", Times, serif; } table#wp-calendar { width: 182px; border-collapse: collapse; } table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; } table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; } table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; } /*---:[ search widget ]:---*/ #search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; } #search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; } #search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } #search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #000; cursor: pointer; } #search input[type="submit"]:hover { color: #237fa1; } li#recent-posts h2 {background: url('images/recent.gif') no-repeat left top;display: block;height:46px;width:190px;text-indent: -9999px;} li#categories-1 h2 {background: url('images/categories.gif') no-repeat left top;display: block;height:46px;width:190px;text-indent: -9999px;} /*---:[ footer styles ]:---*/ #footer a, #footer a:visited { color: #999; text-decoration: underline; } #footer a:hover { color: #333; text-decoration: underline; } #footer a img {opacity: 0.5;border:0;} #footer a:hover img {opacity: 1;} /*---:[ comment styles ]:---*/ #comments { width: 463px; margin: 4.0em 0 2.0em 20px; } .comments_intro { padding: 0 20px; font: normal 1.2em/1.66667em Verdana, sans-serif; border-bottom: 1px dotted #bbb; } .comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; } dl#comment_list { margin: 0 0 2.0em 0; } dl#comment_list dt.comment { width: 445px; padding: 0.64286em 9px 0.71429em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; } .comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; } .comment_num a, .comment_num a:visited { color: #999; text-decoration: none; } .comment_num a:hover { color: #237fa1; text-decoration: none; } .comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; } dl#comment_list dd.comment { width: 445px; padding: 0 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb; } dl#comment_list dt.alt, dl#comment_list dd.alt { background: #ececec; } dl#comment_list dt.author, dl#comment_list dd.author { background: #fafae9 !important; } .comment .format_text { padding: 0 10px; } /*---:[ comment form styles ]:---*/ #respond { margin: 0 0 0.83333em 0; padding: 0 20px; border-bottom: 1px dotted #ddd; font: normal 1.2em/1.66667em Verdana, sans-serif; } #respond span { padding: 0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; } #comment_form { width: 425px; padding: 0 19px; } #comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; } #comment_form p.submit_p { padding-bottom: 1.30769em; } #comment_form label { padding: 0 0 0 10px; } #comment_form .text_input { width: 209px; padding: 2px; color: #333; font: normal 1.0em Georgia, "Times New Roman", Times, serif; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; } #comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } #comment_form .text_area { width: 419px !important; height: 5.84615em; } #comment_form .form_submit { padding: 0.35714em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em Georgia, "Times New Roman", Times, serif; cursor: pointer; } #comment_form .form_submit:hover { color: #237fa1; } #comment_form p.subscribe-to-comments { font-size: 1.3em; } #comment_form p.subscribe-to-comments label { font-size: 1.0em; } /*---:[ search form styles ]:---*/ #search_form { } #search_form .search_input { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; } #search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } /*---:[ contact form ]:---*/ .contactform {position: static;overflow: hidden;} .contactleft {width: 25%;text-align: right;clear: both;float: left;display: inline;padding: 4px;margin: 5px 0;font-weight: bold;} .contactright {width: 70%;text-align: left;float: right;display: inline;padding: 4px;margin: 5px 0;} .contacterror {border: 2px solid #ff0000;} /*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/ #container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }