/* LAYOUT */

body {
background: #0f0f0f; }

#wrapper {
margin: 0; padding: 0 280px 0 0; /* + contentwidth (20) */ }

.single #wrapper,
.page #wrapper {
margin: 0 auto;
width: 580px; }


/* HEADER */

#header {
position: relative;
margin: 20px -280px 20px 0;
height: 50px; }

#header h1 {
position: absolute;
top: 0px; left: 10px;
z-index: 99; }

#header h1 a {
display: block;
float: left;
width: 146px; height: 50px;
text-indent: -999em;
background: url('../images/de51gn_logo.gif') no-repeat; }

#global_nav {
position: absolute;
left: 230px; top: 0; }

#global_nav li {
display: inline;
float: left; }

#global_nav a {
display: block;
float: left;
padding: 0 10px;
font-size: 1.3em;
text-transform: uppercase;
line-height: 50px;
color: #666; }

#global_nav a:hover { color: #9f65a2; }
#global_nav .active a,
.current_page_item a { color: #fff !important; }


/* Search */

#global_search {
margin: 0 0 20px; }

#global_search div {
position: relative;
width: 260px; height: 30px;
background: #222; }

#global_search label {
padding: 7px;
font-size: 1.3em; }

#global_search #s {
padding: 7px;
width: 215px; height: 16px;
font-size: 1.3em; }

#global_search .button {
display: block;
position: absolute;
z-index: 10;
right: 0; top: 0;
margin: 1px;
width: 28px; height: 28px;
text-indent: -999em;
background: url('../images/search_btn.gif') no-repeat 50% 50%; }


/* CONTENT */

div#content {
float: left;
position: relative;
width: 100%; }


/* SIDEBAR */

#sidebar {
float: left;
position: relative;
margin-right: -100%;
width: 280px; }

.side_box {
clear: left;
margin: 0 20px 20px 0; padding: 15px;
background: #050505; }

#sidebar h3 {
margin: 0 0 1em;
font-size: 1.2em;
text-transform: uppercase;
color: #fff; }

#topics, #connect {
margin: 0 20px 20px 0; padding: 12px 15px;
background: #000; }

#topics li {
display: block;
font-size: 1.1em;
text-transform: uppercase; }

#topics a {
display: block;
line-height: 1.6;
color: #666; }
#topics a:hover { color: #9f65a2; }

#connect li {
display: block;
font-size: 1.2em; }

#connect li a {
display: block;
line-height: 1.6;
color: #666; }
#connect a:hover { color: #9f65a2; }

#newsletter_box {
	border: 1px solid #333;
}



/* FOOTER */

#footer {
display: block;
clear: both;
position: relative;
margin: 20px -280px 20px 0;
height: 100px; }

#copyright {
float: left;
margin: 0 0 0 20px;
font-size: 1.2em;
line-height: 50px; }


/* POSTS GRID */

.archive_grid {
margin: 0 0 0 20px; }

.archive_grid li {
position: relative;
display: inline;
float: left;
margin: 0 20px 20px 0;
width: 260px; height: 330px;
background: #000; }

.archive_grid img {
display:block;
width: 260px; height: 190px; }

.archive_grid h2 {
float: left;
margin: 0 0 10px; padding: 12px 15px 0;
font-size: 1em; }

.archive_grid h2 a {
float: left;
display: block;
font-size: 1.3em;
font-weight: bold;
line-height: 1.4;
color: #fff; }
.archive_grid a:hover { color: #9f65a2; }

.archive_meta {
clear: left;
padding: 5px 15px 0;
width: 230px;
font-size: 1.1em;
line-height: 1.4;
color: #666; }

.archive_meta a {
color: #666; }

.archive_date a {}

.archive_category {
text-transform: uppercase; }

.archive_comments {
float: right;
margin: -32px 0 0; padding: 2px 16px 0 0;
font-size: 1.1em;
color: #555;
background: url('../images/icons/comment.gif') no-repeat 100% 50%; }


/* ARCHIVES GRID */

.car-list {
margin: 0 0 0 20px; }

.car-list li {
display: inline;
float: left; }

.car-monthlisting li {
position: relative;
display: inline;
float: left;
margin: 0 20px 20px 0;
width: 260px; height: 125px;
line-height: 1.4;
color: #666;
background: #000; }

.car-monthlisting h2 {
float: left;
margin: 0 0 10px; padding: 12px 15px 0;
width: 230px;
font-size: 1em; }

.car-monthlisting h2 a {
float: left;
display: block;
font-size: 1.3em;
font-weight: normal;
line-height: 1.4;
color: #fff; }
.car-monthlisting a:hover { color: #9f65a2; }

.car-monthlisting .archive_date {
clear: left;
padding: 5px 15px 0;
width: 230px;
font-size: 1.2em;
line-height: 1.4;
color: #666; }

.car-monthlisting .archive_comments {
float: right;
margin: -17px 15px 0 0; padding: 2px 16px 0 0;
font-size: 1.1em;
color: #555;
background: url('../images/icons/comment.gif') no-repeat 100% 50%; }



/* POSTS */

.post {
float: left;
margin: 0 20px 50px;
width: 540px; }

.post_title {
position: relative;
margin: 0 0 20px;
width: 540px; height: 120px; }

.post_title h2 {
position: absolute;
bottom: 0;
font-size: 2.4em;
font-weight: normal;
color: #fff; }

.post_meta {
position: relative;
margin: 0 0 20px 0; padding: 10px;
height: 35px;
font-size: 1.2em;
line-height: 1.4;
background: #000; }

.post_meta .avatar {
float: left;
margin: 0 10px 0 0; }

.post_comments {
position: absolute;
bottom: 10px; right: 10px;
padding: 0 18px 0 0;
font-size: 1.16em;
color: #555;
background: url('../images/icons/comment.gif') no-repeat 100% 50%; }

.story { }

.page_meta {
position: relative;
margin: 0 0 20px 0; padding: 10px;
height: 45px;
font-size: 1.4em;
line-height: 1.5;
background: #000; }


/* COMMENTS */

#comments_box {
clear: left;
margin: 0 20px; }

.commentlist {
float: left;
margin: 0 0 50px; }

.commentlist li {
float: left;
padding: 15px;
width: 510px;
font-size: 1.2em;
line-height: 1.5; }

.commentlist .alt {
background-color: #000; }

.avatar {
float: left;
margin: 0 15px 0 0; }

.comment_details {
margin: 0 0 0 55px; }

.commentlist h4 {
margin: 0 0 2px; }

.commentlist cite { font-style: normal; }