html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	min-height: 100%;
}

a, a:visited {
	border: none;
	color: #06f;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {border: none;}

img {border: 0;padding: 10px;}

img.alignright, a img.alignright, .alignright {float:right; margin: 0 0 1em 1em;}
img.alignleft, a img.alignleft, .alignleft, .alignleft img {float: left; margin:0 0.75em 0.75em 0;padding:0;}
img.aligncenter, a img.aligncenter, .aligncenter {display: block; margin-left: auto; margin-right: auto;}

#THE_POSTS p, #THE_POSTS ol, #THE_POSTS ul, #THE_POSTS dl {
	margin-bottom: 20px;
}

blockquote {
	margin: 20px;
	padding: 1.5em 1.5em 0.5em 1.5em;
}

#THE_POSTS blockquote p {margin: 0; padding: 0 0 1em 0;}

h1,h2,h3,h4,h5,h6 {color: #000;margin-bottom: 10px;font-weight: bold;}
h1 {font-size: 28px;}
h2 {font-size: 26px;line-height: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

hr {
	margin: 1em auto 1em auto;
}

bold,strong {font-weight: bold;}
h1 bold,h2 bold,h3 bold,h4 bold,h5 bold,h6 bold,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {text-transform: uppercase;font-style: italic;}

h1 i,h2 i,h3 i,h4 i,h5 i,h6 i,
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em {font-style: italic;}
cite,em,i {font-style: italic;}

textarea {
	width: 75%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto 20px auto;
}

tr,td,th {
	border: 1px #000 solid;
	padding: 0.5em;
}

th {
	background: #e0e0e0;
}

#THE_POSTS ol li, #THE_RIGHT_SIDE ol li, #THE_POSTS ul li, #THE_RIGHT_SIDE ul li {
	margin-left: 3em;
	margin-bottom: 4px;
}

#THE_POSTS li ol, #THE_RIGHT_SIDE li ol, #THE_POSTS li ul, #THE_RIGHT_SIDE li ul {
	margin-top: 4px;
}

#THE_POSTS ol li, #THE_RIGHT_SIDE ol li {
	list-style: decimal;
}

#THE_POSTS ul li, #THE_RIGHT_SIDE ul li {
	list-style: disc;
}

/*------------------------------------------------------------------
	START MAIN STRUCTURE THINGY CSS THING
--------------------------------------------------------------------*/
#THE_WRAPPER {
	width: 960px;
	margin: 0 auto;
	list-style-type: none;
}

#THE_HEADER {
	height: 4em;
	line-height: 4em;
}

#THE_HEADER_RETURNS {
	display: block;
	width: 100%;
	height: 100%;
}

#THE_LOGO_AREA {
	display: block;
	width: 100%;
	height: 100%;
}

#THE_HORIZONTAL_MENU {
	background: rgb(195,228,247);/*#f3f3f3;*/
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}

#THEMES_DROPDOWN ul {
	background: rgb(195,228,247);/*#f3f3f3;*/
	border-top: 1px #000 solid;
	border: 0;
}

#MENU_ITAMS {
	display: table;
	font-size: 24px;
	height: 47px;
	margin: auto;
	text-align: center;
}

#HOME, #ABOUT, #PROJECTS, #ARCHIVES, #NOTES, #NAV_THEMES_DROPDOWN  {
	display: table-cell;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	vertical-align: middle;
}

#HOME a, #ABOUT a, #PROJECTS a, #ARCHIVES a, #NOTES a, #NAV_THEMES_DROPDOWN a {
	padding: 10px 0.75em 10px 0.75em;
	margin: auto 0.5em auto 0.5em;
}

#THE_BODY {
	display: table;
	table-layout: fixed;
	margin: auto;
	_word-wrap: break-word;
	width: 960px;
	overflow: hidden;
	_overflow-x: hidden;
}

#THE_CONTENT {
	display: table-row;
}

#LEFT_PANEL, #RIGHT_PANEL {
	display: table-cell;
	_overflow-x: hidden;
}

#LEFT_PANEL #THE_POSTS, #RIGHT_PANEL #THE_RIGHT_SIDE {padding: 1em;}

#LEFT_PANEL {
	width: 740px;
}

#RIGHT_PANEL {
	width: 220px;
}

