/* ---------------------------------------------------------------------
Original Author: Kelly Meath

Target Browsers: IE6, IE7, IE8, Firefox3, Safari 3, Safari 4
Media Type: Screen

CSS Coding Standards Documentation: http://wiki.bravo/index.php/CSS_Coding_Standards 
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
Header tool bar
------------------------------------------------------------------------ */
.clear{
	height: 0;
	clear: both;	
}

body#home #wrapper #header #tools{ /*layout.css line 302 over-ride */
	width: 100% !important;
}

body#home #wrapper #header #tools ul li.account{ /*layout.css line 383 over-ride */
	width: 95px !important;
}

body#home #wrapper #header #tools ul{
	display: inline-block;
}

#tools ul.customize_home{
	float: left;
	margin-left: 21px;
}

#tools ul.customize_home li{
	padding: 6px 0 0 0;
	height:32px;
	display: inline;
}

#tools ul.customize_home li.last{
	border-right:1px solid #908A7F;
	padding-right: 3px;
}

#tools ul li.customize #customize_text{
	padding-right:7px;
	position:relative;
	display: block;	
	top:7px;
	height: 11px;
	width: 89px;
	overflow: hidden;
	background: url(../images/homepage-master-sprite.gif) no-repeat 0 -65px;
	text-indent: -9999px;	
}

a.customize_buttons{
	display: block;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/homepage-master-sprite.gif) no-repeat;
	margin: 0 2px;
}

#customize_fishing{
	width: 75px;
	background-position: 0 0;
}

body.fishing #wrapper #header #tools ul.customize_home li.customize #customize_fishing,
#customize_fishing:hover{
	background-position: 0 -26px;
}

#customize_boating{
	width: 82px;
	background-position: -77px 0;
}
body.boating #wrapper #header #tools ul.customize_home li.customize #customize_boating,
#customize_boating:hover{
	background-position: -77px -26px;
}

/* ---------------------------------------------------------------------
Header banner area
------------------------------------------------------------------------ */

body#home #content .homepage_swfarea{ /*layout.css line 620 over-ride */
	width: 940px;
	height: 329px;
	background: url(../images/Home_banner_BG.jpg) no-repeat;
	margin: -25px 3px 0 3px !important;
	padding: 0 !important;
	overflow: hidden;
}

#homepage_flash{
	float: left;
	margin: 8px 0 0 0;
	padding-left: 9px;
	width: 620px;
	height: 308px;
}

#hompage_location{
	float: left;
	width: 285px;
	height: 291px;
	margin-top: 12px;
	padding: 3px;
}

#weather{
	width: 117px;
	padding-right: 9px;
	height: 141px;
	margin-top: 6px;
	border-right: 1px solid #d1cfd1;
	text-align: center;
	float: left;
	display: inline;	
}

#weather #weather_temp{
	text-align: center;
	padding-top: 9px;
	font-size: 39px;
	line-height: 36px;
	color: #4b391f;
	padding-left: 18px;
}

#weather #weather_icon{
	text-align: center;
	padding-top: 17px;
}

#weather #weather_icon img{
	padding-left: 4px;
}

#weather a,
.change_loc_text{
	font-size: 8px;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
}

.change_loc_text{
	margin: 5px 9px 0 13px;
}

#weather a:hover{
	text-decoration: underline;
}

#location{
	float: left;
	display: inline;
	position: relative;
	width: 156px;
	padding-top: 9px;
	height: 136px;
	overflow: hidden;
}

#location select,
#location input{
	font-size: 10px;
}

#location #location_text{
	display: block;
	text-indent: -9999px;
	background: url(../images/homepage-master-sprite.gif) no-repeat 0 -280px;
	margin-left: 13px;
	height: 12px;
	width: 136px;
	overflow: hidden;
}
#home.fishing #location #location_text{
	width: 102px !important;
	background-position: 0 -52px !important;
}

#home.boating #location #location_text{
	width: 105px !important;
	background-position: -136px -280px !important;	
}

