/*************************************************************
 *  blog.xhtmlized.com Stylesheet
 *************************************************************/

/* Clearfix 
 * ***********************************************************/
#blog .hentry .entry-content:after,
#blog .hentry .entry-summary:after,
#blog .hentry .entry-meta:after, 
.nav-page:after,
.share-links:after
	{
	content: ".";
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden; }

/* Hidden
 * ***********************************************************/
.share-links h3 {
	position: absolute;
	left: -1000em;
	text-align: left; }

/* Blog Header
 * ***********************************************************/
#blog .section-header h1,
#blog .section-header a.blog-header {
	margin: 0 30px 0 0;
	float: left;
	color: #9ce2f8;
	font-size: 4.9em;
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none; }

	#blog a.blog-header:hover { 
		color: #FFF; }
	
/* Blog Layout
 * ***********************************************************/
#blog .section-header p { 
	margin-top: 30px; }

#blog .section { 
	color: #555; }

#blog .section-inside {
	background: url("../images/bg-glow_blog.png") no-repeat scroll center top transparent; }

#blog .section .main { 
	min-height: 1100px;
	height: auto !important;
	height: 1100px;
	width: 632px; 
	float: left;
	text-align: left; }

#blog .section .secondary { 
	float: right;
	width: 295px;
	color: #fff }


