*{
	color: #222;
}
body{
	font-size: 10pt;
	overflow-x: hidden;
	padding-bottom: 35px;
}

div#notice{
	position: fixed;
	top: 0;
	left: 0;
	font-size: 1.3em;
	background: #fffba8;
	width: 100%;
	height: 1.5em;
	text-align: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #aaa;
}
#header h1{
	font-family: Copperplate, Arial,sans-serif;
	text-align: center;
	width: 100%;
	font-size: 3em;
	letter-spacing: 0.5em;
}
#header h1 a{
	text-decoration: none;
}

#wrapper{	
	width: 80%;
/* 	max-width: 900px; */
	margin: 0 auto;
/* 	background: #333; */
}
#content{
	float: right;
	width: 66.6%;
	margin-bottom: 30px;
	padding-bottom: 30px;
/* 	min-width: 600px; */
}
#sidebar{
	float: left;
	width: 20%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
.rant h1{
	padding-bottom: 0;
	margin-bottom: 0;
	color: black;
	font-family: Copperplate, Arial,sans-serif;
}

.rant h2:before{
	content: url('/images/h2bg.png');
	display: block;
	margin-bottom: -1.2em;
/* 	opacity: 0.85; */
}
.rant h2{
	margin-top: -2em;
	font-family: Impact, sans-serif;
	font-weight: normal;
	z-index: 2;
	font-size: 1em;
/* 	background: url('/images/h2bg.png') top repeat-x; */
}

.rant h2 span.rant_author{
	margin-left: 25px;
	font-size: 1.2em;
	color: #555;
}

.rant span.rant_date{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	display: block;
	float: right;
	z-index: 4;
	clear: both;
	margin-left: -5px;
/* 	margin-top: -0.2em; */
}

.rant span.rant_date{
	color: #aaa;
	font-weight: bold;
	font-size: 1.02em;
	text-align: right;
}

/*
.non span.rant_date{
	color: white;
	font-weight: normal;
	font-size: 1.04em;
	text-align: right;
	margin-top: -6px;
border: 3px solid white;
	height: 0.9em;
	font-family: Impact;
	background: #aaa;
	text-transform: uppercase;
}

*/
.rant p:first-letter{
	font-size: 3.5em;
	font-weight: bold;
 	font-family: Times, "Times New Roman", serif;
	color: #000;
	text-transform: capitalize;
	display: block;
	float: left;
	width: 1em;
	margin: 0;
	margin-bottom: -.2em;
	padding: 0;
}

 .rant p{
 	margin: -.4em 5% 4em 5%;
 	text-indent: 5%;
 	line-height: 1.5em;
 	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	text-align: left;
 	color: #222;
 	text-align: justify;
 }
 
 .rant ul, .rant ol{
 	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
 	margin-left: 7%;
 	margin-right: 7%;
 }

 li ul, li ol{
	padding-left: 2%;
	margin-right: 1% !important;
 }

 #content li.header{
 	display: block;
 }
 #content li.header span{
 	display: block;
	font-family: Copperplate, Arial,sans-serif;
	text-align: center;
	border-bottom: 2px dashed;
	font-size: 3em;
	width: 100%;
	letter-spacing: 0.5em;
 }
 
  span.rant_footer{
 	margin-top: 5px;
 	padding-top: 5px;
 	width: 100%;
 	display: block;
 	border-top: dotted 3px #aaa;
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 }
 
 .commentwrapper{
 	margin:5px 25%;
 }
 

 
 .comment{
 	margin-bottom: 3em;
 	
 }
 
 .commentwrapper, input, textarea{
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 }
 .comments h2{
 	width: 100%;
 	text-align: right;
 	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
 	color: #333;
 	border-bottom: dashed 2px #555;
 }
 

 
 .comment_date{
 	float: left;
 	clear: both;
 	font-family: Impact;
 	margin: 2px 5px -2px 5px;
 	padding: 1px;
 	background: #ddd;
 }
 
 
 .comment_date .month{
	display: block;
 	font-size: 0.8em;
 	background: #ffcdcd;
 	text-align: center;
 	color: #666;
 }
 .comment_date .day{
	display: block;
 	font-family: Copperplate;
 	text-align: center;
 	font-size: 2em;
 }
 .comment_date .extra{
 	display: block;
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 	font-size: 0.7em; 
 	text-align: center;
	border-top: #fff 2px dotted;
 }
 .comment_date .extra b{
 	color: #fff;
	font-weight: bolder;
 }
 
 .comments p{
 	line-height: 1.2;
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 	font-size: 0.95em;
 }
 
 .commentsform{
 	border-top: dotted;
 	text-align: center;
 	width: 100%;
 }

 

 
 #sidebar li{
	font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
  	font-size: 0.65em;
  	font-weight: bold;
  	list-style: none; 
 }

 #search{
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 	font-weight: normal;
 	color: #222;
 	text-align: center;
 	margin: 0;
 	width: 50%;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	height: 1.2em;
	background: url(/images/search.png) white left center no-repeat;
	padding-left: 17px;
	outline-width: 0px;
 }

 #search:focus{
	border: 2px solid #336699;
	border-right: 2px solid #99ccff;
	border-bottom: 2px solid #99ccff;

 }
 #sidebar li.header{
 	font-size: 1.5em;
 	display: block;
 	float: left;
 	clear: right;
 	color: #aaa;
 	font-weight: bold;
 }
  #sidebar li.header.nocontent{
  	display: none;
  }
