/*  
Theme Name: The Room
Theme URI: http://www.daleharrison.ca
Description: A full blog & portfolio, finally.
Version: 1.0
Author: Dale Harrison
Author URI: http://www.daleharrison.ca
*/

/* @group Reset */
/*
Eric Meyer's CSS Reset (Tweaked a bit to fit my needs!)
v1.0 | 20080212
http://meyerweb.com/eric/tools/css/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; -webkit-text-shadow:#000 0 0 0; }
ol, ul, dl { list-style:none; } /* Added by me: dl */
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }/* remember to define focus styles! */
ins { text-decoration:none; }/* remember to highlight inserts somehow! */
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }/* tables still need 'cellspacing="0"' in the markup */
/* @end */

/* @group Basics */
body { line-height:18px; }
body, input, textarea, select { font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
body, a:hover { color:#fff; }

body, #twitter_div, .post img.thumb, .post img.medium, a.project img, #footer-wrapper, #footer, #nav li a, #styleswitcher { background-color:#000; }
#footer a:active, #twitter_div a:active, .social li a:active, .work a:active { background-color:transparent; }

input, textarea, select { border:none; font-size:16px; }
input:focus, textarea:focus, select:focus { background-color:#fff; }

#wrapper, #header, #nav, #main, #footer-wrapper, #twitter_div, .post, .navigation { overflow:hidden; }
#container, #footer-wrapper { width:100%; }
#wrapper, #header { width:960px; }

cite { font-style:normal; }
a { text-decoration:none; }
h1, h2, h3, h4, a, #twitter_div a, label, #comments cite, .post p.postmetadata, p.commentmetadata { font-weight:bold; margin-bottom:0; }
h2, h2 a, .post p, .bio p, .info p, .post blockquote, .post ul, #comments cite, #comments p, select { font-size:14px; }
h2, h2 a, h4, label, #comments cite { text-transform:uppercase; }
h4, .post p.postmetadata, #comments p.commentmetadata, #sidebar, a.more-link, .navigation, #sidebar li.sidebarinfo p { font-size:12px; }
#nav li a, .social li a, #styleswitcher li { text-indent:-9999px; }

#twitter_div a, #nav, #nav li a, .social li a, a.project, img, label, #searchform { display:block; }

#footer img, #twitter, .next-post, #nav li, .social li, #twitter-nub, #twitter_div, #nav, #content, #sidebar, #searchform 
p, .prev-post, .post img.thumb, .post img.medium { display:inline; }
#nav li, .social li, #twitter-nub, #twitter_div, #nav, #content, #sidebar, #searchform p, .prev-post, .post img.thumb, .post img.medium { float:left; }
#twitter, .next-post { float:right; }

.post img.thumb, .post img.medium { padding:6px; }
.post p, .bio p, .info p, .blog .post p, .post blockquote, .post ul, #sidebar ul { margin-bottom:9px; }
.post blockquote { padding-left:16px; border-left:3px solid #000; font-style:italic; }
code { font-family:Monaco, "Courier New", Courier, mono; }

#styleswitcher { margin-top:86px; display:inline; float:left; }
#styleswitcher li { border-bottom:3px solid #000; }
#styleswitcher li a { display:block; width:13px; height:13px; border-style:solid; border-color:#000; border-left-width:7px; border-right-width:7px; border-bottom-width:4px; }
a.original { background-color:#262b2e; }
a.original:hover { background-color:#7d0000; }
a.olive { background-color:#434736; }
a.olive:hover { background-color:#ebb700; }
a.red { background-color:#370707; }
a.red:hover { background-color:#fff600; }
.theme { width:27px; height:72px; border-top:4px solid #000; border-bottom:3px solid #000; background-image:url(../images/base/theme.gif); }

#main, #footer, a.project { width:780px; }
/* @end */

/* @group Layout */
#wrapper { background:transparent url(../images/base/wrapper.jpg) no-repeat fixed; }
#main { margin:0 0 60px 180px; clear:both; }
#header { margin-bottom:54px; }
#content { width:480px; margin-right:72px; }
#sidebar { width:210px; }
#header h1 { display:none; }
#footer { padding:9px 0 9px 180px; }
#footer p { font-size:11px; }
/* @end */

/* @group Nav */
#nav { margin:195px 0 60px 153px; }
#nav li { margin-right:9px; }
#nav li a { height:27px; border-bottom:3px solid #000; }
a.news, a.newscurrent { width:92px; background-image:url(../images/base/tab-news.gif); }
a.work, a.workcurrent { width:94px; background-image:url(../images/base/tab-work.gif); }
a.bio, a.biocurrent { width:75px; background-image:url(../images/base/tab-bio.gif); }
a.info, a.infocurrent { width:84px; background-image:url(../images/base/tab-info.gif); margin:0; }
/* @end */

/* @group Twitter */
#twitter { width:246px; margin:86px 0 30px 0; }
#twitter-nub { width:18px; height:36px; background-image:url(../images/base/twitter-nub.gif); }
#twitter_div { width:174px; padding:18px; }
#twitter_div a { font-size:10px; text-transform:capitalize; }
#twitter_div span a { font-size:10px; text-transform:none; display:inline; }
/* @end */

/* @group Sidebar */
.social { margin-top:3px; }
.social li { margin-right:6px; }
.social li a { width:18px; height:18px; }
.social li a:hover { background-position:0 -18px; }
li.wherearewe p { margin-bottom:9px; }
/* @end */

/* @group Blog */
.post { margin-bottom:54px; }
.navigation { width:480px; }
.post img.thumb { margin:3px 6px 0 0; }
.post img.medium { padding:6px; margin:0 0 9px 0; }
/* @end */

/* @group Search */
#searchform #s { width:168px; height:21px; padding:3px; }
/* @end */

/* @group Work Page */
a.project { margin-bottom:36px; }
a.project img { padding:9px 9px 6px 9px; border-bottom:3px solid #000; }
/* @end */

/* @group Comments & Contact Forms */
#comments li { margin-bottom:30px; }
fieldset p { margin-bottom:9px; }
.field { width:268px; height:21px; padding:3px; }
textarea { width:368px; height:180px; padding:3px; }
#commentarea { padding-top:30px; }
#wpcf fieldset { padding-top:30px; }
#wpcf_response { margin-bottom:9px; }
/* @end */