/*Global Styles 
All pages use these styles
*/

/* Font styles 
--------------------------------*/
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:90% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}



/* Structure/Layout Styles
--------------------------------*/

* {margin: 0px; padding: 0px;} 
	/* This code has the paper bag background
	* body {text-align: center; background: #fff url(../images/bg.jpg) repeat; color: #5b3e1c;}*/
	body {text-align: center; background: #fff url(../images/bg_red.jpg) repeat; color: #5b3e1c;}
		img {border: none;}
		a {outline: none;} /*Removes dotted links in FF 1.5 when using negative text indent */
    		a img {border: none;}

		/*Header styles */
		h1 {font-size: 130%;}
		h2 {color: #cf2200; font-size: 125%; font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-bottom: solid 2px #dedede;}
			h2.fishism {text-indent: -9000px; height: 20px; background: url(../images/fishism.png) no-repeat; border: none;}
			
		h3 {color: #a6bc09; font-size: 110%; margin-top: 5px; margin-bottom: 5px;}
		h4 {margin-top: 5px; margin-bottom: 5px; font-size: 110%;}
		h5 {color: #000; font-size: 110%; margin-top: 25px;}
		
		/* Misc Classes
		--------------------------------*/
		.floatLeft {float: left;}
		.floatRight {float: right;}
		.textRight {text-align: right;}
		.textCenter {text-align: center;}
		.textLeft {text-align: left;}
		.print {display: none;}
		.meta {background: #fffeef; border: solid 1px #e3e8bd; padding: 3px; font-size: 90%; text-align: center;}
		.img {padding: 5px; background: #fff; border: solid 1px #c6c6c6; margin-bottom: 5px; margin-left: 10px;}
		
		/* Clear Fix for floats 
		--------------------------------*/
		.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		.clearfix {display: inline-block;}
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
		
		/* Rounded Corner boxes 
		--------------------------------*/
		.bl {background: url(../images/bl_corner.png) 0 100% no-repeat #fff;}
		.br {background: url(../images/br_corner.png) 100% 100% no-repeat;}
		.tl {background: url(../images/tl_corner.png) 0 0 no-repeat;}
		.tr {background: url(../images/tr_corner.png) 100% 0 no-repeat; padding:12px;}*/
		
		/*thickbox specific link and font settings
		--------------------------------*/
		#TB_window {
			font: 12px Arial, Helvetica, sans-serif;
			color: #333333;
		}
		
		#TB_secondLine {
			font: 10px Arial, Helvetica, sans-serif;
			color:#666666;
		}
		
		#TB_window a:link {color: #666666;}
		#TB_window a:visited {color: #666666;}
		#TB_window a:hover {color: #000;}
		#TB_window a:active {color: #666666;}
		#TB_window a:focus{color: #666666;}
		
		/* thickbox settings
		--------------------------------*/
		#TB_overlay {
			position: absolute;
			z-index:100;
			top: 0px;
			left: 0px;
			background-color:#000;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
			min-height:100%;
		}
		
		#TB_window {
			position: absolute;
			background: #ffffff;
			z-index: 102;
			color:#000000;
			display:none;
			border: 4px solid #525252;
			text-align:left;
		}
		
		#TB_window img {
			display:block;
			margin: 15px 0 0 15px;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #666;
			border-left: 1px solid #666;
		}
		
		#TB_caption{
			height:25px;
			padding:7px 30px 10px 25px;
			float:left;
		}
		
		#TB_closeWindow{
			height:25px;
			padding:11px 25px 10px 0;
			float:right;
		}
		
		#TB_closeAjaxWindow{
			padding:5px 10px 7px 0;
			margin-bottom:1px;
			text-align:right;
			float:right;
		}
		
		#TB_ajaxWindowTitle{
			float:left;
			padding:7px 0 5px 10px;
			margin-bottom:1px;
		}
		
		#TB_title{
			background-color:#e8e8e8;
			height:27px;
		}
		
		#TB_ajaxContent{
			clear:both;
			padding:2px 15px 15px 15px;
			overflow:auto;
			text-align:left;
			line-height:1.4em;
		}
		
		#TB_ajaxContent p{
			padding:5px 0px 5px 0px;
		}
		
		#TB_load{
			position: absolute;
			display:none;
			height:100px;
			width:100px;
			z-index:101;
		}
		
		#TB_HideSelect{
			z-index:99;
			position:absolute;
			top: 0;
			left: 0;
			background-color:#fff;
			border:none;
			filter:alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		
		#TB_iframeContent{
			clear:both;
			border:none;
			margin-bottom:-1px;
			margin-top:1px;
			_margin-bottom:1px;
		}
		
		
		/* Site Container 
		--------------------------------*/
		#container {width: 894px; margin: 40px auto; text-align: left; height: 500px; font-size: 100%;}
			#container ul li {list-style: none;}
		#container a:link, #container a:visited {color: #333333;}
		#container a:hover {color: #0f63ab;}
			
			#topRight {width: 450px; float: right; padding-top: 10px; padding-right: 30px;}
				#topRight cite {color: #5b3e1c; margin-top: 10px;display: block;background: url(../images/u_quote.png) no-repeat 0px 3px; padding: 0px 0px 0px 20px; font-size: 110%;}
				#topRight cite strong {display: inline;background: url(../images/d_quote.png) no-repeat bottom right; line-height: 170%; padding-right: 20px;}
				#topRight .author {text-align: right; margin-top: 10px; padding-right: 20px;}	
					
			#navWrap {float: right; width: 375px; position: relative; margin-top: -30px;}
				#nav {margin-bottom: 25px;}
					#nav ul li {list-style: none; float: left; text-indent: -9000px;}
					#nav a {display: block; background-position: left top; text-decoration: none; height: 125px;}
					#baitLink a {background: url(../images/bait_nav.png) no-repeat; width: 110px;}
					#tackleLink a { background: url(../images/tackle_nav.png) no-repeat; width: 125px;}
					#freshcatchLink a {background: url(../images/fresh_nav.png) no-repeat; width: 135px;}
					#baitLink a:hover, li#tackleLink a:hover, li#freshcatchLink a:hover{background-position: left bottom;}
					#nav li a.active {background-position: left bottom !important;cursor: auto;}
					
			#botWrap {background: url(../images/redbar.png) repeat-x top left; margin-top: 10px; padding-top: 30px;}

				#content {float: left; width: 460px; padding-left: 20px;}
					#content p { line-height: 125%; margin-top: 10px; margin-bottom: 10px;}
					#content h2 {text-transform: uppercase;}
					
				#dropLine {font-size: 80%; text-align: right;}
				
			#container .subLinks {margin-top: 15px; width: 440px; text-align: center; padding-top: 20px; padding-bottom: 10px; background: url(../images/line_sep.jpg) no-repeat top center;}
				#container .subLinks a:link, #container .subLinks a:visited {color: #f79638; text-decoration: none; font-weight: bold;}
				#container .subLinks a:hover {text-decoration: underline;}
				
				#rssWrap {text-align: right; margin-top: 15px; margin-bottom: 15px;}
				#twitter_update_list li span {display: block; font-weight: normal;}
				#twitter_update_list li {margin-bottom: 15px;}
				
			.copyright {font-size: 90%; color: #fff; padding-top: 10px; padding-left: 30px;}	
				#footer .copyright a:link, #footer .copyright a:visited {color: #757672;}
			#footer {margin-top: 10px;}