body {
	margin: 0;
	padding: 0;
	background: #110c0b url(http://www.petrosalema.com/blog/images/sky.jpg) no-repeat fixed;
	background: #110c0b url(http://www.petrosalema.com/blog/util/colorbox?c=221815&w=1&h=64) repeat-x top;
	color: #E0CFA7;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 200%;
	text-align: center;
}

img {
	border: 0;
}

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

a:hover {
	color: #fff;
}

p {
	margin: 10px 0 0 0;
}

h1, h2, h3 {
	margin: 0 0 8px;
	padding: 0;
	color: #E0CFA7;
}

td {
	vertical-align: top;
}

#shell {
	position: relative;
}

#header {
	width: 100%;
	min-width: 880px;
	height: 136px;
	overflow: hidden;
	padding-top: 32px;
	background: #221815 url(http://www.petrosalema.com/blog/util/gradient?c1=221815&c2=110c0b&w=1&h=64&o=x) repeat-x bottom;
}

	#header #caption {
		float: right;
		width: 302px;
		height: 88px;
		color: #b0ab8b;
		line-height: 150%;
	}

	#logo {
		width: 440px;
		height: 88px;
		overflow: hidden;
		color: #f44;
		font-size: 40px;
		letter-spacing: -2px;
	}

#neck {
	z-index: 999;
	min-width: 880px;
	height: 32px;
	padding-top: 4px;
	background: #221815 url(http://www.petrosalema.com/blog/util/gradient?c1=261c19&c2=221815&w=1&h=4&o=x) repeat-x top;
	border-bottom:1px #261c19 solid;
	border-top: 1px #291f1c solid;
}

#neck #mainmenu {
	position: relative;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	list-style: none outside;
}

	#mainmenu li {
		float: left;
		width: 102px;
		height: 32px;
		margin: 0 1px 0 0;
		padding: 0;
	}

	#mainmenu li a {
		display: block;
		height: 24px;
		width: 94px;
		padding: 4px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-decoration: none;
		text-indent: 200px;
		white-space: nowrap;
	}

	#mainmenu li a:hover {
		background-position: 0px -32px;
		border-bottom: 2px solid #C5F4F3;
	}

	#mainmenu li.active a {
		background-position: 0px -64px;
		border-bottom: 2px solid #f34;
	}

	#mainmenu li.active a:hover {
		background-position: 0px -64px;
	}

#torso {
	position: relative;
	margin-top: 32px;
}

#footer {
	clear: both;
	float: left;
	width: 100%;
	min-width: 880px;
	height: 32px;
	background: #110c0b url(http://www.petrosalema.com/blog/util/gradient?c1=110c0b&c2=221815&w=1&h=32&o=x) repeat-x;
	margin-top: 32px;
	padding-top: 32px;
	line-height: 175%;
	text-align: center;
}

	#footer h1 {
		padding: 0 0 4px 0;
		margin: 0 0 12px 0;
		font-weight: normal;
		font-size: 20px;
	}

	#footer a {
		color: #C5F4F3;
		font-weight: bold;
		font-family: Verdana;
	}

	#footer a:hover {
		color: #fff;
	}

	#footer #feature {
		float: left;
		width: 100%;
		min-height: 128px;
		padding: 32px 0 24px;
		background: #92c1c0 url(http://www.petrosalema.com/blog/util/gradient?c1=C5F4F3&c2=92c1c0&w=1&h=128) repeat-x top;
		border-top: 1px solid #e7F6F5;
		color: #508080;
	}

	#footer #feature h1 {
		border-bottom: 2px solid #C5F4F3;
		color: #508080;
	}

	#footer #split {
		float: left;
		width: 100%;
		height: 8px;
		background: #92c1c0 url(http://www.petrosalema.com/blog/util/gradient?c1=92c1c0&c2=70a0a0&w=1&h=8) repeat-x top;
	}

	#footer #quicklinks {
		float: left;
		width: 100%;
		min-height: 128px;
		padding: 32px 0;
		background: #f4efcf url(http://www.petrosalema.com/blog/util/gradient?c1=f4efcf&c2=fff&w=1&h=160) repeat-x bottom;
		border-top: 1px solid #fff;
		color: #584f49;
	}

	#footer #quicklinks h1 {
		border-bottom: 2px solid #92c1c0;
		color: #564d49;
	}

	#footer #quicklinks a {
		font-family: Arial, Verdana, sans-serif;
		color: #70a0a0;
	}

	#footer #quicklinks a:hover {
		color: #92c1c0;
	}

	#footer #quicklinks .column {
		float: left;
		width: 241px;
		margin-left: 32px;
		background:
	}

	#footer #quicklinks .column h3 {
		height: 16px;
		margin: 0 0 12px 0;
		padding: 0 0 4px 0;
		border-bottom: 2px solid #92c1c0;
		color: #7a6f6b;
		font-weight: bold;
		font-size: 16px;
		text-align: left;
	}

	#footer #quicklinks .column ul {
		margin: 0;
		padding: 0;
		color: #7a6f6b;
		font-weight: bold;
		list-style: none;
	}

	#footer #quicklinks .column li {
		width: 241px;
		overflow: hidden;
	}

	#footer #quicklinks .column li a {
		display: block;
		margin: 0 0 1px;
		padding: 0 8px;
		color: #584f49;
	}

	#footer #quicklinks .column li a:hover {
		background: #f56;
		color: #f4efcf;
	}

	#footer #bottom {
		float: left;
		width: 100%;
		min-height: 64px;
		padding: 32px 0;
		background: #110c0b url(http://www.petrosalema.com/blog/util/gradient?c1=221815&c2=110c0b&w=1&h=64&o=x) repeat-x;
		color: #b0ab8b;
	}

