/*--- This is the CSS that controls the theme. It's pretty sloppy, but try running php tags through CSS Tidy and see what happens. ---*/ html { margin: 0px; min-height: 100%; } body { margin:0px; padding:0px; background-color: #ffffff; /* edffee; */ min-height: 100%; } a:link, a:visited, a:active a:focus { -moz-outline-style:none; } a:hover { -moz-outline-style:none; } h1, h2, h3, h4 { font-family: Verdana, Helvetica, sans-serif; } h2.pagetitle { padding:8px 8px 8px 15px; margin:0px 0px 5px 0px; background-color:#FFF; font: normal 22px/26px Georgia; color: #8c1414; border: solid 1px #2bad2b; } img { border:none; margin:0; padding:0; } .alignleft { margin-right:10px; margin-bottom:10px; float: left; } .alignright { margin-bottom:10px; margin-left:10px; float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; } hr { height: 1px; border:0; width: 95%; color: #E6E6E6; background-color: #E6E6E6; } .postwrap blockquote { margin:0 15px 10px 15px; padding:10px 15px; border: 1px solid #999; background: #CCC; } .postwrap blockquote blockquote { margin-right:5px; margin-left:0; background: #CCC; } .postwrap blockquote p { margin:0; padding:0 0 5px; } #bgwrapper { /*--- This id selector controls the blog background layer ---*/ width: 100%; margin: 0px; padding-top:15px; /* background: url(images/bg-fade.png) repeat-x top left; */ min-height: 100%; } #wrap { width:980px; margin:0px auto 0px; padding:0; border: solid 1px #016601; font:12px Verdana, Arial, sans-serif; } #header { background: url(images/headers/header-Sunny.jpg) no-repeat center top; background-color: #016601; height:150px; width:980px; border-bottom: solid 1px #016601; position:relative; } #header a { color:#FFFFFF; text-decoration: none; } #header h3 { font-size:34px; width:600px; left:20px; font-weight:400; line-height:38px; font-family: Verdana; margin:0px; padding: 37.5px 0 10px 20px; } #logo { position: relative; top:10px; left:20px; height: 110px; width: 500px; } #logo a { display: block; height: 100%; width: 100%; } #header h3 a { color: #FFFFFF; visibility:hidden; } #header h3 a:hover { color: #999; text-decoration: none; visibility:hidden; } p.tagline { font-size:14px; font-weight:700; width:600px; left:20px; color: #FFF; margin:0; float:left; padding: 0 0 0 20px; visibility:hidden; } /*--- Navigation Menu Settings ---*/ #nav { background: url(images/navfhleft.png) left top repeat-x; background-color: #2bad2b; padding-left:0px; border-bottom: solid 1px #016601; width:972px; margin: 0px; padding-left: 8px; height:33px; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { float: left; margin-right: 8px; margin-right: 0px; } * html #nav li a { /* Filter for IE6 to prevent li stacking */ float: left; text-decoration: none; } * html #nav li a span { /* Filter for IE6 to prevent li stacking */ float: left; margin-left: 4px; text-decoration: none; } #nav li a { display: block; height: 33px; background: url(images/navfhleft.png) left top repeat-x; background-color: #2bad2b; font-family: Arial, Helvetica; text-decoration: none; } #nav li a span { display: block; margin-left: 10px; padding-left: 4px; padding-right: 13px; line-height: 32px; padding-bottom:1px; font-weight: normal; color: #FFFFFF; background: url(images/navfhright.png) right top repeat-x; background-color: #2bad2b; text-decoration: none; } #nav li a:hover { background-position: left -33px; text-decoration: none; background-color: #016601; cursor: pointer; /* For IE6 */ } #nav li a:hover span { background-position: right -33px; color: #FFFFFF; background-color: #016601; } #nav li.current_page_item a, #nav li.current_page a { background-position: left -33px; background-color: #016601; } #nav li.current_page_item a span, #nav li.current_page a span { background-position: right -33px; color: #FFFFFF; background-color: #016601; } /*-- Header search box styles --*/ #header #searchform { width: 242px; height: 31px; background: url(images/searchboxes/topmesh.png) left 0px no-repeat; position: absolute; top: 0px; right: 15px; } *:first-child+html #header #searchform { /* Filter for IE7 */ padding: 0px 0; } * html #header #searchform { /* Filter for IE6 */ padding: 5px 0; } * html #header #searchbox { /* Filter for IE6 */ margin-top: 0px; } #header #searchbox { margin-left: 28px; margin-top:6px; margin-bottom: 3px; width: 140px; background: none; border: none; color: #FFFFFF; font-size: 11px; } #header #searchbutton { width: 50px; background: none; border: none; margin-left:10px; } #header #searchbutton:hover { cursor: pointer; } /*-- Sidebar search box styles --*/ #sidebar-top #searchform { width: 365px; } #sidebar-top #s { margin: 20px 0 5px 0; width: 365px; } #sidebar-left #searchform { width: 180px; } #sidebar-left #s { margin: 20px 0 5px 0; width: 180px; } #sidebar-right #searchform { width: 140px; } #sidebar-right #s { margin: 20px 0 5px 0; width: 140px; } /*-- Header RSS settings --*/ #rssfeeds { width:300px; height: 70px; position: absolute; padding-top: 0px; bottom:0px; right:22px; color: #FFFFFF; } #rssicon { float:right; margin-left:5px; } #rssfeeds a { color: #FFFFFF; text-decoration:underline; } #rssfeeds a:hover { color: #999; } #rssfeeds p { line-height:16px; margin:0; padding:27px 0px 0 0; text-align: right; } /*-- Begin feature section styles --*/ #feature { background: url(images/feature-bg.png) no-repeat bottom left; background-color: #edffee; width: 980px; clear:both; color: #999; padding-bottom:10px; margin:0px; } #feature .topshadow { background: url(images/feature-shadow.png) no-repeat top left; width: 980px; } #feature h2 { padding:0px; margin:0px 0px 10px 0px; color: #FFF; font-family: Arial, Arial, Helvetica; font-size: 18px; } #feature a, #feature a:visited, #feature a:active { color: #CCC; } #feature a:hover { color: #FFF; } #feature .textwidget { padding:0px; color: #999; } #feature ul { list-style-type:none; padding:0px; } #feature ul.children { margin:3px 0 0px 0; padding: 0px 0px 3px 0px; border:none; } #feature ul.children li{ padding-bottom: 0px; } #feature ul li{ list-style-type:none; background: none; padding-left:0px; padding-bottom:3px; } #feature ul li a { text-decoration:none; } .feat_box { padding:15px 15px 15px 15px; margin:0px; width: 930px; float: left; } /*-- Begin page content CSS --*/ #content { width:975px; position:relative; float:left; color: #333; background-color: #FFF; padding:5px 0px 0px 5px; } .postwrap a:link, .postwrap a:visited, .postwrap a:active { text-decoration:none; color: #133ff0; border:0; -moz-outline-style:none; } .postwrap a:hover { text-decoration:underline; color: #000000; border:0; -moz-outline-style:none; } .posthead h1 { margin:0px; padding:8px 8px 8px 15px; background-color: #FFF; font: normal 22px/26px Georgia; border-bottom: solid 1px #EEE; } .postwrap { float:left; width:600px; padding:0px 0px 0px 0px; margin-bottom:5px; } .post { background-color: #fff; margin-bottom:5px; padding:0px; border: solid 1px #2bad2b; } .postwrap p { line-height: 18px; } .posthead { padding-bottom:0px; position:relative; clear:left; margin-bottom: 0px; } #content .posthead h1, #content .posthead h1 a { color: #8c1414; } #content .posthead h1 a:hover, #content .postMeta a:hover { text-decoration: none; color: #999; } .postMeta { background-color: #FFF; color: #666; margin:0px; padding:5px 15px 5px 15px; font-size: 11px; height:20px; } .postMeta a, .postMeta a:link, .postMeta a:visited, .postMeta a:active { text-decoration: none; color: #666; } #content .postMeta a:hover { text-decoration: underline; color: #666; } div.commentcount { padding-left: 24px; background: url(images/comment.png) left top no-repeat; text-decoration: none; padding-top: 3px; padding-bottom: 3px; float:right; } div.postdate { padding-left: 24px; background: url(images/date.png) left top no-repeat; text-decoration: none; padding-top: 3px; padding-bottom: 3px; float:left; } #content .postcontent { padding:15px 15px 0px 15px; line-height:18px; color: #333; } .postcontent a { text-decoration: underline; } pre { background-color: #F9F8E3; border: 1px dotted #999; padding: 0px 8px 15px 8px; margin:0 15px 10px 15px; } .more-link { font-weight:700; margin-top:15px; height: 16px; width: 300px; display: block; } .Note { margin:0px; padding:0px; font-size:11px; } #content ul.Note li a, #content ul.Note li a:link, #content ul.Note li a:visited { color: #333; } ul.Note { background-color: #FFF; margin-top:0px; padding:5px; } .Note li { list-style-type:none; padding:2px 0 2px 15px; } .NoteRss { background:url(images/NoteRss.png) no-repeat left 2px; display:inline; margin-left:5px; } .NoteTrackBack { background:url(images/NoteTrackBack.gif) no-repeat left 2px; display:inline; margin-left:10px; } /*-- Comment Settings --*/ #commentblock { width: 570px; float:left; margin-top:10px; padding:0; border: none; } #commentblock a, #commentblock a:link, #commentblock a:visited { color: #016601; } .comment-wrap { padding-left:10px; padding-right:10px; padding-top: 10px; padding-bottom: 10px; display: block; } #commentblock ol { padding: 0px; list-style: none; } #commentblock ol li { margin-bottom: 10px; padding: 10px; background-color: #FFF; border: solid 1px #999; background-color: #EEE; } .commentdate { padding-left:0; } #commentlist li p { margin-bottom:8px; line-height:20px; padding:0; } .commentlist li.alt .commenttext { clear: both; } .commentname { margin:0; padding:5px 5px 5px 0; } .commentinfo { clear:both; } .commenttext { clear:both; padding-top: 10px; display:block; margin-bottom: 0px; } .comment-wrap blockquote, .comment-wrap blockquote blockquote { margin-bottom:10px; margin-top: 8px; background: url(images/comments-lighter.png) no-repeat top left; border: 1px solid #000; } .commenttext p { margin:0; padding:0 0 10px 0; } #commentform #submit { color: #FFF; font-family:Arial, Helvetica; font-size:14px; font-weight:700; border:1px solid #000; display:block; margin:0; padding:4px; background-color: #016601; } #commentform input, #commentform textarea { padding:5px; background-color: #EEE; border: solid 1px #999; color: #333; } #commentform textarea { width: 98%; } p.meta { margin: 0 0 5px 0; padding: 0px; float: left; } p.meta a { text-decoration: none; } p.approval { font-style: italic; clear: left; } p.commenttitle { font: 18px Georgia, "Times New Roman", Times, serif; margin-top: 0px; padding-top: 0px; } /*-- Sidebar settings --*/ #sidebar { float:right; width:365px; margin-top:0px; position:relative; padding-right: 0px; margin-bottom: 15px; margin-left:5px; margin-right:5px; } #sidebar ul, #feature ul{ margin: 0px; padding: 0 0 0 8px; } #sidebar-top { width: 365px; padding:0px; color: #333; } #sidebar-top h2 { margin:0px; padding: 8px 8px 8px 23px; color: #FFF; font-family: Arial, Arial, Helvetica; font-size: 14px; background: url(images/sidebar-h2-bg.png) no-repeat top left; background-color: #016601; border-bottom: solid 1px #000; text-transform: none; letter-spacing: 0px; } #sidebar-top a, #sidebar-top a:visited, #sidebar-top a:active { color: #333; } #sidebar-top a:hover { color: #016601; } .sidebar-top-box { margin-bottom:4px; padding:8px; background-color: #eeffee; color: #333; border: 1px solid #000; } .box-padding { padding:7px; } .sidebar-top-box p { margin-top:3px; margin-bottom:3px; } #sidebar-top .textwidget { padding:10px 10px 10px 10px; color: #333; } #sidebar-top ul { list-style-type:none; padding:10px; } #sidebar-top .widget { margin:0px 0px 5px 0px; background-color: #eeffee; border: solid 1px #000; } #sidebar-top ul.children { margin:3px 0 0px 0; padding: 0px 0px 3px 0px; border:none; } #sidebar-top ul.children li { padding-bottom: 0px; } #sidebar-top ul li { list-style-type:none; background: none; padding-left:0px; padding-bottom:3px; } #sidebar-top ul li a { text-decoration:none; } #sidebar-left a, #sidebar-left a:visited, #sidebar-left a:active, #sidebar-right a, #sidebar-right a:visited, #sidebar-right a:active { color: #666; text-decoration: none; } #sidebar #sidebar-left, #sidebar #sidebar-right { color: #666; } #sidebar-left a:hover, #sidebar-right a:hover { color: #016601; } #sidebar-left { float:left; width: 180px; padding:0 4px 0 4px; } #sidebar #sidebar-left h2, #sidebar #sidebar-right h2 { margin:15px 0 10px; padding-left: 5px; color: #016601; border-bottom: solid 1px #999; font-family: Arial, Arial, Helvetica; font-size: 15px; text-transform: uppercase; letter-spacing: 0px; } #sidebar-right { float:right; width: 140px; padding:0 4px 0 4px; } #sidebar-left ul , #sidebar-right ul { padding-left:5px; } #sidebar-right ul li, #sidebar-left ul li { background: none; padding:0 0 5px 0px; list-style:none; margin:0; } #sidebar-left .children, #sidebar-right .children { padding-top: 5px; } #sidebar-left ul.children li, #sidebar-right ul.children li { padding-bottom: 3px; padding-top: 0px; } #sidebar-top h2 a.rsswidget { color: #FFF; text-decoration: none; } #sidebar #sidebar-left h2 a.rsswidget, #sidebar #sidebar-right h2 a.rsswidget { color: #016601; text-decoration: none; } #sidebar .rsswidget img { float: left; margin-top: 2px; margin-right: 7px; } /*-- Footer settings --*/ #footer { float:left; width: 980px; background: url(http://www.flexibilitytheme.com/images/link.gif) no-repeat top left; background-color: #edffee; color: #FFF; font:12px Verdana, Arial, sans-serif; padding:0px; margin: 0px; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus { color: #FFF; text-decoration:underline; } #footerdark { background: url(images/footerdark.png) no-repeat top left; padding:7px 0 25px 0; width: 980px; } #footer .topshadow { background: url(images/feature-shadow.png) no-repeat top left; padding-bottom:20px; } #footer p { padding:10px 0 0 15px; margin:0px; } #footer h2 { padding:0px; margin:0px 0px 10px 0px; color: #FFF; font-family: Arial, Arial, Helvetica; font-size: 18px; } #footer .textwidget { padding:0px; color: #999; } #footer ul { list-style-type:none; padding:0px; } #footer ul.children { margin:3px 0 0px 0; padding: 0px 0px 3px 0px; border:none; } #footer ul.children li{ padding-bottom: 0px; } #footer ul li{ list-style-type:none; background: none; padding-left:0px; padding-bottom:3px; } #footer ul li a { text-decoration:none; } .foot_box { padding:15px 15px 15px 15px; margin:0px; width: 290px; float: left; } /*-- Related Posts plugin settings --*/ .rel-posts { margin:0 0 10px; padding:0 0 10px; } .rel-posts ul { margin:0; padding:0; } .rel-posts li { list-style-type:none; background: none; padding-left:0px; margin:2px 0 0 0; padding:0px 0 0px 11px; } .rel-posts li a { text-decoration: none; } /*-- Wordpress calendar settings --*/ #wp-calendar { width:100%; border-collapse:collapse; margin:0; padding:0; background: #FFFFFF; } #wp-calendar caption { padding-top:3px; padding-bottom:6px; text-align:left; font-family: Arial, Arial, Helvetica; font-size: 15px; font-weight: bold; color: #016601; text-transform: uppercase; letter-spacing: 0px; } #wp-calendar td { text-align:center; padding-top:2px; padding-bottom:2px; line-height:15px; } #wp-calendar th { background-color: #016601; color: #FFFFFF; } #wp-calendar tbody { border-right: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; } #content #sidebar #wp-calendar a { font-weight:700; color: #FFFFFF; text-decoration:none; display:block; border-style:none; margin:0; padding:0; background-color: #016601; } #content #sidebar #wp-calendar a:hover { font-weight:700; color: #999; text-decoration:none; border-style:none; margin:0; padding:0; } #wp-calendar tfoot, #wp-calendar tfoot .pad { background-color: #016601; } #wp-calendar tfoot a:hover { text-decoration:underline; } #wp-calendar tfoot a { display:block; padding:2px 0; color: #FFFFFF; text-decoration: none; } #wp-calendar tfoot td { padding:4px 0; } #wp-calendar thead { border-right: 1px solid #016601; border-left: 1px solid #016601; } #wp-calendar tfoot { border-right: 1px solid #016601; border-left: 1px solid #016601; } #credit { font: 11px Arial, Helvetica; padding: 8px; width:980px; margin: 0 auto; text-align:center; } form { margin:0; padding:0; } /* Styling for RSS feed widget */ #rss a { color: #FFF; line-height: 20px; } #rss a:hover { color: #FFF; text-decoration: none; } .clearer { clear: both; float: none; } #nextprevious { padding:15px; float:left; width: 95%; } #nextprevious a, #nextprevious a:link, #nextprevious a:visited, #nextprevious a:active { color: #333; } #nextprevious div.left { float:left; } #nextprevious div.right { float:right; } /* Legacy comments styling */ img.avatar { float:right; border:solid 2px #000; } div.vcard a { font-weight:bold; } ol li div.comment-meta { font-size:9px; margin:5px 0 10px 0; } /* End Legacy comments styling */ /* Styling for WP 2.7 nested comments. Thanks to Chris Harrison at http://cdharrison.com for breaking these down. I changed what I needed and left the rest for future styling. */ #content ol.commentlist a, #content ol.commentlist a:link, #content ol.commentlist a:visited {color: #016601; } ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li {margin-bottom: 10px; } ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {background-color: #DDD;} ol.commentlist li.comment { padding:1em; } ol.commentlist li div.comment-author {} div.vcard { font:normal 16px georgia,times,serif; } ol.commentlist li div.vcard cite.fn { font-style:normal;font-weight:bold; } ol.commentlist li div.vcard cite.fn a.url {} ol.commentlist li div.vcard img.avatar { border:2px solid #000; float:right; margin:0 0 1em 1em; } ol.commentlist li div.vcard img.avatar-32 {} ol.commentlist li div.vcard img.photo {} ol.commentlist li div.vcard span.says {} ol.commentlist li div.commentmetadata {} ol.commentlist li div.comment-meta { font-size:9px; margin:5px 0 10px 0; } ol.commentlist li div.comment-meta a { } ol.commentlist li p { margin:0 0 1em; } ol.commentlist li ul { list-style:square; margin:0 0 1em 2em; } ol.commentlist li div.reply { font-size:11px; } #content ol.commentlist li div.reply a { color:#FFF; font-weight:bold; padding:3px 6px; background-color: #016601; border:1px solid #000;} #content ol.commentlist li div.reply a:hover { background-color:#555; text-decoration:none;} ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li {} ol.commentlist li ul.children li.alt {} ol.commentlist li ul.children li.bypostauthor {} ol.commentlist li ul.children li.byuser {} ol.commentlist li ul.children li.comment {} ol.commentlist li ul.children li.comment-author-admin {background-color: #DDD;} ol.commentlist li.depth-1, ol.commentlist li.depth-1.parent {border: solid 1px #999;} ol.commentlist li ul.children li.depth-2 { border:1px solid #999; margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-3 { border:1px solid #999; margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-4 { border:1px solid #999; margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-5 { border:1px solid #999; margin:0 0 .25em .25em; } ol.commentlist li ul.children li.odd {} ol.commentlist li.even { background-color: #EEE; background-image:none; } ol.commentlist li.comment-author-admin.even, ol.commentlist li.comment-author-admin.odd { background-color: #DDD; background-image:none;} ol.commentlist li.odd { background: url(images/comments-lighter.png) no-repeat top left; background-color: #EEE; } ol.commentlist li.parent { border:none; } ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} ol.pinglist li a, ol.pinglist li a:link, ol.pinglist li a:visited ol.pinglist li {color: #016601; }