/* HFeed */
#blog .hfeed h1 {
	margin: 0 0 30px;
	color: #FFF;
	font-size: 2.5em; }

	body.homepage .hfeed h1 {
		position: absolute;
		left: -1000em;
		text-align: left; }

	#blog .hfeed .hentry h2,
	#blog .hentry h1 {
		font-size: 2.57em;
		color: #091119;}
		
		#blog .hentry h2 a {
			color: #091119; 
			text-decoration: none; }
	
	.hentry {
		padding: 10px 0 0;
		position: relative;
		margin: 0 0 30px;
		clear: both;
		width: 632px;}

		.hentry .fig_t {
			display: block;
			width: 632px;
			height: 10px;
			position: absolute;
			left: 0px;
			top: 0px;
			overflow: hidden;
			background: transparent url(../images/bg_post.png) no-repeat -632px 0; }

		.hentry .entry-title {
			display: block;
			margin: 0;
			padding: 10px 30px 20px;
			background: #FFF url(../images/bg_post.png) repeat-y -1264px 0; }


		.hentry .entry-summary,
		.hentry .entry-content {
			margin: 0;
			padding: 0 30px 10px;
			background: #FFF url(../images/bg_post.png) repeat-y -1264px 0; }
		
		.hentry .entry-content p,
		.hentry .entry-summary p {
			margin: 0 0 1.3em; }

		.hentry .entry-content a,
		.hentry .entry-summary a {
			color: #ff9900; 
			text-decoration: underline; }

		.hentry .entry-content a:hover,
		.hentry .entry-summary a:hover {
			text-decoration: none }

		.hentry .entry-meta {
			padding: 0;
			/* clearfix */
			background: transparent url(../images/bg_post.png) no-repeat 0 0;
			color: #6f8891;}
		
			#blog .hentry .entry-meta a {
				text-decoration: none; }

			#blog .hentry .entry-meta .entry-published {
				padding: 30px 0 0 90px;
				width: 220px;
				float: right;
				position: relative; }

				#blog .hentry .entry-meta .entry-published img {
					position: absolute;
					left: 10px;
					top: -10px; }

					#blog .hentry .entry-meta .entry-published p strong {
						color: #9ce2f8; 
						display: block; }

					#blog .hentry .entry-meta .entry-published p a {
						color: #9ce2f8;  }

			#blog .hentry .entry-meta .entry-comments {
				float: left;
				padding: 30px 0 0 30px;
				background: transparent url(../images/ico_comment.png) no-repeat 5px 34px; }

				#blog .hentry .entry-meta .entry-comments a {
					margin: 0 0 5px;
					display: block;
					color: #9ce2f8;
					font-weight: bold; }

				#blog .hentry .entry-meta .entry-comments p {
					margin: 0; }

				#blog .hentry .entry-meta .entry-comments p a {
					margin: 0;
					display: inline;
					color: #94b5bf;
					font-weight: normal; }


		/* Content styles */
		#blog .hentry .entry-content, 
		#blog .hentry .entry-summary {
			font-size: 14px; }

			#blog .hentry .entry-content h2, 
			#blog .hentry .entry-summary h2 {
				color: #091119;
				font-size: 2em;
				line-height: 1.2em; }

			#blog .hentry .entry-content h3, 
			#blog .hentry .entry-summary h3 {
				color: #091119;
				font-size: 1.5em;
				line-height: 1.2em; }

			#blog .hentry .entry-content h4, 
			#blog .hentry .entry-summary h4 {
				color: #091119;
				font-size: 1.07em;
				line-height: 1.2em; }

			#blog .hentry .entry-content p,
			#blog .hentry .entry-summary p 
				{ 
				margin-bottom: 1.3em; 
				line-height: 20px; }

			#blog .hentry .entry-content ul,
			#blog .hentry .entry-summary ul { 
				margin: 0 0 1.3em 0.5em; }

				#blog .hentry .entry-content ul li,
				#blog .hentry .entry-summary ul li { 
					margin: .5em 0;
					padding: 0 0 0 1em;
					background: transparent url(../images/ico-arrow-small-r.png) no-repeat 0 .3em; }

			#blog .hentry .entry-content ol,
			#blog .hentry .entry-summary ol { 
				margin: 0 0 1.3em 1.5em; }

				#blog .hentry .entry-content ol li,
				#blog .hentry .entry-summary ol li {
					margin: 0.5em 0;
					list-style: outside decimal none; }

			#blog .hentry .entry-content dl ,
			#blog .hentry .entry-summary dl {
				margin: 0 0 1.3em; }
				
				#blog .hentry .entry-content dt ,
				#blog .hentry .entry-summary dt {
					margin: .5em 0;
					color: #091119;
					font-size: 1.07em;
					line-height: 1.3em; }

				#blog .hentry .entry-content dd,
				#blog .hentry .entry-summary dd {
					margin: 0 0 .5em 2em; }
					
			#blog .hentry .entry-content blockquote ,
			#blog .hentry .entry-summary blockquote {
				margin: .5em 0 1em;
				padding: 20px 30px 15px 50px;
				width: 458px;
				background: #f0f0f0 url(../images/blockquote.png) no-repeat 0 0;
				color: #666666;
				font-family: Georgia,'Tymes New Roman',serif;
				font-size: 1.07em;
				font-style: italic;
				line-height: 1.3em; }

				#blog .hentry .entry-content blockquote.enhanced,
				#blog .hentry .entry-summary blockquote.enhanced{
					padding: 20px 0 0; 
					width: 538px;}

				#blog .hentry .entry-content blockquote.enhanced .blockquote-inner,
				#blog .hentry .entry-summary blockquote.enhanced .blockquote-inner {
					padding: 0 30px 20px 50px;
					width: 458px;
					background: transparent url(../images/blockquote.png) no-repeat 100% 100%; }

				#blog .hentry .entry-content blockquote p,
				#blog .hentry .entry-summary blockquote p{
					margin: 0 0 .5em; }

				#blog .hentry .entry-content blockquote p.author,
				#blog .hentry .entry-summary blockquote p.author {
					margin: 0;
					color: #333;
					font-weight: bold; }

			#blog .hentry .entry-content q,
			#blog .hentry .entry-summary q {
				color: #666666;
				font-family: Georgia,'Tymes New Roman',serif;
				font-style: italic; }

	div#blog .section .post { clear: both; width: 632px; background: url(../images/bg-post_top.png) no-repeat left top; padding-top: 12px }
	div#blog .section .post-inside { background: url(../images/bg-post.png) no-repeat left bottom; padding: 10px 30px 60px  }
	
	div#blog .section .post-inside h1 { font-size: 36px; color: #091119; margin-bottom: 20px }
	div#blog .section .post-inside h1 a { color: #091119; text-decoration: none; }

	div#blog .section .post-inside p { margin-bottom: 20px; font-size: 14px; line-height: 20px }
	div#blog .section .post-inside a { color: #ff9900; text-decoration: underline }
	div#blog .section .post-inside a:hover { text-decoration: none }
	
	div#blog .section .post-author { width: 300px; float: right; position: relative; top: -60px }
	div#blog .section .post-author img { float: left; margin-right: 10px; border: 2px solid #000 }
	div#blog .section .post-author p { float: left; margin-top: 40px; margin-right: -30px; float: left; color: #9ce2f8 }
	
	/* Post comment form */
	#respond {
		margin: 0 0 30px;
		padding: 40px 0 10px;
		width: 628px;
		position: relative;
		clear: both;
		background: transparent url(../images/bg_respond.png) no-repeat -628px 100%;
		font-size: .857em;
		line-height: 1.1em; }

		#respond .fig_t {
			display: block;
			width: 628px;
			height: 40px;
			overflow: hidden;
			position: absolute;
			left: 0px;
			top: 0px; 
			background: transparent url(../images/bg_respond.png) no-repeat 0 0; }

		#respond h3 {
			position: absolute;
			left: -1000em;
			text-align: left; }

		#respond form,
		#respond p.notification {
			margin: 0;
			padding: 8px 14px 0;
			width: 600px;
			position: relative;
			background: #9ce2f8; }

		#respond form {
			padding-bottom: 50px; }

		#respond label {
			position: absolute;
			left: -1000em;
			text-align: left; }

		#respond em.required {
			position: absolute;
			left: -1000em;
			text-align: left; }

		#respond input {
			margin: 0 5px 0 0;
			border: none;
			padding: 8px;
			height: 13px;
			width: 138px;
			background: #FFF url(../images/bg-input_blog2.png) no-repeat 0 0;
			color: #5f9998; }

			#respond input.error {
				background-position: 0 -29px; 
				color: #ec260c; }

		#respond #comment {
			width: 580px;
			background: #FFF;
			border: 0;
			padding: 0;
			padding: 12px 10px;
			color: #5f9998;
			 
			resize: none;}

			 /* jquery.elastic updates */
			 #respond .comment-wrap {
				padding: 12px 0 0;
				background: #FFF url(../images/bg-input_blog.png) no-repeat 0 0; }

				#respond .comment-wrap-inner {
					padding: 0 10px;
					background: #FFF url(../images/bg-input_blog.png) no-repeat 0 100%; }

				#respond .comment-wrap textarea#comment {
					height: 16px;
					max-height: 100px;
					padding: 0; }

		#respond #submit {
			width: auto;
			padding: 0;
			margin: 0;
			width: auto;
			height: auto;
			background: transparent;
			color: #111;
			line-height: 33px;
			text-align: center;}

		#respond .user-details {
			margin: 0;
			padding: 0;
			position: absolute;
			left: 15px;
			bottom: 5px; }

			#respond p.user-details {
				line-height: 30px;}

			#respond p.user-details a {
				color: #007b7b; }

		#respond .actions {
			position: absolute;
			height: 33px;
			right: 14px;
			bottom: 3px;
			width: 115px; }


	/* Comments */
	#comments h3 {
		position: absolute;
		left: -1000em; }

		#comments li { 
			background: transparent url(../images/bg_comment.png) no-repeat -528px 0;
			padding: 10px 0 0;
			position: relative;
			width: 528px;
			overflow: hidden;
			margin-bottom: 10px }

		#comments li .comment-content {
			padding: 0 0 40px;
			position: relative;
			background: transparent url(../images/bg_comment.png) no-repeat 0 100%; }

		#comments li .comment-content-inside {
			padding: 10px 30px 1px;
			background: #FFF; }

		#comments li .comment-content p {
			margin-bottom: 1em;
			overflow: auto; }
			
		#comments li .comment-content a {
			color: #FF9900; }
			
		#comments li .comment-author {
			position: relative;
			padding-left: 80px;
			top: -20px;
			color: #9ce2f8 }
			
		#comments li .comment-author a {
			color: #9ce2f8;
			text-decoration: underline; }

		#comments .pagination {
			color: #666;
			font-weight: bold; }
			
			#comments .pagination .page-numbers {
				padding: 3px;
				text-decoration: none; }

			#comments .pagination .prev,
			#comments .pagination .next {
				width: auto;
				height: auto;
				display: inline;
				font-size: 1em;
				text-indent: 0; }

	div#blog .section .sidebox { margin-bottom: 40px; font-size: 14px; line-height: 20px }
	div#blog .section .sidebox abbr { cursor: text; border: 0 }
	div#blog .section .sidebox h3 { font-size: 18px; color: #9ce2f8; margin-bottom: 10px; margin-left: -1px }
	div#blog .section .sidebox a,
	div#blog .section .archives ol li a { color: #9ce2f8; text-decoration: none }
	div#blog .section .sidebox a:hover,
	div#blog .section .archives ol li a:hover { text-decoration: underline }
	div#blog .section .sidebox a.more { text-decoration: underline }
	div#blog .section .sidebox ol li,
	div#blog .section .archives ol li { padding-bottom: 10px; background: url(../images/ico-arrow-small-r.png) no-repeat left 6px; padding-left: 15px }
	div#blog .section .categories ul li { padding: 5px 0; background: url(../images/ico-arrow-small-r.png) no-repeat 0 50%; padding-left: 15px }
	div#blog .section .twitter { background: url(../images/ico-twitter.png) no-repeat right bottom }

	
	div#blog .section .archives { color: #fff }
	div#blog .section .archives h1 { font-size: 20px; color: #9ce2f8; background: url(../images/bg-line_archives.png) no-repeat center bottom; padding-bottom: 10px; margin-bottom: 40px; margin-left: -1px; padding-left: 30px }
	div#blog .section .archives ol li { padding-bottom: 15px; font-size: 14px; line-height: 20px }
	div#blog .section .archives ol { padding: 40px }
	
	div#blog .section .paging { overflow: hidden; margin-bottom: 50px; padding-left: 40px }
	div#blog .section .paging li,
	div#blog .section .paging li a { float: left; height: 26px; text-decoration: none }

	div#blog .section .paging li { padding-left: 5px; background: url(../images/bg-paging_left.png) no-repeat left; margin-right: 10px }
	div#blog .section .paging li a { background: url(../images/bg-paging_right.png) no-repeat right; padding: 7px 10px 0 5px; height: 19px; color: #9ce2f8; font-weight: bold; overflow: hidden }
	div#blog .section .paging li a:hover { color: #fff !important }
	


	div#blog abbr { border: none; cursor: inherit !important }
	

	div#blog .main .list-archives h2 {
		margin: 1em 0 .5em; }