#location #PTF_states{
	position: absolute;
	bottom: 9px;
}

#location #PTF_states span{
	display: block;
	float: left;
	line-height: 10px;	
}

#location .loc_state{
	height: 91px;
	text-align: center;
}

ul#location_links{
	margin: 4px 0 0 0;
}

#location_links li{
	height: 26px;
	line-height: 26px;
	border-top: 1px solid #d6d5d6;
	padding: 0 17px;
}

#location_links li.first{
	border-top: none;
}

#location_links li a{
	color: #333;
	text-decoration: none;
	font-size: 11px;
}

#location_links li a:hover{
	text-decoration: underline;
}

/* ---------------------------------------------------------------------
3 column container area
------------------------------------------------------------------------ */

body#home #content.homeThreeColumn .column{ /*layout.css lines 693, 685 and 698 over-rides */
	background-image: none;
	width: 304px;
	margin-right: 9px;
	background: url(../images/homepage_inner_top.gif) no-repeat;
	margin-top: 6px;
}

body#home #content.homeThreeColumn .column.left{ /*layout.css lines 693 over-ride */
	margin-left: 8px;
}

body#home #content.homeThreeColumn .column.right{ /*layout.css lines 698 over-ride */
	margin-right: 0;
}

.home_columnInner{
	width: 282px;
	border: 1px solid #d1ccc6;
	border-top: none;
	margin-top: 7px;
	background-color: white;
	height: 260px;
	padding: 0 10px;
}

.home_columnHeader{
	width: 100%;
	border-bottom: 1px solid #b2a99e;
	padding: 14px 0 0 0;
	position: relative;
}

.home_columnHeader h3{
	background: url(../images/homepage-master-sprite.gif) no-repeat;
	margin: 0 0 8px;
	padding-bottom: 0;
	position: relative;
	height: 20px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;	
	
}

/* ---------------------------------------------------------------------
Left column container - "Community"
------------------------------------------------------------------------ */
.column.left .home_columnInner .home_columnHeader h3{
	width: 105px;
	background-position: 0 -77px;
}

.column.left .home_columnInner p{
	font-size: 10px;
	color: #685743;
	line-height: 16px;
	padding: 13px 4px 10px;
}

#fishington_signin_home{
	position: absolute;
	bottom: 8px;
	right: 0;
}

#fishington_user{
	background-color: white;
	position: absolute;
	top: 5px;
	right: 0;
	width: 145px;
}

#user_thumbnail{
	background-repeat: no-repeat;
	background-position: 8px 8px;
 	
 	float: left; 
 	height: 75px; 
 	width: 75px;	
}

#user_info{
	width: 50px;
	position: absolute;	
	top: 6px;
	right: 10px;
}

#user_info a{
	font-size: 12px;
	text-align: left;
	display: block;
	margin-bottom: 8px;
	line-height: 14px;
}

#user_name{
	position: absolute;
	top: 62px;
	left: -2px;
	font-size: 12px;
	font-weight: bold;	
}

#fishington_user img{ /* layout.css line 2162 override */
	margin: 0 !important;
}

#notifications{
	margin: 0 0 22px 8px;
	height: 65px;	
}

#notifications p{
	font-size: 12px;
	padding: 3px 0 0 0;
	line-height: 14px;
}
#notifications p a{
	color: #685743;
}

#home_yourFeed{
	border-bottom: 1px solid #b2a99e;
	position: relative;
}

#home_yourFeed h4{
	font: bold 14px Arial, sans-serif;
	margin: 15px 2px 0;
	padding-bottom: 11px;
}

#subscribeRSS_home{
	display: block;
	height: 16px;
	width: 68px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/homepage-master-sprite.gif) no-repeat 0 -98px;
	position: absolute;
	right: 0;
	bottom: 9px;
}

#home_yourFeeds{
	list-style: none;
	margin: 17px 0px 0px 0px;
	padding: 0;
	overflow:hidden;
}

