/* #####################################################
// hewbert.com /train/layout/css/style.css
// josh@hewbert.com
// hewbert.com :: train [08.2005]
// #####################################################
*/

* {
	margin					: 0;
	padding					: 0;

	color					: #444;
}

body {
	background				: #e5e5e5 url("../gfx/stripes.png") repeat;
/*	background-color		: #689361; */
/*	background-color		: #29374A; */
	margin-top				: 30px;
	margin-bottom			: 30px;
	font                    : 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

input, textarea {
	background-color		: #fff;
	border					: 1px solid #bababa;
	padding					: 2px;
	color					: #444;
}

textarea.comment_body {
	background				: #fff url("../gfx/paper.png") repeat;
	border					: 1px solid #bababa;
	padding					: 2px;
	color					: #444;
	line-height				: 18px;
	font                    : 12px "Trebuchet MS", Verdana, Arial, sans-serif;
}

input[type=text] {
	background				: #fff url("../gfx/paper-ns.png") repeat;
}

img {
	border					: 0;
}

img.left {
	float					: left;
	margin					: 10px;
	border					: 0px;
}

img.right {
	float					: right;
	margin					: 10px;
	border					: 0px;
}

img.center {
	margin					: 10px;
	border					: 0;
}



span.download {
	background				: url("../gfx/download.png") no-repeat;
	padding-left			: 18px;
	padding-bottom			: 2px;
}

span.download a:link {
	color					: #0000a7;
	text-decoration			: none;
	border-bottom			: 1px dashed #ccc;
}

span.download a:hover {
	color					: #830000;
	text-decoration			: none;
}

#container {
}

#box {
	width					: 727px;
	margin					: 0 auto;
}

#top {
/*	background				: transparent url("../gfx/top_01.jpg") no-repeat top left; 
	height					: 124px;
*/
	height					: 124px;
}

#copyright {
	margin-top				: 5px;
	font					: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	color					: #fff;
	text-align				: center;
}

#main {
	background				: transparent url("../gfx/main_bg.png") repeat-y top left;
	padding-left			: 5px;
	padding-right			: 5px;
	overflow				: hidden;
	width					: 100%;
	padding-top				: 10px;
	padding-bottom			: 10px;
}

#bottom {
	background				: transparent url("../gfx/bottom.png") no-repeat top left;
	height					: 4px;
	clear: both;
}

#menu {
	width					: 174px;
	float					: left;
	margin					: 10px;
	margin-top				: 0px;
	background-color		: #f3f3f3;
	border					: 1px solid #c4c4c4;
	border-top				: none;
	height					: 100%;
}

#main_wrap {
}

#content {
	margin-right			: 10px;
	padding-right			: 10px;
	width					: 500px;
	float					: right;
	padding-bottom			: 20px;
}


#mcontent {
	margin-right			: 10px;
	padding-right			: 10px;
	margin-left				: 10px;
	padding-left			: 10px;
}

#menu ul {
	list-style				: none inside;
	display					: block;
}


#menu li {
	font					: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding					: 2px;
	padding-left			: 5px;
	margin-left				: 0;
	list-style				: none;
}

#menu li.cl1_i {
	background-color		: #e5f1cb;
	padding-left			: 25px;
}

#menu li.cl2_i {
	background-color		: #f0f9de;
	padding-left			: 25px;
}

#menu li.cl1 {
	background-color		: #f9f9f9;
}

#menu li.cl2 {
	background-color		: #efefef;
}

#menu a:link, #menu a:visited {
	color					: #740000;
	text-decoration			: none;
}

#menu a:hover {
	color					: #000566;
	text-decoration			: underline;
}

.menu_head {
	background-color		: #e5e5e5;
	border-top				: 1px solid #c4c4c4;
	border-bottom			: 1px solid #c4c4c4;
	font					: bold 10px "Trebuchet MS" Verdana, Arial, sans-serif;
	color					: #444;
	padding					: 2px;
}

.menu_cont {
	padding					: 2px;
	font					: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	color					: #555;
}


.news_container {
	clear: left;
	border					: 1px solid #c4c4c4;
	margin-bottom			: 10px;
}

.news_title, .news_title a {
	background-color		: #e5e5e5;
	font					: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color					: #3a3a3a;
	padding					: 3px;
	padding-left			: 4px;
	font-style				: none;
	text-decoration			: none;
}

.news_title a:hover {
	text-decoration			: underline;
}




.news_date {
	background-color		: #efefef;
	border-bottom			: 1px solid #d0d0d0;
	padding					: 2px;
	padding-left			: 8px;
	font					: italic 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	color					: #555;
}

.news_body {
	color					: #4e4e4e;
	font					: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-left			: 8px;
	padding-right			: 8px;
	padding-top				: 5px;
	padding-bottom			: 5px;
	overflow				: hidden;
	background-color		: #f6f6f6;
}

.news_body a:link, .news_body a:visited {
	color					: #0000a7;
	text-decoration			: none;
}