#THE_RIGHT_SIDE {
	border-left: 1px #000 solid;
}

#THE_RIGHT_SIDE .categories {
	margin: 1em;
}

#THE_RIGHT_SIDE .categories ul {
	margin-bottom: 2em;
}

#THE_RIGHT_SIDE .categories #LAST_LIST {
	margin-bottom: 0;
}

#THE_RIGHT_SIDE .categories li {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 1.5em;
}

#THE_FUTER {
	background: #e0e0e0;
	border-top: 1px #000 solid;
	color: #000;
	height: 40px;
	line-height: 40px;
	padding: 0 1em 0 1em;
}

/*------------------------------------------------------------------
	FORMATTING FOR POSTS
--------------------------------------------------------------------*/
.aPost {
	clear: both;
	overflow: hidden;
	padding: 1.75em 1.75em 0 1.75em;
}

.postTitle {
	margin-bottom: 0px;
}

.postMeta {
	margin-left: 1px;
}

.postAuthor, .postDate {
	font-weight: bold;
}

.postDivider {
	background: #000;
	border: 0;
	margin: 9px auto 1.75em auto;
	height: 1px;
}

.aPostCategories {
	padding: 0 1.75em 0.5em 1.75em;
}

.aPostComments, .aPostCategories {
	clear: both;
	margin-bottom: 1em;
	text-align: right;
}

.aPostComments {
	margin: 0 0 0 0.5em;
	padding: 0;
	line-height: 16px;
}

.aPostCategories span {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0 0 3px 0;
}

.aPostCategoriesAlign {
	border-bottom: 1px #000 dashed;
	line-height: 16px;
	margin: 0 0.5em 0 0;
	padding: 0 0 0.75em 0;
	text-align: left;
}

.stickiedPostCategories {
	border-bottom: 1px #000 solid;
	margin-bottom: 2em;
}

.clearTable {
	clear: both;
}

.stickiedPost,.stickiedPostCategories {
	background: #fafafa;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
}

.stickiedPost {
	border-top: 1px #000 solid;
}

.articleFooterLinks {
	padding: 1em 1.75em 0 1.75em;
}

/*------------------------------------------------------------------
	FORMATTING FOR COMMENTS
--------------------------------------------------------------------*/
.commentsSection {
	padding: 0 1.75em 0 1.75em;
}

.comments li {
	background: #fcfcfc;
	border-bottom: 1px #a3a3a3 solid;
	border-top: 1px #a3a3a3 solid;
	width: 90%;
	margin-top: 1em;
}

.comments li p {
	padding: 0 1.5em 0 1.5em;
}

.comments li .commentMeta {
	padding-top: 1em;
}

.comments li .commentDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
}

.comments li .commentMeta b {
	color: #39f;
}

.comments li .commentLink {
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	margin-top: 5px;
}

.comments-wrapper table {
	background: #f9f9f9;
	border-bottom: 1px #c5c5c5 solid;
	width: 100%;
	margin-top: 1em;
}

.comments-wrapper tr,.comments-wrapper td,.comments-wrapper th {
	border: 0;
	border-top: 1px #c5c5c5 solid;
	padding: 0.75em;
}

/*------------------------------------------------------------------
	FORMATTING FOR PROJECTS
--------------------------------------------------------------------*/
.projectsTable,.projectsTable tr,.projectsTable td,.projectsTable th {
	border: 0;
	border-collapse: separate;
	border-spacing: 3px;
	vertical-align: top;
}

.projectsTable tbody {
	border-bottom: 1px #000 solid;
	display: block;
	margin-bottom: 2em;
}

.projectsTable .projectImage,.projectsTable th img {
	background: none;
	border: 0;
	padding: 0;
	vertical-align: top;
}

.projectsTable th img {
	display: block;

}

.projectsTable th {
	font-weight: bold;
}

.projectsTable th,.projectsTable td {
	margin: 1em;
}

.projectTitle {
	text-align: center;
}

.projectMetaHead {
	width: 10%;
}

/*------------------------------------------------------------------
	FORMATTING FOR NOTES PAGE
--------------------------------------------------------------------*/
#THE_POSTS .notesList li {
	list-style-type: none;
	margin-left: 1.75em;
}