@charset "utf-8";
/* CSS Document */
/* 
Theme Name: REDvBLACK
Theme URI: http://www.darynawhite.com/blog/
Version: 1.0
Description: my booyah theme
Author: darynawhite
Author URI: http://www.darynawhite.com/
*/

/*---------- | .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;
background:none;
}
#content a:hover img{
border:3px solid #979797;
background:none;
}
#content a img:hover{
border:3px solid #979797;
background:none;
}
#content img{
border:3px solid #8e0000;
margin:0 5px 10px 0;
}
#content #post img{
margin: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;
}
.side-inn li{
list-style:none;
}

/*----------------------------------------------------------- | HOME | ---*/
#flickr-home{
margin:0 0 8px;
}
#vimeo-home{
text-align:center;
margin:0 0 8px;
}
#vimeo-home .object{
margin:15px auto;
width:400px;
height:300px;
border:8px solid #7e0000;
}
#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 35px 0 2px;
font-size:28px;
color:#000;
border-bottom:#000 1px solid;
float:left;
display:block;
margin:0 0 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;
}


/*-------- | BADGES CSS | --------*/

/*----------------------------------------------------------- | VIMEO-BADGE | ---*/
.vimeoBadge { 
margin: 0; 
padding: 0; 
font: normal 11px verdana,sans-serif; 
}
.vimeoBadge a:link, a:visited, a:active { 
color:#3A75C4; 
text-decoration:none; 
cursor:pointer; 
}
.vimeoBadge a:hover { 
color:#00CCFF; 
}
.vimeoBadge a img{
margin:0 !important;
}
.vimeoBadge #vimeo_badge_logo { 
margin:5px 40px 0 0; 
float:right; 
width: 57px; 
height: 16px;
border:none; 
}
.vimeoBadge #vimeo_badge_logo a img{
border:none;
background:inherit;
}
.vimeoBadge #vimeo_badge_logo a img:hover{
border:none;
background:#0e0000;
}
.vimeoBadge #vimeo_badge_logo a:hover{
border:none;
background:#fff;
}
.vimeoBadge .credit { 
font: normal 11px verdana,sans-serif; 
}
.vimeoBadge .clip { 
padding:0; 
float:left; 
margin:0 10px 10px 0; 
width:153px; 
line-height:0; 
}
.vimeoBadge .caption { 
font: normal 11px verdana,sans-serif; 
overflow:hidden; 
width:153px; 
}
.vimeoBadge .clear { 
display: block; 
clear: both; 
visibility: hidden; 
} 

/*----------------------------------------------------------- | FLICKR-BADGE | ---*/
#flickr_badge_uber_wrapper {
text-align:center; 
width:182px;
}
#flickr_badge_wrapper {
padding:10px 0 10px 0;
}
.flickr_badge_image {
margin:0 0 5px 5px !important; 
float:left; 
display:block;
}
.flickr_badge_image img {
border: 3px solid #8e0000 !important;
margin:0 !important;
}
.flickr_badge_image img:hover {
border: 3px solid #979797 !important;
margin:0 !important;
}
#flickr_badge_source {
text-align:left; 
margin:0 10px 0 10px;
}
#flickr_badge_icon {
float:left; 
margin-right:5px;
}
#flickr_www {
display:block; 
padding:0 10px 0 10px !important; 
font: 11px Arial, Helvetica, Sans serif !important; 
color:#3993ff;
float:right;
}
#flickr_www a:link{
color:#3993ff;
text-decoration:none;
}
#flickr_www a:visited{
color:#3993ff;
text-decoration:none;
}
#flickr_www a:hover{
color:#8e0000;
text-decoration:none;
}
#flickr_www a:active{
color:#8e0000;
text-decoration:none;
}
#flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:visited {
text-decoration:none !important; 
background:inherit !important;
color:#3993ff;
}
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:active {
text-decoration:none !important;
background:inherit !important;
color:#8e0000;
}
#flickr_badge_source {
padding:0 !important; 
font: 11px Arial, Helvetica, Sans serif !important; 
color:#373737 !important;
}

.wp-smiley{
border:none !important;
margin:0 !important;
}