/*
  Description: originally based on movabletype's georgia-blue theme
  Grabbed from some other blog. Heavily hacked. So very ugly. - Ian
*/	

body {
	margin:0px 5px 5px 5px;
	background-color:#ffffff;		
	color: #000000;
	font-size: small;
	color: #000000;
	background-color: #ffffff;
}

a { 
	color: #003366;
	text-decoration: none; 
} 

a:visited { 
	color: #3b5066;
}
		
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

.dropshadow {
	text-shadow: black 3px 3px 3px;
}

# http://factoryjoe.com/blog/2005/10/02/supah-cheap-css-dropshadow-hack/
#    .dropshadow {
#      color: #fff;
#      margin:0;
#      padding:0;
#      position: relative;
#      z-index: 1
#      }
#    .dropshadow span {
#      position: absolute;
#      top: 1px;
#      left: 1px;
#      color: #000;
#      z-index: -1;
#      mozopacity: 0.50;
#      }
#    .dropshadow span:after {content: attr(title);}

.blurshadow {
	text-shadow: black 0px 0px 3px;
}

.title {
	text-shadow: black 0px 0px 3px;
}

#banner {
	font-family: verdana, helvetica, sans-serif; 
	color:#000000;
	font-size:large;
	font-weight:normal;
	border-top:3px solid #ffffff;
	/*border-bottom:1px solid #bbbbdd; /*dotted  #FFF:*/  
	background-image: none;
	background:#ddddff url(/images/vgradient.png) repeat-x top;
	padding:0px;
	letter-spacing: .2em;
	text-align: right; 
} 

#banner a, #breadcrumbs a,
#banner a:link, #breadcrumbs a:link,
#banner a:visited, #breadcrumbs a:visited,
#banner a:active, #breadcrumbs a:active,
#banner a:hover, #breadcrumbs a:hover { 
	font-family: verdana, helvetica, sans-serif; 
	font-size: xx-small;
	background: transparent;
	color: #003366;
	text-decoration: none;
}

#breadcrumbs {
	position:relative;
	text-align:right;
	top:0px;
	text-transform:capitalize;
	font-family: verdana, helvetica, sans-serif; 
	color:#000000;
	font-size:xx-small;
	background:transparent;
	padding:2px 2px 2px 15px; 
	letter-spacing: .2em; 		
	margin:0px;
}

#categories {
	text-align: right;

	font-family:verdana, arial, sans-serif;
	color:black;
	font-size:xx-small;
	letter-spacing: .2em; 		
}

#categoryindex {
	padding:5px;

	margin:0px 25px 0px 25px;

	/* border: 1px solid #E8E8FF; /* added */
	background: #F8F8FF;
}

#navigation {
	padding:5px;
	padding-bottom:15px;

	margin:0px 25px 20px 25px;

	/*border: 1px solid #ffffff; /* added */
	background: #E8E8FF;
}

#headshot {
	text-align: left;
	float: left;
	width:200px;
	/*border: 1px dotted black;*/
}

#contact #name {
	font-size: x-small;
	/*border: 1px solid black;*/
}

#headshot #contact {
	color: #000000;
	font-size: xx-small;
	text-transform: none;
	letter-spacing: normal;
	/*border: 1px solid black;*/
}

.description {
	font-family:verdana, arial, sans-serif; 
	color: #77AAEE;
	font-size:x-small;
	font-weight:bold;
	background: transparent;
	text-transform:none;	
	letter-spacing: .3em; 		
	/*border: 1px solid black;*/
}

#centercontent {
	color: #000000;	
	float:left;
	margin: 0px;
	padding: 0px;
	left:25.5%;
	width:99.5%;
	background-color:transparent;
	z-index:5;
}
/*position center for gecko and Opera 5 */
html>body #centercontent    {
	position:absolute;
	left: 23.0%;
	width: 76.2%;
} 

#leftcontent {
	position: relative;
   	float: left;
   	width:25%;
	background:#ddddff url(/images/hgradient.png) repeat-y top;
	margin:0px;
	padding:0px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own 
 stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for 
 publicizing it.  IE5/Win incorrectly parses the "\"}"" value, prematurely 
 closing the style declaration. The incorrect IE5/Win value is above, while 
 the correct value is below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:20%;
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it 
   feeds correct length values to user agents that exhibit the parsing 
   error exploited above yet get the CSS box model right and understand 
   the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5
   " rule every time you use the Tantek Celik hack (above). */
