/*
Theme Name: Revolution Chrome
Theme URI: http://www.revolutiontwo.com
Description: The Revolution Chrome WordPress Theme.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.jdidit.com/
Tags: WordPress, Chrome, Professional

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

/* Lets Begin */
html, body {
font-size: 12px; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF url(images/bg.jpg) top left repeat-x;
color: #333333;
margin: 0;
padding: 0;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

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

a:hover {
color: #666666;
text-decoration: underline;
}

.clear {
clear: both;
}

p {
margin: 0 0 10px 0;
}
/* And... Moving On */

.wrapper {
width: 960px;
margin: 0px auto;
}

/* Begin Header */
#masthead {
height: 162px;
width: 960px;
float: left;
}

#logo {
width: 550px;
height: 101px;
float: left;
}

#headright {
width: 410px;
height: 101px;
float: left;
text-align: right;
background: url(images/headrightbg.jpg) top right no-repeat;
}

#headright ul {
float: right;
width: 260px;
height: 45px;
list-style: none;
margin: 25px 0 0 0;
padding: 0;
}

#headright li {
padding: 0 50px 0 0;
background: url(images/rss.gif) right no-repeat;
}
/* End Header */

/* Begin Search */
#searchwrap {
float: right;
padding: 0px 5px 5px 5px;
height: 38px;
}

* + html #searchwrap {
padding: 1px 5px 5px 5px;
}

#searchwrap input{
vertical-align: middle;
background: none;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#searchwrap #s{
border: none;
padding: 5px 0 5px 0;
margin: 0;
width: 215px;
}

* + html #searchwrap #s {
margin: -3px 3px 0 0;
width: 210px;
}
/* End Search */

/* Begin Page Navigation */
#pages {
width: 960px;
height: 31px;
float: left;
}

#page {
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#page li {
float: left;
margin-right: 5px;
background: url(images/pagebg.gif) no-repeat right top;
font-size: 12px;
}

#page li.current {
background-position: right bottom;
}

#page li a {
float: left;
display: block;
height: 22px;
padding: 9px 14px 0;
background: url(images/pagebg2.gif) no-repeat left top;
color: #333333;
text-decoration: none;
}

#page li.current a {
background-position: left bottom;
color: #333333;
}

#page li:hover, #page li.sfhover {
background-position: right -31px;
}

#page li.current:hover, #page li.sfhover.current {
background-position: right bottom;
}

#page li:hover a, #page li.sfhover a {
background-position: left -31px;
color: #666666;
}

#page li.current:hover a, #page li.sfhover.current a {
background-position: left bottom;
color: #C7CBC0;
}

#page li#page_home.current {
background-position: right top;
}

#page li#page_home.current a {
background-position: left top;
color: #FFFFFF;
}

#page li.current#page_home:hover, #page li.current.sfhover#page_home {
background-position: right -31px;
}

#nv li.current#page_home:hover, #page li.current.sfhover#page_home a {
background-position: left -31px;
color: #FFFFFF;
}

#page li ul {
clear: left;
position: absolute;
left: -999em;
z-index: 999;
width: 161px;
margin-top: 31px;
margin-left: 0px;
_margin-top: 0; /* IE6 only */
border: 1px solid #E7E7E7;
border-top: 0;
border-bottom: 0;
list-style: none;
line-height: 1;
padding-left: 0px;
}
/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #page li ul {
margin-top: 0;
}

#page li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: .9167em;
text-transform: none;
}

#page li ul ul {
margin: -31px 0 0 161px;
}

#page li:hover ul ul, #page li.sfhover ul ul {
left: -999em;
}

#page li:hover ul, #page li li:hover ul, #page li.sfhover ul, #page li li.sfhover ul {
left: auto;
}

#page li li li {
font-size: 1em;
}

#page li:hover li a, #page li.sfhover li a {
float: none;
width: 133px;
height: auto;
padding: 9px 14px;
border-bottom: 1px solid #E7E7E7;
background: #F8F8F8;
color: #333333;
}

#page li:hover li a:hover, #page li.sfhover li a:hover {
background: #F0F0F0;
}
/* End Page Navigation */

