/* Theme Name: Balance Theme URI: http://findyourbalancehealth.com Description: Balance is a custom theme designed by Michelle Pfennighaus and developed by Joel Oliveira. Version: 0.1 Author: Michelle Pfennighaus & Joel Oliveira Author URI: http://joeloliveira.com Tags: green, blue, health, 3 column, fixed /* =================================================== */ /* = reset.css courtesy of Eric Meyer - meyerweb.com = */ /* =================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------- BASIC FORMATTING ------------------------------------------------- */ body{ font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; font-size:62.5%; line-height:2.2em; background:#a8dae1; } h1 {font-size: 2em;} h2 {font-size: 1.4em; margin-top:10px;} h3 {font-size: 1.2em; margin-top:10px;} h4 {font-size: 1em;} h2, h3, h4 { font-family:Georgia,"Times New Roman",Times,serif; } a:link { color:#cc9933; text-decoration:none; } a:hover { text-decoration:underline; } a:visited, a:active{ color:#999; } a img{border:none;} ul{margin:5px 0 5px 20px;} ol{margin:5px 0 5px 20px;} blockquote{ margin:10px 0 10px 10px; font-family:Georgia,"Times New Roman",Times,serif; padding:5px; color:#666666;} pre, code{ margin:10px; font-family:"Courier New", Courier, monospace;} div.hr { background:transparent url(images/bg_title_underline.gif) repeat-x scroll left bottom; height:6px; margin-top:3.4em; } div.hr hr { display:none; } .nomargin { margin:0px !important; } .nopadding { padding:0px !important;} /* ------------------------------------------------- WRAP ------------------------------------------------- */ #pagewrap { width: 940px; margin:0 auto; color:#666;} /* ------------------------------------------------- HEADER ------------------------------------------------- */ #header { overflow:auto; background-color:#fff; text-align:center; height:105px; padding-top:35px;} #header h1 { display:block; width:418px; height:54px; margin:0px auto;} #header h1 a {background:url('images/bg_title.gif') no-repeat scroll top left; width:418px; height:54px; display:block; text-indent:-9999px; } #header h2 { display:block; background:url('images/bg_subtitle.gif') no-repeat scroll top right; width:245px; height:17px; text-indent:-9999px; margin:0px auto; } /* ------------------------------------------------- NAVIGATION ------------------------------------------------- */ #nav { height:73px; border-bottom:solid 11px #c0ed9e; position:relative; } #nav img { position:absolute; right:-58px; top:0px; } #nav ul{clear:both;margin:0 0;padding:0; list-style:none;} #nav ul li{ float:left; display:block; margin:0 5px 0 0; font-size:1.4em; font-family:Georgia,"Times New Roman",Times,serif; } #nav ul li a:link, #nav ul li a:visited { color:#fff; text-transform:uppercase; text-decoration:none; display:block; padding:0px 15px; background-color:#6db3bd; line-height:30px; } #nav ul li a:hover, #nav ul li a:active { background-color:#CC9933; } #nav ul li.active a { background-color:#6fae76; } /* ------------------------------------------------- MAIN CONTENT ------------------------------------------------- */ #contentwrap { background:#FFFFFF none repeat scroll 0 0; overflow:hidden; width:100%; position:relative; } #content { float:left; width:533px; font-size:1.2em; margin:0 0 60px 205px; border:solid 1px #e1e1e1; border-top:none; border-bottom:none; padding-bottom:31px; } #contentwrap { min-height:1030px; height:auto;} #content { min-height:930px; } /* archives page */ h2.archivetitle, h2.pagetitle { font-size:1.6em; background:transparent url(images/bg_title_underline.gif) bottom left repeat-x; padding-bottom:15px; margin:0px 15px; color:#52a0aa;} ul.archivelist{margin: 0; list-style: none;} ul.archivelist li{padding:2px 0;} .post, #share { padding:0px 15px 30px 15px; } .post h2 a{ color:#52a0aa; text-decoration:none; font-size:1.4em;} .post h2 a:hover{color:#ccc;} .post p { margin:.6em 1em 1em 0; } .post a { } .post img{ } .post ul { list-style: square; padding:2px 0; } .post li { padding:2px 0; } .post small { font-size: .9em; } .post small.date { border-bottom:1px dotted #CCCC99; display:block; font-family:Georgia,"Times New Roman",Times,serif; line-height:2.2em; } .postmetadata { } .postmetadata .comments{ display:block; margin-bottom:0.6em; } .postmetadata .comments a, .postmetadata .comments strong { background:transparent url(images/bg_comments.gif) no-repeat scroll center left; padding:5px 0px 5px 45px; color:#5faab4; text-transform:uppercase; } .postmetadata .comments a.post-edit-link { background:none; padding:0px; } .postmetadata .cats_tags, .postmetadata .cats_tags span { display:block; border-top:1px dotted #CCCC99; padding:2px 0 0 0; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; color:#999; } /* single post nav for previous/next entries */ .navigation { padding:10px 15px; font-size:.9em; float:left; width:98%; } .alignleft { float:left; } .alignright { float:right; } /* styling for 'continued' page links */ p.continued{padding:5px; background:#f0f0f0;} p.continued a{padding:5px; font-weight:bold;} /* ------------------------------------------------- SIDEBAR ------------------------------------------------- */ #sidebar_left { width:205px; position:absolute; top:0px; left:0px; } #sidebar_right { width: 200px; float:right; overflow:hidden; } #sidebar_left ul { padding:0px 15px 0px 20px; } #sidebar_right ul { padding:0px 15px;} .sidebar h2.widgettitle { font-weight:normal; padding:5px 0; font-size:1.8em; } .sidebar .widget_categories h2, .sidebar .widget_links h2 { display:block; } .sidebar h2 { margin-top:0px; color:#618c41;} .sidebar p { color:#999999; font-size:11px; line-height:16px; } .sidebar a {color:#666;} .sidebar ul{margin:0;padding:0;list-style:none;} .sidebar ul li { padding: 2px 2px 10px; border-bottom:1px dotted #CCCC99; margin-bottom:10px; } .sidebar ul li a:link, .sidebar ul li a:visited, .sidebar ul li a:hover, .sidebar ul li a:active { color:#cc9933; text-decoration:none; } .sidebar a:hover {color:#999; text-decoration:underline !important;} #sidebar_left ul ul, #sidebar_right ul ul { padding:0px;} .sidebar ul li li { padding: 0px; border-bottom:none; margin-bottom:0px; } li#search { padding-bottom:0px;} .textwidget a { display:inline !important; } #events_widget { } #events_widget li { } #events_widget li a { line-height:1em; } #events_widget li a.title { color:#52a0aa; font-weight:bold; display:block !important; line-height:15px; margin:7px 0 2px; } #events_widget li a.details { line-height:1.6em; padding-bottom:1em; display:block !important; } #events_widget li p { line-height:1.6em; } /* ===================== */ /* = CUSTOM WIDGET CSS = */ /* ===================== */ ul.xoxo li a { font-size:12px; line-height:10px;} /* text-376544951 == Want to get started? */ #text-376544951 { border:solid 1px #d4e2e4; background-color:#ebf8e1; padding:0px 9px 10px; -moz-border-radius:3px; overflow:auto; margin-top:25px; } #text-376544951 h2 { margin:0px; color:#52a0aa; padding:10px 0px 0px 0px;} #text-376544951 h3 { margin:0px; color:#84ab59; padding:0px 0px 10px 0px; font-size:1.6em;} #text-376544951 #begin { border:none; cursor:pointer; background:transparent url(images/button_begin.gif) left top no-repeat; float:right; margin-top:10px; width:81px; height:25px; text-indent:-9999px; font-size:0px; color:#99bd7d; } /* ------------------------------------------------- SEARCH ------------------------------------------------- */ #searchform {margin:10px 0;} #searchform #searchsubmit { border:none; background:transparent url(images/go.gif) top left no-repeat; text-indent:-9999px; width:26px; height:16px; font-size:0px; color:#fff; } #searchform #s { width:130px; padding:2px; border:solid 1px #ccc; background:transparent url(images/bg_search.gif) 2px 1px no-repeat; } #searchsubmit { font-weight: bold; color:#666; pointer; padding: 1px; cursor:pointer; } /* =================== */ /* = CUSTOM PAGE CSS = */ /* =================== */ #page_15 {} #page_15 a.up:link, #page_15 a.up:visited, #page_15 a.up:hover, #page_15 a.up:active { float:right; line-height:2.2em; color:#cc9933; text-decoration:none;} #page_15 ul { padding:10px 0px; margin:0px; list-style:none;} #page_15 ul a { color:#cc9933; text-decoration:none; } #contact_form { -moz-border-radius:3px;background-color:#EBF8E1;border:1px solid #D4E2E4;overflow:auto;padding:10px 10px;} #contact_form br { display:none; } #contact_form span { display:block; width:96%;} #contact_form label { display:block; clear:both; cursor:pointer; width:50%;} #contact_form input#email { margin:0 0; } #contact_form input { width:50%; padding:5px; border:1px solid #CCCCCC; margin-bottom:10px; } #contact_form textarea { width:100%; height:120px; margin:0px;} #contact_form input#submit_contact { width:auto; border:none; cursor:pointer; -moz-border-radius:5px; padding:2px 22px 2px 9px; color:#fff; text-transform:uppercase; font-size:1em; background:#9dbe83 url(images/bg_arrow_white_on_green.gif) center right no-repeat; float:right; margin-top:10px; margin-right:-10px;} #survey_form {} #survey_form br { display:none; } #survey_form h4 { color:#618C41; font-family:Georgia,"Times New Roman",Times,serif; } #survey_form #gender_section h4 { float:left; } #survey_form #gender_section select { float:right; width:25%;} #survey_form div { -moz-border-radius:3px;background-color:#EBF8E1;border:1px solid #D4E2E4;overflow:auto;padding:10px 10px; } #survey_form div#personal_section { border:none; background-color:transparent; } #survey_form span { clear:both; display:block; padding:4px 0px; overflow:auto;} #survey_form label { float:left; display:block; text-align:right; width:37%; padding-right:1%; cursor:pointer; } #survey_form input { float:right; width:59%; padding:5px; border:1px solid #CCCCCC; margin:0px !important;} #survey_form input#submit_survey { width:auto; border:none; cursor:pointer; -moz-border-radius:5px; padding:2px 22px 2px 9px; color:#fff; text-transform:uppercase; font-size:1em; background:#9dbe83 url(images/bg_arrow_white_on_green.gif) center right no-repeat; float:right; margin-top:10px; margin-right:-10px;} /* ============= */ /* = SUBSCRIBE = */ /* ============= */ #follow_me { height:40px; width:160px; } #follow_me a { float:left; display:block; width:38px; height:34px; text-indent:-9999px; } #follow_me a.rss { background:transparent url(images/icon_rss.gif) top left no-repeat; margin:0; padding:0; } #follow_me a.twitter { background:transparent url(images/icon_twitter.gif) top left no-repeat; margin: 0 0 0 3px;} #follow_me a.stumbleupon { background:transparent url(images/icon_stumble.gif) top left no-repeat; } #follow_me a.facebook { background:transparent url(images/icon_facebook.gif) top left no-repeat; } #subscribe_form { overflow:hidden; } #subscribe_form #firstname, #subscribe_form #email, #cc_ea { border:1px solid #BBBBBB;padding:2px;width:95%;} #subscribe_form label { font-size:.9em; cursor:pointer; font-size:1.1em; padding-left:7px; } #subscribe_form #newsletter, #subscribe_form #subscribe { display:block; float:left; } #subscribe_form a.small { display:block; float:left; color:#bbb; text-decoration:underline; font-size:.9em; } #subscribe_form #subscribesubmit, #cc_submit { float:right; border:solid 1px #ecdeca; background:transparent url(images/go.gif) top left no-repeat; text-indent:-9999px; width:26px; display:block; margin-top:10px; height:22px; cursor:pointer; font-size:0px; color:#fff; } /* ------------------------------------------------- FEATURE LINKS ------------------------------------------------- */ .rss, .archive{ font-size: 1.2em; font-weight: bold; line-height: 1.4em; background: #f0f0f0; padding-left: 5px !important; margin-top:10px;} .rss a{ padding-left:25px; background: transparent url(images/feed-icon-16x16.png) left no-repeat;} .archive a{ padding-left:25px; background: transparent url(images/square.png) left no-repeat;} /* ------------------------------------------------- COMMENTS ------------------------------------------------- */ #comments { margin:10px 10px 10px 0; padding:10px 10px 10px 0; } div.comments, div#commentform { padding:0px 15px;height:auto; } div.comments h3, div#commentform h3 { color:#5faab4; font-size:1.4em; font-weight:normal; } ol.commentlist {margin:0; padding:0; overflow: hidden;} ol.commentlist li{ background:#fff; margin:0px 0 10px 0; padding:10px;} ol.commentlist li.alt { background:#ddd; } ol.commentlist li.author { background:#ebf8e1; } ol.commentlist cite a { color:#cc9933; } ol.commentlist a {} cite {font-style: normal; font-weight: bold;} small.commentmetadata { font-style:italic; } small.commentmetadata a { color:#999; } /* ------------------------------------------------- COMMENT FORM ------------------------------------------------- */ #commentform{margin:10px 10px 10px 0;padding:10px 10px 10px 0;} #commentbox{ width:100%; min-width:400px; margin:5px 5px 0 0; height:120px;} #commentform label { display:block; clear:both; padding-top:10px; } #author, #email, #url { padding:5px; width:50%;} #url { margin-bottom:10px !important; } #author, #email, #url, textarea, #submit { border:solid 1px #ccc; margin:5px 5px 0 0; } #submit { border:none; cursor:pointer; background:transparent url(images/button_submit.gif) top left no-repeat; float:right; margin-top:10px; width:91px; height:25px; text-indent:-9999px;} /* ------------------------------------------------- FOOTER ------------------------------------------------- */ #footer{ margin:0; background-color:#c0ed9e; position:relative;} #footer p { padding:20px 40px 20px 0; text-align:right; } #footer p a { color:#4d792c; font-size:1.6em; } #footer img { position: absolute; bottom:0px; left:60px; } /* ------------------------------------------------- CLEARS (if needed with further customizations) ------------------------------------------------- */ .clear{clear:both;} .clearfix{display:inline-block;} .noborder{border:none !important; vertical-align:middle;} .left{float:left; border:none !important; margin:5px;} .right{float:right; border:none !important; margin:5px;}