#wrapper {
	width:580px;
	margin:0 auto 30px;
	text-align:left;
}
	
	#header {
		height:200px;
		text-align:center;
	}
	
		#header img.logo {
			width:315px;
			margin:40px auto 25px;
		}
		
		
		#header ul.view-switcher {
			
		}
		
			#header ul.view-switcher li {
				display:inline;
			}
				#header ul.view-switcher li a {
					color:#52524f;
					font-size:10px;
					font-weight:bold;
					text-decoration:none;
					padding:2px 6px;
				}
				
				#header ul.view-switcher li.sel a,
				#header ul.view-switcher li a:hover,
				#header ul.view-switcher li.sel a:hover {
					background:#9e253a;
					color:#fff;
					-moz-border-radius:7px;
					-webkit-border-radius:7px;
					border-radius:7px;
				}
				
				#header ul.view-switcher li a:hover {
					background:#13a6cb;
				}
				
	#main {
		padding:20px 0 30px;
	}
	
		#col-sub ul {
			list-style:disc;
			margin:0 0 0 16px;
		}
			
			#col-sub ul li {
				padding:2px 0;
			}
	
	#footer {
		position:relative;
		clear:both;
		margin:50px 0 0;
		padding:6px 0 0;
		font-size:11px;
	}
	
		#footer div.line {
			height:3px;
			margin:0 0 5px;
			background:#9cf;
		}
	
		#footer p {
			margin-left:-4px;
			font-weight:bold;
		}
		
		#footer a {
			padding:0 8px 0 4px;
			border-right:1px solid #ccc;
			color:#666;
			text-decoration:none;
		}
		
		#footer a:hover {
			text-decoration:underline;
		}
		
		#footer p.volcano {
			position:absolute;
			top:-45px;
			right:-32px;
			width:85px;
			height:83px;
		}
		
			#footer p.volcano a {
				display:block;
				height:100%;
				padding:0;
				background:url(../gfx/volcano.png) no-repeat 0 0;
				border:0;
				text-indent:-9999px;
			}
			
			#footer p.volcano a:hover {
				background-position:0 -100px;
			}
	
	
div.post {
	margin:0 0 15px;
	padding:0 10px 10px;
}

	div.post h2 {
		display:inline;
		margin:0 0 0 -10px;
		padding:4px 0;
		font-size:18px;
		font-weight:bold;
		background:url(gfx/bg-post-header-top.png) repeat-x 0 0;
	}
		div.post h2 span {
			padding:0 10px 6px;
			background:url(gfx/bg-post-header-bottom.png) repeat-x left bottom;
		}
		
		div.post h2 a {
			color:#9f233c;
			text-decoration:none;
		}
	
	div.post p {
		line-height:1.8;
	}
	
	div.post p.date {
		margin:10px 0 8px;
		color:#3791ad;
		font:normal 11px Georgia,Helvetica,Arial;
		font-style:italic;
	}
	
	div.post p.details {
		margin:5px 0;
		color:#666;
		font-size:11px;
		text-align:right;
	}
	
		div.post p.details a {
			font-weight:bold;
		}
		
		div.post p.details em {
			font-style:normal;
		}
	
	ul.paging {
		padding:5px 0;
		border-top:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		text-align:center;
	}
	
		ul.paging li {
			display:inline;
			padding:0 3px;
		}
	
	
div#comments {
	padding:50px 0 0;
	background:url(gfx/comments-divider.png) no-repeat 50% 10px;
}
	
	div#comments h3 {
		margin:0 0 14px;
		padding:0 10px;
		color:#13a6cb;
		font-size:15px;
		font-weight:bold;
	}
	
		div#comments h3 span.num-comments {
			border-bottom:1px solid #13a6cb;
		}
	
	div#comments ul {
		margin:0 0 40px;
		border-bottom:1px solid #dcdcdc;
	}
	
		div#comments ul li {
			margin:0;
			padding:10px 0 20px;
			border-top:1px solid #dcdcdc;
			font-size:11px;
		}
		
		div#comments ul li.alt {
			background:#f0f4e9;
		}
		
		div#comments ul li.admin {
			background:#f5e9eb;
		}
		
			div#comments ul li p.details {
				position:relative;
				margin:0;
				padding:0 10px 10px;
			}
			
				div#comments ul li p.details strong.name {
					color:#933;
					text-transform:uppercase;
				}
				
				
				
				div#comments ul li p.details em.date {
					position:absolute;
					right:10px;
					top:2px;
					color:#3791ad;
					font:normal 11px Georgia,Helvetica,Arial;
					font-style:italic;
				}
			
			div#comments ul li p {
				margin:0;
				padding:0 25px 10px;
			}
			
			
	
	div#comments div#post-area {
		margin:20px 0 0;
		padding:10px 0 0;
	}
	
		div#post-area p.error-msg {
			font-size:11px;
			padding:0 0 0 25px;
			color:#900;
		}
	
		div#comments form {
			position:relative;
			height:254px;
			padding:10px 25px 10px 140px;
			background:url(gfx/bg-comments-form.jpg) no-repeat 0 0;
		}
			div#comments form p.input {
				position:relative;
				margin:0 0 16px;
			}
		
				div#comments form br {
					display:none;
				}
			
				div#comments form span {
					display:block;
					position:absolute;
					top:0;
					left:-115px;
					width:120px;
					font-size:14px;
					font-weight:bold;
					color:#333;
				}
					
					div#comments form span small {
						font-weight:normal;
					}
			
				div#comments form input.text {
					width:100%;
					margin:0;
					padding:2px;
					background:none;
					border:1px solid transparent;
					border-left:1px dashed #999;
				}
		
				div#comments form textarea {
					width:100%;
					height:125px;
					margin:-3px 0 0;
					padding:3px;
					background:none;
					border:1px solid transparent;
					border-left:1px dashed #999;
					line-height:1.4;
				}
				
					div#comments form input.text:focus,
					div#comments form textarea:focus {
						border:1px dashed #999;
					}
				
				div#comments form p.submit {
					position:absolute;
					bottom:-50px;
					left:25px;
				}
				
					div#comments form p.submit button {
						margin:0;
						padding:0;
						background:none;
						border:0;
						font-size:14px;
						font-weight:bold;
						color:#333;
						cursor:hand;
					}