/* Begin Category Navigation */
#navigation {
width: 960px;
height: 22px;
float: left;
}

#nav {
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#nav li {
float: left;
margin-right: -2px;
background: url(images/navbg.gif) no-repeat right top;
font-size: 12px;
}

#nav li a {
float: left;
display: block;
height: 22px;
padding: 7px 14px 0;
background: url(images/navbg2.gif) no-repeat left top;
color: #333333;
text-decoration: none;
}

#nav li.current a {
color: #333333;
}

#nav li:hover a, #nav li.sfhover a {
color: #666666;
}

#nav li.current:hover a, #nav li.sfhover.current a {
color: #C7CBC0;
}

#nav li#nav_home.current {
background-position: right top;
}

#nav li#nav_home.current a {
background-position: left top;
color: #FFFFFF;
}

#nav li.current#nav_home:hover, #nav li.current.sfhover#nav_home {
background-position: right -31px;
}

#nv li.current#nav_home:hover, #nav li.current.sfhover#nav_home a {
background-position: left -31px;
color: #FFFFFF;
}

#nav li ul {
clear: left;
position: absolute;
left: -999em;
z-index: 999;
width: 161px;
margin-top: 29px;
margin-left: 0px;
_margin-top: 0; /* IE6 only */
border: 1px solid #E7E7E7;
border-top: 0;
border-bottom: 0;
list-style: none;
line-height: 1;
padding-left: 0px;
}
/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #nav li ul {
margin-top: 0;
}

#nav li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: .9167em;
text-transform: none;
}

#nav li ul ul {
margin: -31px 0 0 161px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}

#nav li li li {
font-size: 1em;
}

#nav li:hover li a, #nav li.sfhover li a {
float: none;
width: 133px;
height: auto;
padding: 9px 14px;
border-bottom: 1px solid #E7E7E7;
background: #F8F8F8;
color: #333333;
}

#nav li:hover li a:hover, #nav li.sfhover li a:hover {
background: #F0F0F0;
}
/* End Category Navigation */

/* Begin Home Page */
#photos {
float: left;
width: 660px;
margin: 0 0 25px 0;
}

#photos img {
width: 117px;
height: 117px;
padding: 4px;
margin: 10px -1px 0 0;
float: left;
border: 1px solid #ECECEC;
}

#homebox {
float: left;
width: 660px;
margin: 10px 0 10px 0;
color: #666666;
}

#homebox img {
width: 117px;
height: 117px;
float: left;
margin: 0 8px 8px 0;
}

.boxitem {
width: 306px;
height: 200px;
float: left;
border: 1px solid #ECECEC;
margin: 0 -1px -1px 0;
padding: 4px;
}

#homebox h5 {
font-size: 16px;
margin: 0;
padding: 0;
font-weight: normal;
}

.itemdets {
font-size: 11px;
width: 300px;
float: left;
margin: 2px 0 15px 0;
}

.morelink {
width: 150px;
float: left;
margin: 5px 0 0 0;
}

.featuredmorelink {
width: 150px;
float: left;
margin: 10px 0 0 0;
}

.morelink a:link, .morelink a:visited {
color: #0087CC;
}
/* End Home Page */

/* Begin Content Slider */
#featured {
float: left;
height: 350px;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 25px 0;
overflow: hidden;
}

#thevideo {
width: 100%;
float: left;
background: #131313 url(images/videobgtop.jpg) top left repeat-x;
padding: 15px 0 0 0;
}

#thevideoinside {
width: 100%;
float: left;
background: url(images/videobgbottom.jpg) bottom left repeat-x;
position: static;
padding: 0 0 15px 0;
min-height: 350px;
}

#videoembed {
margin: 0px auto;
width: 980px;
text-align: center;
}

.insert {
width: 180px;
height: 330px;
background: url(images/insertbg.png) top left no-repeat;
margin: 0 0 0 360px;
color: #D8D8D8;
padding: 10px;
line-height: 1.2em;
}