#primary {
	position: relative;
	width: 546px;
	min-height: 400px;
}

#secondary {
	float: right;
	position: relative;
	width: 302px;
	min-height: 400px;
	overflow: hidden;
	color: #453c38;;
	font-size: 11px;
	line-height: 150%;
}

	#secondary h1 {
		margin: 0 0 4px 0;
		padding: 4px 0;
		border-bottom: 2px solid #C5F4F3;
		font-weight: normal;
		font-size: 18px;
	}

	#secondary p {
		margin: 0;
	}

.container {
	position: relative;
	width: 880px;
	margin: 0 auto;
	text-align: left;
}

.half_a {
	float: left;
	width: 546px;
	margin-right: 32px;
}

.half_b {
	float: left;
	width: 302px;
}

.post {
	position: relative;
	text-align: left;
}

	.post .content {
		width: 481px;
		margin-bottom: 32px;
		padding: 24px 32px;
		background: #19120F;
		color: #9a8f8d;
		font-size: 13px;
	}

		.post h3 {
			margin-top: 32px;
			color: #E0CFA7;
			sfont-family: Arial;
		}

	.post pre {
		width: 353px;
		padding: 8px 64px;
		overflow: auto;
		border: 1px solid #221815;
		background: #110c0b;
		color: #C5F4F3;
		font-size: 11px;
		font-family: monospace;
		line-height: 180%;
	}

	.post pre.withwrap {
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;
	}

	.post .label {
		position: absolute;
		left: -32px;
		top: 24px;
		width: 40px;
		padding: 4px;
		background: #d2cdad;
		background: #f34;
		color: #ECE4CE;
		font-weight: bold;
		text-align: center;
	}

	.post h1 {
		margin: 0 0 4px 0;
	}

		.post h1 a {
			display: block;
			width: 100%;
			padding-bottom: 2px;
			color: #E0CFA7;
			font-weight: normal;
			font-size: 40px;
		}

		.post h1 a:hover {
			padding-bottom: 0;
			border-bottom: 2px solid #C5F4F3;
		}

	.post h2 {
		position: relative;
		margin: 0 0 16px 0;
		padding: 0 0 4px 0;
		border-bottom: 1px #342b27 dotted;
		color: #ECE4CE;
		font-size: 12px;
	}

	.post h2 a {
		position: absolute;
		right: 0;
		vertical-align: middle;
	}

	.post p {
		margin: 10px 0 0 0;
		padding: 0;
	}

	.post .footer {
		position: relative;
		margin-top: 16px;
		padding: 4px 8px;
		background: #221815;
	}

	.post .share {
		position: absolute;
		left: -40px;
		top: 24px;
		width: 32px;
		padding: 4px 4px;
		background: #221815 url(http://www.petrosalema.com/blog/util/gradient?c1=221815&c2=110c0b&w=40&o=y) repeat-y right;
		text-align: center;
	}


#thumbnails {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dotted #342b27;
}

	#thumbnails a img {
		margin: 4px 4px 0 0;
		padding: 4px;
		border: 1px #2E201D solid;
		background: #221815;
	}

	#thumbnails a:hover img {
		background: #C5F4F3;
	}


a.boxed_image img {
	margin: 4px 4px 0 0;
	padding: 4px;
	border: 1px #2E201D solid;
	background: #221815;
}

a.boxed_image:hover img {
	background: #C5F4F3;
}


.comment {
	margin-bottom: 16px;
	color: #564D49;
}

