﻿* { margin:0; padding:0; }
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}* html .clearfix { zoom:1; } /* IE6 */*:first-child+html .clearfix { zoom:1; } /* IE7 */
.clear{clear:both;}
/* main */
html,body { scrollbar-3dlight-color:#405460; scrollbar-arrow-color:#37CDDF; scrollbar-base-color:#405460; scrollbar-darkshadow-color:#405460; scrollbar-face-color:#405460; scrolbar-highlight-color:#405460; scrollbar-shadow-color:#405460; scrollbar-track-color:#587281; }
body {
	font-family:arial;
	font-size:12px;
	color:#D8E0E6;
	padding-top:130px;
	padding-bottom:115px;
	width:100%;
	background:#364651 url('images/bg-bottom.gif') repeat-x bottom left;
}
img { border:0; }
ol { margin-right:35px; margin-bottom:15px; }
/* /main */

/* layout & styles */
#page { width:850px; position:relative; margin:0 auto; }
	#cols { width:100%; overflow:hidden; position:relative; }
		/* column */
		#cols .col { float:right; padding-bottom:32000px; margin-bottom:-32000px; position:relative; }
		#col-content { width:650px; background-color:#405460; top:25px; }
		#col-relatedContent { width:200px; padding-top:70px; }
			#content { width:100%; overflow:hidden; }
			#content .pad { width:600px; padding:25px 12px 50px 0; }
			#content-bottom { width:650px; }

#topbg {
	background:#364651 url('images/bg-top.gif') repeat-x top left; 
	height:325px; width:100%;
	position:absolute; top:0; left:0;
	clear:both;
}
#logo {
	color:#ffffff;
	font-weight:normal;
	width:195px;
	height:57px;
	background-image:url('images/logo.gif');
	position:relative;
	bottom:-14px;
	z-index:2;
	margin-right:25px;
	text-indent:-1000px;
}
	#logo a {
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
		overflow:hidden;
	}
h1,.h1,
h2,.h2 {
	font-weight:normal;
	font-size:22px;
	margin-bottom:15px;
	line-height:28px;
}

ul li {
	list-style:none;
	background:transparent url('images/icons/bullet.gif') no-repeat right 6px;
	padding-right:15px;
	margin-bottom:7px;
	zoom:1;
}

#menu-container {
	position:absolute;
	top:-25px;
	right:0;
	padding-left:25px;
	width:625px;
}
#menu {
	overflow:hidden;
	list-style:none;
	background-color:#2B3841;
	height:16px;
	padding:11px 85px 6px 0;
}
	#menu li {
		display:block;
		float:right;
		margin-left:10px;
		padding-right:11px;
		background:transparent url('images/menu/sep.gif') no-repeat right center;
	}
	#menu .first { background:none; padding-right:0; }
		#menu li a {
			color:#A4E7EF;
			display:block;
			text-decoration:none;
			text-indent:-1000px;
			overflow:hidden;
			background-repeat:no-repeat;
		}
			#menu #menu-home a { width:25px; background-image:url('images/menu/home.gif'); }
			#menu #menu-archive a { width:39px; background-image:url('images/menu/archive.gif'); }
			#menu #menu-about a { width:38px; background-image:url('images/menu/about.gif'); }
			#menu #menu-contact a { width:57px; background-image:url('images/menu/contact.gif'); }
			#menu #menu-settings a { width:48px; background-image:url('images/menu/settings.gif'); }

#content #rss {
	position:absolute;
	text-align:left;
	left:30px;
	top:10px;
	background:#2B3841 url('images/icons/rss.gif') no-repeat left center;
	padding-left:22px;
	font-size:11px;
	height:13px; padding-top:3px;
}
#content #rss a {
	color:#ffffff;
	text-decoration:none;
}
#posts {
	clear:both;
}
#posts h1,#posts .h1 {
	color:#D0E6B9;
	margin-right:12px;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}
