/* limon new CSS 2006 */
/* blue variation */
/* Dark blue #2C64D0 */
/* Light blue #C4CEE2 */
/* base colors: 
	dark #464646 */
	
/* trbl tb lr */
/* structure layout and colors */ 

body { 
	margin: 25px;
	padding: 0px;
	/* background-color: #222; */
	font-family: "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.85em;
	line-height: 140%;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5 {
	color: #2C64D0;	
	font-weight: normal;
}
textarea {
	font-family: "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a {
	color: #2C64D0;
}
a:hover {
	background: #2C64D0;
	color: #C4CEE2;
}
a:visited {
	color: #444;
}


#header {
	margin: 1em 0em;
	padding-top: 1em;	
	padding-bottom: 2em;
}
#container {
	width: 100%;
    float: right;
    /* this is a really sneaky hack.  note the matching 200px in content  */
    margin-right: -210px;  
}
#content {
	max-width: 40em; 	 
  	padding: 0em 1.75em 0em 1.75em; /* TRBL */
	/* pt 2 of sneaky hack. */ 
  	margin-right: 210px;
  	border-left: 1px dashed #2C64D0;

}
.entry  {
	margin: 0em;
} 
#sidebar { 	
 	/* ALA */
 	width: 190px;
  	float: left;
}
#footer {
  	margin-right: 220px;  
	max-width: 51.3em;
	/* margin-top: -3em;
	margin-bottom: 2em; */
	color: #2C64D0;
	text-align: right;
	font-size: .85em;
}


/* sidebar */
.menu {
	margin: 0;
	color: #2C64D0;
}
	.menu #powered { /* MT icon at bottom of menu */
		padding-top: 2em;
		text-align: center;	
	}
	.menu h4 {
		margin-top: 1.5em;  
		padding-top: .2em;
		padding-bottom: .2em;
		letter-spacing: .2em;
		color: #666;
		font-weight: bold;
		padding-left: .75em;

		/* border: 1px dashed #2C64D0; */
		border-bottom: none;
		border-top: none;
		background-color: #EEE; 

	}
	.menu h4#home {
		margin-top: 0;
	}
	.menu .submenu {
		font-size: .90em;
		padding-top: .25em;
		padding-left: .75em;
		padding-right: .75em;
		/* border-left: 1px dashed #2C64D0; 
		border-right: 1px dashed #2C64D0; */

	}
	.menu a {
		/* color: #666; */
		color: #2C64D0; 

		text-decoration: none;
	}
	.menu h4 a {
		color: #2C64D0; 
	}
	.menu h4 a:hover {
		background-color: #2C64D0;
		color: #C4CEE2;
	}	
	.menu a:hover {
		color: #C4CEE2;
	}
	.menu h4 a:visited {
		color: #2C64D0;
	}
	.menu a:visited {
		color: #C4CEE2;
	}
	
	/* search form */
	.menu form {
		margin: 0;
		padding: 0;
		padding-top: .5em;
		text-align: center;
	}
	.menu input {
	}
	.menu #searchtext {
		background-color: #C4CEE2;
		border: 0;
		width: 75%;
		border: 1px solid #AAA;
	}
	.menu #searchbutton {
		margin-top: .5em;
	}

/* header */ 
#header {
}
	#header h1 { /* header */  
		font-size: 6em;
		line-height: 100%;
	}
	#header a, 
	#header a:hover {
		text-decoration: none;
		background-color: white;
		color: #2C64D0;
	}
	
	#header a:hover {
		color: #C4CEE2;
	}

/* footer */
#footer {
}
	#footer a, 
	#footer a:visited,
	#footer a:hover {
		/* background: #222; */
		text-decoration: none;
		color: #2C64D0;
	}

/* layout - text */ 

