/*
	Theme Name: Roughdrive
	Theme URI: http://otype.net/dev/wordpress/wp-theme-roughdrive/
	Description: A very minimal theme, widget-ready, gravatar-supporting, and standards-compliant. Partly based on Infimum by Alex Smith. 
	Version: 0.1.2
	Author: Hans-Gunther Schmidt
	Author URI: http://otype.net/
  Tags: dark, blue, yellow, two-columns, right-sidebar, flexible-width 
*/

/*
 * GENERAL
 */
*               { margin: 0; padding: 0; list-style: none; }
body            { line-height: 1.5em; color: #DAD0C7; background-color: #000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0.025em; 
                }
h1, h2, h3,
h4              { margin: 0.5em 0em 0em; }
h5				{ margin: 0.5em 0em 0em; float:right; vertical-align:top;}
p               { margin: 0.8em 0em 1em; }
img             { margin-right: 20px; margin-bottom: 10px; }
blockquote      { font-style: italic; margin-left: 1em; padding-left: 0.5em; border-left: 2px solid #DAD0C7; }
strong          { font-weight: bold; }

.clearer        { clear: both; }
#wrapper        { position: relative; margin: 2em auto 0; z-index: 1; width: 960px; }

/*
 * Links
 */
a                   { color: #1070c0; text-decoration:none; }
a strong            { color: #00a3e3; }
a:hover,
a:hover strong      { color:#666666!important; }
a:focus, 
a:focus strong, 
a:active, 
a:active strong     { outline: none; color: #247dc8; }


/*
 * HEADER
 */
#header             { margin: 0em; padding: 0em; height: 50px; }
#header h1          { font-size: 5em; color:#000000 }
#tagline            { font-size: 1.5em; font-weight: lighter; text-transform: lowercase; }


/*
 * Navigation
 */
#pagenav            { width:960px; margin: 0; padding-top: 5px; padding-bottom: 5px; background-color:#333333; padding-left:10px; }
#pagenav ul         { display: inline; margin: 0; padding: 0; }
#pagenav ul li      { padding: 0; display: inline; margin: 0 20px 0 0; }
#pagenav ul li      { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }	
#pagenav ul li#pagenav_rss { padding-left:20px; }


/*
 * CONTENT
 */
#content                { float: right; margin: 0em; width: 720px; }
#content h3             { margin: 0em; padding: 0em; font-size: 1.3em; }
#content .navigation    { float: left; margin: 3em 13em 0em; padding: 0em; width: 36em;}
#content .goback        { float: left; }
#content .goforward     { margin-left: 22em; }
#content code           { line-height: 1.1em; background: #2e211e; color: yellow; font-size: 0.9em; font:Arial, Helvetica, sans-serif; padding: 3px 3px 3px 3px; }
#content pre            { line-height: 1.1em; background: #2e211e; font-size: 0.9em; font:Arial, Helvetica, sans-serif; padding: 3px 3px 3px 3px; }

#content #comments        { margin: 2em 0em 0em; }
#content #respond         { margin: 2em 0em 0.5em; }
#content .commentlistitem { background-color: #000000; text-align: justify; }
#content .commentleft     { float: left; }
#content .avatar          { border: 0px; }
#content .avatar          { margin: 0em; }
#content .commentauthor   { margin: 0.5em 0em 0.5em; }
#content .commenttext     { margin-left: 13em;  }


/*
 * (SINGLE-)POSTWRAP
 */
.singlepostwrap             { margin-top: 0em; padding-top: 0em; width: 100%; line-height: 1.5em; }
.singlepostwrap h2          { padding: 0em 0em 0.2em 0em; line-height: 1.2em; font-size: 2.0em; }
.singlepostwrap .singlepost { width: 720px; }
.singlepostwrap .entry      { margin: 1.6em 0em 0em; }
.singlepostwrap .entry a    { color: #80756c; }
.singlepostwrap ul li       { margin-left: 1em; list-style: circle; }
.singlepostwrap ol li       { margin-left: 1.4em; list-style: decimal; }

.postwrap                   { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #3b2a26; width: 700px; }
.postwrap h2                { padding: 0em 0em 0.5em 0em; font-size: 1.5em; }
.postwrap .leftmeta         { float: right; }
.postwrap .leftmeta .date   { float: left; font-weight: bold; }
.postwrap .post             { width: 700px; text-align: left; }
.postwrap .entry            { margin: 0.6em 0em 0em; }
.postwrap .entry a          { color: #1070C0; }
.postwrap .postmetadata     { margin: 1em 0em 0em; font-size: 0.9em; color: #80756c; }
.postwrap .pagetitle        { font-size: 4em; }
.postwrap ul li             { margin-left: 1em; list-style: circle; }
.postwrap ol li             { margin-left: 1.4em; list-style: decimal; }


/* 
 * These rules are added for compatibility with WordPress Theme Directory 
 */
.aligncenter      { display: block; margin-left: auto; margin-right: auto; }
.alignleft        { float: left; }
.alignright       { float: right; }
.wp-caption       { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img   { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd    { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/*
 * SIDEBAR
 */
#sidebar          { width: 220px; font-weight: bold; font-size:9pt; text-align: justify; text-transform: lowercase; margin-top:10px }
#sidebar #search  { padding-bottom: 1.5em; }
#sidebar h2       { margin: 10px 0 5px 0; padding:3px; font-size:9pt; background-color:#CCCCCC; color:#000000 }


/*
 * BOTTOM BAR
 */
#bottom_wrap          { background-color: #333333; width: 100% }
#bottombar            { margin: 3em auto 0em; width: 70em; padding-top: 0em; }
#bottombar #column1   { float: left; width: 13em; margin: 0em 0.6em 2em 6em; }
#bottombar #column1 p { text-align: justify; }
#bottombar #column2   { float: left; width: 13em; margin: 0em 0.6em 2em; }
#bottombar #column3   { float: left; width: 13em; margin: 0em 0.6em 2em; }
#bottombar #column4   { float: left; width: 13em; margin: 0em 0.6em 2em; }
#bottombar .delicious { margin: 0em 0em 0em; padding: 0em; line-height: 1em; }
#bottombar .delicious img { margin: 0em; }
#bottombar h2         { margin: 1em 0em 0.2em; text-transform: lowercase; }


/*
 * FOOTER
 */
#footer           { margin: 0em; padding: 0em; clear: both; }
#footer p         { margin: 0em; padding: 0em; font-size: 0.8em; width: 100%; height: 2.5em; text-align: center; background-color: inherit; }