/* Structural Layout */
html, body{ 
 margin:0; 
 padding:0; 
 background-image:url('images/blackbox240.gif');
 background-repeat: repeat-y;
 } 
 
div#pagewidth{ 
 width:790px;  
} 
 
div#leftcol{
 width:240px; 
 float:left; 
 position:relative; 
 background-color:#000000; 
 margin: 0;
 }
 
div#heady {
padding: 3px 0 3px 0;
font-style: italic;
margin-top:.25em;
margin-bottom:.25em;
border-bottom: 2px solid #333333;

}

div#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:525px;
 line-height: 130%;
 color: #333333;
 margin-bottom: 0em;
 }
 
div.post{
margin-bottom:.5em;
clear: both;
}

div.gutter{
margin: 10px 0 10px 0;
border-top: 2px solid #333333;
padding-top: 5px;
clear: both;
}

div#leftcol h3 {
 color: #FFFFFF;

 font: .75em "arial", "helvetica", "sans-serif";
 padding-left: 20px;
 }
 
div#leftcol ul, ol {
 color: #bfb278;
 font: .75em "arial", "helvetica", "sans-serif";
 list-style: none;
 margin-left: 20px;
 padding-left: 1em;
 text-indent: -1em;
 }

/* Header Styles - in order of presentation */

p#sitename1 {
padding-left:23px;
margin-top:.5em;
margin-bottom:.25em;
font-style: italic;
color: #CCCCCC;
text-shadow: 0 0 0.2em yellow;
}

div#blocks_container {
font-size:0.1em; /* to avoid unequal spacing between images*/
padding-left: 16px;}

img#block_1, img#block_2, img#block_3, img#block_4 {
margin:1px;
width: 100px;
height: 100px;
}
img#block_1 { opacity:0.70; filter: alpha(opacity=70); /* for IE */ }
img#block_2 { opacity:0.65; filter: alpha(opacity=65); }
img#block_3 { opacity:0.75; filter: alpha(opacity=75); }
img#block_4 { opacity:0.80; filter: alpha(opacity=80); }

p#sitename2 {
margin: 0em 0em 7em 0em;
font: 1.40em "Trajan", "Baskerville", "Times New Roman", georgia, serif; 
text-transform:uppercase; 
letter-spacing:0.07em;
padding-left: 13px;
color: #CCCCCC;
text-shadow: 0 0 0.2em yellow;
}
	
div#postextras {
margin: 20px;
padding: 10px;
border: 1px solid gray;
}

/* classes - more than one instance per page - plurals called by multi */

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}
p.doublespace {margin-top: 2em;}
p.triplespace {margin-top: 3em;}
p.bigspace {margin-top: 6em;}
.italic {font-style: italic;}
.bold {font-style: bold;}
.small {font-size: 80%;}
.sans {font-family: Helvetica, Arial, serif;}
.sans_small {font-family: Helvetica, Arial, serif; font-size: 80%;}
.poem {font: 1.2em "Trajan", "Baskerville", "Times New Roman", georgia, serif;}

a:link {text-decoration: none; color: #bfb278;}
a:visited {text-decoration: none; color: #bfb278;}
a:active {text-decoration: none; color: ;}
a:hover {text-decoration: underline; color: red;}

div#maincol a:link {text-decoration: none; color: #9a7d61;}
div#maincol a:visited {text-decoration: none; color: #9a7d61;}
div#maincol a:active {text-decoration: none; color: ;}
div#maincol a:hover {text-decoration: underline; color: red;}

h1.post {font-size: 140%; color: #9a7d61; text-shadow: 0 0 0.1em #333333; padding: 10px 0 5px 0;}
h1.posts {font-size: 100%; color: #333333; float: left; font-style: italic; margin-top:.25em; margin-bottom:.25em; padding: 3px 0 3px 0;}
h2.posts {font-size: 140%; color: #9a7d61; text-shadow: 0 0 0.1em #333333; margin: 0 0 0 1em; padding: 0px 0 5px 0;}

p#player1 {text-align: center;} //** mediaplayer thin **//
p#player2 {text-align: center;} //** mediaplayer fullsize**//
p#imagerotator {display: block; margin: 0 auto 0 auto; padding: 3px;} //** imagerotator **//
p.author {}
p.authors {}
p.cat  {}
p.cats  {font-style: italic; margin: 0 0 .5em 0; color: #9a7d61;}
p.date  {float: right; margin: 0em;}
p.dates  {text-align: right; border-bottom: 2px solid #333333; padding: 3px 0 3px 0;
font-style: italic;
margin-top:.25em;
margin-bottom: 1em;}
p.footy {font-size: 80%; text-align: center; margin-bottom: .1em; padding-bottom: .5em; }

img.left {float: left; margin: 0 0em 0em 0; padding: 10px;}
img.leftb {float: left; margin: 0 1em 1em 0; padding: 3px; border: 1px solid #333333;}
img.right {float: right;}
img.rightb {float: right; margin: 1em 0 1em 1em; padding: 3px; border: 1px solid #333333;}
img.toppost {display: block; margin: 0 auto 1em auto; padding: 3px; border: 1px solid #333333;}
img.deco {display: block; margin: 0 auto 0 auto;}
img.the_end {float: right; margin-bottom:.5em;}
img.center {display: block; margin: 0 auto 0 auto; padding: 3px;}
img.centerb {display: block; margin: 0 auto 0 auto; padding: 3px; border: 1px solid #333333;}
img.evenleft {float: left; margin: 1em 1em 1em 0; padding: 3px; border: 1px solid #333333;}
img.oddright {float: right; margin: 1em 0 1em 1em; padding: 3px; border: 1px solid #333333;}
img.not_found_img {
display: block;
margin: 5em auto 6em auto;
width:334px;
height:260px;
}

form.bComment {
margin-top:2em;
}

ul.toc li {padding-top:.5em;}

 
 /* *** 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;} 
#twocols, #maincol{width:100%; float:none;}
}