.comment h3 {
	margin: 0;
	border-bottom: 1px dotted #221815;
}

#comment_form {
	margin-top: 32px;
	text-align: center;
}

.comment_field {
	width: 300px;
	padding: 4px;
	border: 1px #19120F solid;
	background: #221815 url(http://www.petrosalema.com/blog/util/gradient?c1=19120F&c2=221815&w=8&o=y) repeat-y left;
	color: #C5F4F3;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
}

#search_field {
	width: 190px;
	padding: 4px;
	background: #221815 url(http://www.petrosalema.com/blog/util/gradient?c1=19120F&c2=221815&w=16&o=y) repeat-y left;
	border: 0;
	color: #C5F4F3;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial;
}

#calendar {
	clear: both;
	position: relative;
	width: 302px;
}

	#calendar a.btn {
		font: bold 11px Verdana;
	}

	#calendar table {
		width: 298px;
		background: #19120F;
	}

	#calendar td {
		width: 40px;
		height: 40px;
		font-size: 11px;
		text-align: center;
		vertical-align: middle;
	}

		#calendar #top td {
			background: #fff;
			color: #f45;
			font-weight: bold;
			font-size: 14px;
		}

	#calendar a {
		text-decoration: none;
	}

	#calendar td a {
		display: block;
		width: 40px;
		height: 24px;
		padding: 12px 0 4px;
		background: #221815;
		color: #E0CFA7;
		text-decoration: none;
	}

	#calendar td a:hover {
		background: #2E201D;
		color: #C5F4F3;
	}

	#calendar td a.current {
		width: 38px;
		height: 22px;
		background: #2E201D;
		border: 1px solid #3f312e;
		color: #C5F4F3;
		font-weight: bold;
	}

	#calendar td a.current:hover {
		border: 1px solid #2E201D;
	}

	#calendar td a.today {
		background: #f34;
		color: #fff;
	}

	#calendar td a.today:hover {
		background: #F2576A;
	}

	#calendar td a.active {
		height: 22px;
		border-bottom: 2px solid #C5F4F3;
		color: #fff;
		font-weight: bold;
	}


/* Tree */

	.tree_branch {
		position: relative;
		margin-bottom: 1px;
		white-space: nowrap;
	}

		.tree_branch_main {
			position: relative;
			height: 20px;
		}

			.tree_branch a {
				display: block;
				float: left;
				height: 16px;
				padding: 2px 8px;
				overflow: hidden;
				white-space: nowrap;
				background: #221815;
			}

			.tree_branch a:hover {
				background: #2E201D;
			}

			a.tree_link {
				color: #C5F4F3;
			}

			a.tree_link:hover {
				color: #fff;
			}

			a.branch_link {
				margin-bottom: 1px;
				color: #E0CFA7;
			}

			a.branch_link:hover {
				color: #C5F4F3;
			}

			.tree_expander {
				display: block;
				float: left;
				width: 20px;
				height: 20px;
				margin-right: 1px;
				background: #3f312e;
			}

				.tree_expander a {
					display: block;
					float: left;
					width: 20px;
					height: 19px;
					padding: 1px 0 0;
					background: #3f312e;
					font-size: 16px;
					text-align: center;
				}

				.tree_expander a:hover {
					background: #f34;
				}


		.tree_offshoot {
			display: block;
			position: relative;
			left: 20px;
			margin: 1px 0 0 1px;
		}

.movie_preview {
	width: 481px;
	font-size: 13px;
	font-family: arial;
}

.movie_preview td {
	width: 240px;
}

.movie_preview .info {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 100%;
	list-style: none outside;
}

	.movie_preview .info ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.movie_preview .info li {
		float: left;
		width: 240px;
		margin: 0;
		padding: 4px 8px;
		border-bottom: 1px dotted #342b27;
		color: #584f49;
	}

	.movie_preview .info li b {
		margin-right: 4px;
		text-transform: uppercase;
	}

.gesture_hint {
	z-index: 99999;
	display: none;
	position: absolute;
	color: #C5F4F3;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

#shadowTop {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(http://www.petrosalema.com/blog/util/gradient_alpha?c=000000&a1=20&a2=0&w=1&h=10) repeat-x;
}

#shadowBottom {
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(http://www.petrosalema.com/blog/util/gradient_alpha?c=000000&a1=0&a2=20&w=1&h=10) repeat-x;
}

#error_msg {
	display: none;
	width: 75%;
	margin-bottom: 16px;
	padding: 4px;
	border: 2px #f45 solid;
	color: #f34;
	font-size: 14px;
	font-weight: bold;
}

.cloak
{
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
}