.insert h2 {
line-height: 1em;
font-size: 22px;
font-weight: normal;
margin: 0 0 10px 0;
}

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

.insert a:hover {
text-decoration: underline;
}
/* End Content Slider */

/* Begin Secondary Pages */
.title {
width: 645px;
float: left;
height: 36px;
background: url(images/titlebg.jpg) top left no-repeat;
}

.singletitle {
width: 645px;
float: left;
height: 40px;
background: url(images/titlebg.jpg) top left no-repeat;
}

.commentstitle {
width: 645px;
float: left;
height: 40px;
background: url(images/titlebg.jpg) top left no-repeat;
}

#postcontent {
padding: 0 0 5px 5px;
}

#postcontent li {
padding: 0 0 0 16px;
background: url(images/list.gif) top left no-repeat;
}

#postcontent ul {
margin: 5px 0 15px 0;
padding: 0;
list-style: none;
}

#location {
width: 960px;
height: 65px;
float: left;
color: #FFFFFF;
font-size: 16px;
}

#location p {
margin: 22px 0 0 0;
}

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

#location a:hover {
color: #C7CBC0;
text-decoration: underline;
}

#secondarytop {
width: 960px;
float: left;
height: 6px;
background: url(images/sidetopbg.jpg) top right no-repeat;	
}

#secondary {
width: 960px;
float: left;
background: url(images/sidebg.jpg) top right repeat-y;
}

#content {
width: 615px;
float: left;
padding: 6px 15px 12px 0;
margin: 0 12px 0 0;
}

#content h3 {
font-size: 15px;
font-weight: bold;
margin: 8px 0 0 10px;
}

#postimage {
float: left;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 15px 0;
text-align: center;
overflow: hidden;
}

* + html #postimage {
padding: 4px 4px 1px 4px;
}

#postimage img {
width: 621px;
}

#postvideo {
float: left;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 15px 0;
text-align: center;
overflow: hidden;
}

* + html #postvideo {
float: left;
width: auto;
border: 0;
text-align: center;
margin: 0 0 15px 0;
}
/* End Secondary Pages */

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

.commentmetadata a {
font-size:11px;
color:#333333;
}

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

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

ol.commentlist li.alt {
padding: 18px 18px 5px 18px !important;
background:#F8F8F4;
border:1px solid #DEDBD1;	
}

#commentform input {
background: #FFFFFF;
border: 1px solid #E7E7E7;
}

#commentform textarea {
background: #FFFFFF;
border: 1px solid #E7E7E7;
width: 628px;
}

input#submit {
color:#333333;
padding:7px;
margin: 0 0 7px 0;
text-align: center;
border: 1px solid #E7E7E7;
background:#FFFFFF;
}
/* End Comment Styles */

/* Begin Sidebar */
#sidebar {
width: 300px;
float: left;
padding: 7px 0 0 16px;
}

.block {
width: 280px;
float: left;
padding: 7px 0 0 10px;
background: url(images/blockbg.jpg) top left no-repeat;
}

.block h3 {
border-bottom: 1px solid #E7E7E7;
padding: 0 0 2px 0;
margin: 0 0 5px 0;
font-size: 15px;
}

.block ul {
margin: 0;
padding: 0;
list-style: none;
width: 280px;
}

.block li {
width: 265px;
height: 20px;
padding: 5px 0 0 20px;
background: url(images/blockunder.gif) top left no-repeat;
}

.block li:hover {
width: 265px;
height: 20px;
padding: 5px 0 0 20px;
background: url(images/blockover.gif) top left no-repeat;
}

.blockfooter {
width: 300px;
height: 20px;
float: left;
background: url(images/blockfooterbg.jpg) top left no-repeat;
}

#homevideo {
	margin: 0 0 10px 0;
}
/* End Sidebar */

/* Begin Footer */
#footerwrap {
width: 100%;
background: url(images/footerbg.jpg) top left repeat-x;
float: left;
padding: 0 0 20px 0;
}

#footer {
width: 960px;
background: url(images/sidefooterbg.jpg) top right no-repeat;
margin: 0px auto;
color: #333333;
padding: 18px 0 0 0;
}

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

