/*-------------------------------------------------------------------------------------------------
Text Stylesheet for Wooster Weekly News
Dark Blue: #032A52; Light Blue: #2976A7;

Bargain Hunter Colors
Brown: #37291A; Tan: #8B6741;
-------------------------------------------------------------------------------------------------*/

/*--------------------------------
Main Content Layout
--------------------------------*/
#main_container{ 
  position:relative;
  margin-left:auto; 
  margin-right:auto; 
  width:960px; 
  min-height:950px; 
  height:auto!important;  
  height:950px;
  padding-bottom:10px;
  background-color:#ffffff;
}

/*--------------------------------
2 Column Layout Full Length
--------------------------------*/
#right_rail{ 
  margin-top:10px;
  float:right; 
  width:302px; 
  min-height:950px;
  height:auto!important; 
  height:950px; 
  background-color:#ffffff; 
}
#right_rail_wide{ 
  margin-top:10px;
  float:right; 
  width:312px; 
  /*margin-left:5px;*/
  min-height:950px; 
  height:auto!important; 
  height:950px; 
  background-color:#ffffff; 
}

#right_rail_game{ 
  margin-top:10px;
  float:right; 
  width:302px; 
  min-height:950px;
  height:auto!important; 
  height:950px; 
  background-image: url(../images/hbh_right_rail_bkg.png);
  background-repeat: no-repeat;
  padding-top: 20px;
}


#left_rail{ 
  margin-top:10px;
  float:left; 
  width: 650px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
}

#left_rail_classic {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/classic_bkg.png");
  background-repeat: no-repeat;
}

#left_rail_wedding {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/wedding_background_rev.png");
  background-repeat: no-repeat;
}

#right_rail_wedding {
	margin-top: 70px;
	margin-left: 470px;
	float: left;
	width: 400px;
}

#wedding_hold {
	position:absolute;
	margin-top: 580px;
	margin-left: 180px;
	float: left;
	width: 300px;
	/*background-color: #990000;*/
}

#left_rail_walk {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/walk_bkg.png");
  background-repeat: no-repeat;
}

#right_rail_walk {
	margin-top: 70px;
	margin-left: 470px;
	float: left;
	width: 400px;
	/*background-color: #000000;*/
}

#walk_hold {
	position:absolute;
	margin-top: 200px;
	float: left;
	width: 400px;
	/*background-color: #990000;*/
}

#special {
	color:  #990000;
	font-size: 24px;
	font-weight: bold;
	text-decoration: underline;
}


#left_rail_mower {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/grill_giveaway_background_new.png");
  background-repeat: no-repeat;
}


#left_rail_mower {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/grill_giveaway_background_new.png");
  background-repeat: no-repeat;
}



#left_rail_plan {
  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/wedding_planner_new.png");
  background-repeat: no-repeat;
}


#left_rail_xmas {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/xmas_car_giveaway_three.jpg");
  background-repeat: no-repeat;
}


#left_rail_contest {

  margin-top:10px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-repeat: no-repeat;
}

#right_rail_mower {
	margin-top: 70px;
	margin-left: 470px;
	float: left;
	width: 400px;
}




#mower_hold {
	position:absolute;
	margin-top: 110px;
	margin-left: 20px;
	float: left;
	width: 430px;
	/*background-color: #990000;*/
}


#left_ad_disc {

  margin-top:2px;
  float:left; 
  width: 960px;
  min-height:950px;  
  height:auto !important;
  height:950px;
  background-color:#ffffff;
  background-image: url("http://www.holmesbargainhunter.com/images/ad_disc_web_bkg_rev.png");
  background-repeat: no-repeat;
}

#right_ad_disc {
	margin-top: 400px;
	margin-left: 510px;
	float: left;
	width: 300px;
	/*background-color: #000;*/
}

.right_ad_wrapper
{
    position:absolute;
    top:520px;
    left:470px;
    height:345px;
    width:412px;
    /*background-color:red;*/
}

