/*
Theme Name: Oilstrokes
Theme URI: http://oilstrokes.com
Description: Oilstrokes CMS redesign
Version: 1.0 (WP 2.7+)
Author: Roger J. Ehmpke Jr.
Author URI: http://rivervalleywebsites.com
Tags: oil painting, oilstrokes, kankakee
*/
/* RESET ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table {border-collapse:collapse;border-spacing:0}
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
h1 {font:bold 48px/1.4 "museo-1","museo-2",serif;text-shadow:black;margin:0px;padding:0px;}
h2 {font:bold 25px/1.4 "museo-1","museo-2",serif;}
h3 {font:bold 19px/1.4 "museo-1","museo-2",serif;color:darkblue;}
h4 {}
h5 {}
h6 {}
p { font: 100 16px/1.4  Verdana, Geneva, sans-serif;margin-left:17px; margin-top:10px; }
/*q:before, q:after { content:''}*/
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* LAYOUT */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {display:block;margin:0 auto}
.alignleft {float:left}
.alignright {float:right}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
/* header */
body {background-image:url('style/images/oilbk.jpg');color: rgb(255, 255, 255); color: rgba(255, 255, 255, 1); font:100 15px/1.4 Verdana, Geneva, sans-serif;}
a { color:#fff;text-decoration:none;}
#wrap { width:960px; margin:0 auto;}
#header {height:75px; overflow:auto; }
h1 {color: rgb(255, 255, 255); color: rgba(255, 255, 255, 1); float:right; }
h1 a { color: rgb(255, 255, 255); color: rgba(255, 255, 255, 1); }
#tagline {float:right; color: #ccc;font:300 25px/1.4 "museo-1","museo-2",serif;width:100px; margin-left:10px; margin-right:20px; }
#menu { position: absolute; bottom: 0px; left: 0px; width:960px;height:75px; }
#menu ul { padding:0; list-style:none;line-height:1.1; position:absolute;top:10px;margin:0px 0px 0px 8px;width:800px; }
#menu ul li {float:left;position:relative;}
#menu ul li a {font:100 11px/1.4 Verdana, Geneva, sans-serif;display:block; position:relative; padding: 0 7px; font-weight: 200; text-decoration:none;text-transform:uppercase; }
/*----CONTENTAREA----*/
.post_snippet { margin:0px 0px 30px; left:30px; -moz-border-radius:10px 10px 10px 0px; width:550px;padding:10px; }
.post_snippet a { color:#ccc; font-weight:600; }
.post_snippet h2 { margin-bottom:20px; }
.post_snippet h2 a { color:#ccc;text-transform: uppercase; }
.post_snippet p {margin-bottom:10px;}
.RVWhome #mainartwork { display:inline-block; text-align: center; }
.RVWhome #maincontent { display:inline-block; width:320px; }

/*----SIDEBAR----*/
#sidebar { margin-top:40px; float:right; width:300px; }
#sidebar h2 { margin-top:15px; }
#twitterwidget { float:left; width:500px;margin-top:30px;margin-bottom:20px;}
#twitterwidget ul li { margin-top:10px; }
#twitterwidget ul li a { color:#fff; font-size:13px; }
#twitterwidget ul li .date { color:#333333; font-size:13px; }
.RVWhome #contactform {background:url('style/images/Desk_Texture.jpg') -150px -800px;float:left;padding:25px;margin-left:17px;margin-top:30px;width:330px;margin-right:35px;}
#constant-contact {margin-top:30px;}
#events-calendar {margin-top:30px;}
/*----FOOTER----*/
#footer {clear:both;overflow:auto;height:100px;color:#9BA0A6;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
#footer a {color:#ccc;}
#legal {font: 16px/1.4  Verdana, Geneva, sans-serif;color:#eee;position:absolute;top:25px;left:25px;width: 420px;}
#webdemar {font: 16px/1.4  Verdana, Geneva, sans-serif;position:absolute;top:25px;left:600px;width:295px; text-align:left;}
.subscribe {position:absolute;left:350px;top:5px;}
#footer .subscribe li a {padding-left:48px;display:block;border:0 none;}
#footer .subscribe li a:hover {color:#FFF;}
#footer .subscribe .rss a {width:200px;height:36px;background:url(style/images/rss-icon.png) no-repeat left center;}
.totop {
-moz-border-radius:5px 5px 0 0;
background:none repeat scroll 0 0 #333333;
border:1px solid #333333;
bottom:-5px;
color:#CCCCCC;
cursor:pointer;
font-family:verdana;
font-size:14px;
padding:2px 15px 6px 12px;
position:fixed;
right:15px;
}
#totop:hover {
background:none repeat scroll 0 0 #000000;
border:1px solid #333333;
color:#FFFFFF;
}