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

.toppernav {
background: url(images/bgtoppy.jpg);
width:100%;
height:60px;
}

.toppermiddle {
width:900px;
margin:auto;
text-align:center;
}

.toppersub{
height:40px;
padding-top:4px;
color:#FFFFFF;
font:helvetica;
font-size:20px;
text-align:left;
}

html,body {
background:#101010;
color:#fff;
}

body {
font:12px sans-serif;
line-height:1.7em;
}

h1 {
font-family:serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
}

h2 {
font-family:serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
margin-bottom:5px;
}

h3 {
font-family:serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
margin-bottom:5px;
}

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

p {
margin-bottom:8px;
}

strong {
color:#FFFFFF;
}

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

a:hover {
color:#BDAFA8;
}

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;
}

/** Header Content **/
#header {
background: url(images/topheader.jpg) no-repeat;
float:left;
width:950px;
height:175px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#logo {
float:left;
margin:45px 0px 0px 0px;
}

#pages {
float:right;
color:#BDAFA8;
margin:12px 0px 0px 0px;
height:65px;
width:522px;
padding:8px 0px 0px 18px;
background:url(images/pages-trans.png) top left no-repeat;
}

span.menu-items {
width:115px;
height:50px;
display:block;
float:left;
margin-left:12px;
border-right:1px solid #3B352C;
cursor:pointer;
}

span.last-menu-item {
width:105px;
height:50px;
display:block;
float:left;
margin-left:12px;
cursor:pointer;
}

/** Main Content **/
#main {
padding-top:10px;
border-bottom: dashed #333333 thin;
float:left;
width:932px;
}

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

.videohead {
float:left;
background:url(images/videohead.jpg) top left no-repeat;
width:629px;
height:92px;
padding-right:270px;
}

.menutop {
float:left;
background:url(images/menua.png) bottom no-repeat;
width:290px;
height:70px;
}

.menubottom {
float:left;
background:url(images/menub.jpg) top no-repeat;
width:290px;
height:70px;
}
.heading {
margin:15px 0px 15px 13px;
}

span.contenthead {
width:630px;
display:block;
font-family:century gothic;
}

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

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

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

.introcontent {
height:100%;
overflow:hidden;
}

span.date {
float:right;
font-family:century gothic;
color:#FFFFFF;
font-size:12px;
margin:2px 5px 0px 0px;
}

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

#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;
}

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

.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:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:url(images/white-trans.png) repeat;
border:none;
cursor:pointer;
}

#comment,#author,#email,#url {
background:url(images/white-trans.png) repeat;
border:none;
padding:2px;
color:#FFFFFF;
}

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

#sideSearch {
background:url(images/content.png) repeat;
margin:0px 0px 12px 0px;
padding:6px 6px 6px 6px;
float:left;
}

#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:url(images/content.png) repeat;
width:270px;
margin:0px 0px 12px 0px;
padding:10px;
float:left;
}

.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:#BDAFA8;
border-top:1px solid #1B140E;
line-height:1.2em;
padding:3px 0 4px 0px;
}

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

.block ul li {
list-style:none;
margin:0;
}

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

#advertblock {
background:url(images/content.png) repeat;
width:278px;
margin:0px 0px 12px 0px;
padding:10px 0px 2px 12px;
float:left;
}

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

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

/** Footer Content **/
#favicons {
background:url(images/content.png) top left repeat;
float:left;
width:630px;
text-align:center;
padding:8px 0px 5px 0px;
margin:0px 0px 10px 0px;
}

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

#footer {
background:url(images/footer.jpg);
height:100px;
width:900px;
float:left;
}

#footer p {
float: left;
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
}

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

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

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

ul.sidenav {
	font-size: 1.2em;
	float: left;
	width: 290px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #080c10;
	border-bottom: 1px solid #393d40;
	border-top: 1px solid #06080b;
}
ul.sidenav li a{
	display: block;
	color: #fff;
	text-decoration: none;
	width: 245px;
	padding: 10px 10px 10px 35px;
	background: url(sidenav_a.gif) no-repeat 5px 7px;
	border-top: 1px solid #393d40;
	border-bottom: 1px solid #06080b;
}

ul.sidenav li a:hover {
	background: #000 url(sidenav_a.gif) no-repeat 5px 7px;
}
ul.sidenav li span{	display: none; }
ul.sidenav li a:hover span {
	display: block;
	font-size: 0.8em;
	padding: 10px 0;
}


ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
	width: 960px;
	height:76px;
	background: url(images/menutop.png) no-repeat;
}
ul#topnav li {
	float: left;
	padding-top:10px;
	padding-left:3px;
}


/*--CSS Sprites - Default State--*/
ul#topnav a {
	display: block;
	height: 58px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
}
/*--Assign an image and width to each link--*/
ul#topnav li.home a {
	background: url(images/home.png) no-repeat;
	width: 110px;
	height:80px;
}
ul#topnav li.about a {
	background: url(images/PACKAGE.png) no-repeat;
	width: 230px;
	height:80px;
}
ul#topnav li.services a {
	background: url(images/grafx.png) no-repeat;
	width: 230px;
	height:80px;
}
ul#topnav li.portfolio a {
	background-image: url(portfolio_a.jpg);
	width: 182px;
}
ul#topnav li.contact a {
	background-image: url(contact_a.jpg);
	width: 179px;
}
ul#topnav li.blog a {
	background-image: url(blog_a.jpg);
	width: 175px;
}


/* Slideshow & Billboard Images */    
 #top-zone{overflow:hidden; width:960px; margin:0 auto; height:420px;} /*Here to keep images hidden in IE mostly*/

 #billboard{width:940px; height:400px; margin:10px 10px 20px 10px; overflow:hidden; background:url('images/billboard-bg.jpg') no-repeat top center;}

 .slideshow{width:920px; height:360px; margin:10px; overflow:hidden;}
 .slideshow li{list-style:none; float:left; display:inline; position:relative;}

 .edge-holders{width:940px; height:400px; background:url('images/edge-holders.png') no-repeat top center; position:relative; margin:10px; z-index:10; top:-420px;}