#sidebar li.header span{
	color: inherit;
}
 #sidebar li.header ul{
	padding: 0.4em;
	padding-top: 0;
 	margin-top: -0.1em;
 }

   
  #rants_months .month{
  }

  #rants_months .active:after{
  	content: '→ ';
  	color: #662222;
  	font-weight: bold;
  	font-size: 1.2em;
  }

  #rants_months .active{
  	padding-left: 1.5em;
  	font-size: 0.8em;
  	color: #662222;
  }
    
  #rants_months .month a:before{
  	content: '→ ';
  	color: #662222;
  }
  
  #rants_months .month a{
  	text-decoration: none;
  }
  
  #rants_searchres{
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
  	margin: 0;
  	padding: 0;
  	text-align: justify;
  }
  
  ul#rants_searchres li{
  	display: inline;
  }
  ul#rants_searchres li:before, ul#rants_searchres li:after{
  	content: " <";
	font-weight: bold;
  	color: red;
  }
  ul#rants_searchres li:after{
  	content: "> ";
  }
  
  #blog_tags{
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
  	margin: 0;
  	padding: 0;
  	text-align: justify;
  }
  
  ul#blog_tags.cloud li{
  	display: inline;
  }
  ul#blog_tags li:before, ul#blog_tags li:after{
  	content: " <";
	font-weight: bold;
  	color: red;
  }
  ul#blog_tags li:after{
  	content: "> ";
  }
  
  ul#blog_tags.list li a:after{
  	content: "  (" attr(title) ")";
  }
  
#footer{
 	background: url('/images/h2bg.png') repeat-x bottom;
 	width: 100%;
 	z-index: 10;
 	position: fixed;
 	bottom: 0px;
 	left: 0px;
 	height: 28px;
	text-align: center;
 }
 
 .meta{
 	text-align: center;
 	color: #777;
 }
 
 #footer p{
 	margin-top: 1.2em;
 }
 
 .highlight{
 	font-size: 1.2em;
 	color: black;
 	font-weight: bold;
 	background: #9f9;
 }
 
 .highlight_0{
 	background: #ff9;
 }
 
 .highlight_1{
 	background: #99ffff;
 }

.br0{
	color: black !important;
	font-weight: bold;
}
/**
 * GeSHi Dynamically Generated Stylesheet
 * --------------------------------------
 * Dynamically generated stylesheet for php
 * CSS class: php, CSS id: 
 * GeSHi (C) 2004 - 2007 Nigel McNie (http://qbnz.com/highlighter)
 */
