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

#container {
	margin: 0 auto;	
	position: relative;
}
h2 {margin: 0;}
h3 {margin: 5px 0;}
textarea {height: 60px;}

/* main menu */

.menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
}

.menu li { display: inline; }
.menu li a {
	display: block;
	text-decoration: none;
}

/* submenu */

.submenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.submenu li { display: inline; }
.submenu li a {
	display: block;
}

/* search */

#search {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 250px;
	padding: 10px;
}

#search input[type='text'] {
	width: 180px;
	padding: 2px;
}

#search input[type='submit'] {
	width: 60px;
}

/* footer */

#footer {
	clear: both;
	padding: 10px 10px;
}

.footer_menu ul {
	float: left;
	width: 150px;
	padding: 0;
	margin: 0 5px 0 0;
	list-style-type: none;
}

.footer_menu li {
	display: inline;
}

.footer_menu li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: 1px solid #999;
}

.footer_text {
	clear: both;
	text-align: left;
}
#footer .footer_text div {
	background: #fc0;
	color: black;
	padding: 5px;
	font-size: 9pt;
	width: 250px;
	float: right;
	position: relative; top: -30px;
}

/* 111 layout with just one column */

.one_column div.content_left, .one_column div.content_right {
	display: none;
}

.one_column div.content_main {
	width: auto;
}

/* 111 main column styles */

.one_column div.content_main form {
	width: 500px;
}

.one_column div.content_main label {
	display: block;
}

/* 222 layout with submenu left */

.two_column_left div.content_left {
	width: 249px;
	float: left;
}

.two_column_left div.content_main {
	margin-top: 100px;
	width: 450px;
	margin-left: 389px;
}

.two_column_left div.content_right {
	display: none;
}

/* 222 layout with submenu left main column styles */

.two_column_left div.content_main label {
	display: block;
}

/* 222 layout with submenu right */

.two_column_right div.content_left {
	display: none;
}

.two_column_right div.content_main {
	width: 70%;
	margin-right: 30%;
}

.two_column_right div.content_right {
	width: 30%;
	float: right;
}

/* 222 layout with submenu right main column styles */

.two_column_right div.content_main label {
	display: block;
}

/* 333 layout with 3 columns */

.three_column div.content_left {
	width: 249px;
	float: left;
}

.three_column div.content_main {
	margin-top: 70px;
	width: 432px;
	margin-left: 270px;
}

.three_column div.content_right {
	width: 209px;
	float: right;
	padding: 0px 20px;
}

/* 333 main column styles */

.three_column div.content_main label {
	display: block;
}

#header{ position: relative;}

#mosaic img {margin: 1px; border: none;}
#mosaic h3,
#blog h3,
#blogarchive h3,
#blog .readmore a,
.earlier .date,
#else h3,
#comments h3,
.comment .author {font-size: 11px; text-transform: uppercase;}
#mosaic h3 a,
#blog .readmore a { color: #FFCC00; text-decoration: none; border-bottom: dotted 1px #FFCC00;}
#blog h3 .date {color: #8c8c8c;}
#comments h3,
.comment .author {color: #ffcc00}
.comment {font-size: 11px !important; margin-top: 10px;}
.comment p {margin: 0px; padding: 0px;}
.comment .info {font-size: 8px !important;}
#postcommentform {margin-top: 20px;}
#postcommentform p,
#postcommentform td {font-size: 11px !important;}
#postcommentform input,
#postcommentform textarea { width: 200px; margin: 0px; padding: 2px;}

#twitterstatus { position: absolute; bottom: -43px; left: 475px; width: 380px; height: 66px; }
#twitterstatus .message a{text-decoration: none; color: white; font-weight: bold; }
#twitterstatus .info a,
.content_main .info {color: #8C8C8C; text-decoration: none; font-size: 11px;}
.content_main .info {text-transform: uppercase;}
#twitterstatus info a {position: absolute; bottom: 0px; display: block;}
#twitterstatus p {line-height: 16px; margin: 0px; padding: 0px;}

.blogpost p,
#else p {margin: 0px; padding: 0px;}
.blogpost .head {color: white;}
.blogpost .content,
#else a  {font-size: 12px;}
#blog .readmore {text-align: right;}
.earlier .date {color: #ffcc00; display: block; float: left; width: 4em;}
.earlier a {text-decoration: none;}

#else a { text-decoration: none;}
#else a img {vertical-align: middle; border: none;}

#blogarchive,
#mosaic,
#else { padding-top: 20px;}
#else {margin-bottom: 30px;}