body>#leftcontent {width:20%;
	float:left;
	width:20%;
	min-width:170px;
	background:#ddddff url(/images/hgradient.png) repeat-y left;
	/*border: 1px solid black;*/
/*	padding:5px;*/
	padding:0px;
	z-index:2;
}
		
#rightcontent {
	float:left;
	width:15%;
	background-color:transparent;
	/*border: 1px solid black*/;
	padding:10px;
	z-index:4;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:15%;
	}*/
/* Again, "be nice to Opera 5". */
/*body>#rightcontent {width:100px;}*/

#links {
	float: right;
	width:20%;
	color: #000000;	
	background: transparent;
	padding-left:21px;
	padding-right:15px;
	margin-left: 0px;
}

.blogentry {
	margin: 10px;
	padding: 0px;
}
		
.blogborder {
	padding:0px;
	margin:0px;
}	
		
.blog {
	/* added */
	margin: 0px;
	padding: 0px;
}	
		
.blogbody {
	background: #F8F8FF;

	font-family:georgia, verdana, helvetica, sans-serif, arial;
	color:#333;
	font-size: small;
	font-weight:normal;
	text-align:justify;	
	line-height:140%;
	/*padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;*/
	padding:10px;
	margin:0px;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active {
	font-weight: bold;
	text-decoration: none;
}

.blogbody a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.blogtitle	{ 
	font-family: verdana, helvetica, sans-serif; 
	font-size: medium; 
	color: #003366;
	background: transparent;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: bold;		
}
			
#menu {
	margin-bottom:15px;
	color:#000;
	background: transparent;
}	
			
.date	{ 
	font-family:georgia, verdana, arial, sans-serif; 
	font-size: large; 
	color: #c1c7cd;
	background:transparent;
	padding:0px;
	margin:10px 10px 0px 10px;
	font-weight:bold;
	text-align: right;
}			
			
.posted	{ 
	font-family:verdana, arial, sans-serif; 
	font-size: xx-small; 
	color: #003366;
	background:transparent;
	margin-bottom:15px; 
	padding-right: 50px;
}
			
.calendar {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:xx-small;
	font-weight:normal;
	background:transparent;
	line-height:140%;
	padding:0px;
}
		
.calendarhead {	
	font-family:verdana, arial, sans-serif;
	color:#003366;
	font-size:xx-small;
	font-weight:bold;
	background:transparent;
	line-height:140%;
	padding:0px;				
}	
		
.side p, .side {
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-size:small;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	text-align: justify;
}	
			
.sidetitle {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:bold;
	background:transparent; /*#EEE;*/
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:left;
	letter-spacing: .2em;  
	border-bottom: 1px dotted #003366; /* added */
}		

.syndicated p, .syndicated {
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-size:xx-small;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	text-align:left;
}	

.syndicatedtitle {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:bold;
	background:transparent; /*#EEE;*/
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:left;
	letter-spacing: .2em;  
	border-bottom: 1px dotted #003366; /* added */
}		

.blogroll {
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-size:xx-small;
	font-weight:normal;
	background: transparent;
	line-height:140%;
	padding-left:40px;
	text-align: justify;
}
	
.syndicate {
	font-family:verdana, arial, sans-serif;
	font-size:xx-small;
	font-weight:bold;		
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:center;
	color:#000; 
	background:transparent;
}	
			
.powered {
	font-family:verdana, arial, sans-serif;
	color:#003366;
	background:transparent;
	font-size:8pt;
	font-weight:bold;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;		
	text-transform:lowercase; 
	padding:2px;
	margin-top:10px;
	text-align:center;
}	
		
.comments-body {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight:normal;
	background:transparent;
	line-height:140%;
	padding:10px;			
	border-bottom:1px dotted #CCC;		
}		

.comments-post {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:normal;
	background:transparent;
}	

.trackback-body {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight:normal;
	background:transparent;
	line-height:140%;
	padding:10px;			
}		

.trackback-url {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight:normal;
	background:transparent;
	line-height:140%;
	padding:10px;
	border:1px dashed #CCC;			
}

.trackback-post {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:normal;
	background:transparent;
}

.comments-head	{ 
	font-family: georgia, verdana, arial, sans-serif; 
	font-size: medium; 
	color: #666; 
	background:transparent;
	/* border-bottom:1px solid #999; */
	padding:5px;
	font-weight:normal;
	margin-top:20px;
}		

