/* CSS Document */

/*---------- | .DUB'S DESIGN - REDvBLACK | ----------*/

/*----------------------------------------------------------- | STRAIGHT TAGS | ---*/
body {
	margin:0;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	background: url(img/bg.gif) repeat-x fixed bottom left;
}

/*----------------------------------------------------------- | HEADER | ---*/
#header{
	width:910px;
	background: url(img/header.png) no-repeat center top;
	margin:0 auto;
	text-align:center;
	height:160px;
}
#header a{
	text-decoration:none;
}
#header a:hover{
	text-decoration:none;
}

/*----------------------------------------------------------- | NAV | ---*/
#nave{
	width:902px;
	margin:0 auto;
	padding:0 0 0 5px;
	text-align:right;
}
#nave a{
	display:block;
	float:right;
}
#nave a:link img{
	border:none;
	background:none;
}
#nave a:visited img{
	border:none;
	background:none;
}
#nave a:hover img{
	border:none;
	background:#181818;
}
#nave a:active img{
	border:none;
	background:#181818;
}

/*----------------------------------------------------------- | CONTENT | ---*/
#content{
	width:902px;
	background:#fff;
	border:#3e0000 solid 4px;
	padding:0;
	margin:0 auto 15px;
	color:#373737;
	font-size:12px;
}
#content a:link{
	color:#373737;
	font-style:italic;
	text-decoration:none;
}
#content a:visited{
	color:#373737;
	font-style:italic;
	text-decoration:none;
}
#content a:hover{
	color:#fff;
	font-style:normal;
	background:#373737;
	text-decoration:none;
}
#content a:active{
	color:#fff;
	font-style:normal;
	background:#373737;
	text-decoration:none;
}
#content a img{
	border:3px solid #8e0000;
}
#content a img:hover{
	border:3px solid #979797;
}
#content img{
	border:3px solid #8e0000;
	margin:0 5px 10px 0;
}

/*----------------------------------------------------------- | MAIN | ---*/
#main{
	width:655px;
	float:left;
	margin:8px 8px 15px 30px;
}

/*----------------------------------------------------------- | SIDE | ---*/
#side{
	width:180px;
	float:right;
	margin:20px 10px 15px 8px;
	border-left:1px solid #b2b2b2;
	padding:5px 0 100px 10px;
	color:#373737;
}
.side-one{
	margin:0 0 10px 0;
}
.side-title{
	display:block;
	padding:0;
	line-height:13px;
	margin:0 0 5px;
	border-bottom:#595959 1px solid;
	font-size:14px;
	font-weight:bold;
}
.side-inn{
	margin:0 0 0 5px;
}

/*----------------------------------------------------------- | HOME | ---*/
#flickr-home{
	margin:0 0 8px;
}
#vimeo-home{
	text-align:center;
	margin:0 0 8px;
}
#vimeo-home .object{
	margin:15px auto;
}
#blog-home{
	margin:0 0 8px;
	color:#575757;
}
#bio-home{
	margin:0 0 8px;
}
#lit-home{
	margin:0 0 8px;
}
#contact-home{
	margin:0 0 8px;
}
.home-title{
	padding:2px 85px 0 2px;
	font-size:28px;
	color:#000;
	border-bottom:#000 1px solid;
	float:left;
	display:block;
	margin:0 50px 10px 2px;
	line-height:27px;
}
/*----------------------------------------------------------- | BLOG-HOME | ---*/
.home-blog-title{
	color:#272727;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	margin:4px 0 5px 13px !important;
}
#blog-home p{
	margin:4px 0 5px 18px;
}
#bio-home p{
	margin:4px 0 5px 18px;
}
.home-readmore{
	float:right;
	margin:-10px 0 0 0;
	font-size:15px;
	font-style:normal;
}
/*----------------------------------------------------------- | POST | ---*/
#post{
	margin:5px 0 20px;
}
.post-date{
	background:url(img/date_bg.gif);
	display:block;
	float:left;
	width:85px;
	height:39px;
	padding:3px 0 0;
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.post-title{
	padding:2px 85px 0 2px;
	font-size:28px;
	color:#000;
	border-bottom:#000 1px solid;
	float:left;
	display:block;
	margin:0 50px 10px 8px;
	line-height:27px;
}
#post .post-title a:link{
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#post .post-title a:visited{
	color:#000;
	font-style:normal;
	text-decoration:none;
}
#post .post-title a:hover{
	color:#373737;
	background:none;
	font-style:italic;
	text-decoration:none;
}
.post-content{
	clear:both;
	padding:10px 5px 5px 10px;
}
.post-content p{
	margin:0 0 5px;
}
.post-foot{
	font-size:12px;
	color:#000;
	border-top:#000 solid 1px;
	padding:1px 10px 1px 10px;
	margin:0 5px 5px 10px;
	text-align:right;
}

/*----------------------------------------------------------- | COMMENT-CON | ---*/
#comment-con{
	margin:0 0 15px;
}
.comments-title{
	padding:2px 85px 0 2px;
	font-size:18px;
	color:#000;
	border-bottom:#000 1px solid;
	float:left;
	display:block;
	margin:0 50px 10px 8px;
	line-height:27px;
}

/*----------------------------------------------------------- | COMMENT-LEFT | ---*/
#comment-left{
	float:left;
	margin:5px 5px 10px 15px;
	width:300px;
}

/*----------------------------------------------------------- | COMMENT-RIGHT | ---*/
#comment-right{
	float:left;
	margin:5px 5px 10px;
	width:325px;
}

/*----------------------------------------------------------- | COMMENT | ---*/
.comment{
	margin:0 0 5px 15px;
}
.comment-name{
	color:#444;
	margin:0 0 5px;
	font-size:14px;
}
#comment-right .comment-name a{
	color:#444;
	font-size:14px;
}
#comment-right .comment-name a:link{
	font-style:italic;
	text-decoration:none;
}
#comment-right .comment-name a:visited{
	font-style:italic;
	text-decoration:none;
}
#comment-right .comment-name a:hover{
	color:#fff;
	font-style:normal;
	background:#373737;
	text-decoration:none;
}
#comment-right .comment-name a:active{
	color:#fff;
	font-style:normal;
	background:#373737;
	text-decoration:none;
}
.comment-body{
	font-size:12px;
	color:#000;
	margin:0 0 2px 8px;
}
/*----------------------------------------------------------- | CLEAR | ---*/
.clear{
	clear:both;
}