#home_yourFeeds li span,
#home_yourFeeds li a.feed_icon{
	width: 230px;
	display: inline-block;
	line-height: 16px;
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 45px;
}

#home_yourFeeds li a.feed_icon{
	margin-top: 13px;
}

#home_yourFeeds li a.feed_icon{
	height: 31px;
	top: 0;
	left: 0;
	width: 33px;
	background: url(../images/homepage-master-sprite.gif) no-repeat;
	margin: 0 5px;
}

#home_yourFeeds li{
	background: url(../images/home_dottedBottom.gif) repeat-x bottom left;
	padding: 0 0 12px;
	margin: 7px 0 0;
	position: relative;	
	height: 43px;
	overflow: hidden;
	vertical-align: middle;
}
#home_yourFeeds li.last{
	background: none;
}

#home_yourFeeds li a.feed_icon#feed_fishington{
	background-position: -111px -315px;
}

#home_yourFeeds li a.feed_icon#feed_twitter{
	background-position: -144px -315px;	
}

#home_yourFeeds li a.feed_icon#feed_facebook{
	background-position: -177px -315px;	
}

/* ---------------------------------------------------------------------
Middle column container - "Latest Blog"
------------------------------------------------------------------------ */

.column.middle .home_columnInner .home_columnHeader h3{
	width: 108px;
	background-position: 0 -315px;
}


#blog_container.latest div.latest{
	display: block;
	max-height: 270px;
	overflow: hidden;
}

#blog_container div ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#blog_container div ul li{
	padding: 0;
	margin: 0;
	clear: both;
}

#blog_container div ul li span.image_icon{
	height: 55px;
	width: 57px;
	float: left;
	display: inline-block;
	border: 1px solid #774b1d;
	margin: 14px 15px 14px 7px;
}

#blog_container div ul li span.image_icon img{
	height: auto;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#blog_container div h4{
	padding: 23px 0 0;
	font: bold 14px/16px Arial, sans-serif;
	color: #685743;
	letter-spacing: -0.01em;
	margin: 0 7px;
}

#blog_container div img.externalLink{
	display: none !important;	
}

#blog_container div.latest ul li a img{
	margin: 0;	
}

#blog_container div.latest ul li{
	background: none;
	padding-top: 0px;
}

#blog_container div.latest ul li a.blog_thumbnail{
	margin: 0 1em 0 0 !important;		
}

#blog_container div.latest a#blog_read_more{
	padding: 15px 0 0 7px;
	display: block;	
}

#blog_container div.latest ul li div.bot{
	display: none;	
}

#blog_container div.latest ul li dl dd{
	margin: 0;	
}

#blog_container div.latest ul li dl dd p{
	padding: 0;	
}

#blog_container div.latest ul li dl dd{
	padding: 0 7px;
}

#blog_container div.latest ul li dl dd p.blog_content{
	font-size: 11px;
	line-height: 18px;	
}

#blog_container div.latest ul li dl dd p.blog_content a{
	display: inline;
	margin: 0;
	font-size: 11px;	
}

#blog_container div.latest ul li dl dd p.blog_content img{
	display: none !important;	
}

#blog_container div.latest ul li dl dd em{
	color:#685743;
	display: block;
	font-size:11px;
	padding-bottom: 10px;
	/* margin: 0 7px;*/
}

#blog_container div.latest ul li dl dt a.nojumpicon{
	margin-top: 3px;	
}

#blog_container div.latest ul li dl dt{
	position: relative;
}

#blog_container div.latest ul li dl dt a.blog_more{
	/* display: none; */
}

#blog_container div ul li a{
	font-size: 11px;
	color: #685743;
}

#blog_container div ul li span.blog_post{
	display: block;
	line-height: 18px;
	padding: 18px 7px 0 7px;
}

#blog_container div.latest ul li span a{
	font-size: 11px;
	margin: 0;
	display: inline;
}

#blog_container div.latest ul li a{
	font-size: 12px;
	display: block;
	color: #685743;
	margin: 10px 7px 0 7px;
}






