/*
Theme Matt Saling
*/

@import "style/css/reset.css";
/*
@import "style/css/typography.css";
@import "style/css/layout.css";
*/

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {margin: 0;padding: 0;font-size: 100%;}
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
a{text-decoration:none; outline:none;}
ul {list-style: disc;}
ul, ol{margin:0 0 0 30px;}
ul li, ol li{padding:0 0 10px 0;}
p{margin:0; padding:0 0 30px 0;}

.left{float:left; display:inline;}
.right{float:right; display:inline;}
.clear{clear:both}
.pad-all{padding:10px;}
.nopad{padding:0;}
.pad-lr{padding-left:10px; padding-right:10px;}
.pad-tb{padding-top:10px; padding-bottom:10px;}
.pad-t{padding-top:10px;}
.pad-r{padding-right:10px;}
.pad-b{padding-bottom:10px;}
.pad-l{padding-left:10px;}
.replace{display:none;}
.edit{color:red;}

body{
	font:normal normal normal 100%/1.5em Arial, Helvetica, sans-serif;
	color:#444;
	background:#222;
}

#hd{
	width:800px;
	float:left;
	display:inline;
	padding:0 0 60px 0;
	position:relative;
}

#bd, #ft{clear:both;}

#bd{
	width:700px;
	margin:0 0 0 50px;
}

.wrapper{
	width:800px; 
	margin:0 auto 50px auto;
}


/*NAV STYLES*/
#nav{
	text-transform: uppercase;
	font-size: 10px;
	color:#555;
}

#nav span{
	padding:0 5px 0 0;
}

#nav a{
	color:#fff;
	padding:0 5px 2px 5px;
	text-decoration: none;
}

#nav a:hover{
	border-bottom:2px solid #fff;
}


/*POST STYLES*/
.myposts{float:none; width:700px; margin:0 0 100px 0;}
.archives{float:none; width:700px; margin:40px 0 0 0;}
#bd h2.post-title{clear:both; color:#333;font-size:22px%;margin:0 0 10px 0;}
#bd h2.post-title a{color:#333;}
#bd h2.post-title a:hover{color:#454545;}
#bd h2{color:#fff; font-size:120%;}
#bd h3{clear:both; color:#fff; letter-spacing:-1px; font-size:200%; padding:75px 0 0 0; display:inline;}
#bd h3.archive-header {font-size:180%;}
#bd p.single-meta{display:none;}
#bd img.alignright {float:right;}
#bd img.alignleft {float:left;}
#bd p.post-tags{
	color:#333;
	font-size:12px;
	background: #1a1a1a;
	padding:20px;
}

#bd p.post-tags a{color:#454545;}
#bd p.post-tags a:hover{color:#fff; font-weight: normal;}

.alignright{float:right; margin:10px 0 10px 10px;}
.alignleft{float:left; margin:10px 10px 10px 0;}

/*COMMENTS*/
.comments{margin:100px 0 0 0;}
