@import url("post.css");
@import url("reset.css");

/* Basic
---------------------------------------------------------- */

body {
	margin:0;
	padding:0;
	text-align:center;
	background: #050607;
	color:#b2c4e1;
	font: 68.75% Arial, Verdana, sans-serif;
}
	input, textarea, select {
		font-size: 100%;
	}
	a {
		color: #8fb8fc;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	a:visited {
		color: #bb90fc;
	}

/* Layout
----------------------------------------------- */
#root {

}
#wrapper-header {
	background: url("../images/grid/bg_header.gif") 0 100% repeat-x;
	text-align:center;
}
	#header {
		width:790px;
		widt\h:763px;
		margin:0 auto;
		text-align:left;
		padding:30px 0 13px 27px;
	}
#wrapper-1 {
	background: #5e6e89 url("../images/grid/bg_wrapper-1.gif") 0 0 repeat-x;
	padding:0 0 8px;
	text-align:center;
}
	#wrapper {
		width:790px;
		margin:0 auto;
		text-align:left;
		font-size:109.09%;
	}
	#wrapper:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#wrapper {
		display: block;
	}

#wrapper-content-1 {
	background: url("../images/grid/bg_wrapper_content_1.gif") 0 0 repeat-y;
	float: left;
	width: 545px;
}
#wrapper-content-2 {
	background: url("../images/grid/bg_wrapper_content_2.gif") 0 100% no-repeat;
}
#content {
	background: url("../images/grid/bg_content.gif") 0 0 no-repeat;
	padding: 30px 27px 29px 27px;
	line-height:1.4em;
}
#wrapper-sidebar-1 {
	background: url("../images/grid/bg_wrapper_sidebar_1.gif") 0 0 repeat-y;
	float: right;
	width: 245px;
	line-height:1.5em;
}
#wrapper-sidebar-2 {
	background: url("../images/grid/bg_wrapper_sidebar_2.gif") 0 100% no-repeat;
}
#sidebar {
	background: url("../images/grid/bg_sidebar.gif") 0 0 no-repeat;
	padding: 32px 20px 9px 17px;
}
#wrapper-footer {
	background: url("../images/grid/bg_wrapper_footer.gif") 0 0 repeat-x;
	text-align:center;
}
	#footer {
		background: url("../images/grid/bg_footer.gif") 9px 0 no-repeat;
		width:790px;
		widt\h:491px;
		margin:0 auto;
		text-align:left;
		padding:20px 269px 23px 30px;
	}

/* Header
----------------------------------------------- */
#header h1 {
	font: normal 381.82% Georgia, sans-serif;
	color:#7083a2;
	letter-spacing: -0.01em;
	margin:0;
	line-height:1em;
}
	#header h1 a {
		color:#7083a2;
		text-decoration:none;
	}
	#header h1 a:hover {
		text-decoration:none;
		color:#d6e0f1;
	}
#header #description {
	font: normal 118.18% Arial, sans-serif;
	color:#556683;
	letter-spacing: -0.03em;
	line-height:1em;
	margin:-2px 0 0;
}
/* Content
----------------------------------------------- */
#content pre {
	overflow:auto;
}

/* Post
----------------------------------------------- */
.post {
	clear: both;
	padding: 0 0 6px;
}
	/* post-header */
	.post-header {
		padding:0 33px 0 1px;
		margin: 0 0 5px;
	}
			.post-header h2 {
				font-size: 150%;
			}
			.post-header h2 a {
				color:#d6e0f1;
				text-decoration: none;
			}
			.sticky .post-header h2 a
			{
				color:#FEFFAF;
			}
			.post-header h2 a:hover {
				text-decoration: underline;
				color:#fff;
			}
		#content .post-header h3 {
			font: normal 75% Arial, sans-serif;
			color:#94a3bb;
		}
		#content .sticky .post-header h3 {
			color:#fff;
		}
			#content .post-header h3 a {
				color:#ffc454;
			}
		#content .post .post-body {
			clear: left;
			padding:10px 15px 0;
			background: url("../images/grid/bg_post_header.png") 0 0 no-repeat;
		}
		#content .post .post-body:after
		{
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		#content .post.first-post .post-body {
			background: url("../images/grid/bg_post_header_first.png") 0 0 no-repeat;
		}
		
		/* post-body (file: post.css) */

	/* post-description */
	.post-description {
		margin:0 0 38px;
		background: url("../images/grid/bg_post_header.png") 0 0 no-repeat;
		padding:8px 17px 0 17px;
	}
		#content .post-description p {
			color:#7d8eaa;
			font-size:83.33%;
			line-height:1.3em;
			margin:0;
		}
			#content .post-description p a {
				color:#7d8eaa;
			}


