/*
 * General layout borrowed from justinblanton.com.  Need to heavily modify and not use so much of his stuff.
 */


/******************************************************************************************************
 * core blur6ex styles
 *
 ******************************************************************************************************/
	
/*
 * code - surrounds code snippets, specified using blurcode's [code] or [c] tags
 */ 
.code {
	font: 0.9em 'Lucida Console', Sans-Serif;
	color: blue;
	padding: 1px 5px 1px 5px;
	white-space: pre;
	
	}

/*
 * search result - surrounds a search result
 */
.searchresult {
	
	margin: 5px 0px 5px 0px;
	padding: 1px 5px 1px 5px;
	border-top: 1px dotted black;
	background-color: #fffaff;
	width: 95%;
}

/*
 * searchtitle - a search result title
 */
.searchtitle {
	font-size: 1.6em;
}

/*
 * formholder - wraps an input form
 */
.formholder {
		background-color: #fffaff;
		border 3px dotted black;
}

/*
 * quote - surrounds quoted text; used for replies in blogs, forums, etc.
 * B.B. Culler's QuickQuote (tm) technology will insert these when a user quotes another
 */
.quote {
	margin: 0;
	padding: 1px 5px 1px 5px;
	border: 1px dotted black;
	background-color: #fffaff;
	width: 95%;
	
}

/* 
 * titleinput - defines the look of an input box (title of blog entry, etc)
 */
.titleinput {
		margin: 3px;
		width: 95%;
}

/*
 * bodyinput - the textarea box used for the body of a post
 *	width is set by the cols attribute of the textarea, but if it
 *	is abnormally wide the 95% will kick in and contain the text within its parent.
 */
.bodyinput {
		margin: 3px;
		height: 300px;
		width: 95%;
		
}

/*
 * Implements a search text box
 */
.search {
	padding-left: 3px;
	border: 1px solid black;
	font-family: Verdana, sans-serif;
	color: black;
	background-color: #e6e8ec;
}


.button {
	background-color: #e0e1e2;
	border: 1px solid black;
	font-size: .8em;

}


.contentbox {
	margin: 0;
	border: 1px solid black;
	background-color: #ffffef;
	padding: 1px 5px 1px 5px;

}

.contentlinkfont {
	font-size: 1.3em;
}

.contenttitle {
	background-color: #eff6ef;
	margin: 0;
	padding: 1px 5px 1px 5px;
	border-bottom: 1px dotted black;
}

.floatright {
	float: right;
}






/*************************************************************************************************/

body {
font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
font-size: 12px;
text-align: center;
padding: 0px;
margin: 0px;
background: #dfe7dd url(images/sides.gif) repeat-y center;
color: #000;
}

a {
text-decoration: none;
background: transparent;
border-bottom: 1px solid #ccc;
color: #000;
}

a:hover {
color: #ccc;
}

p {
line-height:17px;
margin-top: 0px;
margin-bottom: 15px;
}

h1 {
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size: 14px;
line-height:normal;
font-weight: bold;
color: #000;
}

h2 {
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size: 14px;
line-height:normal;
font-weight: bold;
}

h2 a:link, h2 a:visited, h2 a:active {
text-decoration: none;
border-bottom: 0px;
color: #000;
}

h2 a:hover {
color: #ccc;
}

h3 {
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .1em;
}

h3 a {
text-decoration: none;
border-bottom: 0px;
}

h4 {
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: bold;
font-size: 10px;
letter-spacing: .1em; 
}
	
h5 {
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .1em;
}

h6 {
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

ul {
margin-top: 0px;
margin-bottom: 15px;
padding-top: 0px;
padding-bottom: 0px;
}

ol {
margin-top: 0px;
margin-bottom: 15px;
padding-top: 0px;
padding-bottom: 0px;
}

dl {
margin-top: 0px;
margin-bottom: 15px;
padding-top: 0px;
padding-bottom: 0px;
}

li {
margin-bottom: 10px;
}

dt {
margin-bottom: 3px;
}

dd {
margin-bottom: 10px;
}

blockquote {
display: block;
margin: 0px 0px 15px 0px;
padding: 0px 30px 0px 30px;
font-size:11px;
line-height:17px;
}


#container {
text-align: left;
width: 700px;
padding: 0px;
margin: 0px auto;
}

