/* ---------------------------------------------------------------------------------

Filename: 		base.css
Author: 		Chris Hernandez
Created: 		2008
Description:	Basic styles, styles for most layout, styling for header, footer, and wrapper.

Copyright 2008 Journal Register Company (journalregister.com), All Rights Reserved

--------------------------------------------------------------------------------- */

/* ----------------------------------------------
= 	Colors (grays) :
	
	#363636	- Darker Gray, main text
	#dfe0dc	- Lighter Gray, borders

---------------------------------------------- */


/* ---------------------------------------------------------------------------------
=	GENERAL STYLES
--------------------------------------------------------------------------------- */

body 	{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 62.5%;color: #363636;}

a 		{text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
a img 	{border: none;}	
		
		
/* ---------------------------------------------------------------------------------
=	Layout
--------------------------------------------------------------------------------- */

#container1			{background: #fff;width: 732px;margin: 0 auto;padding: 0 15px;}


/* Header ---------------------------- */

#meta 					{background: #572b18 /* url('/images/nav_bg.gif') repeat-x */;color: #e7e1de}
#meta_inner 			{width: 960px;margin: 0 auto;padding: 4px 0 5px 0;line-height: 1.63em;}

#meta img[width="1"]	{display: none}

#banner 				{padding: 0 5px 5px;background: #fff url('/images/banner_bg.gif') repeat-x bottom left;border: 1px solid #dfe0dc;border-top: 0;}
#leaderboard			{width: 728px;float: left;margin: 5px 5px 0 0;padding-right: 5px;border-right: 1px solid #dfe0dc;}
#weather 				{width: 188px;float: left;}

#masthead 				{height: 122px;padding-top: 15px;}
#left_ear				{height: 102px; width: 200px;float: left;margin-right: 10px;padding-top:20px}
#right_ear 				{height: 102px; width: 200px;float: left; padding-top: 20px}
#logo 					{width: 540px;float: left;margin-right: 10px;padding-bottom: 0px;}
#logo_main 				{height: 84px;width: 429px;margin: 0 auto;padding-top: 0px; text-align: center}
#logo_meta 				{width: 429px;margin: 0 auto;font-size: 1.1em;text-align: center; border-top: 1px solid #dfe0dc; background: #fff url('/images/meta_bg.png') repeat-x top left}
#logo_meta_locality		{font-size: .9em; line-height: 2em; float: left;text-align: left; width: 250px}
#logo_meta_date 		{font-size: .9em; line-height: 2em; text-align: right; float: right}
#logo_meta_url			{padding-top: 2px;font-size: .9em;float: right;text-align: right;}

#logo_meta	 			{color: #808080;}
#logo_meta a	 		{color: #808080;}


#navigation 			{height: 24px; line-height: 1em}
 

/* Content: Homepage ---------------------------- */

#home_primary 			{padding-top: 18px; margin-bottom: 18px}
#home_primary_main 		{width: 635px;float: left;margin-right: 15px;}

#home_features 			{width: 310px;margin-right: 15px;float: left;}
#home_leads 			{width: 310px;float: left;}
#home_promos 			{width: 310px;float: left;}

#home_secondary 		{}
#home_leftbar			{width: 160px;margin-right: 10px;float: left;}
#home_secondary_main 	{width: 790px;float: left;}
#home_tweener 			{padding: 8px 0;border-bottom: 1px solid #dfe0dc; border-top: 1px solid #dfe0dc; background: transparent url('/images/diag_bg.gif') repeat; text-align: center }
#home_tweener #full_slot {width: 468px; float: left; margin-right: 45px}
#home_tweener #half_slot {width: 234px; float: left;}

/* .tweener_item			{width: 150px;float: left;margin-right: 10px;} 	*/
/* #home_tweener .last		{margin-right: 0;}  							*/
#home_headlines			{width: 460px;float: left;margin-right: 15px; padding-top: 18px; padding-left: 5px;}
#home_rightbar			{width: 310px;float: left; padding-top: 18px;}

/* #home_features div:last-child {margin-bottom: 0;} */
#home_promos div:last-child {margin-bottom: 0;}
#home_news div:last-child {margin-bottom: 0;}


/* Content: Section/Story ---------------------------- */

#page					{padding-top: 18px;}

#page_primary, #page_primary_static	{width: 680px;float: left;margin-right: 15px;}
#page_topper			{margin-bottom: 18px;}
#page_leftbar			{margin-right: 15px;width: 160px;float: left;}
#page_body				{width: 460px;float: left;}
#page_rightbar			{width: 310px;float: left;}


/* Bottom Ads ---------------------------- */

#bottom_ads 			{margin: 9px 0; text-align: center;}
/* #bottom_ads_left		{text-align: left;width: 470px;float: left;}
#bottom_ads_right 		{text-align: right;width: 470px;float: right;} */


/* ---------------------------------------------------------------------------------
=	Navigation
--------------------------------------------------------------------------------- */

#main_nav 				{width: 610px;float: left; margin-right: 15px; height: 24px;}
#marketplace_nav 		{width: 335px;float: right; height: 24px;}

#nav,#nav ul 			{list-style: none;}
#nav	{font-weight: bold; text-align: center; text-transform: uppercase; font-size: 10px;}
#marketplace_nav {font-size: 10px; text-transform: uppercase;}
#nav a, #marketplace_nav a	{display: block;}
#nav li, #marketplace_nav ul li {float: left;}
#nav li a,#marketplace li a {padding: 5px 8px 7px 8px; color: #fff; text-decoration: none;}
#nav li a:hover, #marketplace_nav li a:hover {text-decoration: underline;}

#nav li ul 				{position: absolute; left: -999em; width: 90px; z-index: 10}
#nav li ul a			{width: 90px;padding: 6px 18px;border-top: 1px solid;}
#nav li ul a:hover		{width: 90px;}
#nav li:hover ul		{left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul li			{text-align: left;}

#marketplace_nav li a 	{padding: 5px 5px 7px 5px; color: #fff; text-decoration: none;}

#nav li div,
#marketplace_nav li div {padding-top: 5px; padding-bottom: 7px}

/* #sports .sports 		{background: #fff;}
#sports .sports:hover	{color: #fff;text-decoration: underline}
*/

#marketplace_nav .frog	{background: transparent url('/images/frog.gif') no-repeat top right;padding-right: 60px;}
#marketplace_nav a.frog:hover {background: transparent url('/images/frog.gif') no-repeat top right;padding-right: 60px;}

/* IE7 fix for dropdowns */
#nav li:hover, #nav li.hover {
    position: static;
}

/* ---------------------------------------------------------------------------------
=	Small Header Styles
--------------------------------------------------------------------------------- */

#masthead_small {padding: 0;}
#logo_small {float:left;font-size:1em;line-height: 1.8em;margin-right:19px;padding-top:25px;text-align:left;width:233px;	}
#logo_small h1 {height: 35px;}
#leaderboard_small {float:left;height:90px;width:728px;}
#logo_meta_small {color: #808080; border-top: 1px solid #dfe0dc;}



/* ---------------------------------------------------------------------------------
=	Search
--------------------------------------------------------------------------------- */
#search {color: #666666;background: #fff url('/images/search_bg.gif') repeat-x bottom left; border: 1px solid #e6e4e4; border-top: 0;}
.searchBoxLeft {color: #666464;padding-left:10px;width:74px; float: left; font-size: 1.4em; font-weight: bold; padding-top: 9px;}
.searchBoxMiddle {font-weight:bold;text-align:center;white-space:nowrap;width:545px; float: left; padding-top: 5px;margin-right: 10px}
.searchBoxMiddle input {vertical-align:middle;}
.seatchBoxMiddle input.txt {width: 275px;}
#search input, #search  select, #search  textarea {font-size:small;margin:2px;}
.searchBoxRight {line-height:10px;white-space:nowrap;width:150px; float: left;padding-left: 9px}
.searchBoxRight span#yahooWebSearch {font-family:Verdana,Helvetica,sans-serif;font-size:10px;font-size-adjust:none;}
.searchBoxRight span#yahooPoweredBy {font-family:Verdana,Helvetica,sans-serif;font-size:9px;}
.searchBoxRight span#yahooText {color:#FF0033;font-family:Verdana,Helvetica,sans-serif;font-size:9px;font-weight:bold;text-transform:uppercase;}
.searchBoxRight span#yahooSearch {color:#545454;font-family:Verdana,Helvetica,sans-serif;font-size:9px;font-weight:bold;text-transform:uppercase;}
.searchBoxSponsor {width: 120px; float: right; text-align: right; padding-top: 3px; padding-right: 10px;}
#content div.sponsored_results ul{padding:15px 0;margin:0px;}


/* ---------------------------------------------------------------------------------
=	Poll
--------------------------------------------------------------------------------- */
#poll-box {}
.poll-default-moreinfo {display: block; background: transparent url('/images/icon_arrow.gif') no-repeat 100px 4px;padding-left: 12px;}
.poll-default-table { font-size: 1.}
.poll-default-question {font-size: 1.1em; line-height: 1.63em; margin-bottom:9px}
.poll-default-row1, .poll-default-row2 { font-size: 1.1em; line-height: 1.63em; padding-bottom: 9px;}
.poll-default-row1 input, .poll-default-row2 input { vertical-align: middle }
.poll-default-results {}
.poll-default-resultstitle {}
.poll-default-resultsanswers {}
.poll-default-resultspercent {}
.poll-default-close {}
.poll-default-view {}
.poll-default-view a:link{}
.poll-default-view a:visited{}
.poll-default-view a:hover{}


/* ---------------------------------------------------------------------------------
=	Meta/Network Area
--------------------------------------------------------------------------------- */


#metalinks {margin-top: 3px;float: right;list-style: none;color: #8E7164;font-size: 1.1em;}
#metalinks li {display: inline; float: left; padding: 0 3px;}
#metalinks a {color: #fff;text-decoration: none;}
#metalinks a:hover {text-decoration: underline;}

#network_menu {color: #000;font-size: .9em;}
#networklinks {float: left;}
#networklinks span {color: #fff;font-weight: bold;font-size: 1.1em;}
#networklinks fieldset {float: left;}

/* ---------------------------------------------------------------------------------
=	Weather Widget
--------------------------------------------------------------------------------- */

#weather_widget {font-family: arial, helvetica, sans;width: 208px;float: left;color: #363636;}	
#weather_widget img {border: 0;}	
#weather_widget_location {padding: 5px 0;font-size: 11px;font-weight: bold;}
#weather_widget_temp {float: left;width: 45px;font-size: 26px;font-weight: bold;margin-right: 10px;}
#weather_widget_description {float: left;font-size: 11px; line-height: 1.2em;}	
#weather_widget_icon {padding: 5px 0;width: 48px;float: left;margin-right: 10px;}	
#weather_widget_conditions {padding: 3px 0;}	
#weather_widget_right {float: left;width: 150px;}

#weather_sponsor a img { padding-top: 2px; padding-left: 112px; background: url('/images/bg_sponsoredby.png') no-repeat 22px 5px}

/* ---------------------------------------------------------------------------------
= 'Email to a friend' crap
--------------------------------------------------------------------------------- */
#emailform table {width:90%;}
#emailform form {margin: 0;}
#emailform form table {margin: 0;}
#emailform br {display: none;}
#emailform table {width: 100%;}
#emailform td {padding: 9px 0; font-size: 1.2em; text-align: left;}
#emailform td[align="right"] {text-align: right;}
#emailform tr td[valign="top"]{text-align: right;}
#emailform tr td[valign="top"][align="center"]{text-align: left;}
#emailform td[colspan="2"] {text-align: left;}
#emailform td[style="font-size: smaller;"] {font-size: 10px; line-height: 14px}
#emailform td[colspan="2"] textarea {margin-left: 117px; height: }
#emailform td[colspan="2"][align="center"] b {display: block;}
#emailform td[align="left"] {vertical-align: middle; text-align: left; margin-left: 15px; font-weight: bold; padding-left: 21px}
#emailform td[align="left"] img {margin-bottom: -20px; margin-left: 5px}
#emailform td[align="left"] input {font-family: Courier New, Courier, monospace; letter-spacing: 5px; height: 34px; width: 125px; vertical-align: top; padding: 5px 10px; font-size: 24px; font-weight: bold; line-height: 24px; border-bottom: 1px solid #dfe0dc}
#emailform table tr td font[size="+1"] b {font-size: 18px; font-weight: bold;}
#emailform table tr td p + p {font-size: 11px; background: #f4f5f0; padding: 10px;}
#emailform table tr td + td {width: 500px; text-align: left; padding-left: 10px;}	

/* ---------------------------------------------------------------------------------
=	Footer
--------------------------------------------------------------------------------- */

#footer {background: #f2f2f2 ;border-top: 1px solid #e6e4e4;padding: 7px; font-size:1.1em; line-height: 1.63em;}
#footer_inner {width: 950px;margin: 0 auto;}
#footer h3 {float: left; font-size: 1em; font-weight: bold; margin-right: 10px;}
#footer ul {float: left;}
#footer ul li{float: left; /* padding-left: 4px; margin-left: 4px; */ }
#footer ul li.first {border: none; margin-left: 0; padding-left: 0;}
#footer .footer_item {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cccccc;}
#footer span {color: #CCCCCC; padding: 0 8px;}
#footer span.copyright {font-weight: bold; padding: 0;}
/* ---------------------------------------------------------------------------------
= Tabbers
--------------------------------------------------------------------------------- */

.mod_tabnav {border-bottom:1px solid #dfe0dc;height: 18px;}
.mod_tabnav li {float: left;border: 1px solid #dfe0dc;background: #FFFFFF url(../images/tabbernav_bg.gif) repeat-x scroll center bottom;padding: 4px 5px 3px;font-size: 1em;line-height: 1em;height: 10px;margin: 0 2px;font-weight: bold;color: #666464;cursor:pointer;}
.mod_tabnav li:hover {text-decoration: underline;background: #fff;border-bottom: 1px solid #fff;}
.mod_tabnav li.zw-activetab {background: #fff;border-bottom: 1px solid #fff;}
.mod_tab {clear: both;padding:10px;border:1px solid #dfe0dc;border-top: 0;background: #fff url('../images/gradient_lightgray.gif') repeat-x bottom left;margin-bottom: 18px;}
.mod_tab img {border: 1px solid #dfe0dc; width: 286px;margin-bottom: 10px;}
						

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 margin-top:1em;
 margin-bottom: 15px;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #dfe0dc;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 color: #666464;
 padding: 3px 0.5em 2px;
 margin-left: 3px;
 border: 1px solid #dfe0dc;
 border-bottom: none;
 font-size: 1em;
}

/*
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
*/

ul.tabbernav li a:hover
{
 border-color: #dfe0dc;
}

ul.tabbernav li.tabberactive a
{
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:1px solid #dfe0dc;
 border-top:0;
 background: #fff url('../images/gradient_lightgray.gif') repeat-x bottom left;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

.tabbernav li a {background: #fff url('../images/tabbernav_bg.gif') bottom repeat-x; font-weight: bold}
.tabbernav li a:hover {background: #fff; }
.tabbernav .tabberactive a {background: #fff;}


/* ---------------------------------------------------------------------------------
=	Misc
--------------------------------------------------------------------------------- */
#flashcontent {margin: 0 auto;text-align: center}
.flashcontent embed {margin: 0 auto;}

hr {
border: 0;
border-top: 1px solid #dfe0dc;
margin: 20px 0 10px;
}

.clear { display: inline-block; }   
.clear:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

i {font-style: normal}
.hidden {display: none;}