#banner-commentspop {
	font-family:georgia, verdana, arial, sans-serif;
	color:#FFF;
	font-size:large;
	font-weight:bold;
	border-bottom:1px dotted #FFF;
	border-top:3px solid #ddddff;
	background:#ddddff;
	padding:15px; 
}

/* local */

img { border-style:none }
img.icon { float: left; padding-top:6px; padding-left:6px; padding-right:6px; padding-bottom:0px; border:none }

.archive { font-size:x-small; }

#pathinfo {
	font-family:verdana, arial, sans-serif;
	color:#fff;
	font-size:xx-small;
	background:transparent;
	float:left;
	padding:2px 2px 2px 15px; 
	letter-spacing: .2em; 		
}

.trackback-text {
	font-family:verdana, arial, sans-serif;
	color:#CCC;
	font-size:x-small;
	font-weight:normal;
	background:transparent;
	margin-bottom:20px;
}	

abbr { 
       border-bottom: 1px dotted;
       cursor: help;
}

blockquote { 
      background-color:transparent;
      text-align:justify;
      color:#000;
      border:1px dotted #000;
      padding:4px;
      font-size: x-small;
}

.writeback {
	font-family: verdana, helvetica, sans-serif; 
	color:#333;
	font-size: x-small; /* was small */
	font-weight:normal;
	background:transparent;
	line-height:140%;
	padding-left:22px;	
	padding-right:10px; 
	padding-top:0px;			
}

.textbox {
	font-size:small;
	max-height:25px;
	width:4cm;
        border: 1px solid #ccc;
}

.areatext { 
        font-size:small;
        width:4cm;
}

.comment-form { 
        font-size:x-small;
        color:#000;
        float:left;
        width:45%; 
        background:transparent;
        border:1px dotted #999;
        margin-right:0px; 
        padding:20px;
        margin-top:20px;
}
.comment-tags {
	float: right;
        font-size:small;
	width:36%;
	color: #a9a9a9;	
	background:transparent;
	padding-left:0px;
	margin-right:15px;
        margin-top: 20px;}

.blosxomCalendar { 
                   text-align: center;
                   padding-left: 0px;
}
.blosxomCalendarHead, .blosxomCalendarWeekHeader { color:#000; background-color:transparent; }
.blosxomCalendarEmpty { background-color: transparent; }
.blosxomCalendarCell { background-color: transparent; }
.blosxomCalendarBlogged { background-color: #f4f7fb;}
.blosxomCalendarSpecificDay {  }
.blosxomCalendarToday { background-color: #eee;}

.code {
    margin-top: 8pt;
    margin-bottom: 8pt;
    background:transparent;
    white-space: pre;
    border-style: solid;
    border-width: 1pt;
    border-color: #999999;
    color:#111111;
    padding-left: 0.4%;
    padding-top: 2pt;
    padding-bottom: 2pt;
    width: 99.6%;
}

div.quote p
{
	font-style: italic;
	margin: 0px 0px 0px 0px;
}
div[class="hidden"]
{
	padding:0px;
	margin:0px;
	display: none;
}
div[class="commentview"]
{
	background:#F0F0FF;
	margin: 0px 20px 20px 20px;
	border: 1px solid #E8E8FF; /* added */
	font-family: verdana, helvetica, sans-serif; 
	font-size: x-small;
}
img
{
	border: 0px;
}
form
{
	margin: 0px;
}
/*.button {
	background-color: #ddd;
        border: 1px dotted #ccc;
	font-size: 8pt;
	color: #000;
	max-height: 35px;
}*/
#writebacksform label.name {
	position: relative;
	float: left;
	width:100%;
}
#writebacksform input.names {
	float: left;
}
#writebacksform label.url {  
	position: relative;
	float: left;
	width:100%;
}
#writebacksform input.urls {  
	position: relative;
	float: left;
	width:auto;
}
#writebacksform label.title {  
	position: relative;
	float: left;
	width:auto;
}
#writebacksform input.titles {  
	text-shadow: none;
	position: relative;
	float: left;
	width:auto;
}
#writebacksform label.comment {  
	position: relative;
	width:auto;
}
#writebacksform textarea.comments {  
	position: relative;
	float: left;
	width:100%;
}
#writebacksform label.save {  
	position: relative;
	float: left;
	width:100%;
}
#writebacksform label.buttons {  
	position: relative;
	float: left;
	
}

/* Browser specific hacks */

/* Backslash hack: for Mac ie5 only: \*/
#ismacie5 { }
/* end of backslash hack */

/* Microsoft x86 IE6 image loader 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/vgradient.png', sizingMethod='scale');
*/