/*
Theme Name: Revolution Elements
Theme URI: http://www.revolutiontwo.com
Description: The Revolution Elements WordPress Theme based on WPelements.com.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.jdidit.com/
Tags: Wood, 2-column, Widgets

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jdidit.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

* {
margin:0;
padding:0;
}

html,body {
background: rgb(58,58,58) url(images/icons_blackwhite.png) repeat;
color: gray;
}

body {
font:12px arial,helvetica,verdana,sans-serif;
line-height:1.2em;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:800;
color:black;
font-style: oblique;

}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:400;
color:black;
margin-bottom:5px;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style: oblique;
color: black;
font-weight:800;
}

h5 {
font-size:10px;
font-weight:400;
color:black;
}

p {
margin-bottom:8px;
}

strong {
color:black;
}

a:link, a:visited {
color:#282828;
text-decoration:none;
}

a:hover {
color: aqua;
text-decoration: none;
}

img {
border:none;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;

}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 1px solid #FFFFFF;
}

#single ul {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

#single li {
padding: 0 0 0 20px;
background: url(images/icon-check.gif) top left no-repeat;
}

#wrapper {
width:932px;
padding-left:10px;
padding-right:10px;
margin:0 auto;
}

#twittericon {
padding-right: 10px;

}

/** Header Content **/
#logo{
float: left;
margin-top: 5px;
margin-left: 5px;
position: absolute;
z-index: 1000;
}

#snorbanner{
float: left;
margin-left: 5px;
margin-top: 80px;
z-index: 75;
position: inherit;
}

#header {
background: url(images/headertest.png) top left;
background-color: white;
float:left;
width:932px;
height:260px;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: black solid 2px;
border-left: dashed black 1px;
border-right: dashed black 1px;
border-top: dashed black 1px;
z-index: 50;
position: inherit;

}

#headerbg {
background: none;

}


#twittericon {
float:right;
margin-top: 13px;
}

#facebookicon {
float:right;
margin-top: 13px;
}

#flickricon {
float:right;
margin-top: 13px;
}

#wordpressicon {
float:right;
margin-top: 13px;
}


#snor {
float:right;
width: auto;
}

#pages {
float:left;
margin:19px 0px 0px 0px;
height:35px;
width:522px;
padding:8px 0px 0px 18px;
}

span.menu-items {
width:auto;
margin-right: 25px;
display:block;
float:left;
cursor:pointer;
}

span.last-menu-item {
display:block;
float:left;
cursor:pointer;
}


/** Main Content **/
#main {
float:left;
width:932px;
margin-top: 5px;
}

#content {
float:left;
width:630px;
margin:0px 12px 0px 0px;
}

.heading {
margin:15px 0px 15px 13px;
}

span.contenthead {
width:630px;
display:block;
}

.intropost {
margin:0px 0px 0px 12px;
float:left;
width:298px;
}


.intro {
background: white;
width:630px;
height: auto;
margin:0px 12px 15px 0px;
padding:12px 0px 0px 0px;
float:left;
border-bottom: solid black 4px;
border-top: solid black 1px;
border: dashed black 1px;

}


.introinfo {
width:298px;
margin:15px 0px 0px 0px;
}

.introcontent {
padding-top: 10px;
height:86px;
overflow:hidden;
}

span.date {
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
color:#3d3d3d;
font-size:16px;
margin:2px 0px 0px 0px;
}

span.comments {
background:url(images/comments-trans.png) no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
float:right;
width:28px;
height:28px;
display: block;
text-align:center;
margin:0px 0px 0px 15px;
padding-top: 2px;
}

span.comments p {
color: white;
}

#themes {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
float:left;
}

#plugins {
background:url(images/content.png) top left repeat;
width:630px;
margin:0px 0px 12px 0px;
float:left;
}

span.thumbnail {
float:left;
margin:0px 0px 12px 12px;
}

.thumbnail img {
border:1px solid #3B352C;
width: 295px;
height: 150px;
}

#page {
background:url(images/content.png) top left repeat;
width:915px;
margin:0px 0px 12px 0px;
padding:12px;
float:left;
}

#postcomments{
background:url(images/content.png) top left repeat;
width:606px;
margin:0px 0px 12px 0px;
padding:12px;
float:left;
border: black dashed 1px;
}

#single{
background:url(images/content.png) top left repeat;
width:606px;
margin:0px 0px 12px 0px;
padding:12px;
float:left;
border: black dashed 1px;

}

#single_page{
background:url(images/content.png) top left repeat;
width:908px;
margin:0px 0px 12px 0px;
padding:12px;
float:left;
border: black dashed 1px;
height: auto;

}


#single_post p {
padding-top: 10px;
}

#single_post {
height: 550px;
width: 250px;
}

#single_post strong {
color: black;
margin-bottom: 20px;
}

#single_page img{

}

.singleheading {
margin:5px 0px 15px 0px;
}

span.singlehead {
width:550px;
display:block;
}

/** Comment Styles **/
#comment {
width:450px;
font:12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
background: url(images/white-trans.png) repeat;
}

input#submit {
font-size: 14px;
color:black;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:#EBEBEB;
border:none;
cursor:pointer;
}

#comment,#author,#email,#url {
background:#EBEBEB;
border:none;
padding:2px;
color:black;
}

/** Sidebar Content **/
#sidebar {
float:left;
width:290px;
}