.pagenav {
	margin-top:20px;
	margin-bottom:10px;
	width:100%;
}
.hr {
	height:1px;
	overflow:hidden;
	background-color:#374651;
	border-bottom:1px solid #485F70;
	margin:10px 0;
	clear:both;
}
/* /layout & styles */

/* side bar */
#col-relatedContent .rc {
	margin-bottom:25px;
	color:#ffffff;
}
#col-relatedContent .rc h3 {
	font-weight:normal;
	padding-right:12px;
	font-size:14px;
	position:relative;
	top:3px;
	z-index:2;
}
#col-relatedContent .rc .h3 {
	right:12px;
	position:relative;
	top:1px;
	z-index:2;
	overflow:hidden;
	height:16px;
}
#col-relatedContent .rc .content {
	width:178px;
	padding:20px 11px 15px 11px;
	position:relative;
	overflow:hidden;
	clear:both;
}

#col-relatedContent .rc.continuance .content {
	background-color:#405460;
	width:178px;
}
#col-relatedContent .rc.normal .content {
	width:168px;
	border-right:10px solid #2B3841;
	background-color:#343F47;
	
}
#col-relatedContent .rc .txt {
	width:135px;
	padding-top:2px;
	padding-bottom:2px;
	height:14px;
}
/*
#rcLogin .links {
	margin-top:10px;
	clear:both;
}
#rcLogin .username {
	padding-right:21px;
	background:#ffffff url('images/icons/user.gif') no-repeat 99% center;
}
#rcLogin .password {
	padding-right:21px;
	background:#ffffff url('images/icons/key.gif') no-repeat 99% center;
}
#rcLogin .remember {
	width:70px;
	float:right;
}
#rcLogin .line {
	margin-bottom:4px;
}
#rcLogin .line .inp {
	padding-right:0;
}
#rcLogin .line.error {
	background:none;
}
#rcLogin .submit {
	float:left;
}
#col-relatedContent #rcLogin .txt {
	width:154px;
}
#rcLogin .valsummary {
	padding-right:0;
}
#rcLogin .submit input {
	width:68px;
}
#rcLogin .links {
	font-size:11px;
	margin-top:7px;
}
*/

#rcTagCloud {}
	#rcTagCloud a { text-decoration:none; }
	#rcTagCloud ul,#rcTagCloud li { background:none; padding-right:0; }
	.tag-10 { font-size:20px; }
	.tag-9 { font-size:19px; }
	.tag-8 { font-size:18px; }
	.tag-7 { font-size:17px; }
	.tag-6 { font-size:16px; }
	.tag-5 { font-size:15px; }
	.tag-4 { font-size:14px; }
	.tag-3 { font-size:13px; }
	.tag-2 { font-size:12px; }
	.tag-1 { font-size:11px; }
	.tag-0 { font-size:10px; }

#rcSearch .search {
	padding-right:21px;
	background:#ffffff url('images/icons/search.gif') no-repeat 99% center;
}
	#rcSearch .submit {
		width:16px; height:16px; overflow:hidden;
		position:absolute; top:23px; left:10px;
	}
		#rcSearch .submit input {
			background:transparent url('images/icons/go.gif') no-repeat  right center;
			cursor:pointer;
			border:none;
			width:16px;
			text-indent:-1000px;
		}
			#rcSearch .links {
				font-size:11px;
				margin-top:7px;
			}
#rcComingSoon .content {
	color:#D8E0E6;
}
#rcLinks {
	font-size:11px;
}
#rcLinks a {
	color:#B1D294;
	text-decoration:none;
}
#rcLinks a:hover {
	color:#D0E6B9;
	text-decoration:underline;
}
/* /side bar */

#ads {
	margin-right:70px;
	margin-bottom:25px;
}

