/*			the clever blog area!*/


.post a img {

/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
}




img.imageleft { 

 margin-left: 60px;
 margin-top: 60px;  margin-bottom: 60px;
margin-right: 260px; padding: 63px;  max-width: 700px; 

max-height: 700px; 
/* the photoframe */

display: block; margin: 11px; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 3px 4px 4px 3px;  


}
img.imageright { margin: 25px; max-width: 1024px;  

display: block; margin-left: auto; margin-right: auto; padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px;  


 } 

 /* 
 header "buttons" (links) */
.h2, .h3, .h4, .h5, .h6 { 
	cursor: pointer;
	font-weight: bold;
	}

h1, .h1, a.h1, a.h1:visited, a.h1:hover {
	margin: 10px 0 2px 1px;
	color: red;
	font-size: 300%;
text-decoration : none;
		}

h2, .h2, a.h2, a.h2:visited, a.h2:hover {
	margin: 10px 0 2px 1px;
	color: #FBB626;
	font-size: 170%;
	}

/*	
main blog titles	*/
h3, .h3 {
	margin: 0 0 0 0;
	color: #F5A90A;
	font-size: 120%;
	}
	
/*	
big grey title	*/
h4, .h4 {
	margin: 7px 0 0 0;
	color: #C19B53;
	font-size: 150%;
	}

/*	
"user" headers	- bigger brown */
h5, .h5 { 
	margin: 7px 0 0 0;
	color: #DD7400;
	font-size: 140%;
	}

/*		brown title	*/
h6, .h6 { 
	margin: 8px 0 0 0;
	color: #9E5205;
	font-size: 130%;
	}






p, #faq #content ul { 
	font-size:1.4em;
	line-height:1.5em;
	color: black;
	margin-bottom:1em;
}

#faq #content ul li {
	margin-bottom:1em;
	margin-left:10px;
}

	p a {
		color:#54A0D8;
		border-bottom:1px solid #F4F4F4; 
	}
	
	p a:hover { background:#F6F9FB; }


p {margin-top:.1em; margin-bottom:.7em}
blockquote {border:1px solid darkred; padding:10px}
ul {list-style-type:disc}
li {margin-bottom:.3em}
hr {color:darkred; background-color:darkred}


.control, .controlArrow {
 	
 	border: 1px solid #D4D3AA;
 	margin-top:1px; margin-bottom: 1px;margin-right: 6px;
margin-left: 6px; 	padding: 1px 2px 4px 2px;
 	float: left;
	display: block;
 
background-color:white;


 }   








/* begin styles for RSS Feed */

.rss_box {
	 margin: 10px 5%;
	 padding: 4px 8px;
	 width: 460px;
	 background-color: #ededed;
	 border: 2px dashed #7485CA;
}

.rss_title, rss_title a {
	font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items {
  
}

.rss_item  {
  font-family: Hevetica, sans-serif;
  font-size: 13px;
  font-weight : bold; 
  margin: 8px 0;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}

.rss_item a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}
	
.rss_date {
	font-size: 11px;
	font-weight : normal;
	color: #F60;
	}





}


div#blogzcol {
	float: left;
	width: 890px;
	padding: 20px 21px 9px 28px;
	border-left: dotted 2px #6C65D5;
	}

/*		sidebar	*/
div#sun2 {/*	float: left; will make drop-down SLOW! */
	margin: 30px 0px 0px 14px;
	padding: 0px;
	text-align: left;
	}

/*			header	*/




#header {
	padding: 3px 0px 19px 40px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #eeeeee;
	border-bottom: dotted 1px #E0AD12;
	background: #F5E39E;
	color: white;
width: 1204px;	}





/*	setup the neat effect on the sub-header on the main column */
#description {
	padding: 8px 8px 1px 11px;
	margin: 1px 0px 0px 0px;
	color: #9E5205;
	background: transparent;
	font-weight: bold;
	font-size: 85%;
	}





.blogzpost {

width: 91%;	margin: 2px 2px 30px 2px;
border: 0px;	font-size: 90%;
	text-align: justify;
	letter-spacing: 3%;
	}

pre { font-size: 90%; color: #666666; }
strike { color: #999999; }
blockquote { font-size: 90%; color: #111111; }










/* -- basic html elements --

light indigo #6C65D5
light khaki  #839D07
bright light green #93DB04

 */
body {padding: 20px; margin: 0; 
font-family: Helvetica, Tahoma, sans-serif;
	font-size: 140%;


text-align: left;
	width: 924px;

      

}
a {color: #6C65D5; font-weight: bold; text-decoration: none;}
a:visited {color: #6C65D5; text-decoration : none;
	}
a:hover {text-decoration: underline; color: green ;}
h1 {margin: 0; color: #7B8186; font-size: 1.5em; text-transform: lowercase;}
h1 a {color: #7B8186;   text-decoration : none;
	   }
 #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #7B8186; background: transparent ;}
@media all {
  h3 {
    font-size: 1em;
    margin: 2em 0 0 0;
    background: transparent ;
    padding-bottom: 2px;
    }
  }
@media handheld {
  h3 {
    background:none;
    }
  }
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #7B8186;}
h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;}
p {margin: 0 0 1em 0;}
img, form {border: 0; margin: 0;}

/* -- layout -- */
@media all {
    #content {
      width: 700px;
      margin: 0 auto;
      text-align: left;
      background: #fff  center  repeat-y;
      }
    #header {
      background: #D8DADC ;    width: 1024;  }
    #header div {
      background: transparent ;
      }
    #main {
     line-height: 1.4;
     float: left;
     padding: 10px 12px;
     border-top: solid 1px #fff;
     width: 428px;
     /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
     voice-family: "\"}\"";
     voice-family: inherit;
     width: 404px;
    }
  }
@media handheld {
    #content {
      width: 90%;
      }
    #header {
      background: #D8DADC;
      }
    #header div {
      background:none;
      }
    #main {
     float: none;
     width: 100%;
    }
  }
/* IE5 hack */
#main {}
@media all {
  #sidebar {
    margin-left: 428px;
    border-top: solid 1px #fff;l
    padding: 4px 0 0 7px;
    background: #fff ;
    }
  #footer {
    clear: both;
    background: #E9EAEB ;
    border-top: solid 1px #fff;
    }
  }
@media handheld {
  #sidebar {
    margin: 0 0 0 0;
    background: #fff;
    }
  #footer {
    background: #E9EAEB;
    }
  }

/* -- header style -- */
#header h1 {padding: 12px 0 92px 4px; width: 557px; line-height: 1;}

/* -- content area style -- */
h3.post-title {font-size: 1.2em; margin-bottom: 0;}
h3.post-title a {color: #7C78B5;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #B4BABE; font-style: normal; float: left;}
.post-footer {text-align: right;}
.comment-link {margin-left:.6em;}
#main img {border: solid 1px #E3E4E4; padding: 2px; background: #fff;}
.deleted-comment {font-style:italic;color:gray;}