.news_body a:hover {
	color					: #830000;
	text-decoration			: underline;
}

.news_foot {
	padding					: 2px;
	background-color		: #efefef;
	border-top				: 1px solid #d0d0d0;
	text-align				: right;
	padding-right			: 8px;
	padding-left			: 8px;
	font                    : bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.doc_title {
	font					: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	color					: #555;
	border-bottom			: 1px solid #ccc;
	padding-bottom			: 2px;
	margin-bottom			: 5px;
}

.sub_title {
	font					: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color					: #555;
	padding-bottom			: 4px;
}

.sub_content {
	margin-left			: 20px;
}

.code_text {
	font					: bold 10px courier, serif;
	/* display					: block; */
	white-space				: pre;
}

div.off {
	display					: none;
}

div.on {
	display					: block;
}

div.img_page table {
	border					: 0;
	margin					: 0 auto;
}

div.img_page td {
	padding					: 5px;
}

table.imglist {
	width					: 475px;
	border-spacing			: 2px;
	margin					: 0;
	padding					: 0;
}

.imglist tr {
}

td.lleft {
	background-color		: #d2d2d2;
	padding					: 5px;
	text-align				: center;
}

td.lright {
	background-color		: #e7e7e7;
	padding					: 5px;
}

div.ind {
	margin-left				: 30px;
}

table.form {
	border					: 1px solid #cdcdcd;
}

td.label {
	text-align				: right;
	color					: #444;
	font-weight				: bold;
	background-color		: #ededed;
	padding					: 2px;
}

td.field {
	padding					: 2px;
	background-color		: #ededed;
}

td.submit {
	text-align				: right;
	background-color		: #e7e7e7;
	padding					: 2px;
}

.error {
	color					: #880000;
	font-weight				: bold;
	padding					: 4px;
}

.comment {
	border					: 1px solid #cdcdcd;
	margin-bottom			: 10px;
	font                    : 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.comment_preview {
	border					: 1px solid #8f8f8f;
	padding					: 2px;
	font                    : 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.comment .head {
	background-color		: #e8e8e8;
	padding					: 2px;
	border-bottom			: 1px solid #cdcdcd;
}

.comment .head a:link, .comment .head a:visited {
	text-decoration			: underline;
}

.comment .head a:hover {
	text-decoration			: underline;
	color					: #880000;
}

.comment .body {
	background-color		: #fbfbfb;
	padding					: 2px;
	font                    : 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.comment .foot {
	background-color		: #e8e8e8;
	text-align				: right;
	padding					: 2px;
	border-top				: 1px solid #cdcdcd;
	font                    : 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}

span.extlink {
	background				: transparent url("../gfx/extlink.gif") center left no-repeat;
	padding-left			: 16px;
}

span.playing {
	display					: block;
	color					: #646464;
	font-style				: italic;
	background				: transparent url("../gfx/icon_music.gif") center left no-repeat;
	padding-left			: 14px;
}

span.playing a {
	font-style				: italic;
}

span.playing a:link, span.playing a:visited {
	color					: #520000;
}

span.playing a:hover {
	color					: #5a5a5a;
	text-decoration			: underline;
}

div.archive {
	text-align				: right;
	margin-bottom			: 5px;
	margin-top				: 5px;
	background-color		: #e1e1e1;
	border					: 1px solid #a7a7a7;
	padding					: 2px;
}

div.mainmsg {
	text-align				: center;
	letter-spacing			: .5px;
	padding					: 10px;
	font-weight				: bold;
}

span.bold {
	font-weight				: bold;
	font-size				: 12px;
}

div.jerkoff {
}

#twitter {
	background-color        : #e5e5e5;
	border		           : 1px solid #d0d0d0;
    font                    : italic 10px "Trebuchet MS", Verdana, Arial, sans- serif;
    color                   : #555;
	margin-bottom			: 5px;
	clear: right;
	height:100%;
}

#twitter_title {
	background-color		: #e5e5e5;
	float					: left;
	font-weight				: bold;
	padding-left			: 2px;
	padding-right			: 2px;
	width:40px;
	height: 100%;
	padding-top				: 2px;
	text-align				: center;
}

#twitter_title a {
	text-decoration			: none;
	font-weight				: bold;
	color					: #656565;
}

#twitter_title a:link {
}
#twitter_title a:hover {
	text-decoration			: underline;
}

#twitter_title:hover {
}

#twitter_status {
	border-left				: 1px solid #d0d0d0;
	background-color		: #efefef;
	margin-left				: 50px;

}

#twitter div.status {
	padding-left			: 5px;
	padding-right			: 5px;
	padding-top				: 2px;
	padding-bottom			: 2px;
	font-style				: italic;
}
div.tweet_date {
	text-align				: right;
	font-style				: italic;
	background-color		: #e5e5e5;
	border-top				: 1px solid #d0d0d0;
	padding-right			: 4px;
}
li {
	list-style				: disc inside;
	margin-left				: 15px;
}