@import url("post.css");

@import url("reset.css");



/* Basic

---------------------------------------------------------- */



body {

	margin:0 0 17px;

	padding:0;

	text-align:center;

	background: #fff url("../images/grid/bg.png") 50% 0 repeat-x;

	color:#9a9482;

	font: 68.75% Tahoma, Arial, Verdana, sans-serif;

}

	input, textarea, select {

		font-size: 100%;

	}

	a {

		color: #9a9482;

		text-decoration: underline;

	}

	a:hover {

		text-decoration: none;

	}

	a:visited {

		color: #bb90fc;

	}

	strong {

		font-weight:bold;

	}

	em, address, cite, dfn {

		font-style:italic;

	}



/* Layout

----------------------------------------------- */

#root {

	width:771px;

	margin:0 auto;

	position:relative;

}

#wrapper-header {

	background: url("../images/grid/logo.png") 100% 0px no-repeat !important;

	background: url("../images/grid/logo.gif") 100% 0px no-repeat;

	position:relative;

	height:180px;

	heigh\t:130px;

	padding:50px 91px 0 10px;

}

	#wrapper-header #header {

		float:left;

		text-align:right;

	}

#wrapper {

	padding:0 13px 0 0;

}

#wrapper:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}

#wrapper {

	display: block;

}

	#content {

		float:right;

		width:473px;

		line-height:1.4em;

		position:relative;

		top:-5px;

		z-index:100;

		color:#9a9482;

	}
	
	#legend{background-color:#CCCCCC}

	#sidebar {

		float:left;

		width:254px;

		position:relative;

		top:-65px;

		z-index:100;

		font-size:90.91%;

		color:#9a9482;

	}
	
	#sidebar .navPanel {
	display:block;
	border:#CCCCCC;
	border-style:solid 1px;
	padding:5px;
	margin:10px;
	}



/* Header

----------------------------------------------- */

#header h1 {

	font: italic 272.73% Georgia, sans-serif;

	color:#247acc;

	margin:0 0 4px;

	line-height:1em;

	text-align:right;

}

	#header h1 a {

		color:#247acc;

		text-decoration:none;

	}

	#header h1 a:hover {

		text-decoration:none;

		color:#a5a086;

	}

	#header #description {

		font: normal 109.09% Tahoma, Georgia, sans-serif;

		color:#a5a086;

		margin:0;

		padding:5px 0 0;

		line-height:1em;

		text-align:right;

		background: url("../images/grid/bg_description.gif") 100% 0 no-repeat;

	}



	#about-photo {

		position:absolute;

		left:5px;

		top:12px;

		width:328px;

		height:168px;

		z-index:99;

	}

		#about-photo span.mask {

			position:absolute;

			width:328px;

			height:168px;

			background: url("../images/grid/photo_about.png") 0 0 no-repeat;

			z-index:98;

		}

		#about-photo img {

			position:absolute;

			left:16px;

			top:10px;

			z-index:97;

		}



/* Sidebar

----------------------------------------------- */