/* post */
.post {
	width:100%;
}
#content .post .pad {
	padding:12px;
	width:auto;
}
.post h2,.post .h2 {
	font-weight:normal;
	font-size:22px;
	margin-bottom:5px;
}
.post h2 a,.post .h2 a {
	color:#ffffff;
	text-decoration:none;
}
.post .tags {
	font-size:11px;
	margin-bottom:15px;
	background-image:url('images/icons/folder.gif');
	width:400px;
}
.post .text {
	line-height:150%;
	font-size:12px;
}
.post .info {
	clear:both;
	padding-top:4px;
	font-size:11px;
	margin-top:15px;
	height:20px;
}
.post .info * {
	display:block;
	float:right;
	margin-left:10px;
}
.post .info .written {
	background-image:url('images/icons/pencil.gif');
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.post .info .date {
	border-right:1px solid #D8E0E6;
	padding-right:8px;
	height:45%;
	overflow:hidden;
	line-height:80%;
	margin-top:3px;
}
.post .info .comments {
	background-image:url('images/icons/comments.gif');
}
.post .info .hits {
	background-image:url('images/icons/cursor.gif');
}
.post .info .permalink {
	background-image:url('images/icons/link.gif');
}
.post a {

}

.icon {
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:21px;
}

/* paging */
.pages {
	clear:both;
	width:100%;
	height:14px;
	overflow:hidden;
}
	.pages span {
		display:block;
		float:right;
		text-decoration:none;
		font-size:11px;
		background:transparent url('images/menu/sep.gif') no-repeat right center;
	}
	.pages .next {
		padding-left:21px;
		padding-right:10px;
		background:transparent url('images/icons/next.gif') no-repeat left 1px;
	}
	.pages .numbers a {
		padding:0 8px;
	}
	.pages .numbers .first {
		background:none;
	}
	.pages .numbers .curr {
		color:#ffffff;
		text-decoration:underline;
	}
	.pages .sep {
		float:right;
		background:transparent url('images/menu/sep.gif') no-repeat left top;
		width:1px;
		height:9px;
		margin-top:3px;
		overflow:hidden;
	}
	.pages .back {
		padding-left:11px;
		padding-right:21px;
		background:transparent url('images/icons/back.gif') no-repeat right 1px;
	}
/* /paging */

/* links */
a {
	color:#37CDDF;
	text-decoration:underline;
}
a:hover {
	color:#A4E7EF;
}
/* /links */

/* cornered */
.cornered {
	position:relative;
}
.cornered .corner {
	position:absolute;
	width:17px;
	height:13px;
	overflow:hidden;
	background-repeat:no-repeat;
	z-index:1;
}

.cornered .corner.tl { top:0;left:0;background-image:url('images/corners/tl.gif'); }
.cornered .corner.tr { top:0;right:0;background-image:url('images/corners/tr.gif'); }
.cornered .corner.bl { bottom:0;left:0;background-image:url('images/corners/bl.gif'); }
.cornered .corner.br { bottom:0;right:0;background-image:url('images/corners/br.gif'); }

.cornered .corner.content-corner {
	height:58px;
	width:25px;
	background-image:url('images/corners/content-corner.gif');
	top:-25px;
}
/* /cornered */


/* form */
.form .line {
	margin-bottom:10px;
	position:relative;
	width:100%;
}
.form .line .inp {
	padding-right:25px;
}
.form .line .inp * {
	vertical-align:middle;
}
.form .line .lbl {
	display:block;
	position:absolute;
	right:205px;
	top:3px;
	white-space:nowrap;
}
.form .line .lbl .desc,
.form .line .lbl .desc * {
	color:#94ADB6!important;
}

.valsummary {
	color:#F8A087;
	font-weight:bold;
	padding-right:25px;
}

.form .val {
	color:#F8A087;
	font-weight:bold;
	font-style:normal;
}
.form .lbl .desc {
	color:#DB8181;
	display:block;
	position:absolute;
	right:120%;
	top:0;
	white-space:nowrap;
}
.form .lbl .val {
	color:#DB8181;
	display:block;
	position:absolute;
	right:120%;
	top:0;
	white-space:nowrap;
}
.form .line.error {
	background:transparent url('images/icons/error.gif') no-repeat right 3px;
}
.form .line.error .txt,
.form .line.error textarea {
	border:1px solid #CE2020;
}

.submit input {
	background:transparent url('images/submit.gif') no-repeat left center;
	cursor:pointer;
	color:#A0D397;
	font-weight:bold;
	padding-left:27px;
	border:none;
	width:85px;
	text-align:left;
	font-size:12px;
	font-family:arial;
}

.txt,select,textarea {
	background-color:#ffffff;
	font-size:11px;
	color:#444;
	font-family:arial;
	border:1px solid #374651;
}

fieldset {
	border:1px solid #587281;
	margin-bottom:20px;
	padding:10px;
}
legend {
	color:#C3F1F7;
	margin-bottom:10px;
	font-size:11px;
}
/* /form */

.serverMessage {
	background-color:#F0E8AE;
	color:#000;
	padding:5px;
	font-weight:bold;
	text-align:center;
}

@media print {
	body {
		padding-top:0;
		padding-bottom:0;
		color:#000;
		background:none;
	}
	#topbg,#col-relatedContent,.corner,#menu-container,#ads,#content-bottom,object,embed {
		display:none;
	}
	#logo {
		color:#000;
		text-indent:0;
		margin:0;
		position:static;
		background:none;
		width:auto;
		height:auto;
	}
	#logo a {
		display:inline;
		width:auto;
		height:auto;
	}
	#cols .col {
		float:none;
		margin-bottom:0;
		padding-bottom:0;
	}
	h1 a,h2 a,h3 a,h4 a {
		color:#000!important;
	}
	h1,h2,h3,h4 {
		color:#000!important;
		display:block!important;
	}
	#page,#cols,#cols .col,#col-content,#content,.post,.pad,#content .pad {
		overflow:visible;
		position:static;
		width:auto;
		background:none;
	}
	#content .pad,.pad {
		padding:0;
	}
	.icon {
		padding-right:0;
	}
	a {
		color:#00f;
	}
	ul li {
		list-style:disc;
		margin-right:15px;
		background:none;
		margin:auto;
		padding:auto;
	}
}