#content {
}
	#content p, 
	#content ul,
	#content table {
		margin-bottom: 1em;
		line-height: 135%;
	}
	#content table {
		border-collapse: collapse;
	}
	#content th {
		text-align: left;
		background:  #C4CEE2;
		color: #2C64D0;
		padding: .2em .5em;
	}
	#content td {
		border-bottom: 1px dashed #2C64D0;
		padding: .25em .75em;
		padding-right: 1em;
	}	
	#content h1 { /* essays and fiction only */
		font-size: 3em;
		margin-bottom: .5em;
		line-height: 100%;
	}
	#content h2 {
		font-size: 1.65em;
		margin-bottom: .75em;
		line-height: 135%;
	}
	#content h3 {
		font-size: 1.2em;
		margin-top: 1em;
		margin-bottom: .75em;
	}
	
	
	/* plain lists */
	#content ul {
		margin-left: 1em;
		list-style: none;
	}
	#content ul li {
		padding-left: 1.5em;
		margin-bottom: .2em;
		background-image: url(/images/square-blue.gif);
		background-repeat: no-repeat;
		background-position: 0 .12em;
	}
	#content ol {
		margin-left: 3em;
		list-style: decimal;
	}
	#content ol li {
		margin-bottom: .2em;
	}
	
	/* extended lists */
	#content ul.extend li {
		margin-bottom: 1em;
	}
	#content ul.extend li p {
		margin-top: .5em;
	}
	
	
	#content blockquote,
	.note,
	#content #archivenav {
		margin: 1em 2.2em;
		padding: .5em 1em .5em .5em;
		border: 1px dashed #2C64D0;
		background: #EEE;
	}
	#content blockquote:before {
		/* content: url(three-square-blue.gif); */
	}
	#content #archivenav p {
		font-size: .85em;
		color: #2C64D0;
		margin-bottom: 0;
	}
	
	#content img {
		margin: 0 1em;
	}
	
	#content a img {
		border-width: 1px;
		margin: 0;
	}
	#content a img:hover {
		border-width: 1px;
	}
	

/*  comments and trackbacks in entries */
/***************************************/

.comments, #trackbacks {
}

#comments h3, #trackbacks h3 {
	padding-top: 0;
        margin-bottom: .5em;
}

.comment-content {
	margin-top: .5em;
	padding: .5em 1em .5em .5em;
	margin-bottom: 0;
	background-color: #EEE;
}

#content .comment-footer {
	color: #2C64D0;
	font-size: .90em;
	padding-bottom: .75em;
}
#content .comment-footer img { 
	margin: 0;
	border: 0;
	vertical-align: middle;
}
/* start comment form */
/*  center it all */
.comments-open-content {
	text-align: center;

}

/* ok center nothing actually */
.comments-open-content p {
	text-align: left;
}

/* all labels are colored */
.comments-open-content label {
	color: 	#2C64D0;
}

/* comments closed are colored too */
.comments-closed-text {
	color: 	#2C64D0;
	font-size: 1.1em;
}

/* text boxes */ 
#comment-author,
#comment-email,
#comment-url,
#comment-text {
	background-color: #C4CEE2;
	width: 100%;
	border: 1px solid #AAA;
}

/* submmit buttons */
#comment-preview,
#comment-post,
#comment-cancel {
	margin-bottom: 2em;
	margin-top: .5em;
}

/* search */
/**********************/

/* labels */
form#search-form p {
	margin-bottom: .5em;
	color: #2C64D0;
}

 /* submit */
form#search-form input {
	background-color: #2C64D0;
	border: 0;
}

/* text box */
form#search-form input#search {
    background-color: #C4CEE2;
	width: 50%;
	border: 1px solid #AAA;

}


/* special-case classes */
.question { /* in FAQ */
	font-weight: bold;
}
.date { /* span in headings */
	font-size: .9em;
	color: #888;
}
#content h2 .date {
	letter-spacing: .05em;
}
.posted { /* span */
	color: #888;
}
.caption { /* for images */
	color: #888;
	font-size: .90em;
	margin-top: -.8em;
}
.seperator { /* for "****" */
    text-align: center;
    color: #888;
}
.meta {	 /* "posted" info at bottom of post */
	color: #2C64D0;
	font-size: .90em;
	padding-top: .5em;
	margin-top: 1em;
	border-top: 1px dashed #2C64D0;
}
#content .meta img { 
      margin: 0;
      border: 0;
      vertical-align: middle;
}
#content .feed img {
      margin: 0;
      border: 0;
      vertical-align: text-bottom;
}
#content .meta a:link img {
	text-decoration: none;
}

.divider { /* in between blog entries */
	border: 0;
	margin: 0em -1.75em .75em -1.75em; /* TRBL */
	padding: 1.5em;
    text-align: center;
}
