/*
Theme Name: Trout Unlimited
Theme URI: http://www.villagewerx.com
Description: A professional three-column layout designed expressly for NJ Trout Unlimited.
Author: Bob Sutton, Villagewerx Web Studio
Author URI: http://www.villagewerx.com
Version: 1.0
*/
html,body { margin:0; padding:0; text-align:center; }
body { font-size:62.5%; margin:0 auto; background:url(images/headband2.gif) top left repeat-x; font-family:Verdana,Tahoma,Arial,sans-serif; background-color:#86734B; }
#middle-column .post-content p { line-height:1.3em; }
#pagewidth { width:78em; margin:0 auto; padding:0; margin-bottom:0; text-align:left; background-color:rgb(255,255,255); border-left:solid 1px #ccc; border-right:solid 1px #ccc; position:relative; }

/*** Correction for non-IE browsers ***/
#pagewidth { overflow:hidden; }

/*** Correction for IE 5.01 ***/
#pagewidth { 
/*	float: left; */
float:none; }

/*** Correction for Safari 1.x ***/
* > #footer,* > form,* > #notes,* > .output { position:relative; z-index:1000; }
#header { position:relative; height:145px; background-color:#884B39; background-image:url(images/banner-variant.jpg); background-repeat:no-repeat; background-position:left, top; width:100%; }

/* IE7 only */
:first-child+html #header { width:770px; }

/* IE6 */
*html #header { width:770px; }
#header h1 { display:none; }
#wrapper { width:62em; float:right; position:relative; min-height:600px; }
#main-column { background-color:#FFFFA6; float:left; display:inline; position:relative; width:75%; }
#footer { height:40px; background-color:#343e35; color:#fff; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #fff; margin:2em 0 0; text-align:center; clear:both; padding:10px; }

/**************/

/*   HEADER   */

/**************/

/*** Header main banner ***/
#header-banner { width:78em; height:11.4em; float:left; margin:0; padding:0; background:url(images/tu_logo.jpg) no-repeat; }

/*** Header navigation top ***/
#header-nav-top { width:78em; margin:.5em auto; padding:0; height:20px; background-color:#636B00; }
#header-nav-top ul { margin:0 3em 0 0; padding:0; list-style:none; float:right; }
#header-nav-top li { float:left; white-space:nowrap; border-left:solid .1em rgb(150,150,150); }
#header-nav-top ul li:first-child { border-left:none; }
#header-nav-top li a { display:block; margin:0; padding:0 .5em; color:#fff; text-decoration:none; }
#header-nav-top a:hover,#header-nav-top .selected { background-color:inherit; color:rgb(0,0,0); text-decoration:underline; }
#header-nav-top .img-flag { height:1.2em; display:inline; margin:0; padding:0; border:none; }

/*** Header navigation bottom ***/
#header-nav-bottom { position:relative; top:110px; left:2em; width:78em; height:2.5em; margin:0; padding:0; border-top:solid 0 rgb(69,136,176); border-bottom:solid 0 rgb(69,136,176); line-height:2.8em; }
#header-nav-bottom ul { margin:0; padding:0; list-style:none; font-weight:bold; font-size:1.15em; font-family:verdana,arial,helvetica,sans-serif; }
#header-nav-bottom li { float:left; white-space:nowrap; }
#header-nav-bottom li a { display:block; margin:0; padding:0 1em; 
/*border-right: solid 1px rgb(255,255,255); */
background-color:inherit; color:rgb(255,255,255); text-decoration:none; }
#header-nav-bottom a:hover,#header-nav-bottom a.selected { margin:0; padding:0 1em; 
/* border-right: solid 1px rgb(255,255,255);	*/
background-color:#404C41; color:#D9CF98; text-decoration:none; }

/*** Correction for IE5 ***/
* html #header-nav-bottom a { width:1%; }

/*** Correction for IE5 ***/
* html #header-nav-bottom a { width:1%; }

/***   Buffer between heading and content area   ***/
#buffer { clear:both; float:left; width:78em; height:2em; margin:0; padding:0; background-color:inherit; }