#sidebar ul {

	list-style: none;

}

	#sidebar ul li {

		padding: 0 0 0 7px;

		margin:0;

		list-style:none;

	}

	#sidebar ul li.search-box {

		padding: 0;

	}

	#sidebar h2 {

		font: italic 180% "Trebuchet MS", Verdana, Arial, sans-serif;

		color:#4897e1;

		line-height:1.2em;

		margin: 0 0 14px;

		background-position: 0 50%;

		background-repeat: no-repeat;

		background-image: url("../images/grid/icon_menu.gif");

		padding:2px 0 4px 35px;

	}

		#sidebar h2 span {

			display:block;

			background: url("../images/grid/dots_1.gif") 0 100% repeat-x;

			padding:0 0 6px;

			position:relative;

		}

		#sidebar .widget_pages h2 {

			background-image: url("../images/grid/icon_menu.gif");

		}

		#sidebar .widget_categories h2 {

			background-image: url("../images/grid/icon_categories.gif");

		}

		#sidebar .widget_archive h2 {

			background-image: url("../images/grid/icon_archives.gif");

		}

		#sidebar .widget_links h2 {

			background-image: url("../images/grid/icon_blogroll.gif");

		}

	#sidebar ul li p {

		margin: 0 0 20px 20px;

		line-height:1.3em;

		list-style: none;

	}

	#sidebar ul li.about p {

		margin: 0 0 22px 36px;

	}

	#sidebar ul li ul {

		margin: 0 0 20px 20px;

		line-height:1.3em;

		list-style: none;

	}

		#sidebar ul li ul li {

			background: url("../images/grid/arrow_1.gif") 0 4px no-repeat;

			padding: 0 0 0 15px;

			margin: 0 0 5px;

			font-size:90%;

			font-family:Tahoma, Arial, sans-serif;

			color:#b3ad92;

		}

			#sidebar ul li ul li a {

				text-decoration:none;

				font-size:133.33%;

				color:#605c49;

			}

			#sidebar ul li ul li a:hover {

				text-decoration:underline;

			}

	/* Tags Widget */

	#sidebar ul li.widget_tag_cloud div

	{

		margin: 0 0 22px 36px;

	}

	/* Calendar Widget */

	

	#sidebar ul li #calendar_wrap {

		position:relative;

		padding:20px 0 25px;

	}

	#sidebar ul li #calendar_wrap table

	{

		border:2px dotted #ecebe5;

		margin:0 0 0 4px;

		width:100%;

	}

	#sidebar ul li #calendar_wrap caption

	{

		display:block;

		left:4px;

		position:absolute;

		text-align:center;

		top:0;

		width:100%;

	}

	#sidebar ul li #calendar_wrap th,

	#sidebar ul li #calendar_wrap td

	{

		background:#fff;

		border-bottom:1px solid #ecebe5;

		color:#9a9482;

		padding:1px 2px;

		text-align:center;

	}

	#sidebar ul li #calendar_wrap thead th

	{

		background:#ecebe5;

		font-weight:bold;

		padding:3px 2px;

	}

	#sidebar ul li #calendar_wrap td.pad

	{

		background:none;

		font-weight:bold;

	}

		#sidebar ul li #calendar_wrap td a

		{

			color:#4897e1;

		}

	#sidebar ul li #calendar_wrap tfoot td

	{

		background:none;

		border:none;

		padding:3px;

	}

	#sidebar ul li #calendar_wrap tfoot td a

	{

		color:#9A9482;

	}

	#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

	{

		margin: 0 0 20px 36px;

		line-height:1.3em;

	}

	/* RSS widget */

	#sidebar ul li h2 a

	{

		text-decoration:none;

		color:#4897e1;

	}

	#sidebar ul li h2 a:hover

	{

		text-decoration:underline;

	}

	#sidebar ul li h2 img

	{

		display:inline;

		margin:0 3px 0 0;

		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

	{

		color:#8C866C;

		font-weight:bold;

	}

	#sidebar ul li li .rssSummary

	{

		color:#9A9482;

		margin:5px 0;

	}

	#sidebar ul li li cite

	{

		color:#9A9482;

		margin:5px 0;

	}

	/* search-box */

	#sidebar .search-box form {

		background: url("../images/grid/bg_search-box_t.gif") 0 0 no-repeat;

		margin:0 0 20px;

		padding:6px 0 0;

	}

		#sidebar .search-box form div.row {

			background: url("../images/grid/bg_search-box_b.gif") 0 100% no-repeat;

			padding:6px 10px 12px 13px;

		}

		#sidebar .search-box form div.row:after {

			content: "."; 

			display: block; 

			height: 0; 

			clear: both; 

			visibility: hidden;

			}

		#sidebar .search-box form div.row {

			display: block;

		}

		#sidebar .search-box form div.inputs-box {

			background: url("../images/grid/bg_input_text.gif") 0 1px no-repeat;

			width:194px;

			widt\h:177px;

			height:26px;

			heigh\t:20px;

			float:left;

			padding:6px 5px 0 12px;

		}

		#sidebar .search-box form div.inputs-box input {

			background: transparent;

			width:177px;

			height:20px;

			color:#a19f95;

			margin:0;

			border:0;

			padding:0;

			font: normal 120% Tahoma, Verdana, Arial, sans-serif;

		}

		#sidebar .search-box form #btn_search {

			float:right;

		}

/* Content 

----------------------------------------------- */



/* Post

----------------------------------------------- */

