@import 'shCore.css';
@import 'shThemeDefault.css';

div.syntaxhighlighter {clear:both;}

/* RESET */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {margin:0; padding:0;}
address,dl,fieldset,p,pre,ul,ol,table {margin:0 0 1em;}
ul,ol,dd {margin-left:20px;}
td ul,td ol {margin-left:20px;}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {margin-bottom:0;}
blockquote {margin:1em 40px; font-style:italic;}
dt {font-weight:bold;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
table,th,td {border:1px solid #999;}
th,td {padding:2px 3px;}
caption,th {font-weight:bold; text-align:left;}
img {border:none;}
de, kbd, pre {font-family:Consolas, Monaco, Courier, "Courier New", Tahoma;}
.cf:after {display:block; clear:both; height:0; visibility:hidden; content:".";}
.cf {zoom:1;}
/* RESET */

body {
	width:940px;
	margin:0 auto 20px auto;
	padding:0;
	background:#fff;
	color:#000;
	font:13px/1.5 sans-serif;
}
h1,
h2,
h3 {
	font-family:"myriad pro","helvetica neue",helvetica,arial,sans-serif;
	font-weight:bold; 
}
h1 {
	margin:30px 0 20px 0;
	font-size:34px;
	line-height:1;
}
h2 {font-size:18px;}
h1 a, 
h2 a, 
h3 a {
	color:#000;
	text-decoration:none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h1 a:active,
h2 a:active,
h3 a:active {text-decoration:underline;}

.left {float:left;}
.right {float:right;}
.structural {position:absolute;	left:-9999px;}
	
img.left,
img.right {width:auto;}
img.left {margin:5px 5px 5px 0;}
img.right {margin:5px 0 5px 5px;}

#content {
	float:left;
	width:650px;
}
#aside {
	float:right;
	width:255px;
}
#menu {
	margin:0;
	list-style:none;
}
#menu li {
	float:left;
	display:block;
	height:40px;
	padding-right:30px;
}
#menu li a {
	font-size:15px;
	color:#999;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:-0.5px;
}
#menu li a:hover,
#menu li a:focus,
#menu li a:active,
#menu li a.sel {
	font-size:18px;
	font-weight:bold;
	color:#000;
	border-bottom:3px solid #d11010;
}

.post .meta {
	width:150px;
	height:36px;
	margin:5px 0 15px -15px;
	padding:2px 10px 2px;
	color:#fff;
	text-align:right;
	font-size:11px;
	line-height:14px;
	background:#d11010 url(meta-background.png) no-repeat;
}  
.post .meta span {
	display:block;
}
.post .author {color:#480000;}
.post .author a {
	color:#480000;
	text-decoration:none;
}
.post .author a:hover,
.post .author a:focus,
.post .author a:active,
.post .author a.sel {text-decoration:underline;}
.post .functions {
	clear:both;
	margin:20px 0;
}
/*
.post .functions .categories {
	padding-left:13px;
	background:url(category.png) no-repeat 0 3px;
}
.post .functions .tags {
	padding-left:13px;
	background:url(tag.png) no-repeat 0 3px;
}
.post .functions .perma {
	padding-left:13px;
	background:url(perma.png) no-repeat 0 3px;
}
.post .functions .comment {
	padding-left:13px;
	background:url(comment.png) no-repeat 0 3px;
}*/
.post .functions a {
	color:#000;
	text-decoration:none;
}
.post .functions a:hover,
.post .functions a:focus,
.post .functions a:active {text-decoration:underline;}

#comments ul {
	clear:both;
	margin:0; 
	list-style:none;
}
#comments ul ul {
	padding-left:60px;
	background:url(in-reply.png) no-repeat 35px 5px;
}
#comments li {margin:10px 0;}
#comments .avatar {
	float:left;
	width:50px;
	margin-top:4px;
}
#comments .content {
	margin-left:60px;
}
#comments .author {margin-bottom:5px;}
#comments .author a {
	color:#000;
	text-decoration:none;
}
#comments .author a:hover,
#comments .authora a:focus,
#comments .author a:active {text-decoration:underline;}

h2#comment {margin-bottom:10px;}
#add-comment label {
	display:block;
	float:left;
	width:80px;
}
#add-comment div {
	clear:both;
	margin-bottom:5px;
}
#add-comment input {width:200px;}
#add-comment textarea {
	width:525px;
	height:180px;
	overflow:auto;
}
#add-comment #submit-area {margin:0 0 20px 80px;}
#add-comment #submit-area label {
	display:inline;
	float:none;
	width:auto;
	vertical-align:middle;
}
#add-comment #submit-area input {
	width:auto;
	vertical-align:middle;
}
.error {
	margin:10px 0;
	padding:20px;
	padding-left:40px;
	background:#fcc;
	border:1px solid #f00;
}

#aside h2 {
	font-size:30px;
	margin-left:-25px;
}

#tags {
	margin:0;
	list-style:none;
	text-align:right;
	white-space:normal;
}
#tags li {
	display:inline;
	margin-right:3px;
}
#tags li a {
	color:#000;
	text-decoration:none;
}
#tags li a:hover,
#tags li a:focus,
#tags li a:active {text-decoration:underline;}
#tags a.biggest {font-size:19px;}
#tags a.big {font-size:17px;}
#tags a.medium {font-size:14px;}
#tags a.small {font-size:12px;}
#tags a.smallest {font-size:10px;}

#dates dt {margin:20px 0 0 0;}
#dates a {
	color:#000;
	text-decoration:none;
}
#dates a:hover,
#dates a:focus,
#dates a:active {text-decoration:underline;}