/*********** index.css **********/
.post.newest {
	background-color:#343F47;
}

#footer {
	width:640px;
	height:15px;
	padding:5px;
	clear:both;
	background-color:#405460;
}
	#footer ul {
		float:left;
	}
		#footer li {
			float:left;
			display:inline;
			margin-left:5px;
			background:none;
			padding:0;
		}

/*********** post.css **********/

.post h1 a {
	color:#ffffff;
	text-decoration:none;
}
.post .text pre,
.comment .text pre {
	border:1px solid #989CA1;
	background-color:#2D3235;
	font-family:"Lucida Console","Courier New","Fixedsys";
	overflow-y:hidden;
	overflow-x:auto;
	padding:8px 12px 18px 12px;
	margin-bottom:10px;
	direction:ltr;
	width:550px;
	color:#B9BBBD;
}
.post .text pre ol,
.comment .text pre ol {
	color:#94ADB6;
}
.post .text pre li div,
.comment .text pre li div {
	color:#B9BBBD;
}
.post .img {
	border:4px solid #587281;
	float:right;
	margin-left:10px;
}
.post .text h3,.post .text .h3 {
	color:#C3F1F7;
	font-size:14px;
	margin-top:10px;
	margin-bottom:8px;
	line-height:130%;
}
.post .relatedPosts {
	
}
.post .relatedPosts h3 {
	color:#D0E6B9;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:8px;
	line-height:130%;
}
.post .relatedPosts ul {
	list-style:none;
	margin-top:10px;
}
.post .relatedPosts a {
	color:#D8E0E6;
	text-decoration:none;
}
.post .relatedPosts a:hover {
	text-decoration:underline;
}

.post .text p {
	margin-bottom:15px;
}

.post ul li {
	margin-bottom:3px;
}