.post {

	clear: both;

	padding: 0 0 6px 0;

}

	/* post-header */

	.post-header {

		margin: 0 0 5px;

		padding: 0 7px 6px 6px;

	}

	.post-header:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

		}

	.post-header {

		display: block;

	}

		.post-header .post-name {

			border-bottom:1px solid #dcdad1;

			float:left;

			width:390px;

			padding:1px 0 5px 0;

		}

		.page .post-header .post-name {

			float:none;

			width:auto;

		}

			.post-header .post-name h2 {

				font: italic 181.82% "Trebuchet MS", Verdana, Arial, sans-serif;

				line-height:1em;

			}

				.post-header .post-name h2 a {

					color:#8c866c;

					text-decoration: none;

				}

				.post-header .post-name h2 a:hover {

					text-decoration: underline;

					color:#4897e1;

				}

			#content .post-header .post-name h3 {

				font: normal 81.82% "Trebuchet MS", Verdana, Arial, sans-serif;

				color:#bbb390;

				line-height:1.2em;

				margin:3px 0 2px;

			}

				#content .post-header .post-name h3 a {

					color:#8c866c;

					font-size:122.22%;

					text-decoration: none;

				}

				#content .post-header .post-name h3 a:hover {

					text-decoration: underline;

					color:#4897e1;

				}

		.post-header .post-date {

			float:right;

			width:60px;

			background: url("../images/grid/bg_post-date_t.gif") 0 0 no-repeat;

			margin:3px 0 0;

			padding:3px 0 0;

		}

			#content .post-header .post-date h3 {

				background: url("../images/grid/bg_post-date_b.gif") 0 100% no-repeat;

				text-align:center;

				padding:6px 4px 4px;

				line-height:0.9em;

				font: normal 90.91% "Trebuchet MS", Verdana, Arial, sans-serif;

				color:#fff;

			}

			#content .post-header .post-date h3 strong {

				font-size:120%;

				color:#7f7a62;

				line-height:0.9em;

				display:block;

				letter-spacing:-0.05em;

				text-align:center;

			}

		/* post-body (file: post.css) */

		#content .post .post-body {

			clear: left;

			padding: 0 7px 8px 6px;

		}

		#content .post .post-body:after

		{

			content: ".";

			display: block;

			height: 0;

			clear: both;

			visibility: hidden;

		}

			#content .post .post-body p a.read-more{

				color:#a1d228;

				font-weight:bold;

				text-transform:uppercase;

				text-decoration: none;

			}

			#content .post .post-body p a.read-more:hover {

				text-decoration: underline;

			}

	/* post-description */

	.post-description {

		margin:0;

		background: url("../images/grid/bg_post-description_b.gif") 0 100% no-repeat;

		padding:0 0 36px;

	}

		#content .post-description p {

			background: url("../images/grid/bg_post-description_t.gif") 0 0 no-repeat;

			color:#ffffff;

			font-size:90.91%;

			line-height:1.2em;

			margin:0;

			padding:12px 22px 8px;

		}

			#content .post-description p a {

				color:#ffffff;

				font-weight:bold;

			}

	/* pages */

	.pages {

		margin:0 0 10px;

	}

		#content .pages p {

			font-size:90.91%;

			line-height:1.2em;

			margin:0;

			text-align:center;

		}





/* nav-prev-next-post

----------------------------------------------- */

#content .nav-prev-next-post {

	position:relative;

	height:39px;

	background: url("../images/grid/bg_nav-prev-next-post.gif") 0 0 no-repeat;

	margin:0 0 20px;

}

	#content .nav-prev-next-post .prev,

	#content .nav-prev-next-post .next{

		position:absolute;

		height:21px;

		width:44px;

		left:171px;

		top:9px;

	}

	#content .nav-prev-next-post .next{

		left:245px;

	}

		#content .nav-prev-next-post .prev a,

		#content .nav-prev-next-post .next a{

			display:block;

			height:21px;

		}

			#content .nav-prev-next-post .prev a span,

			#content .nav-prev-next-post .next a span {

				display:none;

			}

		#content .nav-prev-next-post .prev a{

			background: url("../images/grid/bg_button_prev.gif") 0 0 no-repeat;

			text-indent:-10000em;

		}

		#content .nav-prev-next-post .next a{

			background: url("../images/grid/bg_button_next.gif") 0 0 no-repeat;

			text-indent:-10000em;

		}

		#content .nav-prev-next-post .prev a:hover,

		#content .nav-prev-next-post .next a:hover{

			background-position:0 -121px;

		}





/* Archives .archives-info

----------------------------------------------- */