#right_ad_button {
    /*
    margin-top: 30px;
    margin-left: 470px;
    */
    float: left;
    width: 205px;
    height:345px;
    margin-top: 80px;
    /*background-color: #ccc;*/
}

#right_ad_button_two {
    /*
    margin-top: 0px;
    margin-left: 520px;
    */
    float: left;
    margin-left: 2px;
    width: 205px;
    height: 345px;
    margin-top: 80px;
    /*background-color: #fff;*/
}



#ad_disc_hold {
	position:absolute;
	margin-top: 700px;
	margin-left: 20px;
	float: left;
	width: 300px;
	/*background-color: #990000;*/
}




/*--------------------------------
Middle of home pages
--------------------------------*/
.ad_border{
  border:1px solid #37291A;
}
#home_middle_wrapper{
  position:relative;
  top:0px;
  left:0px;
  width:650px;
  height:102px;
  margin-bottom:10px;
}
/*
#home_middle{ 
  width:650px; 
  height:160px; 
  position:relative; 
  background-color:#ff0099; 
}
*/
#left_home_middle{ 
  float:left;
  width:312px; 
  height:102px; 
  background-color:#ffffff; 
}
/*
#left_home_middle div{ 
  position:relative; 
  top:0px;
}
*/
#right_home_middle{
  float:right;
  width:302px; 
  height:102px; 
  background-color:#ffff99;
}
.most_read{ 
  text-indent:5px; 
  padding-left:5px; 
  padding-right:5px;
}
#most_read_links{
  position:relative; 
  top:0px; 
  display:block; 
  width:295px; 
  line-height:21px; 
  background-color: #ffffff; 
  height:21px; 
  border-bottom:1px solid #c0c0c0; 
  padding-left:5px;
  padding-top:1px;
}
#most_read_links:hover, #most_read_links:active{
  color:#ffffff;
  background-color:/*#FFD65B;*/#8B6741;
}
/*--------------------------------
Navigation Layout
--------------------------------*/
#navigation_holder{
  position:relative;
  width:960px; 
  height:25px; 
  margin-left:auto; 
  margin-right:auto; 
  background-color:#37291A;
  z-index:5000;
}

#navigation{ 
  float:left; 
}

/*--------------------------------
Search Layout
--------------------------------*/
#search{ 
  float:right; 
  background-color:#37291A; 
  width:230px; 
  line-height:12px; 
  margin:2px; 
  height:21px;
}

#search_field{ 
  float:left; 
  width:207px; 
  height:15px; 
  background-color:#ffffff; 
  margin-top:2px;
}

/*--------------------------------
Header Layout
--------------------------------*/
#header { 
  position:relative;
  top:0px;
  margin-left:auto; 
  margin-right:auto; 
  width:960px;
  height:160px; 
  background-color:#ffffff; 
}

#header_top { 
  position:relative; 
  top:0px; 
  width:100%; 
  height: 10px; 
  background-color: #37291A; 
  border-bottom:1px solid #000000;
}

#header_logo {
  position:absolute;
  left:0px;
  top:15px;
  width:200px; 
  height:135px; 
  margin-bottom:10px;
  background-color: #ffffff; 
}

#header_right { 
  position:relative;
  top:0px;
  left:200px; 
  width:760px; 
  height:160px; 
  background-color:#ffffff; 
}

#header_links {
  position:relative;
  left:30px;
  top:15px;
  width:730px; 
  height:22px;
  line-height:22px;
  background-color:#ffffff;
}

#header_ad {
  position:relative;
  left:30px;
  top: 35px;
  width:730px;
  height:90px;
  background-color: #ffffff; 
}

#header_left_links_hold { 
  float:left;
  background-color:#ffffff; 
  font-size: 12px; 
  height:22px;
  line-height:22px;
}

/*--------------------------------
Looped slider Layout
/*
.container { width:600px; height:393px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:600px; display:none; }

*/
--------------------------------*/
#loopedSlider,#news_slider { 
  margin:0 auto; 
  width:640px; 
  height:264px;
  position:relative; 
  clear:both; 
}

