/*

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: economic, alliance, 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 }

/*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 */

/* TYPOGRAPHY ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */

h1, h2, h3, h5, h5, h6 { font-weight:bold } 

/* 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 }

/* You might find the following useful */
br.dirtyLittleTrick { 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 */

/* Economic alliance site specific css */

/* ----------------------------------------- */

/*---------header-----------*/

body {
background:#005388 url(style/images/background.jpg) repeat scroll left top;
color:#000000;
font: 11px/1.4 "Helvetica Neue," Arial, Helvetica, sans-serif;
}

a {
color:#ffffff;
text-decoration:none;
}

#wrap {
width:1000px;
margin:0 auto;
background-color:#d2e9ff;
}

#header {
background:#333333;
height:55px;
overflow:auto;
}

h1 {
margin: 0px;
padding: 0px;
width:212px;
font-size:30px;
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: #cccccc;
font-size:30px;
width:100px;
margin-left:10px;
margin-right:20px;
}

#menu {
position: absolute;
bottom: 0px;
left: 0px;
width: 1000px;
background: #4a4f54;
height:45px;
}

#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: 16px/18px "Helvetica Neue," Arial, Helvetica, sans-serif;
	display:	 block;
	position:	 relative;
	padding: 0 7px;
	font-weight: 200;
	text-decoration:none;
}
/*----CONTENTAREA----*/

.post_snippet {
margin:40px 0px;
left:30px;
-moz-border-radius:10px 10px 10px 0px;
width:550px;
background-color:#eeeeee;
padding:10px;
}

.post_snippet a {
color:#00489F;
font-weight:600;
}

.post_snippet h2 {
margin-bottom:20px;
}

.post_snippet h2 a {
color:#CC3333;
font-size:25px;
font-weight:bolder;
text-transform: uppercase;
}

.post_snippet p {
margin-bottom:10px;
}

.RVWhome #mainartwork {
float: left; 
text-align: center;
}

.RVWhome #maincontent {
float:left;
width:320px;
}

.RVWhome p {
margin-left:17px;
font: 16px/1.4 "Helvetica Neue," Arial, Helvetica, sans-serif;
margin-top:10px;
}

/*----SIDEBAR----*/

#sidebar {
margin-top:40px;
float:right;
width:300px;
}

#sidebar h3{
font-size:19px;
color:darkblue;
}

#sidebar h2{
margin-top:15px;
}

#twitterwidget {
float:left;
width:500px;
padding-left:50px;
background:#D2E9FF;
}

#twitterwidget h2{
font-size:19px;
}

#twitterwidget ul li {
margin-top:10px;
}

#twitterwidget ul li a{
color:black;
font-size:13px;
}


.RVWhome #contactform {
float:left;
margin-left: 17px;
}

#constant-contact {
margin-top:30px;
}

#events-calendar {
margin-top:30px;
}

/*----FOOTER----*/

#footer {
clear:both;
overflow:auto;
height:100px;
background:#4A4F54;
color:#9BA0A6;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#footer a {
color:#cccccc;
}

#legal {
font: 16px/1.4 "Helvetica Neue," Arial, Helvetica, sans-serif;
color:#eee;
position: absolute;
top: 25px;
left:25px;
width: 420px;
}

#webdemar {
	font: 16px/1.4 "Helvetica Neue," Arial, Helvetica, sans-serif;
	position: absolute;
	top: 25px;
	left: 700px;
	width: 295px;
	text-align: left;
}

.subscribe {
position: absolute;
left:255px;
top:5px;
}

#footer .subscribe li a {
padding-left:48px;
display:block;
border: 0 none;
}

#footer .subscribe li a:hover {
color:#FFFFFF;
}

#footer .subscribe .rss a {
width:200px;
height:36px;
background: url(style/images/rss-icon.png) no-repeat left center;
}