/*

Theme Name: Folsom Lake Electric

Author: Brave Whale

Author URI: http://bravewhale.com

version: 1.0

*/



/* basics */
* { margin: 0; padding: 0; }
.clear:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both; }
body { background: #303030; font: 14px arial, verdana, sans-serif; margin: 0 0 20px 0; }
img { border: none; padding: 0; }
img a { border: none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
a { color: #333; }
a:hover { text-decoration: none; }

/* layout */
#container { background: url(images/containerbg.png) no-repeat top center; width: 885px; margin: 0 auto; padding: 0; color: #333; }
#holder { background: url(images/holderbg.gif) repeat-y top center; width: 845px; margin: 0 auto; padding: 20px; }
#content { float: right; width: 530px; margin: 0 39px 10px 0; }
#content-home { padding: 17px; margin: 0 0 3px 0; }
#content h2.title { font: italic 12px georgia; color: #666; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px dashed #ccc; }

/* header */
#header { background: #315c77; width: 871px; height: 100%; color: #fff; padding: 10px 0 0 0; margin: 0 auto; }
#header p { text-align: right; padding: 20px 12px 0px; font: italic 18px georgia, serif; text-shadow: 1px 1px 1px #000; }
#header p a { font-size: 12px; text-shadow: none; color: #eee; }
#header #topbar { background: #eeeeee; padding: 5px 10px; width: 831px; margin: 0px auto; }
#header #topbar span.left { float: left; }
#header #topbar span.right { float: right; }
#header #topbar img { float: left; padding-right: 5px; }
#header img.logo { margin: 20px 0px; float: left; }

/* main menu */
#menu { font: bold 18px Trebuchet MS, arial, sans-serif; width: 851px; margin: 0 auto; clear: both; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { list-style-type: none; float: left; margin: 0 4px 0 0; padding: 0; }
#menu ul li a { background: url(images/taboff.gif) bottom left repeat-x #233c4a; padding: 4px 10px; margin: 0; color: #fff; display: block; text-decoration: none; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul li.current_page_item a, #menu ul li.current_page_parent a { color: #333; background: #eee; }
#menu ul li.current_page_item a:hover { text-decoration: none; }

/* search */
#searchform { padding: 0; margin: 0; }
#searchform input#s { background: url(images/searchbg.gif) no-repeat; width: 218px; height: 16px; border: none; margin: 0 5px 0 0; padding: 9px; font: 14px arial, verdana; color: #666; }
#searchform input#btn { background: url(images/searchbtn.gif) no-repeat; width: 88px; height: 35px; padding: 0 0 3px 0; border: none; cursor: pointer; }
#search-area { height: 53px; padding: 0 14px 0 17px; }
#search-area p { font: italic 18px georgia, serif; color: #999; float: left; padding-top: 7px; }
#search-area span.search-field { float: right; }

/*homepage rotator*/
#rotator { background: url(images/rotatorbg.png) no-repeat top center; width: 818px; height: 277px; margin: 0 auto; padding: 0px 11px 0px 11px; }
#rotator #item-holder { height: 261px; overflow: hidden; }
#rotator #caption { margin-top: 11px; width: 191px; height: 220px; margin-left: 13px; float: left; font: 18px arial; color: #246791; line-height: 24px; }
#rotator .box { margin-top: 11px; width: 190px; height: 250px; margin-left: 10px; float: left; }
.circlenav { height: 22px; clear: both; float: left; padding: 13px 15px; }
.circlenav span { float: left; font-size: 12px; }
.circlenav span a { background: url(images/circle1.gif) no-repeat; cursor: pointer; color: #fff; text-decoration: none; margin-right: 10px; padding: 3px 7px 3px 6px; }
.circlenav span a:hover, .circlenav span a.active { background: url(images/circle2.gif) no-repeat; }
.circlenav span a.active { background: url(images/circle2.gif) no-repeat; }
#rotator #img4, #rotator #img5, #rotator #img6 { display: none; }

/*homepage services list*/
#home-services { background: url(images/homeservicesbg.gif) no-repeat; height: 144px; width: 837px; position: relative; right: 20px; padding: 60px 0 0 48px; }
#home-services ul { color: #fff; list-style-type: none; }
#home-services ul li { line-height: 22px; }
#home-services ul li a { color: #fff; }
#home-services ul.column { float: left; width: 250px; margin: 0 50px 0 0; }
#home-services ul.column.none { margin: 0px; width: 200px; }

/* posts */
.post { margin:0; padding:0; line-height: 20px; }
.post h2 { color: #246791; font: normal 18px georgia, times; }
.post h2 a { color: #246791; text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post h2.title { font: italic 12px georgia; color: #666; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px dashed #ccc; }
.post h3 { color: #246791; border-bottom: 1px dashed #246791; }
.post h3 a { font-size: 14px; color: #246791; }
.post h3 a:hover { font-size: 14px; color: #666; }
.post h3.search { color: #246791; border-bottom: none; }
.post h4 { color: #246791; }
.post a { color: #246791; text-decoration: underline; }
.post a:hover { text-decoration: none; }
.post img { border: solid 10px #fff; }
.post ul { margin: 0 0 0 30px; }
.post li { padding: 5px 0; }
.post ol { margin: 0 0 0 30px; }
.post ol li { padding: 5px 0; }
.entry p { margin: 0 0 12px 0; }
.entry.statement p { font: italic 18px georgia, serif; color: #333; line-height: 28px; }
.entry.statement p a.more { font-size: 13px; color: #246791; }
.postmetadata { clear: both; background: #F7F7F7; padding: 6px; margin: 20px 0; }
.navigation { font-size: 12px; width: 100%; float: left; margin: 0; padding: 0; }
.alignleft a { float: left; margin: 25px 0; }
.alignright a { float: right; margin: 25px 0; }

/*wishlist items*/
div.wl_header{position:relative; padding: 0 15px 35px 0px;}
div.wl_body{ background: #fff; border: 1px solid #ccc; padding: 10px 5px;}
div.wl_body p{display:inline;}
.product_post a h2 { position:absolute; display:inline; top:5px; }
.wishlist_post_submit.add { background: url(images/icon-add.gif) no-repeat; border: none; height: 14px; width: 14px; cursor: pointer; clear: right; }
.wishlist_post_submit.remove { background: url(images/icon-remove.gif) no-repeat; border: none; height: 14px; width: 14px; cursor: pointer; clear: right; }
.form_related .related { background: url(images/icon-related.gif) no-repeat; border: none; height: 14px; width: 14px; cursor: pointer; margin-right: 10px; }
.wishlistButtons { margin: 5px 0; width: 14px; position: absolute; left: 95%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.wishlistButtons input { float: left; overflow: hidden; }
.product_post { margin-bottom: 40px; }
.product_post p { padding: 10px; }
.product_post a { text-decoration: none; }
.product_post a h2 { display: inline; }
.wl_body a { color: #246791; text-decoration: underline; }
.wl_body a:hover { color: #246791; text-decoration: none; }
img.product_image { clear: left; float: left; margin: 0 10px 10px 0; padding: 12px 0 0 12px; border: none; }
#wishlistPages a { color: #246791; padding-right: 10px; font-size: 16px; }
#wl_user_options label { display: block; font: 12px arial; }
#wl_user_options input { padding: 2px; margin: 0 10px 5px 0; }
#wl_user_options textarea { padding: 2px; margin: 0 0 10px 0; width: 466px; }
#wl_user_options ul { margin: 0; padding: 0; }
#wl_user_options ul li { display: inline; padding: 2px 5px; border: solid 1px #ccc; border-bottom: none; background-color: #fff; cursor: pointer; }
#wl_user_options div { background: #fff; border: solid 1px #ccc; padding: 10px; }
#wl_user_options li.wl_selected { padding: 3px 5px; }

/* sidebar */
#sidebar { background: url(images/sidebartop.png) no-repeat top left; width: 245px; float: left; margin-left: 15px; padding: 14px 0 0 0; }
#sidebar p { margin: 0; padding: 0 6px 0 12px; }
#sidebar img { padding: 0; margin: 0; }
#sidebar ul { background: url(images/sidebarmid.png) repeat-y top left; margin: 0; padding: 0; }
#sidebar ul li { background: url(images/sidebarline.gif) no-repeat 37% 100%; margin: 0; padding: 0; line-height: 34px; list-style-type: none; }
#sidebar ul li.page-item-45 { background: none; }
#sidebar ul li a { display: block; height: 36px; width: 221px; padding: 0 0 0 24px; text-decoration: none; }
#sidebar ul li a:hover { background: url(images/sidebararrow.png) no-repeat bottom left; display: block; text-decoration: none; color:#fff; }
#sidebar ul #sideholder { padding: 18px 18px 0 18px; }
#sidebar ul #sideholder img { margin-bottom: 13px; }
#sidebarbtm { background: url(images/sidebarbtm.png) top left no-repeat; height: 14px; margin-bottom: 30px; }
#sidebar ul li.current_page_item a { background: url(images/sidebararrow.png) no-repeat bottom left; display: block; text-decoration: none; color:#fff; }

/*testimonials*/
#sfstest-sidebar { padding: 0 5px; }
#sfstest-sidebar a { display: block; clear: both; padding: 0 12px; }
#sfstest-sidebar cite { float: right; padding: 10px 20px;}

/* comments */
#commentform { background: #fff; margin: 0; padding: 0; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; line-height: 18px; }
#commentform h3 { font-family: georgia, times, verdana; font-size: 12px; font-weight: 300; color: #000; margin: 0; padding: 0; }
#comment { width: 80%; }
#author, #email, #url, #comment, #submit { background: #fff; font-family: arial, verdana, times; font-size: 12px; margin: 5px 5px 0 0; padding: 0; border: 1px solid #000; }
#submit { margin: 5px 5px 0 0; }
#comments { margin: 0; padding: 0 }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist li { background: #fff; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }
ol.commentlist li.alt { background: #eee; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 20px; }
ol.commentlist a { color: #000; }
cite { font-family: arial, verdana, tahoma; font-size: 12px; font-weight: bold; font-style: normal; }
cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }

/* misc */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 0 10px; display: inline; border: none; }
img.alignleft { padding: 0px; margin: 0 10px 0 0; display: inline; border: none; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.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; }


/*partners*/
#partners { width: 789px; margin:0 auto; padding: 20px 0 0 0; clear: both; }
#partners a { margin-right: 59px; }
#partners a.3 { position: relative; top: -20px; }

/* footer */
#footer { background: url(images/footerbg.gif) bottom center no-repeat #eee; width: 885px; height: 50px; }
#footer p { padding: 9px 35px; margin: 0; color: #fff; text-align:center; }
#footer p span.left { float: left; }
#footer p span.right { float: right; }
#footer p a span.blue { color: #89c4e8; text-decoration: underline; }
#footer p a:hover span.blue { color: #fff; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }
.btmline { width: 789px; padding: 0; clear: both; height: 2px; border-top: 1px dashed #ccc; margin: 0 auto; }