/*
	Godbit.com Style-sheet
	Copyright Nathan Smith
*/

*
{
	border: 0;
	margin: 0;
	padding: 0;
}

#skip
{
	font-size: 0;
	margin-left: -9999px;
	position: absolute;
}

/* =Code Coloring
----------------------------------------------------------------------*/

pre .javascript .comment, pre .ruby .comment
{
	color : green;
}

pre .javascript .string, pre .ruby .string
{
	color : teal;
}

pre .javascript .keywords, pre .ruby .keywords
{
	color : navy;
}

pre .javascript .global
{
	color : blue;
}

pre .javascript .brackets, pre .ruby .brackets
{
	color : navy;
}

pre .css .comment
{
	color : gray;
}

pre .css .properties
{
	color : navy;
}

pre .css .selectors
{
	color : maroon;
	font-weight : bold;
}

pre .css .units
{
	color :red;
}

pre .css .urls
{
	color :green;
}

pre .html .tag
{
	color : purple;
}

pre .html .comment
{
	color : gray;
	font-style: italic;
}

pre .html .string
{
	color : navy;
}

pre .html .doctype
{
	color : teal;
}

pre
{
	background: #fff;
	color: black;
	line-height: 150%;
	margin: 0 0 15px 50px;
	overflow: auto;
	padding: 10px;
	width: 435px;
}

/* =Basic HTML
----------------------------------------------------------------------*/

a
{
	color: #fc3;
	text-decoration: none;
}

a:hover
{
	color: #fff;
}

acronym
{
	background: url(../img/acronym.gif) repeat-x left bottom;
	cursor: help;
	padding: 0 0 1px;
}

body
{
	background: #333 url(../img/body.gif) repeat-y center top;
	color: #ccc;
	font-family: Verdana, sans-serif;
}

code
{
	font: 12px "Courier New", monospace;
}

del
{
	color: #bbb;
}

h1
{
	border-bottom: 1px solid #222;
	clear: both;
	color: #cf3;
	font: 11pt "宋体", sans-serif;
	margin: 0 12px 15px 28px;
	padding: 0 15px 0 22px;
}

h1 a
{
	color: #cf3;
}

h2, dt
{
	color: #cf3;
	font: 15px Tahoma, Arial, sans-serif;
}

h3
{
	color: #cf3;
	font: 13px Tahoma, Arial, sans-serif;
}

hr
{
	background: #222;
	color: #222;
	height: 1px;
	margin: 0 12px 15px 28px;
}

img.picture
{
	float: right;
	font-size: 100%;
	margin: 0 0 15px 10px;
}

a img.picture
{
	border: 1px solid #444;
	padding: 2px;
}

a:hover img.picture
{
	border-color: #fff;
}

ins
{
	text-decoration: none;
}


li
{
	line-height: 100%;
}
p, dd
{
	line-height: 120%;
}

ol, ul
{
	list-style: none;
}

/* =Misc Classes
----------------------------------------------------------------------*/

.align_center
{
	text-align: center;
}

