/* Otto Kitsinger common CSS file 2012-01-09 v2.1 */
/* Copyright 2012 Otto Kitsinger */

/* STRUCTURE */

body {
	margin: 0px;
	padding: 0px;
	background: white; 
	}

#headbox,
.headbar { /* edge to edge  */
	margin: 0px 0px 20px 0px;
	padding: 6px 0px 2px 0px;
	height: 4em;
	background: #efefef;
	border-bottom: solid 1px #aaaaaa;
	}
	
.header { /* content sizer */
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	}

.main { /*1 col, 1 of 1*/
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	}
		

.threecol { /*inside main for putting meta on right*/
	width: 655px;
    margin: 0 20px 0 0;
    float: left;
	}
		
.sidecol {  /*inside main for putting meta on the right*/
	width: 205px;
 	float: right;
	}


.centercol {  /*inside main for putting just a two-col centered thing*/
	margin: 0 225px 0 225px
	}


.leftcol { /*inside main for two, two col cols*/
	width: 430px;
    margin: 0 20px 0 0;
    float: left;
	}
		
.rightcol {  /*inside main for two, two col cols*/
	width: 430px;
 	float: right;
	}

.fourcolbox { /* a clone of footer ...  */
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	}

.fourcolbox div {
    width: 205px;
    margin: 9px 20px 0 0;
    float: left;
	}

.fourcolbox div.last {
    width: 205px;
    margin: 9px 0 0 0;
	}


.container { /*2 col, 1 of 3*/
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	}

.content {  /*2 col, 2 of 3*/
	float: left;
	width: 430px;
	margin: 0 132px 0 113px;
	}
		
.sidebar { /*2 col, 3 of 3*/
	width: 205px;
 	float: right;
	}

#footerbox,
.footbar { /* edge to edge */
	margin: 20px 0px 0px 0px;
	padding-top: 1px;
	background: #efefef;
	height: 18em;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	clear: both;
	}

.footer { /* content sizer */
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	}

.footer div {
    width: 205px;
    margin: 9px 20px 0 0;
    float: left;
	}

.footer div.last {
    width: 205px;
    margin: 9px 0 0 0;
	}

/* TYPOGRAPHY - MAIN */

body,
p,
ul,
li {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000;
	}

a { 
	color: #222222;
	font-weight: bold;
	text-decoration: none; 
	}

a:visited { 
	color: #222222; 
	}
	
a:hover { 
	color: #228822;
	text-decoration: underline; 
	}

H2 {
	font-size: 150%;
	}
	
H3 {
	font-size: 125%;
	}

blockquote {
	margin-left: 1.5em;
	padding-left: 5px; 
	}

IMG {
	border: thin solid black;
	}

a:hover img { 
	border: thin solid #228822;
	}

/* HEADER TYPOGRAPHY */

.header {
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 1.3em;
	color: #666666;
	}

.header a {
	color: #666666;
	font-weight: bold; 
	text-decoration: none; 
	}

.header A:hover {
	color: #000000;
	}

.header h1 {
	font-size: 150%;
	margin: 1px;
	}
	
.header p {
	margin: 0px;
	}

/* SIDEBAR TYPOGRAPHY */

.sidebar ul {
	list-style-type: none;
	margin-left: 0;
	padding: 0px 22px 0px 8px;
	}
	
.sidebar h3 {
	font-size: 1em;
	}

/* FOOTER TYPOGRAPHY */

.footer p { 
	color: #666666;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	}

.footer a {
	color: #666666;
	font-weight: bold; 
	text-decoration: none; 
	}

.footer A:hover {
	color: #000000;
	}

/* MISC */

.left {
	text-align: left;
	}
	
.right {
	text-align: right;
	}
	
.center {
	text-align: center;
	}

.floatleft {
	float: left;
	}

.floatright {
	display: block;
	float: right;
	}

.textright {
	float: right;
	text-align: right;
	}

.meta {
	font-size: 0.8em;
	color: #808080;
	}

.meta a {
	font-weight: bold;
	color: #808080;
	}

.meta a:hover {
	color: #228822;
	}

.sidecol ul {
	list-style-type: none;
	margin-left: 0;
	padding: 0px 0px 3px 0px;
	}

.sidecol h2 {
	font-size: 1.25em;
	}

.sidefirst {
	font-size: 1.25em;
	margin-top: 0px;
	}


/* classes used by the_meta() */

ul.post-meta {
	list-style: none;
	}

ul.post-meta span.post-meta-key {
	font-weight: bold;
	}

/* more wordpress styles */

#commentform input, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	}

#commentform textarea {
	width: 100%;
	}

#commentlist li ul {
	border-left: 1px solid #ddd;
	list-style-type: none;
	}

/* special for fatfreecart */

div#EJEJC_window img {
	border: none;
	}

div#EJEJC_iframeContent img {
	border: none;
	}