/*
Theme Name: Adam Reece
Theme URI: http://www.adam-reece.com
Description: Custom WordPress theme by
<a href="http://www.adam-reece.com/">Adam Reece</a>
Version: 1
Author: Adam Reece
Author URI: http://www.adam-reece.com/
Tags: minimal, black and white

*/

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*---/ End Reset */




/* General */
html {
    overflow-y: scroll; 
}
body {
    background: #FFF;
    font-family: 'Vollkorn', arial, serif;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
}

#topBar {
    background: #000;
    height: 10px;
}
/*---/ End General */



/* Navigation */
#navigationContainer {
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

#navigationContainer .menu {
    padding: 20px 0 20px 0;
    text-align: left;
}

#navigationContainer .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigationContainer .menu li {
    display: inline;
    margin: 0 40px 0 0;
}

#navigationContainer .menu li a {
    color: #666;
    font-weight: normal;
    font-size: 1.625em;
    text-decoration: none;
    text-transform: lowercase;
}

#navigationContainer .menu li a:hover {
    text-decoration: underline;
}

#navigationContainer .menu .current_page_item a {
    color: #000;
    text-transform: lowercase;
}

#navigationContainer .menu .current_page_item a:hover {
    color: #666;
    text-decoration: underline;
}
/*---/ End Navigation */



/* Page */
#contentContainer {
    margin: 0 auto;
    width: 960px;
}

#contentContainer .content {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0;
    overflow: hidden;
    padding: 25px 0 25px 0;
    text-align: left;
}

#contentContainer .content a {
    color: #666;
    text-decoration: none;
}

#contentContainer .content a:hover {
    text-decoration: underline;
}

#contentContainer .content .entry {
    margin: 0;
}

#contentContainer .content .entry.about {
    float: left;
    width: 740px;
}

#contentContainer .content .entry h1 {
    font-size: 3em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 10px 0;
}

#contentContainer .content .entry h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 0 0 25px 0;
}

#contentContainer .content .entry p {
    font-size: 1.125em;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}

#contentContainer .content .entry p:last-child {
    margin: 0;
}
/*---/ End Page */



/* Home */
#contentContainer .content .entry .intro p {
    font-size: 4em;
    margin: 0;
}

#contentContainer .content .entry .intro .highlight {
    background: #fdfeca;
}

#contentContainer .content .entry .strikeout {
    text-decoration: line-through;
}
/*---/ End Home */



/* Blog */
#contentContainer .content .metadata {
    float: left;
    margin: 0 20px 0 0;
    width: 140px;
}

#contentContainer .content .metadata .date {
    font-size: 1em;
}

#contentContainer .content .metadata .comments {
    background: url("images/icon_comment.png") no-repeat 0 0;
    font-size: .875em;
    height: 32px;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    width: 32px;
}

#contentContainer .content .postEntry {
    float: left;
    margin: 0 0 25px 0;
    padding: 0 0 0 10px;
    width: 790px;
}

#contentContainer .content .postEntry h2 {
    font-size: 3em;
	line-height: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 25px 0;
}

#contentContainer .content .postEntry p {
    font-size: 1.125em;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}

#contentContainer .content .postEntry .readMore {
    font-size: 1.125em;
    margin: 0;
}
/*---/ End Blog */




/* About */
.about_image {
    background: url("images/adam_diesel.jpg") no-repeat 0 0;
    float: left;
    height: 300px;
    margin: 20px 20px 0 0;
    width: 200px;
}
/*---/ End About */




/* Contact */
.contact_twitter,
.contact_dribbble,
.contact_linkedin,
.contact_lastfm {
    float: left;
    height: 32px;
    margin: 0 20px 0 0;
    vertical-align: middle;
    width: 32px;
}

.contact_twitter {
    background: url("images/twitter_32.png") no-repeat 0 0;
}

.contact_dribbble {
    background: url("images/dribbble_32.png") no-repeat 0 0;
}

.contact_linkedin {
    background: url("images/linkedin_32.png") no-repeat 0 0;
}

.contact_lastfm {
    background: url("images/lastfm_32.png") no-repeat 0 0;
}

.contact_twitter a,
.contact_dribbble a,
.contact_linkedin a,
.contact_lastfm a{
    display: block;
    height: 32px;
    width: 32px;
}
/*---/ End Contact */



/* Footer */
#footerContainer {
    margin: 0 auto;
    width: 960px;
}

#footerContainer .footer {
    font-size: .75em;
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    text-align: left;
}

#footerContainer .footer a {
    color: #666;
    text-decoration: none;
}

#footerContainer .footer a:hover {
    text-decoration: underline; 
}
/*---/ End Footer */




/* Post - Full */
.widecolumn {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    padding: 25px 0 25px 0;
    text-align: left;
    width: 960px;
}


.postFull .entry {
    font-size: 1.125em;
    line-height: 1.5em;
    width: 700px;
}

.postFull .entry p {
    margin: 0 0 20px 0;
}

.postFull .entry h2 {
    font-size: 3em;
    font-weight: normal;
    line-height: 1.5em;
}

.postFull .entry h3 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5em;
}

.postFull .entry .postImage {
    display: block;
    text-align: center;
}

.postFull a {
    color: #666;
    text-decoration: none;
}

.postFull a:hover {
    text-decoration: underline;
}

h3#comments {
    font-size: 1.5em;
	font-weight: normal;
    line-height: 1.5em;
	margin: 40px 0 0 0;
}
/*---/ End Post - Full*/




/* Comment Form */
#respond {
    margin: 20px 0 0 0;
}

#respond h3 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
}

#commentform p {
    margin: 0 0 10px 0;
}

#commentform input,
#commentform textarea {
    font-family: 'Vollkorn', arial, serif;
    padding: 2px;
}

#commentform textarea {
	width: 940px;	
}

#commentform #submit {
    background: #333;
    border: 0;
    color: #FFF;
    padding: 10px;
}
/*---/ End Comment Form */



/* Comments */
.comment-body {
    margin: 0;
    min-height: 100px;
    overflow: hidden;
    padding: 0 100px 0 10px;
    position: relative;
}

.comment-body a {
    color: #666;
    text-decoration: none;
}

.comment-body a:hover {
    text-decoration: underline;
}

.comment-body .comment-author vcard {
    float: left;
    margin: 0 15px 0 0;
}

.comment-body .comment-author .fn {
    float: left;
    font-size: 1.5em;
    font-style: normal;
    margin: 5px 0 10px 0;
}

.comment-body .comment-author .says {
    display: none;
}

.comment-body .comment-author .avatar {
    position: absolute;
    right: 0;
    top: 0;
}

.comment-body .comment-meta {
    float: left;
    margin: 5px 0 10px 10px;
}

.comment-body p {
    clear: both;
    font-size: 1.125em;
    line-height: 1.5em;
    padding: 0 0 10px 0;
}

.commentslist {
	margin: 0;	
}

.commentlist li {
    border-top: 1px solid #000;
    padding: 10px 0 10px 0;
}

.commentlist li:first-child {
    border: 0;
}

.commentlist .odd {
    background: #f9f8f8;
}
/*---/ End Comments */