/* Archives .archives-info
----------------------------------------------- */
#content .archives-info {
	background: url("../images/grid/bg_archives-info_b.gif") 0 100% no-repeat;
	color:#9fb0ca;
	margin: -7px 0 13px;
	text-align:center;
	width:465px;
}
	#content .archives-info h3 {
		background: url("../images/grid/bg_archives-info_t.gif") 0 0 no-repeat;
		font: normal 91.67% Tahoma, Arial, sans-serif;
		line-height:1.2em;
		color:#9fb0ca;
		margin:0;
		padding: 5px 14px 7px;
	}
		#content .archives-info h3 strong {
			font-weight:bold;
		}

/* Comments & reply
----------------------------------------------- */
#comments h3,
#respond h3{
	padding:0 15px;
	margin: 0 0 27px;
	font: normal 136.36% Tahoma, Arial, sans-serif;
	color:#e6eefc;
}
	#comments h3 span,
	#respond h3  span{
		color:#94a3bb;
	}
/* Comments
----------------------------------------------- */
#comments-wrapper
{
	background: #2e3b50 url("../images/grid/bg_reply.gif") 0 100% no-repeat;
	width:489px;
}
#comments {
	background: url("../images/grid/bg_comments.gif") 0 0 no-repeat;
	padding:17px 0 5px;
}
	#comments .comments-lists li {
		background:none;
		border-bottom:1px solid #364359;
		list-style:none;
		padding: 0 16px;
		margin:0 0 12px;
	}
	#comments .comments-lists li.last
	{
		border-bottom:0;
	}
	#comments .comments-lists ul.children
	{
		border-left:2px solid #94A3BB;
		margin-left:10px;
		padding:0 0 0 10px;
	}
	#comments .comments-lists ul.children li {
		border:0;
		border-top:1px solid #364359;
		padding:10px 0 0;
	}
	#comments .comments-lists li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		#comments .comments-lists li .comment-author {
			color:#94a3bb;
			font-size:90.91%;
		}
		#comments .comments-lists li .comment-author img.avatar{
			border:2px solid #5e6e89;
			float:right;
			margin:5px 0 10px 10px;
		}
		#comments .comments-lists li a {
			color:#ffc454;
		}
			#comments .comments-lists li .comment-meta {
				color:#b2c4e1;
				font-size:81.82%;
				line-height: 1em;
				margin:0 0 7px;
				display:block;
			}
			
				#content #comments .comments-lists li p {
					line-height: 1.4em;
					margin: 0 0 7px;
					padding:0;
					color:#94a3bb;
					font-size:90.91%;
				}
				#content #comments .reply
				{
					font-size:11px;
					padding:0 0 10px;
				}
				
	.nav-prev-next-comment
	{
		font-size:13px;
		padding:0 16px 10px;
	}
	.nav-prev-next-comment:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.nav-prev-next-comment .prev
	{
		float:right;
	}
	.nav-prev-next-comment .next
	{
		float:left;
	}

/* Reply
----------------------------------------------- */
#respond {
	
	border-top:1px solid #364359;
	padding:15px 0 29px;
}
	#respond form p.info {
		color:#94a3bb;
		font-size:90.91%;
		margin-left:157px;
		padding:0 0 5px 16px;
	}
	#respond form div.row {
		padding: 0 16px 8px;
	}
	#respond form div.row:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#respond form div.row {
		display: block;
	}

		#respond form div.row label {
			float: left;
			/*padding: 0 13px 0 0;*/
			padding: 0 2.66% 0 0;
			text-align:right;
			color:#94a3bb;
			font-size:90.91%;
			width:20%;
		}
		#respond form div.row .inputs-box {
			float:left;
			width:65%;
			/*border:1px solid #83a3de;*/
		}
		#respond form div.row input.text,
		#respond form textarea {
			background: #e6eefc;
			border:0;
			border:2px solid #83a3de;
			color:#556683;
			display:block;
			/*float:left;*/
			font-size:90.91%;
			height:18px;
			heigh\t:15px;
			margin:0;
			overflow:auto;
			padding: 2px 0 0 5px;
			vertical-align: middle;
			width:93%;
			/*width: 181px;
			widt\h: 174px;*/
		}

		#sidebar input.text:focus,
		#sidebar textarea:focus {
			background: #fff;
		}
		#respond form textarea {
			overflow: auto;
			height:82px;
			heigh\t:80px;
			font-size:100%;
		}
		#respond form div.box-submit {
			text-align:right;
			/*padding: 0 133px 0 16px;*/
			padding: 0 17.2% 0 24.3%;
			margin:-3px 0 0;
		}
		#cancel-comment-reply
		{
			float:left;
			font-size:11px;
		}

.nav-prev-next-post
{
	padding:20px 0;
}
.nav-prev-next-post:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.nav-prev-next-post .prev
{
	float:left;
}
.nav-prev-next-post .next
{
	float:right;
}


/* Sidebar
----------------------------------------------- */
#sidebar ul {
	list-style: none;
}
	#sidebar ul li {
		padding: 0 0 8px;
		margin:0 0 4px;
		background: url("../images/grid/bg_sidebar_box.gif") 0 100% no-repeat;
	}
	#sidebar ul li.search-box,
	#sidebar ul li.last{
		background: none;
	}