.php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.php:before{
	content: "PHP Code:";
	display: block;
	font-size:1.5em;
	width: 100%;
	background: #ddddff url('/images/h2bg.png') no-repeat;
	padding: 5px;
}
.php  {
	display: block;
	font-size: 0.8em;
	width: 90%;
	overflow: auto;
	clear: both;
	border: 2px dashed;
}
.php .head {}
.php .foot {}
.php .imp {font-weight: bold; color: red;}
.php .ln-xtra {color: #cc0; background-color: #ffc;}
.php li {background: #eeeeff;font-family: \'Courier New\', Courier, monospace; color: black; font-weight: bold; font-style: normal;background-attachment:fixed;}
.php li.li2 {background: white;background-attachment:fixed;}

.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #000066;}
.php .co1 {color: #808080; font-style: italic;}
.php .co2 {color: #808080; font-style: italic;}
.php .coMULTI {color: #808080; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .br0 {color: #66cc66;}
.php .st0 {color: #ff0000;}
.php .nu0 {color: #cc66cc;}
.php .me1 {color: #006600;}
.php .me2 {color: #006600;}
.php .sc0 {}
.php .sc1 {}
.php .sc2 {}
.php .sc3 {}
.php .re0 {color: #0000ff;}
.php .re1 {color: #ff0000}
/**
 * GeSHi Dynamically Generated Stylesheet
 * --------------------------------------
 * Dynamically generated stylesheet for javascript
 * CSS class: javascript, CSS id: 
 * GeSHi (C) 2004 - 2007 Nigel McNie (http://qbnz.com/highlighter)
 */
.javascript .de1, .javascript .de2 {font-family: \'Courier New\', Courier, monospace; font-weight: normal;}
.javascript:before{
	content: "Javascript Code:";
	display: block;
	font-size:1.5em;
	width: 100%;
	background: #ffdddd url('/images/h2bg.png') no-repeat;
	padding: 5px;
}
.javascript  {
	display: block;
	font-size: 0.8em;
	width: 90%;
	overflow: auto;
	clear: both;
	border: 2px dashed;
}
.javascript .head {}
.javascript .foot {}
.javascript .imp {font-weight: bold; color: red;}
.javascript .ln-xtra {color: #cc0; background-color: #ffc;}
.javascript li {background: #ffeeee; font-family: \'Courier New\', Courier, monospace; color: black; font-weight: bold; font-style: normal;background-attachment:fixed;}
.javascript li.li2 {background: white;background-attachment:fixed;}
.javascript .kw1 {color: #000066; font-weight: bold;}
.javascript .kw2 {color: #003366; font-weight: bold;}
.javascript .kw3 {color: #000066;}
.javascript .co1 {color: #009900; font-style: italic;}
.javascript .coMULTI {color: #009900; font-style: italic;}
.javascript .es0 {color: #000099; font-weight: bold;}
.javascript .br0 {color: #66cc66;}
.javascript .st0 {color: #3366CC;}
.javascript .nu0 {color: #CC0000;}
.javascript .me1 {color: #006600;}
.javascript .sc0 {}
.javascript .sc1 {}
.javascript .sc2 {}
.javascript .sc3 {}
.javascript .re0 {color: #0066FF;}
/**
 * GeSHi Dynamically Generated Stylesheet
 * --------------------------------------
 * Dynamically generated stylesheet for mysql
 * CSS class: mysql, CSS id: 
 * GeSHi (C) 2004 - 2007 Nigel McNie (http://qbnz.com/highlighter)
 */
.mysql .de1, .mysql .de2 {font-family: \'Courier New\', Courier, monospace; font-weight: normal;}
.mysql:before{
	content: "SQL Code:";
	display: block;
	font-size:1.5em;
	width: 100%;
	background: #ddffdd url('/images/h2bg.png') no-repeat;
	padding: 5px;
}
.mysql  {
	display: block;
	font-size: 0.8em;
	width: 90%;
	overflow: auto;
	clear: both;
	border: 2px dashed;
}

.mysql .head {}
.mysql .foot {}
.mysql .imp {font-weight: bold; color: red;}
.mysql .ln-xtra {color: #cc0; background-color: #ffc;}
.mysql li {background: #eeffee;font-family: \'Courier New\', Courier, monospace; color: black; font-weight: bold; font-style: normal;background-attachment:fixed;}
.mysql li.li2 {background: white;background-attachment:fixed;}
.mysql .kw1 {color: #993333; font-weight: bold;}
.mysql .kw2 {color: #aa9933; font-weight: bold;}
.mysql .kw3 {color: #aa3399; font-weight: bold;}
.mysql .kw4 {color: #33aa99; font-weight: bold;}
.mysql .kw5 {color: #993333; font-weight: bold;}
.mysql .coMULTI {color: #808080; font-style: italic;}
.mysql .co1 {color: #808080; font-style: italic;}
.mysql .co2 {color: #808080; font-style: italic;}
.mysql .es0 {color: #000099; font-weight: bold;}
.mysql .br0 {color: #66cc66;}
.mysql .st0 {color: #ff0000;}
.mysql .nu0 {color: #cc66cc;}