#story_lead{
  width:650px; 
  height:264px;
}

.container { 
  position:relative;
  width:640px; 
  height:255px; 
  overflow:hidden;
} 

.slides { 
  position:absolute; top:0; left:0;
} 

.slides div.slide_holder { 
  position:absolute; 
  top:0; 
  width:650px; 
  height:250px; 
  display:none; 
}

.slide_image_holder{
  position:absolute;
  top:0px;
  left:300px;
  width:350px; 
  height:250px;
}

.slider_text{
  position:absolute;
  left:0px;
  top:0px;
  width:290px;
  height:250px;
}

/*
.story-lead-nav{
  margin-top:250px;
  width:650px;
  height:24px;
}
*/
/*--------------------------------
Article Photo Slider
--------------------------------*/
#article_photo_slider{ 
position:relative; 
overflow:hidden; 
width:385px; 
height:300px;
}

.article_photo_items{ 
width:20000em; 
position:absolute; 
}  

.article_photo_items p {
width:385px; 
height:300px; 
background-color:#444444; 
display:inline-block; 
overflow:hidden;
}

#article_photo_slider div.article_photo_items div { 
float:left; 
} 

/*--------------------------------
Right Rail Layout

PBO - newsitem88.pbo
--------------------------------*/
#right_rail_box_ad{ 
width:300px;
z-index:1000;
border: 1px solid #37291A;
margin-bottom:10px;
}


#right_rail_news_ad{ 
width:300px;  
z-index:1000;
border: 1px solid #37291A; 
margin-bottom:10px;

}


#right_rail_skyscraper_ad{ 
width:160px;
height:600px;
z-index:150;
border: 1px solid #37291A;
}


#right_rail_poll{ 
width:150px; 
margin-bottom:10px; 
}

#right_rail_calendar{ 
width:302px;  
margin-bottom:10px; 
}

#right_rail_blogs{ 
width:302px; 
margin-bottom:10px; 
}

#blog_photo{ 
float:left; 
margin-top:2px;
}

#blog_text{ 
width:96%; 
position:relative; 
right:5px; 
left:5px; 
padding-bottom:2px; 

min-height:70px; 
}

#blog_wrapper{
width:300px; 
position:relative; 
top:-18px; 
left:0px;  
background-color:#FFFFFF;
padding: 0 0 15px 0;
}

#blog_header{
width:300px; 
padding-bottom: 2px; 
border-bottom:1px solid #999999; 
}

#right_rail_most_viewed{ 
width:302px; 
height:150px; 
background-color: #fffff; 
margin:0px; 
padding:0px;
}

/*-------------------------------
Individual Blog Header Styling for
the top of each indv. bloggers
page
-------------------------------*/

#middle_blog_rail{ 
float:left; 
width: 485px; 
height:auto!important;  
min-height:1400px; 
height:1400px; 
background-color:#ffffff;
  
padding-left: 8px;

}

#left_blog_rail{ 
float:left; 
width: 130px; 
height:auto!important;  
min-height:1400px; 
height:1400px; 
background-color: #ffffff; 
border: 1px solid #ffffff;
}

/*--------------------------------
Skyscraper ad layout
--------------------------------*/
#skyscraper{ 
float:left; 
width:160px; 
height:615px; 
position: relative;
top: 0px;
left:0px;
border: 1px solid #37291A;
z-index:5;

}


#skyscraper_news{
width:162px;
height:602px;
border:1px solid #37291A;
float:left;
z-index:1;
}

#skyscraper_wrapper{
float:left;
width:172px;
height:607px;
background-color:#ffffff;
padding: 0 3px 8px 0;
}


/*--------------------------------
News and Sports
--------------------------------*/
#home_news_sports{ 
float:left; 
position:relative; 
top:-15px; 
width:450px; 
height:600px;
padding-left: 5px;
}

#home_news_sports_full{  
width:630px;
}