/* ---------------------------------------------------------------------
Right column container - "Explore w/ Poll"
------------------------------------------------------------------------ */
.column.right .home_columnInner .home_columnHeader h3{
	/*width: 103px;
	background-position: 0 -293px;*/
	width: 79px;
	background-position: 0 -115px;	
}

#explore_nav{
	margin: 0;
	padding: 0;
	color: black;
	display: block !important;
	font-size: 11px;
	font-weight: bold;
	height: 35px !important;
	list-style: none;
	width: 282px;
	background: url(../images/homepage-master-sprite.gif) no-repeat 0 -136px;
}

#explore_nav.news{
	background-position: 0 -136px !important;
}

#explore_nav.latest{
	background-position: 0 -172px !important;
}

#explore_nav.popular{
	background-position: 0 -208px !important;
}

#explore_nav.video{
	background-position: 0 -244px !important;
	display: none !important;
}

#explore_nav li{
	text-align: center;
	cursor: pointer;
	float: left;
	height: 27px;
}

#explore_nav li a{
	display: block;
	overflow: hidden;
	margin-right: 1px;
	line-height: 27px;
	text-align: center;
	height: 27px;
	float: left;
}

#explore_nav li.news a{
	width: 52px;	
}

#explore_nav li.latest a{
	width: 96px;
}

#explore_nav li.popular a{
	width: 81px;
}

#explore_nav li.video a{
	width: 46px;
	margin-right: 0;
	display: none !important;
}

#explore_nav.news li.news a:hover,
#explore_nav.latest li.latest a:hover,
#explore_nav.popular li.popular a:hover,
#explore_nav.video li.video a:hover{
	color: #333;
}

#explore_containers div{
	display: none;
}

#explore_containers div.news ul li div.module_content,
#explore_containers div.popular ul li div.module_content{	
	display: block;
	float: left;
	width: 195px;
}

#explore_containers div.news ul li div.module_content h4,
#explore_containers div.popular ul li div.module_content h4{	
	padding-top: 0;
	margin-top: 15px;
}

#explore_containers div.news ul li img,
#explore_containers div.popular ul li img{	
	margin:12px 4px 0 0 !important;
	float: left;
}

#explore_containers.news div.news ul li p{
	padding: 7px;	
}

#explore_containers.news div.news ul li .externalLink{
	display: none;	
}	

#explore_containers.news div.news,
#explore_containers.latest div.latest,
#explore_containers.popular div.popular,
#explore_containers.video div.video{
	display: block;
	max-height: 270px;
	overflow: hidden;
}

#explore_containers div ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#explore_containers div ul li{
	padding: 0;
	margin: 0;
	clear: both;
}

#explore_containers div ul li span.image_icon{
	height: 55px;
	width: 57px;
	float: left;
	display: inline-block;
	border: 1px solid #774b1d;
	margin: 14px 15px 14px 7px;
}

#explore_containers div ul li span.image_icon img{
	height: auto;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#explore_containers div h4{
	padding: 23px 0 0;
	font: bold 14px/16px Arial, sans-serif;
	color: #685743;
	letter-spacing: -0.01em;
	margin: 0 7px;
}

#explore_containers div.popular a,
#explore_containers div.news a{
	margin: 3px 7px;
	display: block;
}

#explore_containers div img.externalLink{
	display: none !important;	
}

#explore_containers div.latest ul li a img{
	margin: 0;	
}

#explore_containers div.latest ul li{
	background: none;
	padding-top: 14px;
}

#explore_containers div.latest ul li a.blog_thumbnail{
	margin: 0 1em 0 0 !important;		
}

#explore_containers div.latest a#blog_read_more{
	padding: 15px 0 0 7px;
	display: block;	
}

#explore_containers div.latest ul li div.bot{
	display: none;	
}

#explore_containers div.latest ul li dl dd{
	margin: 0;	
}

#explore_containers div.latest ul li dl dd p{
	padding: 0;	
}

