@charset "utf-8";

body {font: 12px Arial;	line-height:23px; background:#0E0E0E url(../img/bg_body1.jpg) no-repeat center 35px;}

/* ---------- Hack ---------- */
.clearfloat{clear:both; height:0px; font-size: 1px; line-height: 0px;}

/* ---------- Typography ---------- */
h1.blog {color: #e0cfa3; text-transform: uppercase;	height: 17px; padding: 4px 0px 5px 0px;}
h2 {color: #0d888d;	text-transform:uppercase; font-size:14px; border-bottom: 1px solid #666666; padding-bottom: 10px;}
h3 {margin: 0; padding: 7px 0 10px 0; font-size: 13px;	text-transform: uppercase; font-weight: bold;}
h4 {font-size: 10px;}
h5 {color: #292929;	font-size: 12px; text-transform: uppercase;}
h6 {color: #fff; padding: 0px 0px 10px 0px;	font:24px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
p {margin: 10px 0px; text-align: justify;}
ol {list-style-type: decimal;}
ul {list-style-type:disc;}
ol, ul {color:#FFFFFF; padding-left:10px; margin-left:20px;}
ul li, ol li {line-height:normal;}
.content_wrap a, .content_wrap p {color: #CCCCCC;}
.content_wrap a{color:#990000;}
.content_wrap h6 a {font-weight:normal; color:#CCCCCC;}

/* ---------- Layout ---------- */
.content_wrap {width: 940px; line-height: 16px;	margin: 0px auto;}
.content687px {float:left; line-height: 23px; width: 687px;	font:14px Verdana, Arial, Helvetica, sans-serif;}

#minheight {height:600px; float:right;}

/* ---------- Logo ---------- */
#logo {width: 940px; padding-top:25px; height: 100%; margin: 0px auto;}
img.logo {float:left;}

/* ---------- Navigation ---------- */
#search_box {color: white; float: right; position: relative;}
.field {background-color: #272727;border: solid 1px #373737; color:#999999; padding:1px; margin-top:8px; padding-left:5px;}
a.search:hover {background-color: #4e4e4e;}
.search {font:12px Arial, Helvetica, sans-serif;font-weight:bold;display: block;float:left;height:29px;padding:6px 20px 0px 20px;margin-left:30px;color:#a5a5a5; text-decoration:none;text-transform:uppercase;background-color:#323232;}
#top_bar {background-color:#0E0E0E;	height: 35px;}
#nav_container {width: 940px; margin: 0 auto;}
#nav {font-family: Arial, Helvetica, sans-serif; font-weight: bold;	font-size: 12px; color: #9f9f9f; z-index: 9999;	float: left; position: relative;}
#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:0.6em;}
#nav, ul li {margin:0; padding:0;}
#nav a:link, #nav a:active, #nav a:visited{display:block; padding: 14px 25px; color:#a5a5a5; text-decoration:none; text-transform: uppercase;}
#nav a:hover {color:#fff;}
#nav .on{background: url(../img/hover.png) no-repeat center; height: 12px; color:#fff !important; float: left; position: relative;}
#nav .subscribe{height:12px; margin-left:22px; float: left;	position: relative;	background: url(../img/subscribe.png) no-repeat left 3px;}
#nav li{float:left; position:relative;}
#nav ul {position:absolute; top:2.9em; display:none; z-index: 1;}
#nav li ul a {width:8em; float:left; background-color:black; background-image:none !important;}
#nav li ul a:hover {background-color: #292929;}
#nav ul ul{top:auto;}	
#nav li ul ul {left:11.3em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

/* ---------- User Info ---------- */
#user_card {
	display: block;
	height: 70px;
	float: left;
	margin-left: 40px;
	padding: 10px;
	width: 380px;
	border: 1px solid #3F1B1B;
	border-right-color: #682D2D;
	border-bottom-color: #682D2D;
}
.user_ava {}
.user_info {}

/* ---------- Content ---------- */
.navigator {text-align: right; font-size: 9px; color: #FFFFFF; padding: 10px 0px; border-bottom: 1px solid #FFFFFF;	text-transform: uppercase;}
.navigator a {color: #FFFFFF; text-decoration: none;}
.navigator a:hover{color: #B31010;}

.blog_post {overflow:hidden; float:left; border-bottom: 1px solid #CCCCCC; width:687px; padding:15px 0px; color: #CCCCCC;}
.blog_post img {border: 7px solid #FFFFFF;}
.blogimg {float: left; margin-right: 20px;}

.entry {color: #FFFFFF;	overflow: hidden;}
.entry a {text-decoration: none;}
.entry a:hover {color: #FFFFFF;}

.date {font-size: 10px;}
.date a {text-decoration: none;	color: #b31010;	text-transform: uppercase;}
.date a:hover {text-decoration: underline;}

.download {background:url(../img/download.png) no-repeat left top; height: 70px; padding-left: 60px; overflow: visible; margin-top: 10px;}
.download h3 {padding-top: 2px;	padding-bottom: 2px;}
.download a {color:#CCCCCC;	text-decoration: none;}
.download a:hover {color: #FF0000;}

.table {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.table td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
}


/* ---------- Pagination ---------- */
.pagination{text-align: right;	padding-top: 10px;}
.pagination a{padding: 1px 5px;	padding-bottom: 2px; border: 1px solid #373737;	text-decoration: none !important; color: #999999; background-color: #272727;}
.pagination a:hover, .pagination a:active{color: #333333; border-color: #373737; background-color: #999999;}

/* ---------- Comments -------- */
.comments_header {color:#FFFFFF;font-size: 22px;position: relative;	margin-top: 20px;}
.comment_wrapper {height: 100%;	width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 20px;}
.ava {background-color: #272727; border: 1px solid #373737;	width: 100px; display: block; float: left;	height: 100px;	padding: 5px;}
.corner {display: block; height: 100%; width: 135px; overflow: hidden; float: left; background: url(../img/corner.png) no-repeat right;}
.comment {display: block; float: left; width: 522px;	background-color: #272727;	padding: 15px;}
.comment_author {font:20px Georgia, "Times New Roman", Times, serif;}
.comment_author a { text-decoration:none; color:#666666;}
.comment_author a:hover { color: #CCCCCC;}
.comment_date {color: #CCCCCC;	font-size: 11px;}
.comment_text {text-shadow:1px;	margin-top: 7px; margin-bottom: 5px; color: #FFFFFF; line-height: normal;}
div.comment_text quote {display: block;	margin-bottom: 7px;	font-size: 12px; margin-top: 7px; padding: 10px 10px 10px 50px;	background:#494949 url(../img/quotes.gif) no-repeat 10px 5px;	font-style: italic;}
.comment_number {text-align:right;	color:#999999;}

/* ---------- Comment Form -------- */
.comment_form {margin:20px 0px 0px 0px; overflow:hidden; height:100%; width:100%;}
.comment_input {height:30px; line-height:30px; background-color: #272727; color:#999999; padding: 1px 5px 1px 5px; margin-bottom:7px; border: 1px solid #373737;}
.comment_textarea {width:500px;	height:200px; background-color: #272727; color:#999999; padding:5px; margin-bottom:7px;	border: 1px solid #373737;}
.comment_button {height:30px; line-height:30px; background-color: #272727; color:#999999; padding: 1px 5px 1px 5px; margin-bottom:7px; border: 1px solid #373737;}
input.comment_button:hover {cursor:pointer; background: #666666;}

/* ---------- Formatting Buttons ----------- */ 
.buttonMode {font:10px Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; color: #73769D; background-color: transparent; white-space: nowrap;}
.htmlButtonOuter, .htmlButtonOuterL {padding: 0; margin-top: 7px;}
.htmlButtonOuterL {	border-left: 1px solid #373737;}
.htmlButtonInner {text-align: center; padding: 0 3px; background-color: #272727; border-top: 1px solid #373737;	border-right: 1px solid #373737;}
.htmlButtonOff {font-family: "Courier New", Courier, monospace;	font-weight: normal; white-space: nowrap; padding: 2px 4px}
.htmlButtonOff a:link {color: #999999;	text-decoration: none;	white-space: nowrap;}
.htmlButtonOff a:visited {text-decoration: none;}
.htmlButtonOff a:active {text-decoration: none; color: #999;}
.htmlButtonOff a:hover {text-decoration: none; color: #CCCCCC;}
.htmlButtonOn {font:11px bold Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; background: #f6f6f6; padding: 1px 2px 2px 2px; white-space: nowrap;}
.htmlButtonOn a:link {color: #990000; text-decoration: none; white-space: nowrap;} 
.htmlButtonOn a:visited {text-decoration: none;} 
.htmlButtonOn a:active {text-decoration: none; color: #999;}
.htmlButtonOn a:hover {background-color: #fff; color: #999; text-decoration: none;}

/* ---------- Footer ---------- */
#first_footer_wrap {margin-top: 5px; overflow: hidden; clear: both;}
#first_footer {width: 940px;	margin: 0 auto;	padding-top: 40px; padding-bottom: 30px; overflow: hidden;}

.box_240px_left, .box_240px_middle, .box_240px_right {width: 260px;	float: left; padding-top:0px;background-image: none;}
.box_240px_left {padding-right: 40px;}
.box_240px_middle {padding: 0px 40px; }
.box_240px_right {padding-left: 40px;}

.box_240px_right ul {margin-left:0px; padding: 6px 0px 0px 0px;}
.box_240px_right li {display: inline;}

.post, .lastpost {border-bottom: 1px solid #666666;	padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; position: relative; width: 100%;}
.post a, .lastpost a {color: #c5c5c5; border: none; text-decoration:none;}
.post a:hover, .lastpost a:hover {color: #fff;}

.hook {float:left;overflow:hidden;width: 186px;}

.footerdate {margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: #c5c5c5;}
.footer {color: #c5c5c5; font-size: 14px; border: none; text-decoration: none;}
a.footer:hover { color: #fff;}
#first_footer h2 {color: #c5c5c5; margin-top: 20px;	margin-bottom: 10px;}
#first_footer p {color: #c5c5c5; margin-bottom: 0px;}

.puzzle,.lib_new {display: inline; float:left; border: 2px solid #FFFFFF; outline: 1px solid #c5c5c5; margin: 0px 22px 23px 0px;}
.lib_new {margin: 6px 10px 0px 0px;}

#second_footer_wrapper {height: 60px; background: url(../img/light_footer_repeat.gif) repeat-x top left;	color: #393939;}
#second_footer {width: 940px; margin: 0 auto; padding-top: 18px; overflow: hidden;}

#second_footer a {color: #393939;}
#second_footer a:hover {color: #999999;}

.logosmall {float: left; margin: 4px 20px 0px 0px;}

a.social {text-decoration:none; color:#FFFFFF; font-weight:bold; padding:10px 0px;}
a.social:hover {color: #666666;}

/* ---------- Adds ---------- */
div#add_1 {
	float:right;
	margin-right: 25px;
}
div#add_1 a img{
	border: 2px solid #FFFFFF;
}