/*  

I love CSS...

All design, coding and styling by Keane Angle - 2008

*/

body {
	font-family: arial;
}
#container {
	margin: 0 auto;
	width: 755px;
}
a{
	color: #3f3f3f;
	text-decoration: none;
}
a:hover{
	color: #19bbea;
}
h1 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: -1px;
	background-color: #000;
	display: inline-block;
	padding: 0px 10px 0px 0px;
	color: #bababa;
	line-height: 24px;
}
h2 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: inline;
	padding: 3px 10px 3px 0px;
	color: #bababa;
	line-height: 17px;
}
h2 a{
	color: #4c4c4c;
	text-decoration: none;
}
h2 a:hover{
	color: #19bbea;
}
p {
	font-size: 12px;
	color: #8c8c8c;
	line-height: 16px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
#preload {
	display: none;
	height: 1px;
}
/*-----------[NAV]----------*/
#nav #logo {
	height: 60px;
	width: 112px;
	margin: 0 1px 0 0;
}
#nav {
	font-family: arial;
	font-size: 14px;
}
#nav a{
	color: #484848;
	text-decoration: none;
	width: 90px;
	height: 60px;
	display: block;
	margin: 0;
	padding: 0;
}
#nav a:hover {
	color: #fff;
}
#nav ul{
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
	display: inline-block;
}
#nav ul li {
	list-style: none;
	height: 60px;
	width: 90px;
	background: #f2f2f2;
	margin: 0 1px;
	padding: 0;
	text-align: center;
	line-height: 60px;
	float: left;
}
#nav li:hover {
	background: #19bbea;
}
#nav #logo {
	display: inline-block;
	background: #000;
}
#nav #cap {
	width: 267px;
}
#nav #cap:hover {
	background: #f2f2f2;
}

/*-----------[Title Image]----------*/

#title-image {
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	width: 750px;
	height: 239px;
	margin-bottom: 10px;
}
#title-image-blog {
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	width: 750px;
	height: 150px;
	margin-bottom: 10px;
}
#main-divider {
	width: 750px;
	height: 7px;
	background: url(images/main-divider.gif) repeat-x;
}
#main-divider-blog {
	margin: 0 0 15px 0;
	width: 750px;
	height: 7px;
	background: url(images/main-divider.gif) repeat-x;
}
/*-----------[Intro]----------*/

#intro {
	border-bottom: 1px #ccc solid;
	height: 180px;
	width: 750px;
	margin: 0 0 30px 0;
}
#quote-image {
	width: 500px;
	height: 180px;
	display: block;
	float: left;
}
#intro-about {
	float: left;
	margin: 30px 0px 25px 30px;
}
#intro p {
	width: 200px;
}

/*-----------[Sidebar]----------*/
.sidebar {
	width: 225px;
	float: right;
	clear:right;
	border-left: 1px dashed #c3c3c3;
	padding: 0 0 0 25px;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar .archive, .sidebar .categories {
	list-style: none;
	padding: 0 0 10px 10px;
	margin: 0;
}
.sidebar .archive li{
	font-size: 14px;
	color: #8c8c8c;
	padding: 5px;
	margin: 0;
	text-transform: uppercase;
}
.sidebar .categories li{
	font-size: 14px;
	color: #8c8c8c;
	padding: 5px;
	margin: 0;
	text-transform: uppercase;
}
.sidebar .widget ul {
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
}
.sidebar .widget li {
	font-size: 12px;
	color: #8c8c8c;
	padding: 5px;
	margin: 0;
}
.sidebar h2 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #fff;
	background-color: #000;
	display: inline;
	padding: 3px 10px 3px 0px;
	color: #bababa;
	line-height: 26px;
}
.twitter-timestamp {
	color: #cecece;
text-align: right;
display: block;
margin: 0 0 5px 0;
}

.tumblr_post img{
width: 190px;
}

.tumblr_posts li{
list-style: none;
}

/*-----------[Recent Posts]----------*/
#posts-container {
	width: 450px;
	float: left;
}
#posts-container h1{
	margin: 0 0 10px 0;
}
.post {
	margin: 5px 0 15px 0;
}
.post-date {
	float: left;
	color: #a1a1a1;
	font-size: 14px;

}
.post-inner {
	padding: 0 0 0 75px;
}
#rss {
	width: 24px;
	height: 24px;
	background: url(images/rss.jpg) no-repeat;
	display: inline-block;
	margin: 1px 0 0px 1px;
	padding: 0 0 0px 0;
	line-height: 23px;
}
#rss:hover {
	width: 24px;
	height: 24px;
	background: url(images/rss-over.jpg);
}

.post-teaser {
	float: right;
	font-size: 12px;
}
/*-----------[Comments]----------*/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #bfbfbf;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #e1e1e1;
}
.commentmetadata{
	font-size: 12px;
	color: #4c4c4c;
}
.commentmetadata strong {
	text-transform: uppercase;
}
.commentlist p {
	padding: 0 0 0 15px;
}
.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
	width: 370px;
	font-family: arial;
	color: #8c8c8c;
	border: 1px solid #ccc;
}
.comments-template #author,.comments-template #email,.comments-template #url  {
	font-size: 12px;
	width: 170px;
	font-family: arial;
	color: #8c8c8c;
	border: 1px solid #ccc;
}
/*-----------[About]----------*/
#about-container {
	width: 750px;
	margin: 15px 0 0 0;
}
#contact {
	width: 250px;
	float: left;
}
#about-container ul {
	list-style: none;
	padding: 5px 0 0 15px;
	margin: 0 0 10px 0;
}
#about-container li {
	font-size: 12px;
	color: #8c8c8c;
	padding: 0 0 3px 0;
	margin: 0;
}
#resume {
	width: 500px;
	float: right;
}
/*-----------[Work]----------*/
#work-container {
	width: 750px;
	height: 200px;
	margin: 15px 0 0 0;
}
.work-cat {
	width: 250px;
	float: left;
}
#work-container ul {
	list-style: none;
	padding: 5px 0 0 15px;
	margin: 0;
}
#work-container li {
	font-size: 12px;
	color: #8c8c8c;
	padding: 0 0 3px 0;
	margin: 0;
}
/*-----------[Blog]----------*/
.entry p a {
	font-weight: bold;
}
.entry strong {
color: #7f7f7f;
}
.entry ol {
	font-size: 12px;
	color: #8c8c8c;
	line-height: 16px;
padding: 0 0 0 10px;
}
.entry li {
margin: 10px;
}
.entry ul {
list-style: none;
font-size: 12px;
font-family: arial;
color: #8c8c8c;
}
.entry ul a{
font-weight: bold;
}
.wp-caption {
	background: #f1f1f1;
	text-align: center;
	padding: 5px 5px 0 5px;
	border-top: 1px #c4c4c4 solid;
	border-bottom: 1px #c4c4c4 solid;
}
.post-navigation {
text-transform: uppercase;
}
/*-----------[Footer]----------*/
#footer{
	width: 750px;
	margin: 25px auto 0 auto;
	float: left;
	border-top: 1px solid #ccc;
	text-align: center;
}