/*
Heads & Typographic Styles 
--------------------------------- */
.post-content h2 { color:#884B39; margin-bottom:0; padding-bottom:0; font-size:1.65em; font-weight:bold; font-family:"trebuchet ms"; }

/*
Styles ADDED August 2010
----------------------------------- */
#entryMeta { margin-top:30px; padding:10px; float:left; border:1px solid #ccc; background-color:#343E35; margin-bottom:10px; }
.authorPhoto { float:left; }
.authorBio { float:right; width:70%; color:#fff; }
.alignright { float:right; padding:5px; margin:0 0 7px 7px; border:1px solid #ccc; }
h3.moreHeadlines { font-size:16px; color:black; margin-top:10px; display:block; border-bottom:1px solid #ccc; padding-bottom:7px; }
div.post-content p:first-of-type:first-line { font-variant:small-caps; font-size:1.2em; letter-spacing:.5px; }
.post_thumbnail { float:right; border:1px solid #ccc; padding:5px; background-color:#fff; margin-bottom:10px; margin-left: 5px; }
p.fbZone { float:left; background-color:#EFEFEF; border:1px solid #CCCCCC; margin:0 0 0 20px; padding:5px 5px 10px; width:418px; }
.headlineList { font-size:1.2em; color:#636B00; margin-bottom:0; }
#chapterList { margin-bottom:15px; }
#left-column ul:last-child { margin-bottom:1em; }

/*
Special BODY styles added August 2010
------------------------------------- */
#opinion .middle-column-title-standard { color:#000; 
/*#343E35*/
font-family:helvetica,arial,sans-serif; font-size:1.8em; }
#opinion .single-post-time { font-size:x-small; margin-bottom:10px; }
#opinion .byline { color:#343E35; font-weight:bold; }
h2.featuredHeadline { font-size:1.8em; font-family:helvetica,arial,sans-serif; color:#000; border-bottom:1px solid #ccc; padding-bottom:7px; }
h3.featuredHeadline { font-size:1.8em; font-family:helvetica,arial,sans-serif; color:#000; }

/***********************/

/***   LEFT COLUMN   ***/

/***********************/
#left-column-first-page { width:15.9em; height:500px; min-height:100%; margin:0 0 0 5px; padding:0; background-color:#597B7B; background-image:url(images/sidebarfill.gif); color:rgb(100,100,100); position:relative; top:-.9em; }
#left-column { width:15.9em; padding:0; 
/*border-right: solid 0.1em rgb(200,200,200);	*/
background-color:#fff; color:rgb(100,100,100); float:left; }
#left-column ul { width:15.9em; float:left; list-style:none; margin:0; padding:0; 
/*border-bottom: solid 0.1em rgb(200,200,200);*/
}
#left-column li { margin:0; padding:0; }
#left-column li.left-nav-title { display:block; text-align:right; margin:0; padding:.3em .7em .9em .6em; background-color:inherit; color:rgb(50,50,50); text-transform:uppercase; font-weight:bold; height:1.3em; font-size:1.1em; }
#left-column li a { display:block; text-align:right; padding:.3em .7em .2em .6em; border-top:solid 0 rgb(215,215,215); border-left:solid .5em rgb(255,255,255); background-color:inherit; color:rgb(125,125,125); text-decoration:none; height:1.3em; font-size:1.1em; }
#left-column li.left-nav-group a { display:block; text-align:right; padding:.3em .7em .2em .6em; border-top:solid 1px rgb(215,215,215); border-left:solid .5em rgb(255,255,255); background-color:inherit; color:rgb(125,125,125); text-decoration:none; font-weight:bold; height:1.3em; font-size:1.1em; width:89%; }
#left-column li.left-nav-group:last-child a { border-bottom:rgb(215,215,215) 1px solid; }
#left-column li.left-nav-group:first-child a { margin-top:1em; }
#left-column a:hover,#left-column .selected { text-align:right; border-left:solid .5em #336699; background-color:inherit; background-color:rgb(224,244,181); color:rgb(0,0,0); text-decoration:none; }
#left-column li.left-nav-group a:hover,#left-column li.left-nav-group .selected { text-align:right; border-left:solid .5em #336699; background-color:#ADC3CF; color:rgb(0,0,0); text-decoration:none; }
.left-column-box-standard { float:right; width:13em; margin:0 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(255,255,255); color:rgb(100,100,100); }

/*** Images ***/
#left-column-first-page .img-left-nav { height:50em; width:15.9em; margin:0; padding:0; border:none; }

/*************************/

/***   MIDDLE COLUMN   ***/

/*************************/
#middle-column { float:left; width:43em; margin:0; padding:0 2em; background-color:inherit; color:rgb(100,100,100); }

/***   Pagetitle   ***/
#pagetitle { 
/*	float: left; */
width:39em; margin:.3em 0 1em; padding:0; background-color:inherit; color:rgb(100,100,100); }
#pagetitle p { padding:0; margin:0; font-weight:bold; font-size:1.3em; }

/*** Standard title and box option ***/
.middle-column-title-standard { 
/* clear: both; */
display:block; margin:0 0 .5em; padding:.2em 0; border-bottom:solid .167em #636B00; background-color:rgb(255,255,255); color:#636B00; font-weight:bold; font-size:1.2em; }
.middle-column-box-full-standard { float:left; width:43em; margin:0 0 2em; padding:0; background-color:rgb(255,255,255); color:rgb(100,100,100); }
.middle-column-box-left-standard { clear:left; float:left; width:20.5em; margin:0 0 2em; padding:0; background-color:rgb(255,255,255); color:rgb(100,100,100); }
.middle-column-box-right-standard { float:right; width:20.5em; margin:0 0 2em; padding:0; background-color:rgb(255,255,255); color:rgb(100,100,100); }
.middle-column-box-full-standard p.heading,.middle-column-box-left-standard p.heading,.middle-column-box-right-standard p.heading { margin:1em 0; font-weight:bold; font-size:1.2em; }
.middle-column-box-full-standard p.subheading,.middle-column-box-left-standard p.subheading,.middle-column-box-right-standard p.subheading { margin:1em 0 .6em; font-weight:bold; font-size:1.2em; }
.middle-column-box-full-standard p,.middle-column-box-left-standard p,.middle-column-box-right-standard p { margin:0 0 .6em; font-size:1.2em; }
#linklist { float:left; width:43em; margin:0 0 2em; padding:0; background-color:rgb(255,255,255); color:rgb(100,100,100); font-size:1.2em; }
.linklist { width:42em; margin:0 3em 1em 0; padding-bottom:1em; border-bottom:1px solid #Ccc; }

/*
RIGHT COLUMN
----------------------------------------*/
#right-column { width:15em; float:right; position:relative; margin:0; padding:0; background-color:#fff; }

/*** Standard option ***/
.right-column-title-standard { 
/* clear: both; */
display:block; margin:0 0 .5em; padding:.2em 0; background-color:rgb(255,255,255); color:rgb(100,100,100); font-weight:bold; font-size:1.1em; }
.right-column-box-standard { 
/*	float: right; */
width:13em; margin:0 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(255,255,255); color:rgb(100,100,100); }

/***
 ***  Event list
 ***/
.ec3_list .ec3_list_day { color:#000; }
#right-column .ec3_events { color:#000; margin-left:0; margin-top:0; padding:0; }
.ec3_events li { list-style-type:none; color:#343E35; }
.ec3_list { margin-left:3px; word-spacing:-1px; letter-spacing:-.2px; color:#800; }
.ec3_list li { font-size:1.1em!important; list-style-type:none; margin-bottom:7px; margin-left:-40px; }
.ec3_list li:before { content:""!important; }

/*** Grey title and box option ***/
.right-column-title-grey { 
/* clear: both; */
display:block; margin:0 0 .5em; padding:.2em 0 .2em .2em; background-color:#A37D00; color:#fff; font-weight:bold; font-size:1.1em; }
.right-column-box-grey { 
/*	float: right; */
width:13em; margin:0 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(235,235,235); color:rgb(100,100,100); }

/*** Green title and box option ***/
.right-column-title-green { 
/* clear: both; */
display:block; margin:0 0 .5em; padding:.2em 0 .2em .2em; background-color:#884B39; color:#fff; font-weight:bold; font-size:1.1em; }
.right-column-box-green { 
/*	float: right; */
width:13em; margin:0 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(235,235,235); color:rgb(100,100,100); }

/*** Blue title and box option ***/
.right-column-title-blue { 
/*	clear: both; */
display:block; margin:0 0 .5em; padding:.2em 0 .2em .2em; background-color:#336699; color:#fff; font-weight:bold; font-size:1.1em; line-height:1.3em; }
.right-column-box-blue { 
/*	float: right; */
width:13em; margin:0 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(226,238,252); color:rgb(100,100,100); }

/*** Red title and box option ***/
.right-column-title-red { 
/*	clear: both; */
display:block; margin:0 0 .5em; padding:.2em 0 .2em .2em; background-color:rgb(255,176,176); color:rgb(100,100,100); font-weight:bold; font-size:1.1em; }
.right-column-box-red { 
/*	float: right; */
width:13em; margin:0 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(255,219,219); color:rgb(100,100,100); }

/*** Paragraph text ***/
#right-column p { margin:0 0 .4em; font-size:1.1em; }

/*** Image with border ***/
.middle-column-img-left-halfsize-border { float:left; width:5.5em; height:5.5em; margin:.3em .75em .3em 0; border:solid 1px #ccc; padding:5px; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.middle-column-img-right-halfsize-border { float:right; width:5.5em; height:5.5em; margin:.3em 0 .3em .75em; border:solid 1px #ccc; padding:5px; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.middle-column-img-left-fullsize-border { float:left; width:11em; height:11em; margin:.3em .75em .3em 0; border:solid 1px #ccc; padding:5px; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.middle-column-img-right-fullsize-border { float:right; width:11em; height:11em; margin:.3em 0 .3em .75em; border:solid 1px #ccc; padding:5px; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }

/*** Image without border ***/
.middle-column-img-left-halfsize-noborder { float:left; width:5em; height:5em; margin:.3em .5em .3em 0; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.middle-column-img-right-halfsize-noborder { float:right; width:5em; height:5em; margin:.3em 0 .3em .5em; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.middle-column-img-left-fullsize-noborder { float:left; width:10em; height:10em; margin:.3em .5em .3em 0; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.middle-column-img-right-fullsize-noborder { float:right; width:10em; height:10em; margin:.3em 0 .3em .5em; font-size:.833em; scalingunitssothat10em:10px thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.; }
.single-post-time { font-size:1.1em; font-weight:bold; color:#884B39; }
.read-on { font-size:1.1em; margin:.5em 0 0; font-weight:bold; }
strong { font-weight:bold; }

/*
Other Image Styles
----------------------------------- */
.left-medium-img { float:left; width:300px; 
/*height: 100%;*/
margin:5px 10px 10px 0; border:solid 1px #ccc; padding:5px; }
.right-medium-img { float:right; width:300px; 
/*height: 100%;*/
margin:5px 0 10px 10px; border:solid 1px #ccc; padding:5px; }
.full-width-large-img { position:relative; top:0; width:97%; 
/*height: 100%;*/
margin:0 0 10px; border:solid 1px #ccc; padding:5px; }
.left-TEMP-img { float:left; margin:15px 15px 15px 0; padding:5px; border:1px solid #ccc; }

/* IE7 only */
:first-child+html .left-medium-img,:first-child+html .right-medium-img,:first-child+html .full-width-large-img { height:auto; }

/* IE6 */
*html .left-medium-img,*html .right-medium-img,:first-child+html .full-width-large-img { height:auto; }
#thumbs img { margin:5px; float:left; height:60px; overflow:hidden; }
#thumbs+p { display:block; clear:both; }

/*
Link Styles
----------------------------------- */
#footer a { color:#FF8000; text-decoration:none; }
#footer a:hover { color:#BBE664; }
img.sidebanner { width:13em; margin:.6em 1em .8em 0; padding:.4em; border:solid .1em rgb(200,200,200); background-color:rgb(255,255,255); }
body#opinion a.more-link { display:block; margin-top:1em; }

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.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 */

/*printer styles*/
@media print
/*hide the left column when printing*/
#leftcol { display:none; }

/*hide the right column when printing*/
#rightcol { display:none; }
#twocols,#maincol { width:100%; float:none; }
}