.post .figure {
	background-color:#587281;
	padding:5px;
	float:right;
	margin:0 auto;
	margin-bottom:15px;
	margin-left:10px;
	display:inline-block;
}
.post .figure img {
	display:block;
	xmargin:0 auto;
}
.post .figure em {
	display:block;
	margin-top:5px;
	background-color:#ddd;
	color:#000;
	padding:2px;
	font-size:11px;
	text-align:center;
}

.post .text p,
.post .text h2, .post .text .h2,
.post .text h3, .post .text .h3,
.post .text h4, .post .text .h4,
.post .text h5, .post .text .h5,
.post .text ul {
	clear:right;
}

#comments-area {
	margin-right:50px;
	clear:both;
}
#comments-area .header {
	background-color:#2D3235;
	height:50px;
	margin-left:24px;
	margin-bottom:15px;
}
#comments-area .header .comments {
	font-weight:normal;
	position:absolute;
	right:26px;
	top:12px;
	font-size:23px;
	padding-right:24px;
	background-image:url('images/icons/comments.gif');
}
#comments-area .header .add {
	font-weight:normal;
	position:absolute;
	left:20px;
	top:14px;
	background-image:url('images/icons/comment-add.gif');
	font-size:18px;
}
#comments-area .header .add a {
	text-decoration:none;
}
.comment {
	background-color:#587281;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:25px;
	position:relative;
	min-height:62px;
}
.comment .username {
	float:right;
	background-image:url('images/icons/comment-user.gif');
	height:16px;
	font-weight:bold;
	color:#E2C1BD;
}
.comment .username a {
	color:#E2C1BD;
}
.comment .username a:hover {
	color:#D09A94;
}
.comment .url {
	float:right;
	font-size:10px;
	margin-right:10px;
	_padding-top:2px;
}
.comment .date {
	float:left;
	font-size:90%;
	direction:ltr;
	padding:2px 4px;
	margin-left:8px;
}
.comment .pad {
	padding-right:28px;
	padding-left:10px;
}
.comment .side {
	background-color:#2D3235;
	position:absolute;
	right:-20px;
}
.comment .avatar {
	top:11px;
	width:32px;
	height:32px;
	overflow:hidden;
	background:#323d44 url('images/avatar.gif') no-repeat center center;
	border:3px solid #2D3235;
	overflow:hidden;
}
.comment .number {
	top:52px;
	width:38px;
	text-align:center;
	font-weight:bold;
	font-size:90%;
	padding:2px 0;
}
.comment .text {
	clear:both;
	padding-top:10px;
	padding-left:13px;
}
.comment .text pre {
	width:530px;
}
.comment .text blockquote {
	background:transparent url('images/icons/quote.gif') no-repeat right top;
	margin:10px 0 10px 0;
	margin-right:10px;
	padding-right:30px;
	padding-left:10px;
	padding-top:5px;
	font-style:italic;
	color:#B5D5ED;
}
.comment .text blockquote .name {
	font-weight:bold;
	font-style:normal;
	margin-bottom:5px;
}
.comment .text blockquote .name a {
	color:#B5D5ED;
}
.comment .links {
	clear:both;
	padding-top:4px;
	font-size:90%;
	margin-top:15px;
	height:20px;
}
.comment a,
.comment .links a {
	color:#81F2FF;
}
.comment a:hover,
.comment .links a:hover {
	color:#43E7F9;
}
.comment .links * {
	display:block;
	float:right;
	margin-left:10px;
}
.comment .links .reply {
	background-image:url('images/icons/comment-reply.gif');
}
.comment .links .permalink {
	background-image:url('images/icons/link.gif');
}
.comment .links .report {
	background-image:url('images/icons/comment-report.gif');
}

