/*
Theme Name: TroutLouts
Theme URI: http://www.villagewerx.com
Description: A flexible, two-column layout for The Trout Louts' weblog.
Author: Bob Sutton, Villagewerx LLC
Author URI: http://www.villagewerx.com
Version: 1.0
*/

/************* Lay the foundation ****************************/

* {margin: 0;padding: 0;}
html, body {margin:0;padding:0;}
html, body, #content {min-height: 100%;width: 100%;height: 100%;}
html>body, html>body #content {height: auto;}	
body 	{font-family: georgia, "times new roman", serif;font-size: 1em;color: #333333;background-color: #b4b3a1;}

/************* Headers & Typography *************************/
div .blog-name {position: absolute;left: -9999px}
p	{margin-bottom: 15px;}

/************* Layout Elements & Boxes **********************/
#pagewidth{ min-width: 1140px; width: 1140px; background-image: url(images/TLpanelset2_03.jpg); background-position: -220px;   overflow: hidden; } 
#header {position: relative;width: 100%;height: 200px;background-image: url(images/TLpanelset2_01.jpg);background-repeat: no-repeat;background-position: -220px;}
#wrapper {width: 100%; height: 100%; min-height: 614px;	 background-image: url(images/TLpanelset2_02.jpg); background-repeat: no-repeat; background-position: -220px top; }
#wrapper2 {width: 100%;height: 100%;min-height: 614px;	background-image: url(images/TLpanelset2_02_2.jpg);background-repeat: no-repeat;background-position: -220px top;}
#wrapper3 {width: 100%;height: 100%;min-height: 614px;	background-image: url(images/TLpanelset2_02_3.jpg);background-repeat: no-repeat;background-position: -220px top;}
#twocols { width:73%; float:right; position:relative; }
#sidebar {float: left;position: relative; width: 220px; height: 100%; margin-left: 60px; }
#content {margin-left: 30px;max-width: 38em;height: 100%;float: left; display:inline; position: relative; width:73%; }
#footer {width: 100%;height: 170px;padding-top: 235px;background-image: url(images/TLpanelset2_06.jpg);background-repeat: no-repeat;background-position: -220px;clear:both;}
#special {float: left;width: 250px;margin-left: 40px;text-align: center;color: #fff;}
#colophon {width: 60%;margin-left: 320px;text-align: left;color: #fff;font-family: arial,verdana,san-serif;font-size: small;}

/************* Styles for Primary Content  ********************/

.post-title-block {margin-top: 30px;}
.post-time {font-family: arial,verdana,san-serif; font-size: .8em; font-weight: bold; margin-bottom: 10px; color:#52360E;}
.post-title {color: #333; font-family: helvetica, arial, sans-serif; font-size: 28px; width: 80%; margin-bottom: 10px;}
.post-author {color: #9B6F31; font-size: 12px; font-family: helvetica, arial, sans-serif; font-weight: bold; margin-bottom: 5px; border-top: 1px solid #D4993D; border-bottom: 1px solid #D4993D; padding: 4px 0px;}
.post-author span {color: #333;}
.post-content {color: #333; line-height: 1.2em;}
.post-content p, .post-content br {margin-bottom: 20px;}
.post-content p:first-child {margin-top: 1em;}
.post-metadata {font-size: .75em; color: #675D14; padding: 5px; background-color: #D9A841; border: 1px dashed #000;}
.single-post-metadata {background-color: #D9A841;border: 1px dashed #000;padding: 10px;font-size: .8em;}
.single-post-time {color: #52360E; font-size: .8em; font-weight: bold; margin-bottom: 10px; font-family: arial, verdana, sans-serif; }	
.post-comments {display: block;}

/****** Styles for Multi-post Compilations e.g. Search Results, Category Indices ************/

.multi-post {font-family: arial,verdana,helvetica,san-serif;font-size: .85em; color: #000; margin: 0 0 1.4em 0;}
.multi-post h3 {font-size: 1em; margin-bottom: 3px;}
.multi-post a:link {color: blue;}
.multi-brief p{margin-bottom: 0;}
div .permalink {color: #004000;margin: 0;text-decoration: none;}
hr, .rule {	margin:0;height:1px; border:none; background:rgb(234,234,188); color:rgb(234,234,188); font-size:1px; line-height:1px; overflow:none;}

/************* Styles for Sidebars ****************************/
.sidebar h2 {width: 210px;}
#sidebar ul li {list-style-type: square; color: #e6dfc3; line-height: 1em; padding-bottom: 3px; margin-left: 20px;}
.sidebar-title {color: #e6dfc3;font-family: courier,georgia,"times new roman",serif;font-weight: bold;display: block;font-size: 1.5em;margin-top: 1.5em;border-bottom: 1px dotted #e6dfc3;margin-bottom: 3px;width: 200px;}
.left-widget {margin-bottom: 1.3em;}
.sidebar ul li {list-style-type: none;color: #fff;}

/************* Styles for Lists  ********************************/
html>body .post-content ul {margin: 0px;padding: 0px;} 
html>body .post-content li {margin: 0 0 0 60px;padding: 0px;}
.post-content ul{margin: 10px 0 30px 0;}

/************* Styles for Links ****************************/

/*a:link {color: #333;}
a:visited { color: #777;}
a:hover {color: #fff;
a:active {color: red;}*/

#sidebar a {font-family: verdana,arial,helvetica,san-serif;font-size: .75em;font-weight: 600;text-decoration: none;}
#sidebar a:link {color: #fff;}
#sidebar a:visited {color: #e1bc6c;}
#sidebar a:hover {color: #80FFFF;text-decoration: underline;}
#navtabs a {position: absolute;height: 180px;width: 30px;top: 31px; text-decoration: none;}
#navtabs a i {visibility: hidden; }
a#home { top: 5px;left: 705px; }
a#reports { top: 205px;left: 705px; }
a#pictures { top: 405px;left: 705px; }

/*Special LINKS */

h1.post-title a {text-decoration: none;}
h2.post-title a {text-decoration: none;}

/************* Styles for Images **************************/
.post-image {width: 97%; height: auto; float: left; border: 10px solid #fff; margin: 1em 0 1em 0; background-image: url(images/shadowAlpha.png); display: block; clear: both;}
.post-image-two {width: 44%; height: auto; float: left;border: 10px solid #fff; margin: 1em 1em 1em 0; background-image: url(images/shadowAlpha.png); display: block;		}
.oneup	{width: 97%; height: auto; border: 10px solid #fff; margin: 1em 0 1em 0;background-image: url(images/shadowAlpha.png);display: block;clear: both;}
.twoup	{width: 40%; height: auto; float: left; border: 10px solid #fff; margin: 1em 1em 1em 0; clear: both;}
.threeup	{width: 175px !important;height: auto;float: left;border: 7px solid #fff;margin: 1em .5em 1em 0;}

/************* Styles for Forms ****************************/
.sidebar-search {margin-bottom: 20px;}
#sidebar input[type="submit"] {margin-top: 1em;}


/************* Styles for Comments ***********************/
.comment-header {color: #8B6D39;}
.comment-list .odd-comment .comment-header {/* background-image: url(images/gradient04.png); */}
.comment-meta {padding: 5px 20px 0px;color: #400000;font-weight: bold;font-family: arial,verdana,helvetica,san-serif;}
.comment-num {float:right;font-family:verdana,arial,helvetica,san-serif;font-size:1.2em;color:#000; padding-right: 10px;}
.comment-text {color: #333;font-family: georgia,"times new roman",times,serif;font-size: 1.1em;line-height: 1.2em;padding: 3px 20px 10px;}
.comment-list .odd-comment {background-color: #D1D8A4;border: 1px dashed #8B6D39;margin-bottom: 10px;}
.comment-list .even-comment {background-color: #E7E0C6;border: 1px dashed #800000;margin-bottom: 10px;}
.comment-list {font-size: .9em;margin-bottom: 20px;}
.comment-date {font-size:.7em;font-family: helvetica,arial,verdana,san-serif;font-weight: bold;color:#000000;}
.comment-title {font-size:1em;font-family: arial,helvetica,verdana,san-serif;font-weight: bold;margin-top: 20px;margin-bottom: 10px;color: #6D4C19;}
#commentform {background-image: url(images/backgrnd01.jpg);border: 2px solid #6D4C19;padding: 10px;}
.permitted-tags {font-size: .8em;color: #000;width: 90%}
textarea#comment {width:96%;padding: 10px;background-color: #;border: 1px solid #000;}
cite	{font-style: normal;color: #000;}

/************* Printer Styles  ****************************/
 /*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;}
}
/************* Other Stuff ****************************/
#wp_quotes {width: 90%;}
.wp_quotes_quote {color: #e6dfc3;font-size: .8em;}
.wp_quotes_author {color: #e1bc6c;margin-top: 6px;font-size: .7em;text-align: right;}

/* *** 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 */  

.breadcrumb {font-family: helvetica, arial, verdana, san-serif; font-size: .7em; text-align: left; display: inline; font-weight: 700; color: #4D3F0E}
div .breadcrumb { margin: 0 0px 0px 0px;}
.breadcrumb img { border: 0; padding: 0; display: inline; }
.lastcrumb { font-size: 1.1em; font-weight: bold; color: #AE6E1C;}
 

/************* Experiments **************************/