#sidebar .inputs-box {
	border:1px solid #83a3de;
	float:left;
	margin:0 3px 0 0;
	width:137px;
	widt\h:135px;
}
#sidebar input.text,
#sidebar select,
#sidebar .search-box #search {
	width: 135px;
	widt\h: 128px;
	background: #e6eefc;
	padding: 2px 0 0 5px;
	margin:0;
	border:0;
	border:1px solid #63728c;
	color:#556683;
	vertical-align: middle;
	font-size:100%;
	height:18px;
	heigh\t:15px;
	float:left;
}
	/* hack for Opera 7+ */
	@media all and (min-width: 0px){
		#sidebar input.text,
		#sidebar select,
		#sidebar .search-box #search {
			width: 135px;
		}
	}

#sidebar input.text:focus,
#sidebar select:focus,
#sidebar .search-box #search:focus {
	background: #fff;
}


#sidebar h2 {
	font: normal 125% Tahoma, Arial, sans-serif;
	color:#e6eefc;
	line-height:1.2em;
	margin: 0 0 3px;
	position:relative;
}
	#sidebar h2 a {
		color:#e6eefc;
		text-decoration:none;
	}
	#sidebar h2 a:hover {
		text-decoration:underline;
	}
#sidebar p {
	color:#b2c4e1;
	margin: 0 0 9px;
	line-height:1.2em;
	font-size:90.91%;
	font-family:Tahoma, Arial, sans-serif;

}
#sidebar ul li ul {
	margin: 1px 0 9px;
	line-height:1.3em;
	list-style: none;
	font-size:90.91%;
	font-family:Tahoma, Arial, sans-serif;
}
	#sidebar ul li ul li {
		background: url("../images/grid/dot.gif") 7px 4px no-repeat;
		padding: 0 0 0 17px;
		margin: 0 0 1px;
		color:#90b9fc;
	}
		#sidebar ul li ul li a {
			text-decoration:none;
		}
		#sidebar ul li ul li a:hover {
			text-decoration:underline;
		}

/* search-box */
#sidebar .search-box {
	margin: 0 0 10px;
	padding:0;
}
	#sidebar .search-box #btn_search {
		vertical-align: middle;
		margin:0;
	}
	/* Tags Widget */
	#sidebar ul li.widget_tag_cloud div
	{
		margin: 0 0 9px;
	}
	/* Calendar Widget */
	
	#sidebar ul li #calendar_wrap {
		background:#2e394b;
		margin:5px 0 9px;
		position:relative;
		padding:25px 4px 4px 4px;
	}
	#sidebar ul li #calendar_wrap table
	{
		border:1px solid #344156;
		border-bottom:1px solid #252e3d;
		border-right:1px solid #252e3d;
		margin:0;
		width:100%;
	}
	#sidebar ul li #calendar_wrap caption
	{
		display:block;
		left:0;
		margin:0;
		position:absolute;
		text-align:center;
		top:3px;
		width:100%;
	}
	#sidebar ul li #calendar_wrap th,
	#sidebar ul li #calendar_wrap td
	{
		border:none;
		background:#364359 url("../images/grid/bg_sidebar_box.gif") 0 100% no-repeat;
		color:#6f7d96;
		padding:0 2px 7px;
		text-align:center;
	}
	#sidebar ul li #calendar_wrap thead th
	{
		background-color:#67768e;
		border-bottom:none;
		color:#2e394b;
		font-weight:bold;
		padding:3px 2px 7px;
	}
	#sidebar ul li #calendar_wrap td.pad
	{
		font-weight:bold;
	}
	#sidebar ul li #calendar_wrap tfoot td
	{
		background:#364359;
		border:none;
		padding:0 5px 3px;
	}
	#sidebar ul li #calendar_wrap tfoot td#prev
	{
		text-align:left;
	}
	#sidebar ul li #calendar_wrap tfoot td#next
	{
		text-align:right;
	}
	/* Text widget */
	#sidebar ul li .textwidget
	{
		color:#b2c4e1;
		margin: 0 0 9px;
		line-height:1.2em;
		font-size:90.91%;
		font-family:Tahoma, Arial, sans-serif;
	}
	/* RSS widget */
	#sidebar ul li h2 img
	{
		display:inline;
		margin:0 0 5px;
		position:absolute;
		right:0;
		top:5px;
		vertical-align:middle;
	}
	#sidebar ul li li span.rss-date
	{
		display:block;
		float:none;
	}
	#sidebar ul li li a.rsswidget
	{
		font-weight:bold;
	}
	#sidebar ul li li .rssSummary
	{
		color:#B2C4E1;
		margin:5px 0;
	}
	#sidebar ul li li cite
	{
		color:#92a0b7;
		display:block;
		margin:5px 0 10px;
	}
/* Footer
----------------------------------------------- */
#footer h1 {
	color:#94a3bb;
	margin: 0;
	font-size:90.91%;
}
	#footer a {
		color:#94a3bb;
	}