/*--------------------------------
Float Clear
--------------------------------*/
#clear{ 
clear:both; 
}

#clear_right{
clear:right;
}

#clear_left{
clear:left;
}

/*--------------------------------
Main hold at top of Past Issues 
Section wwn08
--------------------------------*/
#past{ 
width:630px; 
height:300px; 
margin-right:10px; 
margin-top:10px; 
background-color:#ffffff; 
}

#past_right_hold { 
width:300px; 
height:300px; 
background-color: #000000;
}

.floatleft { 
float: left; 
margin: 0px 5px 5px 0px; 
}

/*--------------------------------
List Grid used on Main Blog Page
and Past Issues Page
--------------------------------*/

#middle_blog_home_container{ 
float:left; 
width: 435px;  
height: 1800px;
background-color:#ffffff;
padding-left: 3px;
margin-top: 3px;

}

#blogger_photo_hold {
float: left;
width: 130px;
height: 170px;
background-color:#ffffff;
padding-left: 3px;
padding-bottom: 10px;
}

#blogger_content_hold {
float: left;
width: 280px;
height: 170px;
background-color:#ffffff;
padding-left: 3px;
padding-bottom: 10px;
}


.fs-page-article-article-head  {
margin: 0px 0 2px 0px;
background-color: #ffffff;
}

.fs-article-headline {
width: 100%;
background-color: #ffffff;
border-bottom: 1px solid #c0c0c0;
}

.fs-clear  {
clear:both;
}

.fs-clear {
clear:both;
}

#blogger_photo_header {
float: left;
width: 250px;
height: 100px;
background-color:#ffffff;
padding-left: 3px;
padding-bottom: 10px;
}

#blogger_content_header {
width: 280px;
height: 200px;
background-color: #ffffff;
padding-left: 3px;
padding-bottom: 10px;
padding-top: 10px;
margin-top:2px;
}

#blogger_share_hold {
float: left;
width: 100%;
background-color: #ffffff;
border-bottom: 1px solid #C0C0C0;
height: 1px;
padding: 2px 0 1px 0;
margin-bottom: 25px;
}
/*
#columnist_title_hold1 {
background-color: #ffffff;
width: 100%;
border-bottom: 1px solid grey;
height: 20px;

}
*/
/*--------------------------------
Calendar DIVs for Trumba Spuds
to be mashed in
---------------------------------*/

#calendar_month_spud {
width: 450px;
background-color: #ffffff;
}


#calendar_view_spud {
width: 180px;
background-color: #ffffff;

}

/*---------------------------------
Columnist Page Content Holds
---------------------------------*/

#columnist_share_hold {
float: left;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #C0C0C0;
height: 15px;
padding: 8px 0 0px 0;
margin-bottom: 1px;

}


#columnist_title_hold1 {
background-color: #ffffff;
width: 100%;
border-bottom: 1px solid #C0C0C0;
height: 20px;

}

#columnist_title_share_hold {
background-color:#ffff99;
}

#columnist_title_share_hold a { 
display: block; 
float: right;
position:relative;
top:-15px;
width: 20px; 
text-align: right; 
text-decoration: none; 
cursor: pointer; 
letter-spacing: 0; 
line-height: 100%;
height:20px; 
}

/*-----------------------------
Contact Us Div
-------------------------------*/
#form_hold {
background-color: #660066;
width: 400px;
float: left;
}

/*--------------------------------
Classified Right Rail Layout
--------------------------------*/
#class_main_container{ 
  padding:0;
  margin-left:auto; 
  margin-right:auto; 
  width:960px; 
  height:auto!important;  
  min-height:950px; 
  height:1400px;
}

#class_right_rail{
  padding:5px 0 0 0;
  float:left;
  width:375px;
  min-height:1200px;
  margin:0;
}

#class_left_rail{
  float:left;
  width:575px;
  min-height:1200px;
  margin:0;
  padding:10px 5px 0 0;

}

