﻿/**FWW Woodworking Plans Landing Page Theme Stylesheet**/

body { font-size: 13px; }
/*.advertising-leaderboard { background-color: #EFEDD3; }*/
.top_right_lrec { left: 0; margin-bottom: 15px; /*margin-top: 15px;*/ }

/*column layout*/
#right { width: 340px; padding-right: 15px; }
#left { width: 610px; padding-left: 15px; }

/*Links*/
#main-content a, a.more { color: #bd640d; text-decoration: none; }
#main-content a:hover { text-decoration: underline; }
h2, h1 a, h2 a, .about-this a.more { color: #bd640d; }

/*topnav updates*/
ul#commNav { display: none; }
#fw-topnav { height: 151px; }
.nav { margin-top: 0; }

/*modules*/
.share-this { display: block; position: relative; text-align: right; /*top: -12px;*/ margin: 5px 0 10px 0; padding-right: 25px; }
#left .box-627 { padding: 5px 0; width: 595px; }
#left .singleline-rounded-corners { border: 0 none; }
.box-595 { padding: 5px 0; width: 595px; }
.box-340 { clear: none; padding: 5px 18px 5px 0; width: 316px; }

.heading-text { width: 555px; font-size:14px; color: #bd640d; display: inline-block; position: relative; top: -8px; }

.rotator { border: 1px solid #E1E5DC; }

#rotating-feature { float: left; width: 630px; min-height: 310px; margin: 10px 0; clear: both; }
#rotating-feature .image-large { float: left; width: 310px; margin-right: 15px; position: relative; }
#rotating-feature .image-large .primary img { width: 310px; }
#rotating-feature .image-large .advertiser-flag { position: absolute; top: 0; left: 0; background: url(/images/advertiser_recipe_flag_overlay_green.png) top left no-repeat; width: 137px; height: 96px; }
#rotating-feature .image-large .advertiser-flag span { display: none; }
#rotating-feature #feature-content { float: left; width: 630px; }

#rotating-feature a { text-decoration: none; }
#rotating-feature a:hover { text-decoration: underline; }
#rotating-feature .nav-bar { float: left; font-size: 11px; color: #807f7f; margin-left: 325px; _margin-left: 162px; clear: both; position: relative; top: 23px; z-index: 1000; margin-top: -23px; }
#rotating-feature .nav-bar a { float: left; width: 66px; height: 23px; cursor: pointer; }
#rotating-feature .nav-bar a.previous { background: url(/assets/images/button_rotator_previous.gif) top left no-repeat; } 
#rotating-feature .nav-bar a.next { background: url(/assets/images/button_rotator_next.gif) top left no-repeat; } 
#rotating-feature .nav-bar .num { float: left; padding: 4px 10px 0 10px; }
#rotating-feature .details { float: left; width: 265px; margin-top: 10px; padding-top: 30px; font-size: 13px; }
#rotating-feature .details a { font-size: 18px; }
#rotating-feature .details a.extra { font-size: 13px; font-weight: normal; text-decoration: underline; }

#rotating-feature .more { float: left; display: block; margin-top: 25px; font-size: 13px; color: #bd640d; width: 100%; }
#rotating-feature .more a { display: block; font-size: 13px; font-weight: normal; background: url(/assets/images/arrow_bd640d.gif) 0 4px no-repeat; margin: 0 15px 4px 0; padding-left: 10px; }

.plans-finder a.more { float: right; font-weight: bold; background:url(/assets/images/arrow_bd640d.gif) no-repeat scroll 100% 4px transparent; font-size:12px; padding-right:10px; margin-right: 10px; }
.plans-finder .categories { float: left; display: block; background-color: #008eab; width: auto; padding: 0; font-size: 12px; color: #fff; font-weight: normal; margin: 10px 0 0 0; list-style-type: none; }
.plans-finder .categories li { float: left; border-right: 1px solid #fff; text-transform: lowercase; }
.plans-finder .categories li.divider, li.browse { /*padding: 8px 0 4px 0; */ }
#main-content .plans-finder .categories li a { float: left; padding: 6px 10px; font-weight: bold; color: #fff; text-decoration: none; cursor: pointer; }
#main-content .plans-finder .categories li a:hover, #main-content .plans-finder .categories li a.selected { background-color: #dfebf2; color: #007d97; }
.plans-finder .list-rotator div { float: left; width: 565px; min-height: 80px; background-color: #dfebf2; /*border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;*/ padding: 15px 5px 0 25px; }
.plans-finder .list-rotator ul.column { float: left; width: 267px; list-style-type: none; padding: 0 15px 0 0; margin: 0; }
.plans-finder .list-rotator ul.column li { margin-bottom: 7px; }
#main-content .plans-finder ul.column li a { color: #017a93; font-size: 13px; }
a.medium { font-size: 17px; }
a.large { font-size: 21px; /*font-weight: bold;*/ }
#main-content .plans-finder .list-rotator div a.more { float: right; color: #017a93; font-weight: bold; font-size: 13px; background: url(/assets/images/arrow_017a93.gif) 100% 4px no-repeat; padding-right: 8px; margin: 10px 5px 0 0; }

.box-627 .video-player { text-align:left; width:595px; }
.video h1, .video .subhead { color: #e06205; font-weight: normal; }
.video h1 { margin-top: 15px; }
.video a.more { font-weight: bold; background:url(/assets/images/arrow_bd640d.gif) no-repeat scroll 100% 4px transparent; font-size:12px; padding-right:10px; }

.special-sections { margin-top: 5px; }
.special-sections .item { float: left; width: 140px; margin-right: 8px; margin-top: 10px; }

.tags h2 { display: block; width: 575px; background-color: #bd640d; color: #fff; padding: 5px 10px; }
.tags div { display: block; padding: 10px; width: 575px; line-height: 25px; }
.tags a { padding-right: 7px; }

.feature-list-plus .item { display: block; width: 100%; margin-bottom: 10px; }
.feature-list-plus .item .image { width: 86px; height: 86px; margin-right: 10px; }
.feature-list-plus .item .details { float: left; width: 220px; margin: 0; }
.feature-list-plus .item .details a, .feature-list-plus .more a { font-weight: bold; }
.feature-list-plus .more ul { float: left; margin: 0; padding: 0; color: #bd640d; list-style-position: inside; }
.feature-list-plus a.more { font-weight: bold; background:url(/assets/images/arrow_bd640d.gif) no-repeat scroll 100% 4px transparent; font-size:12px; padding-right:10px; }

.eletter { background-color: #FDFBEF; font-size: 13px; padding: 5px 15px 10px 15px; width: 310px; float: right; }
.eletter h2 { font-weight: normal; }
#main-content .eletter a { color: #000; }

/*All plans page*/
.all-plans { float: left; padding: 10px 20px 0 20px; }
.all-plans h1 { float: left; background: url(/assets/images/pages/woodworking-plans/banner_all_plans.jpg) right bottom no-repeat; text-indent: -9999px; width: 195px; height: 55px; margin-right: 5px; }
#main-content div.column { float: left; width: 295px; padding-right: 15px; margin-bottom: 10px; }
#main-content div.column.last { padding-right: 0; }
#pages .column h2 { margin: 15px 0 5px 0; color: #bd640d; }
.all-plans .heading-text { width: 715px; top: 0; }
#main-content .all-plans a { color: #555555; }
#main-content .all-plans h2 a { color: #bd640d; }
.all-plans .plan-feature { float: left; border: 2px solid #d36e01; width: 295px; margin-bottom: 16px; margin-top: 15px; min-height: 198px; }
.all-plans .plan-feature .heading-bg { float: left; width: 297px; background: url(/assets/images/pages/woodworking-plans/plan-feature-heading-bg.png) top left repeat-x; height: 42px; position: relative; top: -4px; left: -2px; border-left: 1px solid #d36e01; border-right: 1px solid #d36e01; }
#pages .all-plans .column .plan-feature .heading-bg h2 { color: #fff; margin: 6px 10px; font-weight: normal; }
.all-plans .advertising-logo { float: right; width: 160px; }
.all-plans .plan-feature .image { float: left; margin: 0 10px 5px; }
.all-plans .plan-feature p { margin-top: 3px; }
.all-plans .plan-feature a.more, .all-plans .plan-feature a.download { float: left; text-indent: -9999px; margin-top: 10px; }
.all-plans .plan-feature a.more { background: url(/assets/images/pages/woodworking-plans/button-more-info.gif) top left no-repeat; width: 87px; height: 24px; }
.all-plans .plan-feature a.download { background: url(/assets/images/pages/woodworking-plans/button-download-plan.gif) top left no-repeat; width: 121px; height: 24px; }
.all-plans .plan-feature .eletter-signup { float: left; margin-left: 10px; font-size: 11px; }
.all-plans .plan-feature .eletter-signup form { margin: 5px 0 10px 0; }
.all-plans .plan-feature .eletter-signup input { vertical-align: middle; margin-left: 0; }
.all-plans .plan-feature .eletter-signup input.text-box { font-size: 12px; color: #838282; font-family: Helvetica; }
/* WORKSHOPS LP */
.clear { clear:both; }
.head-container { margin:15px 0; display:block; clear:both; }
.head-container .text-head { float:left; font:42px Helvetica,Arial,sans-serif; color:#386987; width:auto; padding:0 0 0 15px; margin:0 10px 0 0; text-align:center; text-shadow:2px 2px 2px #c0c0c0; -moz-text-shadow:2px 2px 2px #c0c0c0; -webkit-text-shadow:2px 2px 2px #c0c0c0; -o-text-shadow:2px 2px 2px #c0c0c0;  }
.head-container .share-this { float:left; margin:20px 0 0 20px; }
.workshops .box-627 { border-bottom:1px solid #ccc; padding:10px 0; margin:0 0 10px 0; }
.workshops .tips img { width:165px; height:170px; background:#ccc; margin-left:10px; }
.workshops .tips a { font-weight:bold; }
.workshops .tips p { margin-top:0; }
#main-content .ws-gallery .item a { color:#000; }
.ws-gallery { padding-bottom:10px; border-bottom:1px solid #ccc; }
.ws-gallery a.more { background: url("/assets/images/arrow_bd640d.gif") no-repeat center right; float: right; font-size: 12px;  font-weight: bold; margin-right: 10px; padding-right: 10px; }
.ws-gallery .item { width:102px; margin:10px 15px 0 0; }
.ws-gallery .item a.image { width:102px; height:102px; background:#ccc; }
#rotating-feature .more .head { display:block; margin-bottom:5px; }