/* Nav pagination */
.nav-page {
	margin: 1em 0 0; 
	padding: 0 10px; }

	.nav-page h3 {
		position: absolute;
		left: -1000em;
		text-align: left; }

	.nav-page li.page-next {
		float: left; }

	.nav-page li.page-prev {
		float: right; }

	.nav-page li a {
		color: #9CE2F8; }

	.nav-page li.page-next a {
		padding-left: 20px;
		background: transparent url(../images/ico_page_prev.png) no-repeat 0 50%; }

	.nav-page li.page-prev a {
		padding-right: 20px;
		background: transparent url(../images/ico_page_next.png) no-repeat 100% 50%; }


/* Cufon styles */
.cufon-canvas {
	text-indent:0!important; }

@media screen, projection {
	.cufon-canvas {
		display:inline!important;
		display:inline-block!important;
		position:relative!important;
		vertical-align:middle!important;
		font-size:1px!important;
		line-height:1px!important; }

	.cufon-canvas .cufon-alt {
		display:-moz-inline-box!important;
		display:inline-block!important;
		width:0!important;
		height:0!important;
		overflow:hidden!important; }

	.cufon-canvas canvas {
		position:relative!important; }
}

@media print {
	.cufon-canvas {
		padding:0!important; }

	.cufon-canvas canvas {
		display:none!important; }

	.cufon-canvas .cufon-alt {
		display:inline!important; }
}

/* Error pages */
#content .error-page {
	text-align: center; }

#content .error-page h1 {
	margin: 0 0 .3em; }

#content .error-page p a {
	font-weight: bold;
	font-size: 1.142em; }
	
.share-links {
	/* clearfix */
	width: 200px;
	float: right; }

	.share-links h3 {
		/* hidden */ }

	.share-links ul {
		margin: 0;
		padding: 0; }

	.share-links li {
		margin: 0 10px 0 0;
		padding: 0;
		display: block;
		float: left;
		list-style: outside none none; }

	#blog .hentry .entry-content .share-links li, 
	#blog .hentry .entry-summary .share-links li { 
		margin: 0 5px 0 0;
		padding: 0px;
		background: none; }

	.share-links a {
		display: block;
		width: 41px;
		height: 41px;
		position: relative;
		overflow: hidden; }

		.share-links a span {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background: transparent url(../images/ico_share_links.png) no-repeat 0 0;
			cursor: pointer; }
		
		.share-links a.twitter span {
			background-position: -41px 0;}

		.share-links a.digg span {
			background-position: -82px 0;}
			
		.share-links a.delicious span {
			background-position: -123px 0;}


.return-to-top {
	margin: 20px 0;
	text-align: center;
}