/* Theme Name: Shore Bike Camps Theme URI: http://www.shorebikecamps.com/ Description: WordPress Theme for Shore Bike Camps based on the original static site. Version: 1.1 Author: Marlowe Northcott Author URI: http://brocktonpoint.com/ Tags: dirt, forest, outdoors, two columns */ /*////////// Site Styles //////////*/ * { margin: 0; padding: 0; list-style: none; } body { font-size: 62%; background: #f3f3f3 url(images/css/dirt.jpg) ; font-family: Geneva, "Lucida Grande", ms trebuchet, Helvetica, Arial, sans-serif; padding-bottom: 20px; color: #1f2b2e; } html>body { font-size: 70%; background: #f3f3f3 url(images/css/dirt.jpg) ; font-family: Geneva, "Lucida Grande", ms trebuchet, Helvetica, Arial, sans-serif; padding-bottom: 20px; color: #1f2b2e; } #header { margin: 10px auto 0 auto; margin-bottom: 0; width: 810px; background: #f3f3f3 url(images/css/header.gif) no-repeat ; height: 290px; border: 1px solid #333; border-bottom: none; } body>#header { margin: 10px auto 0 auto; margin-bottom: 0; width: 820px; background: transparent url(images/css/header3.png) no-repeat ; height: 290px; border: none; } #header h1 { text-indent: -2999px; } #header ul { float:right; width: 200px; margin-right: 95px; display: inline; margin-top: 20px; font-size: 1em; border-top:1px solid #5c8723;} #header>ul { float:right; width: 200px; margin-right: 99px; margin-top: 20px; font-size: 1.2em; border-top:1px solid #5c8723; } #header li { border-bottom:1px solid #5c8723;} #header li.register { border-bottom:1px solid #5c8723; border-top:1px solid #5c8723; margin-top: 20px; font-size: 1.4em; } #header a:link { padding: 4px 8px; display: block; color: #fff; text-decoration: none; font-family: Geneva; text-transform: uppercase;} #header a:visited { padding: 4px 8px; display: block; color: #fff; text-transform: uppercase; text-decoration: none; } #header a:hover { padding: 4px 8px; display: block; color: #1f1f1f; text-decoration: none; font-family: Geneva; text-transform: uppercase;} #header a:active { padding: 4px 8px; display: block; color: #29400a; font-weight: bold; text-transform: uppercase; text-decoration: none; } .container { width: 800px; margin: 0 auto; padding: 15px 5px 5px 5px; background: transparent url(images/css/body_bg.gif) repeat-y; border: 1px solid #333; border-top: none; } body>.container { width: 810px; margin: 0 auto; padding: 15px 5px 5px 5px; background: transparent url(images/css/body_bg.png); border: none;} #main_content { float: left; width: 470px; margin-left: 10px; display: inline; } #main_content h2 { color: #6a7375; padding: 5px 10px; border-top: 1px dotted #9e9e9e; border-bottom: 1px dotted #9e9e9e; font-family: Arial; font-size: 1.7em; font-weight: normal; background-color: #fff; } #main_content>h2 { color: #6a7375; padding: 5px 10px; border-top: 1px dotted #9e9e9e; border-bottom: 1px dotted #9e9e9e; font-family: Arial; font-size: 2em; font-weight: normal; background-color: #fff; } #main_content h3 { color: #6a7375; padding: 5px 10px; border-top: 1px dotted #9e9e9e; border-bottom: 1px dotted #9e9e9e; font-family: Arial; font-size: 1.3em; font-weight: normal; background-color: #fff; } #main_content>h3 { color: #6a7375; padding: 5px 10px; border-top: 1px dotted #9e9e9e; border-bottom: 1px dotted #9e9e9e; font-family: Arial; font-size: 1.3em; font-weight: normal; background-color: #fff; } #main_content h4 { padding: 10px 5px 0px 5px; font-family: Arial; font-size: 1.1em; font-weight: bold; } #main_content>h4 { padding: 10px 5px 0px 5px; font-family: Arial; font-size: 1.1em; font-weight: bold; } #main_content img { padding: 5px; background-color: #dce6e4; border: 1px solid #aeb5b7; margin: 10px; margin-left: 0; float: left; } #main_content a img { padding: 5px; background-color: #dce6e4; border: 1px solid #aeb5b7; margin: 10px; margin-left: 0; float: left; } #main_content a:hover img { padding: 5px; background-color: #5c8723; border: 1px solid #aeb5b7; margin: 10px; margin-left: 0; float: left; } #main_content p { margin: 10px 0; padding: 5px; } #main_content p.submitted { margin: 0; padding: 5px 0 5px 10px; color: #5c8723; border-bottom: 1px dotted #9e9e9e; color: #5c8723; background-color: #fff; } #main_content p.author_first { margin: 0; padding: 5px 0 5px 10px; color: #5c8723; border-bottom: 1px dotted #9e9e9e; color: #5c8723; background-color: #fff; font-size: 1.3em;} #main_content p.author { margin: 5px 0 0 0; padding: 5px 0 5px 10px; color: #5c8723; border-bottom: 1px dotted #9e9e9e; border-top: 1px dotted #9e9e9e; color: #5c8723; background-color: #fff; font-size: 1.3em;} #main_content p.indent { margin: 5px 0 0 0; padding: 5px 0 5px 5px; color: #5c8723; border-bottom: 1px dotted #9e9e9e; border-top: 1px dotted #9e9e9e; color: #5c8723; background-color: #fff; font-size: 1.3em;} #main_content #volunteers ul { padding-top: 10px; } #main_content #volunteers li { float: left; padding: 1px; border: 1px solid #999; background-color: #f6f6f6; margin: 10px 10px 10px 0; } #main_content #volunteers li img { margin: 0 auto; border: 1px solid #9bcf50; margin: 10px;} #main_content #volunteers li p { text-align: center; clear: left; color: #00b9f2; font-size: 90%; } #main_content #venues dl { border-bottom: 1px dotted #9e9e9e; } #main_content #venues dt { clear: both; color: #00b9f2; font-size: 1.4em; margin-top: 15px; padding: 5px; border-top: 2px dotted #125958; border-bottom: 2px solid #125958; } #main_content #venues dd img { padding: 3px; border: 1px solid #9e9e9e; margin-top: 0;} #main_content #venues dd p.bio { padding: 0 8px; margin-left: 80px; } #main_content #venues dd p.title { color: #5c8723; font-size: 1.2em; } #main_content #venues dt.venues_right { text-align: right; } #main_content #venues dd.venues_right img { float: right; border: 1px solid #9e9e9e; margin-left: 10px; } #main_content .sub_story { width: 235px; float: left; } #main_content .sub_story h2 { margin-right: 10px; border-bottom: 1px dotted #9e9e9e; } #main_content .sub_story h2 a { color: #1f2b2e; } #main_content .sub_story a { color: #5c8723; } #main_content .sub_story a:hover { color: #00b9f2; } #main_content .sub_story a img { padding: 5px; background-color: #dce6e4; border: 1px solid #aeb5b7; margin: 10px 10px 0 0; margin-left: 0; float: left; } #main_content .sub_story a:hover img { padding: 5px; background-color: #5c8723; border: 1px solid #aeb5b7; margin: 10px 10px 0 0; margin-left: 0; float: left; } #main_content .sub_story p { color: #1f2b2e; padding-top: 0; padding-left: 10px; padding-right: 10px;} #main_content .sub_story p.submitted { margin: 0 10px 0 0; padding: 5px 0 5px 10px; color: #5c8723; background-color: #fff; border-bottom: 1px dotted #9e9e9e; } #main_content .sub_story p.submitted a { color: #5c8723; } #main_content .sub_story p.submitted a:hover { color: #00b9f2; } #sub_content { float: right; width: 295px; margin-right: 10px; display: inline; } #sub_content h3 { color: #3c3c3c; padding: 6px; border-top: 1px dotted #3c3c3c; border-bottom: 1px dotted #3c3c3c; font-family: Geneva, "Lucida Grande", ms trebuchet, Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: normal; clear: left; margin-left: 10px; background-color: #fff;} #sub_content img { float: right; margin-bottom: 10px; } #sub_content a img { border: 1px solid #f3f3f3; } #sub_content a:hover img { border: 1px solid #000000;} #sub_content ul#news { margin-bottom: 10px; margin-left: 10px; } #sub_content ul#news li.date { padding: 3px 10px 0 10px; color: #5c8723; } #sub_content ul#news li.headline a:link { padding: 3px 10px; color: #00b9f2; border-bottom: 1px dotted #5c8723; text-decoration: none; display: block; } #sub_content ul#news li.headline a:visited { padding: 3px 10px; color: #00B9F2; border-bottom: 1px dotted #5c8723; text-decoration: none; display: block; text-decoration: none; } #sub_content ul#news li.headline a:hover { padding: 3px 10px; color: #00B9F2; border-bottom: 1px dotted #5c8723; text-decoration: none; display: block; text-decoration: underline; } #sub_content ul#news li.headline a:active { padding: 3px 10px; color: #00B9F2; border-bottom: 1px dotted #5c8723; text-decoration: none; display: block; font-weight: bold; } #sub_content ul#sport { margin-left: 10px; margin-top: 10px;} #sub_content ul#sport li { float: left; margin-right: 5px; margin-bottom: 15px; } #sub_content ul#sport li img { float: left; padding: 2px; background-color: #efefef; border: 1px solid #9e9e9e; } #sub_content ul#sport li p { clear: left; text-align: center; } #sub_content dl { clear: left; margin-bottom: 10px; width: 100%; padding-top: 10px; padding-bottom: 10px; } #sub_content dt { padding: 3px 0 3px 10px; font-size: 1.1em; margin-bottom: 5px; } #sub_content dd { padding: 0 10px; margin-bottom: 10px; color: #555d5d; } #sub_content dd img { float: left; padding: 2px; background-color: #efefef; border: 1px solid #9e9e9e; margin-bottom: 10px; margin-right: 10px; } #sub_content dt a { display: block; text-decoration: none; padding: 3px; color: #5c8723; border-bottom: 1px dotted #5c8723; border-top: 1px dotted #5c8723; color: #1f2b2e; } #sub_content dt a:hover { text-decoration: none; padding: 3px; color: #5c8723; } #metaInfo { width: 440px; margin: 0 auto; background-color: #e8e8e8; border: 1px solid #d3d3cc; } #metaInfo p { font-size: 10px; padding-top: 0; padding-left: 10px; padding-right: 10px;} #footer { background-color: #f6f6f6; clear: both; border: none; } #footnotes { height: 125px; background: transparent url(images/css/footer_green.gif) no-repeat; margin-left: -5px; } #footer>#footnotes { height: 125px; background: transparent url(images/css/footer_green.gif) no-repeat; margin-left: 0;} #footnotes a img { float: left; border: none; margin: 15px; } #footnotes p { color: #ffffff; font-size: 1.2em; padding: 50px 150px 30px 30px;} #footnotes a { color: #5c8723; text-decoration: none;} #footnotes a:hover { color: #ffffff; text-decoration: none;} a:link { color: #5c8723; text-decoration: none; } a:visited { color: #5c8723; text-decoration: none; } a:hover { color: #00b9f2; } a:active { color: #00b9f2; font-weight: bold; } .lead { clear: left; } .lead p.intro { font-size: 1.1em; font-weight: bold; } .lead p.quote { font-size: 1.1em; color: #5c8723; font-style: italic; } #main_content .lead img.statement { margin-top: 17px; } .clear { clear: both; } fieldset { border: none; } label { display: block; } p.waiver { font-style: italic; } p.thanks { font-weight: bold; color: green; } span.warning, p.warning { font-weight: bold; color: red; } div.alignRight, #formRight { float: right; } div.alignLeft, #formLeft { float: left; } .open { background-color: #86ff50; border: 1px solid #418722; } .standby { background-color: #f9ff56; border: 1px solid #c5cc0f; } .closed { background-color: #ec7b3e; border: 1px solid #b04d17; } #features { display: block; height: 175px; } #cite { width: 80%; margin: 0 auto 20px auto; padding: 5px 10px; border: 1px dotted #9e9e9e; background-color: #e0e8ea; }