.align_right
{
	text-align: right;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

/* =Container + Height Hacks
----------------------------------------------------------------------*/

#container
{
	background: url(../img/body.gif) repeat-y center top;
	min-height: 100%;
	margin: 0 auto;
	width: 990px;
}

html, body
{
	height: 100%;
}

div.clear
{
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* =Archive
----------------------------------------------------------------------*/

body.archive_page #content h2, dt
{
	line-height: 250%;
	margin: 0 30px 0 50px;
}

body.archive_page #content ul, dd
{
	margin: 0 30px 0 50px;
}

body.archive_page #content
{
	padding-bottom: 30px;
}

/* =Content Column
----------------------------------------------------------------------*/

#content
{
	background: url(../img/header.jpg) no-repeat;
	float: left;
	font-size: 9pt;
	padding: 22px 0 40px 0;
	width: 540px;
	word-break:break-all;
	overflow:auto;
}

#content #centerheader{
	padding:0 0 40px 22px;
}

#content li
{
	background: url(../img/li_content.gif) no-repeat 5px 6px;
	padding: 0 0 0 15px;
}

#content ol, #content h2, #content h3, #content p, #content ul
{
	clear: both;
	margin: 0 30px 15px 50px;
}

#content p.notice
{
	background: #333;
	color: #eeb;
	padding: 0 5px;
	text-align: justify;
}

#content p.pagination
{
	font: 15px "Courier New", monospace;
	margin-top: -10px;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

#content p.search_results
{
	color: #999;
}

#content p.search_results strong
{
	color: #fff;
	font-weight: normal;
}

#search_wrap
{
	min-height: 680px;
}

#content #featured_gallery
{
	margin-left: 50px;
}

#content .post
{
	float: left;
	height:200px;
}
#content .post a img , #content p.featured img
{
	border: 1px solid #ccff33; padding:2px; margin:5px 10px 5px 10px;
}
#content .post a:hover img, #content p.featured a:hover img
{
	border-color: #ffcc33;
}
#content .post span
{
	padding:10px
}
#content p.featured
{
	background: url(../img/feature.jpg) no-repeat center top;
	text-align: center;
}


#content blockquote p
{
	background: url(../img/blockquote.gif) no-repeat;
	color: #fff;
	font: 13px Georgia, sans-serif;
	line-height: 150%;
	margin: 0 30px 15px 50px;
	padding: 0 25px;
	text-align: justify;
}

#content ul#archive_links li
{
	background: none;
	font: 11px/170% Tahoma, Arial, sans-serif;
	display: inline;
	float: left;
	padding: 0;
	width: 50%;
}

#content p.excerpt span
{
	display: block;
	margin: 0 0 15px;
	text-align: right;
}

#content p.info
{
	background: url(../img/p_info.gif) no-repeat right top;
	font-size: 10px;
	margin: -15px 12px 20px 28px;
	padding: 0 15px 0 22px;
}

/* =Comment + Email Forms
----------------------------------------------------------------------*/

legend
{
	display: none;
}

ul.comments_error,
ul.zemError
{
	color: #cf3;
}

h2#discuss
{
	background: #222 url(../img/discuss.gif) repeat-x bottom left;
	border-top: 1px solid #444;
	font: 15px "Lucida Console", monospace;
	letter-spacing: 3px;
	margin: 20px 12px 15px 28px;
	padding: 5px 0;
	text-align: center;
}

#comment_name_input,
#comment_email_input,
#comment_web_input,
#name,
#email,
#web,
#website,
#message,

#niceform input,
#niceform textarea

{
	background: #333;
	border: 1px solid #666;
	color: #ccc;
	font: 11px Verdana, sans-serif;
	padding: 3px;
	width: 208px;
}

#comment_name_input:focus,
#comment_email_input:focus,
#comment_web_input:focus,
#name:focus,
#email:focus,
#web:focus,
#website:focus,
#message:focus
{
	background-color: #000;
}

#message
{
	height: 200px;
	overflow: auto;
}

#comment_name_input.comments_error,
#comment_email_input.comments_error,
#comment_web_input.comments_error,
#name.zemRequirederrorElement,
#email.zemRequirederrorElement,
#website.zemRequirederrorElement,
#message.comments_error,
#message.zemRequirederrorElement
{
	border-color: #cf3;
}

.button
{
	background: #000 url(../img/menu_li.jpg) repeat-x left bottom;
	border: 1px solid #333;
	color: #fc0;
	cursor: pointer;
	font: bold 11px Arial, sans-serif;
	overflow: visible;
	padding: 4px 5px 3px;
	text-transform: uppercase;
	width: auto;
}

.button:hover
{
	border-color: #fff;
	color: #fff;
}

p#txpCommentInputForm
{
	letter-spacing: 3px;
	text-align: center;
}

p#publish
{
	margin-top: -10px;
	margin-bottom: 0;
}

/* =Comments Display
----------------------------------------------------------------------*/

#content ol.comments
{
	margin: 0 12px 15px 28px;
	padding: 0;
}

#content ol.comments p,
#content #cpreview p
{
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

#content ol.comments li
{
	background: none;
	border-bottom: 1px solid #222;
	margin: 0 0 15px;
	padding: 5px 20px;
}

.comment_name
{
	font: 14px "Courier New", monospace;
}

.comment_num
{
	float: right;
	font: 14px "Courier New", monospace;
	text-align: right;
}

.comment_num a
{
	color: #666;
	cursor: default;
}

#cpreview
{
	border-bottom: 1px solid #222;
	line-height: 150%;
	margin: 0 12px 15px 28px;
	padding: 5px 20px;
}

/* =Left Sidebar
----------------------------------------------------------------------*/

#sidebar_left
{
	float: left;
	font-size: 9pt;
	overflow: hidden;
	width: 210px;
}

#sidebar_left h2
{
	border-bottom: 1px solid #333;
	font-size: 10pt;
	margin: 0 10px 10px 20px;
}

#sidebar_left p
{
	margin: 0 10px 10px 20px;
}

#logo
{
	background: url(../img/logo.jpg) no-repeat;
	width: 210px;
	height: 62px;
}

#logo a
{
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -99999px;
	width: 210px;
	height: 62px;
}

#menu
{
	background: url(../img/menu.gif) no-repeat left bottom;
	padding: 0 0 70px;
	width: 210px;
}

#menu li
{
	background: url(../img/menu_li.jpg) repeat-x left bottom;
	font: 13px Verdana, sans-serif;
	margin: 0 0 0 10px;
}

#menu a
{
	background: url(../img/arrow.gif) no-repeat left center;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	display: block;
	padding: 7px 0 7px 25px;
}

#menu a:hover
{
	background-color: #222;
}

#menu_sub p
{
	margin:1px 0 1px 30px;
}

.links
{
	margin: 0 0 10px 20px;
	overflow: hidden;
}

.links a
{
	white-space: nowrap;
}

.links li
{
	padding: 0 0 5px;
}

/* =Right Sidebar
----------------------------------------------------------------------*/

#sidebar_right
{
	background: url(../img/sidebar_right.jpg) no-repeat;
	float: left;
	font-size: 9pt;
	overflow: hidden;
	width: 240px;
}

#search_field
{
	background: #111;
	border: 1px solid #666;
	color: #ddd;
	font: 9pt Tahoma, Arial, sans-serif;
	padding: 3px 0;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	width: 198px;
}

a#rules9
{
	background: url(../img/9rules.jpg) no-repeat right top;
	display: block;
	margin: 0 0 26px;
	overflow: hidden;
	text-indent: -99999px;
	width: 240px;
	height: 58px;
}

a#rules9:hover
{
	background-position: 0 0;
}

#feed
{
	background: url(../img/feed.gif) no-repeat 0 3px;
	font: 11px Tahoma, Arial, sans-serif;
	padding: 0 0 0 15px;
}

#sidebar_right h2
{
	border-bottom: 1px solid #444;
	font-size: 10pt;
	margin: 0 20px 10px;
}

#sidebar_right img
{
/*	width: 200px;
	height: 150px;*/
}

#sidebar_right p
{
	margin: 0 20px 15px;
}

#sidebar_right .links
{
	margin-right: 10px;
}