.comment.admin {
	background-color:#C1D3BD;
}
.comment.admin a,
.comment.admin .links a {
	color:#2772AA;
}
.comment.admin a:hover,
.comment.admin .links a:hover {
	color:#3F93D3;
}
.comment.admin .side {
	background-color:#97B391;
}
.comment.admin .avatar {
	background-color:#2D3235;
	border:3px solid #97B391;
}
.comment.admin .number {
	color:#2D3235;
}
.comment.admin .username,.comment.admin .username a {
	color:#975762;
}
.comment.admin .username a:hover {
	color:#B76A77;
}
.comment.admin .date {
	color:#464D44;
}
.comment.admin .url {
	color:#2772AA;
}
.comment.admin .text {
	color:#464D44;
}
.comment.admin .text blockquote {
	color:#5D7D54;
	background-image:url('images/icons/quote-admin.gif');
}
.comment.admin .text blockquote .name a {
	color:#5D7D54;
}
.comment.admin .text pre {
	background-color:#394537;
	color:#b4bbb2;
	border-color:#434342;
}

/* form */
#comments-add {
	position:relative;
	width:100%;
}
#comments-form {
	background-color:#2D3235;
	width:400px;
	padding-top:1px;
	position:relative;
	z-index:3;
}
#comments-form .pad {
	padding:15px 25px 20px 10px;
}
#comments-form h2,
#comments-form .h2 {
	float:right;
	font-weight:normal;
	margin-bottom:0;
	color:#ffffff;
	padding-right:24px;
	background-image:url('images/icons/comment-add.gif');
}
#comments-form .form {
	clear:both;
}
#comments-form .txt,
#comments-form textarea {
	font-size:100%;
}
#comments-form .txt {
	width:160px;
}
#comments-form textarea {
	width:335px;
	height:200px;
	overflow:auto;
}
#comments-form .form {
	margin-top:18px;
}
#comments-form .desc {
	font-size:10px;
}

#comments-form .form .captcha .txt {
	width:96px;
}
#comments-form .form .remember {
	margin-top:10px;
	width:160px;
}

#comments-form .form .submit {
	clear:both;
	float:left;
	margin-top:1px;
}
#comments-form .form .submit input {
	width:110px;
}

#comments-allowed {
	background-color:#2D3235;
	width:200px;
	height:254px;
	overflow:hidden;
	top:50px;
	right:225px;
	position:absolute;
	z-index:1;
}
#comments-allowed .content {
	padding:14px;
	padding-right:5px;
}
#comments-allowed-expander {
	position:absolute;
	top:0;
	left:0;
	margin-top:14px;
	padding:16px 8px;
	background:transparent url('images/icons/expand.gif') no-repeat center top;
	cursor:pointer;
}
#comments-allowed-expander h6 {
	background-image:url('images/comment-allowed-tags.gif');
	width:11px;
	height:130px;
	text-indent:-1000px;
	overflow:hidden;
}
#comments-allowed-content {
	padding:10px;
	zoom:1;
}
#comments-allowed-content h6 {
	xcursor:pointer;
	color:#A0D397;
	font-size:12px;
	font-weight:bold;
	margin-bottom:25px;
	xpadding-right:16px;
	width:150px;
	xbackground-image:url('images/icons/collapse.gif');
}
#comments-allowed .code {
	font-size:11px;
	color:#8C9AA3;
	width:100%;
}
#comments-allowed .code div {
	margin-bottom:10px;
}

	#comments-allowed-content code { display:block; direction:ltr; text-align:left; }

.codeSnippetToolbar {
	position:absolute;
	z-index:100;
}
.codeSnippetToolbar div {
	border:1px solid #989CA1;
	border-top:none;
	padding:2px 4px;
	background-color:#2D3235;
	float:right;
	margin-left:10px;
	cursor:pointer;
	font-size:90%;
}
.codeSnippetToolbar div:hover,.codeSnippetToolbar div.hover {
	background-color:#2D3235;
	color:#989CA1;
}


#contentPage-content p { margin-bottom:15px; }
#contentPage-content h3 { color:#C3F1F7;font-size:14px;margin-top:10px;margin-bottom:8px;line-height:130% }
#contentPage-content object { width:400px!important; }



.search-results {}
	.search-results .post { margin-bottom:1.5em; }