@pageWidth: 1000px;
@sidebarWidth: 200px;
@spacing: 10px;
@postSeparation: @spacing*2;
@dividerSize: 1px;
@dividerColor:lighten(#000, 70%);
@divider: @dividerSize solid @dividerColor;
@sideFonts: 1em;
@fontSize: 15px;
@fontColor: #000;
@metaColor: lighten(@fontColor, 50%);

@avatarWidth: 180px;
@avatarHeight: 217px;

* {
	position: relative;
}
body {
	font-family: 'PT Sans', sans-serif;
	font-size: @fontSize;
	color: @fontColor;
	padding: @spacing 0;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
a {
	color: @fontColor;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
#page-wrapper {
	margin: 0 auto;
	width: @pageWidth;
	padding: 0 @spacing;
	
	> img#avatar {
		position: absolute;
		width: @avatarWidth;
		height: @avatarHeight;
		left: @spacing*2;
	}
}

#page-header {
	background-color: white;
	margin-bottom: @spacing;
	padding-bottom: @spacing;
	border-bottom: @divider;
	
	#title {
		text-align: center;
		border-bottom: @divider;
		padding-bottom: @spacing;
		margin-bottom: @spacing;
	}
	
	blockquote {
		text-align: center;
		font-style: italic;
		width: 70%;
		margin: auto;
		
		cite {
			display: block;
			text-align: right;
			margin-top: @spacing;
		}
	}
}

#page-sidebar {
	background-color: white;
	width: @sidebarWidth;
	float: left;
	margin-top: @avatarHeight;
	font-size: @sideFonts;
	
	div {
		margin-right: @spacing;
		padding: @spacing;
		border-top: @divider;
	}
	
	a {
		font-weight: bold;
		text-decoration: none;
	}
	
	#blurb {
	}
	
	#social, #outgoing {
	}
	
	#mainlinks {
		ul {
			li {
				a {
					text-transform: uppercase;
				}
			}
		}
	}
}

#page-content {
	margin-left: @sidebarWidth + @spacing;
	margin-right: @sidebarWidth + @spacing;
}

.post {
	margin-bottom: @postSeparation;
	text-align: justify;
	
	&.post-multi {
		border-bottom: @divider;
		padding-bottom: @postSeparation*2;
	}
	
	.post-title a {
		text-decoration: none;
	}
	
	p {
		margin: @spacing 0;
		text-align: justify;
	}
	
	blockquote, blockquote > p {
		text-align: center;
		
		cite {
			font-style: italic;
			margin-right: 20%;
			margin-top: @spacing;
			text-align: right;
			display: block;
		}
	}
	
	.post-meta {
		float: right;
		width: @sidebarWidth;
		margin-top: @spacing;
		margin-right: -@sidebarWidth - @dividerSize - @spacing*2;
		border-left: @divider;
		font-size: @sideFonts;
		padding: @spacing 0 @spacing @spacing;
		
		div {
			color: @metaColor;
			
			span {
				color: @fontColor;
			}
		}
	}
	
	.more-link {
		float: right;
	}
	
	img {
		vertical-align: middle;
		width: auto;
		max-width: 100%;
		margin: @spacing 0;
	}
	
	.wp-caption {
		border: @divider;
		padding: @spacing/2;
		width: 50% !important;
		background-color: darken(#fff, 5%);
		font-size: 0.9em;
		
		img {
			margin: 0;
		}
		.wp-caption-text {
			margin: @spacing/2;
			text-align: justify;
		}
	}
	img, .wp-caption {
		max-width: 100%;
		
		&.alignleft,
		&.alignright {
			max-width: 50%;
		}
		
		&.alignleft {
			float: left;
			margin: @spacing @spacing @spacing 0;
		}
		
		&.alignright {
			float: right;
			margin: @spacing 0 @spacing @spacing;
		}
		
		&.aligncenter {
			margin: @spacing auto;
			display: block;
		}
		
		&.alignnone {
		}
	}
}

h2.comments {
	text-align: center;
	margin: @spacing 0;
}
ul.comments {
	
	li {
		margin: @spacing 0;
		padding: @spacing;
		border-bottom: @divider;
		
		.comment-header {
			color: @metaColor;
			
			* {
				display: inline;
			}
			
			span {
				display: inline;
				color: @fontColor;
			}
		}
		
		.comment-content {
			margin-top: @spacing;
			text-align: justify;
		}
	}
}

#commentform {
/* 	border: 1px solid red; */
	
	div {
		margin: @spacing;
		
		label {
		}
		
		input,
		textarea {
			border: @divider;
			width: 100%;
		}
		
		#author,
		#email,
		#url {
		}
		
		#comment {
			height: 100px;
		}
		
		#submit {
			padding: 5px;
			text-transform: uppercase;
			background-color: lighten(@dividerColor, 15%);
			font-weight: bold;
		}
	}
}

.page-navigation {
	margin: @spacing;
	margin-top: @spacing*5;
	height: @fontSize*1.5;
	
	#newer {
		float: left;
	}
	
	#older {
		float: right;
	}
}

#page-footer {
	text-align: center;
	border-top: @divider;
	clear: both;
	
	#links li {
		display: inline;
	}
	
	#tags div a {
		display: inline;
	}
}

.k-highlighter {
	margin: 10px 0px;
	padding: 2px 2px 2px 30px;
	overflow: auto;
	
	pre {
		border-left: 1px solid black;
		padding-left: 5px;
		line-height: 1.2em;
		font-size: 11px;
	}
	pre.geshi {
		padding-left: 5px;
		
		ol {
			> li {
				list-style-type: decimal;
				color: #777;
			}
		}
	}
	 > a {
		margin-left: 20px;
	}
}