#header {
padding: 20px 0px 20px 0px;
margin: 0px 5px 0px 15px;
background-color: #fff;
}

#header a {
border-bottom: 0px;
}

#header img {
margin-left: 15px;
}

#content {
width: 430px;
margin: 20px 0px 0px 20px;
}

#menu {
float: right;
display: inline;
width: 196px;
padding: 0px 0px 0px 0px;
margin: 0px 20px 0px 0px;
background: transparent;
text-align: left;
}

#menu ul {
list-style: none;
padding: 0px;
margin: 0px 0px 30px 0px;
}

#menu ul a {
display: block;
width: 100%;
}

#menu li {
margin-bottom: 5px;
font-size: 10px;
padding: 0px 3px 0px 3px;
line-height: 17px;
}

#menu li a {
border-bottom: 0px;
padding: 0px 3px 0px 5px;
}

#menu li a:hover {
text-decoration: none;
color: #ccc;
}

#menu p {
font-size: 10px;
margin-bottom: 5px;
padding: 0px 3px 0px 3px;
}

#left {
float: left;
width: 98px;
}

#right {
float: right;
width: 98px;
}

#left li a, #right li a {
margin-bottom: 3px;
line-height: normal;
padding: 0px 0px 0px 2px;
font-weight: normal;
font-size: 11px;
letter-spacing: .1em;
text-align: left;
width: 85%;
}

.bits_date {
color: #666;
font-weight: bold;
}

.tiny {
font-size: 10px;
}

.article {
margin-bottom: 40px;

}

td {
padding: 0px 10px 0px 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 20px;
border-bottom: 1px solid #ccc;
white-space: nowrap;
}

td a {
border-bottom: 0px;
}

td.noline {
border: 0px;
text-align:left;
}

thead { 
font-weight: bold; 
}

#footer {
clear: both;
text-align: center;
padding: 5px 0px;
margin: 20px 0px 5px 0px;
background: transparent;
border-top: 1px dotted silver;
color: #000;
font-size: 9px;
}

#adsense {
padding: 35px 0px 45px 50px;
}

.hr_menu {
border-bottom: 1px dotted silver;
padding-top: 1px;
margin-bottom: 5px;
margin-top: 15px;
}

#hr_header {
border-bottom: 1px dotted silver;
padding-top: 1px;
margin: 0px 5px 80px 6px;
}

.article_date {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
line-height:15px;
font-weight: bold;
color: #666; 
}

.archives {
margin-top: 20px;
margin-bottom: 20px;
}

.archives ul {
list-style: none;
padding: 0px;
margin: 0px 0px 0px 0px;
}

.archives li {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 10px;
font-weight: normal;
text-align: left;
}

.lists {
margin-top: 20px;
margin-bottom: 20px;
}

.lists ul {
list-style: none;
padding: 0px;
margin: 0px 0px 0px 0px;
}

.lists li {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 10px;
font-weight: normal;
text-align: left;
}

#photos {
text-align: center;
}

#photos img {
margin: 0px;
border: 1px solid #ccc;
padding: 4px;
line-height: 90%;
}

#photos a {
border-bottom: 0px;
text-decoration: none;
background: transparent;
}

#photos h1 {
margin: 40px 0px 10px 0px;
padding:0px 0px 0px 0px;
font-size: 14px;
line-height:normal;
font-weight: bold;
color: #000; 
}

#photo_summary {
margin: 0px 100px 0px 100px;
text-align: left;
}

#photo_summary a {
text-decoration: none;
background: transparent;
color: #000;
border-bottom: 1px solid #ccc;
}

#photo_summary a:hover {
color: #ccc;
}

.thumb {	
float: left;
margin-right: 12px;
margin-bottom: .5em;
margin-top: .5em;
padding: 1px;
}

.thumb_border {
float: left;
margin-right: 12px;
margin-bottom: .5em;
margin-top: .5em;
border: 1px solid #ccc;
padding: 1px;
}

.flush {
margin-bottom: 15px;
padding: 1px;
border: 1px solid #ccc;
}