#footer a:hover {
color: #C7CBC0;
text-decoration: underline;
}

#footertext {
width: 860px;
float: left;
}

#linkage {
color: #666666;
font-size: 10px;
margin: 5px 0 0 0;
float: left;
}

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

#linkage  a:hover {
color: #333333;
text-decoration: underline;
}

#pagination{
float: right;
text-align: right;
}

#pagination a:hover{
border:none;
}

#pagination img{
border:none;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/back.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/forward.gif) top right no-repeat;
cursor:pointer;
}
/* End Footer */

/* Begin Defaults */
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

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

a img {
border: none;
}

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

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

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

.alignright {
float: right;
}

.alignleft {
float: left
}

.center {
text-align: center;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.hidden {
display: none;
}

blockquote {
margin: 15px 30px 0 0;
padding-left: 30px;
background: url(images/blockquote.jpg) top left no-repeat;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* controls the look of the drop-down menu's 

 Copyright 2007 - Zoute snor
 
 All rights reserved. You are free to use this software and redistribute it for free but may not include it in any commercial distribution without prior written permission.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

#dropdownmenu {
	display: block;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 5;
	position: relative;
}
 
#dropdownmenu ul {
	width: 90%;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	z-index: 500;
	position: absolute;
	bottom: 0;
	left: 20px;
}
 
#dropdownmenu li {
	display: inline;
	float: left;
	position: relative;
	text-align: left;
	padding: 5px 16px 5px;
	margin: 0px 0px 0px 0px;
}
 
#dropdownmenu h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	weight: bold;
}
 
#dropdownmenu li ul {
	width: 150px;
	height: auto;
	top: 100%;
	left: 0px;
}
 
#dropdownmenu li.LargeMenu ul {
	width: 180px;
	height: auto;
	top: 100%;
	left: 0px;
}
 
#dropdownmenu li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}
 
#dropdownmenu li.LargeMenu ul li {
	text-align: left;
	width: 148px;	
	height: auto;
	min-height: auto;
	display: block;
}
 
#dropdownmenu a {
	text-decoration: none;
}
 
#dropdownmenu li li ul {
	top: 0;
	left: 0;
}
 
#dropdownmenu li li:hover ul {
	left: 150px;
}
 
/* initialy hide all sub sidemenus */
#dropdownmenu ul ul,
#dropdownmenu ul li:hover ul ul,
#dropdownmenu ul ul li:hover ul ul,
#dropdownmenu ul ul ul li:hover ul ul,
#dropdownmenu ul ul ul ul li:hover ul ul {
	display: none;
	position: absolute;
}
 
/* display them on hover */
#dropdownmenu li:hover ul,
#dropdownmenu ul li:hover ul,
#dropdownmenu ul ul li:hover ul,
#dropdownmenu ul ul ul li:hover ul,
#dropdownmenu ul ul ul ul li:hover ul,
#dropdownmenu ul ul ul ul ul li:hover ul {
  	display: block;
}
 
#dropdownmenu #PhpWebcontent {
	display:none;
}	
 
/* define the consecutive colors */
 
#dropdownmenu {
	color: black;
}
 
#dropdownmenu ul{
	-moz-opacity:1; /* for mozilla */
	opacity: 1; /* for safari */
	khtml-opacity: 1 ;
        /* for konquerer and older safari */
	min-height:1%; /* for ie7 */
	 
}
 
#dropdownmenu ul ul {
}
 
#dropdownmenu ul li {
}
 
#dropdownmenu h2 {
	color: #FFFFFF;
}
 
#dropdownmenu a {
	color: #FFFFFF;
	}
 
#dropdownmenu ul li:hover {
	background: #333333;
}
 
#dropdownmenu ul li ul {
 
}
 
#dropdownmenu ul li ul li {
	background: #333333;
}
 
#dropdownmenu ul li ul li:hover {
	background: #666666;
}
 
#dropdownmenu ul li ul ul li{
	background: #666666;
}
 
#dropdownmenu ul li ul ul li:hover {
	background: #999999;
}



/* End Defaults */