#explore_containers div.latest ul li dl dd{
	padding: 0 7px;
}

#explore_containers div.latest ul li dl dd p.blog_content{
	font-size: 11px;
	line-height: 18px;	
}

#explore_containers div.latest ul li dl dd p.blog_content a{
	display: inline;
	margin: 0;
	font-size: 11px;	
}

#explore_containers div.latest ul li dl dd p.blog_content img{
	display: none !important;	
}

#explore_containers div.latest ul li dl dd em{
	color:#685743;
	display: block;
	font-size:11px;
	padding-bottom: 10px;
	/* margin: 0 7px;*/
}

#explore_containers div.latest ul li dl dt a.nojumpicon{
	margin-top: 3px;	
}

#explore_containers div.latest ul li dl dt{
	position: relative;
}

#explore_containers div.latest ul li dl dt a.blog_more{
	/* display: none; */
}

#explore_containers div ul li a{
	font-size: 11px;
	color: #685743;
}

#explore_containers div ul li span.blog_post{
	display: block;
	line-height: 18px;
	padding: 18px 7px 0 7px;
}

#explore_containers div.latest ul li span a{
	font-size: 11px;
	margin: 0;
	display: inline;
}

#explore_containers div.latest ul li a{
	font-size: 12px;
	display: block;
	color: #685743;
	margin: 18px 7px 0 7px;
}

#explore_containers div.video object,
#explore_containers div.video object embed{
	padding-top: 18px;
}

#explore_containers div.video h4 a{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}	

#explore_containers div.video h4 a:hover{
	text-decoration: underline;
	color: #685743;
}

.column.right .home_columnInner .home_columnHeader #sponsor{
	position: absolute;
	right: 0;
	top: 14px;
}

.column.right .home_columnInner .home_columnHeader #sponsor,
.column.right .home_columnInner .home_columnHeader #sponsor img{
	margin: 0;
}

/* BEGIN Poll style overrides */
body#home #content .column.right .home_columnInner ul.accordian.narrow li,
body#home #content .column.right .home_columnInner ul.accordian,
body#home #content .column.right .home_columnInner ul.accordian.narrow li .top,
body#home #content .column.right .home_columnInner ul.accordian.narrow li .bot{
	background-image: none;

}

body#home #content .column.right .home_columnInner ul.accordian.narrow .poll{
	width: 100%;
}

.column.right .home_columnInner ul.accordian.narrow li div.poll form.pollform input[type=submit]{
	display: block;
	height: 21px;
	width: 50px;
	line-height: 40px;
	background: url(../images/homepage-master-sprite.gif) no-repeat -160px 0;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

#poll_login input[type=text],
#poll_login input[type=password]{/* layout.css (line 2452) override */
	width: 	194px;
}	

#poll_login div.fbconnect p strong,
#register_poll p strong,
#register_poll p strong a,
#register_poll p a{
	color: #685743;
}

input#email,
input#password{
	border: 1px solid #B2A99E;	
}

.column.right .home_columnInner ul.accordian.narrow li div form h3,
.column.right .home_columnInner ul.accordian.narrow li div h3{
	font-size: 12px;
	line-height: 17px;
}

.column.right .home_columnInner ul.accordian.narrow li div#poll_login{
	margin: 0 7px;
}

.column.right .home_columnInner ul.accordian.narrow li div#poll_login h3{
	margin-left: 0;
	color: #4B391F;
}

.narrow .poll{
	margin-top: 7px;	
}

.narrow .poll .pollform{
	line-height: 43px;
	margin-left: 0;
}

.narrow .poll .poll_title .more{
	display: none;	
}

.narrow .poll .poll_title h2,
.narrow .poll h3{
	margin-left: 4px;
}

.narrow .poll h3,
.narrow .poll h2{
	margin-top: 0;
}

.narrow .poll .poll_title h2{
	color:#685743;
	font:bold 14px/16px Arial,sans-serif;
}

.narrow .poll .polloption {
	margin-top: 0;
}


/* END Poll style overrides */