#class_nav_ad_holder{
  padding: 0 0 10px 0;
  width:302px;/*132px*/ 
  background-color:#ffffff;
}

#class_navigation{
  width:302px;
  padding-bottom:10px;
}

#class_skyscraper{
  float:right; 
  width:162px; 
  border:1px solid #37291A; 
  height:600px; 
  background-color:#fff;
}

#class_poll_wrapper{
  width:380px;
  text-align:center;
}

#class_ad_wrapper{
  margin-top:10px;
}

/*--------------------------------
Accordion Layout
--------------------------------*/
#accordion{
  width:650px;
}

#accordion h3{
  font-size:14px;
  height:28px;
}

.accordion_holder{
  width:590px;
  border-bottom:1px dashed #c0c0c0;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
}

.story_result{
  width:650px;
  border-bottom:1px dashed #c0c0c0;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
}

.story_walk {
  width:500px;
 /* border-bottom:1px dashed #c0c0c0;*/
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
}

.accordion_line{
width:590px; 
border-bottom:1px dashed #c0c0c0; 
margin-bottom:5px;
}

.article_readmore{
  font-size: 11px;
  font-weight:bold;
  text-align:right; 
  margin-right:2px;
}

.article_separator{
width:650px; 
border-bottom:1px dashed #c0c0c0; 
margin-bottom:5px;
}

.acc_img, .sum_img{
  float:left;
  position:relative;
  left:0px;
  top:0px;
  width:100px;
  margin-bottom:5px;
  border:none;
}

.acc_text, .acc_ftext {
  font-size:12px;
}

.acc_text{
  float:left;
  position:relative;
  left:5px;
  top:0px;
  width:485px;
}
.acc_fext{
  position:absolute;
  top:0px;
  left:0px;
  width:590px;
}

.sum_text, .sum_ftext {
  font-size:12px;
}

.sum_text{
  float:left;
  position:relative;
  left:5px;
  top:0px;
  width:545px;
}
.sum_fext{
  position:absolute;
  top:0px;
  left:0px;
  width:650px;
}

/*--------------------------------
News Page Layouts
newsitem18.pbo
--------------------------------*/
#article_wrapper{
height:175px;
}

#article_wrapper_photo{
float:left; 
padding-top:5px; 
padding-right:10px; 
padding-bottom:5px;
}

/*--------------------------------
Float Image Right used on the 
About us Page
--------------------------------*/

img.floatRight { 
    float: right; 
    margin: 4px; 
}

/*--------------------------------
New Article Page Layouts
Bottom Ads are positioned Absolute
Skyscraper is floated to the right
Text will wrap around the ads.
--------------------------------*/
#article_wrapper{
  margin-top:5px;
}
#bottom_article_ads{
  float:right;
  position:relative;
  bottom:0;
  width:302px;
  background-color:#ffffff;
}

#skyscraper_article{
width:162px;
height:602px;
border:1px solid #37291A;
float:right;
z-index:1;
}

#skyscraper_article_wrapper{
float:right;
width:172px;
height:607px;
background-color:#ffffff;
padding: 0 0 8px 3px;
}

#skyscraper_article1{
width:162px;
height:602px;
border:1px solid #37291A;
float:left;
z-index:1;
}

#skyscraper_article_wrapper1{
position:relative;
bottom:0;
float:left;
width:172px;
height:607px;
background-color:#ffffff;
padding: 0 0 8px 3px;
}

/*--------------------------------
Story Container Holder used in
Article.PBO
--------------------------------*/
#story_container{
  width:100%;
}

/*--------------------------------
contact us background divs
--------------------------------*/

#contact_left 
	{
	float: left; 
	padding-top: 0px;
	padding-left: 0px;
	height: 200px;
	width: 350px;
	height: 1300px;
	}
	
	

#contact_right
	{
	float: left; 
	padding-top: 5px;
	height: 200px;
	width: 300px;
	background-image: url(../images/contact_us_vcard_hcj.png);
	}
	
#contact_text
	{
	padding-top: 15px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	
	}