#content #archives-info {

	background: url("../images/grid/bg_archives-info_b.gif") 0 100% no-repeat;

	color:#9fb0ca;

	margin: -17px 0 29px;

	text-align:center;

	position:relative;

	z-index:100;

}

	#content #archives-info h3 {

		background: url("../images/grid/bg_archives-info_t.gif") 0 0 no-repeat;

		font: normal 109.09% Tahoma, Arial, sans-serif;

		line-height:1.4em;

		color:#9a9482;

		margin:0;

		padding: 17px 14px 17px;

		text-align:center;

	}

		#content #archives-info h3 strong {

			font-weight:bold;

		}





/* Comments & reply

----------------------------------------------- */

#comments h3,

#respond h3{

	margin: 0 0 18px;

	font: italic 163.64% "Trebuchet MS", Verdana, Arial, sans-serif;

	color:#4897e1;

	border-bottom:1px solid #e9e8e2;

	padding:0 10px 1px;

}

#comments h3

{

	margin-bottom:8px;

}

	#comments h3 span,

	#respond h3 span{

		color:#9a9482;

		font-size:77.78%;

	}

	#comments .nocomments {

		padding:0 0 20px;

	}

/* Comments

----------------------------------------------- */

#comments {

	padding: 0 7px 0 6px;

	margin:-8px 0 0;

}

	#comments .comments-lists li {

		/*padding: 0 0 9px 61px;*/

		padding:10px 0 10px 10px;

		/*background: url("../images/grid/icon_comments.gif") 21px 7px no-repeat;*/

		border-bottom:1px solid #E9E8E2;

	}

	#comments .comments-lists ul.children li {

		border:0;

		border-top:1px solid #E9E8E2;

		padding-left:15px;

	}

	#comments .comments-lists li .avatar

	{

		border:3px solid #E9E8E2;

		float:right;

	}

	

	#comments .comments-lists li .comment-author {

		font-size:120%;

		display: block;

	}

		#comments .comments-lists li .comment-author cite.fn {

			color:#a1d228;

			font-style:normal;

			margin:0 0 8px;

			text-decoration:none;

		}

			#comments .comments-lists li .comment-author cite.fn a {

				color:#a1d228;

				font-weight:bold;

			}

		#comments .comments-lists li .comment-meta {

			margin:0 0 5px;

		}

			#comments .comments-lists li .comment-meta em {

				

			}

		

			#content #comments .comments-lists li p {

				margin:0 0 10px;

			}

			#content #comments .reply a

			{

				color:#a1d228;

			}

			

.nav-prev-next-comment

{

	font-size:13px;

	padding:20px 0 0;

}

.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;

	}

			

/* Respond

----------------------------------------------- */

#respond {

	margin:20px 0 15px;

	padding: 0 7px 0 6px;

}

	#respond form div.row {

		padding: 0 0 13px;

	}

	#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;

			/*width: 191px;

			widt\h: 185px;*/

			width:40.22%;

			/*padding: 0 6px 0 0;*/

			padding: 0 1.3% 0 0;

			text-align:right;

			color:#9a9482;

			font: 145.45% "Trebuchet MS", Verdana, Arial, sans-serif;

		}

			#respond form div.row label span {

				color:#d5cdb4;

				font-size: 62.5%;

			}

		#respond form div.row .inputs-box,

		#respond form div.row .textareas-box{

			float:left;

			width:196px;

			widt\h:174px;

			height:27px;

			heigh\t:21px;

			background: url("../images/grid/bg_input_text_1.gif") 0 0 no-repeat;

			padding:6px 10px 0 12px;

		}

		#respond form div.row .textareas-box{

			height:122px;

			heigh\t:116px;

			background: url("../images/grid/bg_textarea.gif") 0 0 no-repeat;

		}

		#respond form div.row input.text,

		#respond form textarea {

			width: 174px;

			background: transparent;

			padding:0;

			margin:0;

			border:0;

			color:#a19f95;

			font-size:109.09%;

			height:20px;

		}

		#respond form textarea {

			overflow: auto;

			height:116px;

			font-size:109.09%;

		}

		#respond form div.box-submit {

			/*padding: 0 0 0 191px;*/

			padding: 0 0 0 41.52%;

		}

		#respond form div.box-submit input

		{

			margin:0 5px 0 0;

			vertical-align:middle;

		}



/* Footer

----------------------------------------------- */

#footer {

	background: url("../images/grid/dots_1.gif") 0 0 repeat-x;

	text-align:center;

	font-size:90.91%;

	color:#a19f95;

	padding:14px 0 0;

}

	#footer h1 {

		text-align:center;

	}

		#footer h1 a {

			color:#a19f95;

			text-decoration:none;

		}

		#footer h1 a:hover {

			text-decoration:underline;

		}