/* 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.3 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.4em; color: #111; /*background: url(./images/bg.png) repeat-x;*/ background-color: #fDfDfD; font: normal 0.8em "Georgia", "Times", serif; text-align:center;} h1, h2, h3, h4, h5 { margin: 0.5em 0em 0em; } p { margin: 0.8em 0em 1em; } img { margin: 20px 0 20px 0; padding: 0em; } blockquote { font-style: italic; margin-left: 1em; padding-left: 0.5em; border-left: 2px solid #111; } strong { font-weight: bold; } .clearer { clear: both; } #wrapper { position: relative; margin: 0em auto; z-index: 1; width: 70em; font-weight: lighter; text-align: left; } /* * Links */ /*a { color: #111; text-decoration:none; } */ a { color: #111; text-decoration:none; } a strong { } a:hover { text-decoration:underline; } a:hover strong { color:#111!important;} a:focus { background: #111; color: #eee; text-decoration:underline; } a:focus strong a:active { background: #111; color: #eee; text-decoration:none; } a:active strong { outline: none; color: #111; } /* * HEADER */ #header { color: #111; margin: 0em; padding: 0em; height: 0em;} #header h1 { font-size: 1.5em; } #header h1 a { color: #111; } #tagline { position: absolute; left: 170px; top:8; color: #111; font-size: 0.8em; font-weight: lighter; text-transform: lowercase; } /* * Navigation */ #pagenav { margin: 0; padding-top: 4.5em; padding-bottom: 0.5em; /*border-top: 1px solid #111;*/ border-bottom: 3px solid #111; } #pagenav ul { display: inline; margin: 0; padding: 0; } #pagenav ul li { padding: 0; display: inline; margin: 0 10px 0 0; } #pagenav ul li { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } #pagenav ul li#navelements { position:absolute; right: 100px; } #pagenav ul li#pagenav_rss { padding-left:0px; } /* * CONTENT */ #content { float: left; width: 49em; margin: 0em; padding-top: 2em; } #content h3 { margin: 0em; padding: 0em; font-size: 1.2em; line-height: 1.4em; } #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.2em; background: #333; color: yellow; font-size: 0.9em; font-family: "Courier New", Courier, monospace; } #content pre { line-height: 1.2em; background: #222; font-size: 0.9em; font-family: "Courier New", Courier, monospace; } #content a { font-size: 1.0em; font-weight: bold; } #content #comments { margin: 2em 0em 0em; } #content #respond { margin: 2em 0em 0.5em; } #content .commentlistitem { margin: .5em 0em 0em; padding: .2em 1em 1em; border-bottom: 1px solid #eee;/* text-align: left; background: url(./images/comment_bg.png) */ } #content .trackbacklistitem { margin: .5em 0em 0em; padding: .2em 1em 1em; border-bottom: 1px solid #eee;/* text-align: left; background: url(./images/comment_bg.png) */ } #content .commentleft { font-size: 1em; } #content .commentauthor_pic { width: 60px; float: left; } #content .commentauthor_pic img { margin: 0px 0px 0px 0px; } #content .commentauthor { margin: 0.1em 0em 0.1em; width: 500px; float: left; } #content .commentdate { margin: 0.1em 0em 0.1em; width: 500px; float: left; } #content .commentdate a { color: #999; font-weight: normal;} #content .commenttext { line-height: 1.4em; margin: 1em 0em 0.1em; width: 500px; float:left; clear: both; } #commentswrapper .avatar { /*margin: 0em; border: 2px solid #333; */} /* * (SINGLE-)POSTWRAP */ .singlepostwrap { margin-top: 0em; padding-top: 0.3em; width: 100%; line-height: 1.5em; overflow: hidden; } .singlepostwrap .avatar { border: 10px solid #111; } .singlepostwrap h2 { padding: 0em 0em 0.2em 0em; line-height: 1.1em; font-size: 1.5em; } .singlepostwrap .singlepost { margin: 0em 0em 0em; width: 49em; text-align: normal; } .singlepostwrap .entry { margin: 1.6em 0em 0em; } .singlepostwrap .entry a { font-size: 1.2em; color: #111; text-decoration:underline; } .singlepostwrap .follow { padding: 1em; background: #eee; } .singlepostwrap ul li { margin-left: 1em; margin-top: 1em; list-style: disc; } .singlepostwrap ol li { margin-left: 1.4em; list-style: decimal; } .postwrap { margin-top: 0em; padding-top: 0.3em; padding-bottom: 1em; border-bottom: 1px solid #111; width: 100%; line-height: 1.5em; } .postwrap h2 { padding: 0em 0em 0.5em 0em; font-size: 1.5em; } .postwrap .leftmeta { float: left; margin: 0em; padding: 0em; font-size: 1.0em; line-height: 2.0em; } .postwrap .leftmeta .date { float: left; font-weight: normal; margin-top: 0.5em;} .postwrap .avatar { margin-left: 0em; border: 10px solid #151515; } .postwrap .post { margin-left: 13em; width: 36em; text-align: normal; } .postwrap .entry { margin: 0.6em 0em 0em; } .postwrap .entry a { color: #111; text-decoration:underline; } .postwrap .postmetadata { margin: 1em 0em 0em; font-size: 0.8em; color: #666; } .postwrap .pagetitle { font-size: 1.2em; } .postwrap ul li { margin-left: 1em; margin-top: 1em; list-style: disc; } .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 { padding-top: 1.02em; margin-left: 40px; width: 17em; font-weight: lighter; text-align: left; /*text-transform: lowercase;*/ color: #111; float:left;} #sidebar #search { padding-bottom: 1.5em;} #sidebar h2 { margin: 1em 0em 1em; font-size: 1.0em; line-height: 1.9em; border-bottom: 2px solid #111; } #sidebar #archlist { padding-top: 0.5em; } #sidebar #archlist li { line-height: 1.3em; color: #111;} #sidebar #aboutme a { color: #111; font-weight: bold; text-decoration:underline; } #sidebar li a { /*background-color: #111; color: #f3f3f3;*/ text-decoration: underline;} #sidebar li { padding-bottom: 0.7em;} /* * BOTTOM BAR */ #bottom_wrap { background-color: #141414; width: 100% } #bottombar { margin: 0em auto 0em; width: 82em; padding-top: 0em; } #bottombar #column1 { float: left; width: 17em; margin: 0em 0.6em 2em 6em; } #bottombar #column1 p { text-align: justify; } #bottombar #column2 { float: left; width: 17em; margin: 0em 0.6em 2em; } #bottombar #column3 { float: left; width: 17em; margin: 0em 0.6em 2em; } #bottombar #column4 { float: left; width: 17em; 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; }