#sideSearch {
background:white;
margin:0px 0px 12px 0px;
padding:5px 5px 5px 5px;
float:left;
border: dashed black 1px;
border-bottom: solid black 3px;
}

#searchWrap #s {
background:none;
color:#BDAFA8;
font-size:1.1em;
border:none;
margin:0px 3px 0px 0px;
width:257px;
}

#searchWrap input {
vertical-align:middle;
}

.block {
background:white;
width:270px;
margin:0px 0px 12px 0px;
padding:10px;
float:left;
border-top: solid black 1px;
border-bottom: solid black 3px;
border-left: dashed black 1px;
border-right: dashed black 1px;
}

.sidepost {
border-top:1px solid #1B140E;
padding:6px 0 0 0;
}

.sideblog {
margin-bottom:10px;
}

.sidetitle {
font-size:14px;
margin-bottom:2px;
}

#socialize ul li {
color: gray;
border-top:1px solid #1B140E;
line-height:1.2em;
padding:5px 0 5px 0px;
}

#socialize a {
font-family:Georgia, "Times New Roman", Times, serif;
}

.block ul li {
list-style:none;
border-top:1px dotted black;
line-height:1.2em;
padding:5px 0 5px 0px;
}

#tags {
font-family:Georgia, "Times New Roman", Times, serif;
word-spacing:5px;
line-height:1.5em;
}

#advertblock {
background:white;
width:278px;
margin:0px 0px 12px 0px;
padding:10px 0px 2px 12px;
float:left;
border-top: solid black 1px;
border-bottom: solid black 3px;
border-left: dashed black 1px;
border-right: dashed black 1px;
}

#advertblock h3 {
margin-bottom:10px;
color: black;
}

#advertblock img {
margin:0px 9px 8px 0px;
border:1px solid #3B352C;
width: 125px;
height: 125px;
}

#textwidget p {
padding:60px 0px 60px 0px;

}

/** Footer Content **/
#favicons {
background:white;
float:left;
width:630px;
text-align:center;
padding:8px 0px 5px 0px;
margin:0px 0px 10px 0px;
border-top: solid black 1px;
border-bottom: solid black 3px;
border-left: dashed black 1px;
border-right: dashed black 1px;
}

#favicons img {
width:35px;
height:35px;
}

#footer {
background: white;
height: 25px;
width:630px;
float: left;
border-top: dashed black 1px;
border-bottom: dashed black 1px;
border-left: dashed black 1px;
border-right: dashed black 1px;
margin-bottom: 60px;
}

#footer p {
float: left;
background: white;
padding-left: 5px;
padding-top: 5px;
width: 320px;
}

#code {
font-size:1em;
width:586px;
background:url(images/white-trans.png) repeat;
padding:10px;
}

#space {
height:15px;
}

.navigation {
width: 200px;
float:right;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/** Footer Content PAGE **/
#favicons_page {
background:white;
float:left;
width:932px;
text-align:center;
padding:8px 0px 5px 0px;
margin:0px 0px 10px 0px;
border-top: solid black 1px;
border-bottom: solid black 3px;
border-left: dashed black 1px;
border-right: dashed black 1px;}

#favicons_page img {
width:35px;
height:35px;
}

#footer_page {
background: white;
height: 25px;
width:932px;
float: left;
border-top: dashed black 1px;
border-bottom: dashed black 1px;
border-left: dashed black 1px;
border-right: dashed black 1px;
margin-bottom: 60px;
}

#footer_page p {
float: left;
width: 320px;
padding-left: 5px;
padding-top: 5px;
}

#code {
font-size:1em;
width:586px;
background:url(images/white-trans.png) repeat;
padding:10px;
}

#space {
height:15px;
}

.navigation {
width: 200px;
float:right;
}

.alignright {
float: right;
}

.alignleft {
float: left
}


/* The Tips */
.tool-tip{
color:#DBDBDB;
width:250px;
z-index:13000;
}

.tool-title{
font-weight:normal;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
color:#BDBDBD;
padding:8px 8px 5px 8px;
background:url(images/tip-trans-dark.png) top left;
text-align:left;
}

.tool-text{
font-size:12px;
padding:0 8px 8px 8px;
background:url(images/tip-trans-dark.png) bottom right;
text-align:left;	
}

/*-

 flickrRSS

*/

li.sb-flickr {

padding-left: 35px;
padding-top: 6px;
padding-bottom: 4px;

}

li.sb-flickr a img {

border: 1px solid #ccc;
width:60px;
height:50px;
margin-right: 5px;

}
#twitter_div h3{

font-family:Georgia, serif;
font-style: oblique;
color:black;
margin-bottom:10px;

}

#twitter_div ul li{

color:gray;

}

#twitter{	 

position: absolute;
padding-left: 635px;
top: 60px;
float: left;

}

#twitter_update_list a href {
font-size: 12px;
line-height:1.4em

}
.wpcf7-form{
margin-left: 25px;
}

#hoverlink{
width: 900px;
}

.affiliates a {
    width: 294px; height:290px; 
    overflow: hidden;
    float: left;
}
.affiliates img {
    border: none;
    width: 294px;
    height: auto;
}
.affiliates a:hover img {
    margin-top: -290px;
}
.socialmedia a {
    width: 40px; height:40px; 
    overflow: hidden;
    float: left;
}
.socialmedia img {
    border: none;
    width: 40px;
    height: auto;
}
.socialmedia a:hover img {
    margin-top: -40px;
}