/*
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:#18130D url(images/wood.jpg) top repeat;
color:#e7e7e7;
}

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

h1 {
font-family:arial,helvetica,verdana,sans-serif;
font-size:18px;
font-weight:400;
color:#f4b569;
padding: 10px 5px; 
background: transparent url(images/hover.png) repeat 0 0;
}

h2 {
font-family:arial,helvetica,verdana,sans-serif;
font-size:17px;
font-weight:600;
color:#F4B569;
margin-bottom:5px;
margin-top: 20px;
clear: both;
background: transparent url(images/hover.png) repeat scroll 0 0;
padding: 8px;
}

h3 {
font-family:arial,helvetica,verdana,sans-serif;
font-size:16px;
font-weight:600;
color:#F4B569;
margin-bottom:5px;
}

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

p {
margin-bottom:8px;
}

strong {
color:#FFFFFF;
}

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

a:hover {
color:#BDAFA8;
}

img {
border:none;
}

p img {
padding: 0;
max-width: 100%;
border: 3px solid black;
}

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

img.alignright {
margin: 5px 0 5px 15px;
display: inline;
}

img.alignleft {
margin: 0 10px 5px 0;
display: inline;
}

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

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

#single li {
padding: 0 0 5px 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 {
float:left;
width:932px;
height:145px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

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

#pages {
float:right;
color:#BDAFA8;
margin:55px 0px 0px 0px;
height:55px;
width:418px;
padding:8px 0px 0px 18px;
}

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 {
float:left;
width:932px;
}

#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:465px;
}

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

.intro-header h1{margin-top: 8px; margin-bottom: 8px; font-size: 24px; font-weight: 600;}
.intro-header p{margin: 0px 10px 8px 10px; color: #e7e7e7;}
.intro-header #map-wrapper{border: 3px solid black; margin-left: 10px; margin-top: 10px; width: 580px; height: 300px;}

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

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

.introcontent {
height:86px;
overflow:hidden;

}

span.date {
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
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;
color:#0D0D0D;
font-size:14px;
float:right;
width:28px;
height:28px;
text-align:center;
margin:0px 0px 0px 15px;
padding:0;
}
span.comments p{margin: 0px;}

#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:3px solid black;
width: 125px;
height: 125px;
}

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

#single a.advertise-link{margin-left: 55px; font-size: 14px; font-weight: 600; color: orange;}
#single a:hover.advertise-link{color: white;}

#single h1{ margin-bottom: 5px; font-size: 28px; padding: 15px 10px; background: transparent url(images/hover.png) repeat 0 0;}
#single p{margin: 10px; line-height: 17px; color: white;}

#single p.restaurant-header-contact{text-align: right; margin-top: 10px; font-size: 14px; line-height: 22px; font-size: 16px;}

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

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

span.singlehead h3{font-size: 13px; color: #763223; margin: 0px;}

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

.block ul{ margin-left: 10px;}
.block ul li a{ color: white;}
.block ul li a:hover {color:#F4B569;}
.block p{margin-left: 10px;}


.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:3px 0px;
}

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

#tags a{color: white;}

#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 a{outline: none;}

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

/** 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:24px;
height:24px;
}

#footer {
padding:0px 0px 100px 0px;
width:630px;
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;	
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:420px; height:32px; font-size: 16px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:523px; w\idth:522px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:105px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#fff; width:93px; height:31px; background:url(images/hover.png) repeat; padding-left:10px; line-height:29px; outline: none;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:url(images/hover.png) repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:url(images/hover.png) repeat; color: white; height:auto; line-height:1em; padding:4px 10px; width:83px; outline: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:105px;w\idth:105px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#f4b569; background: url(images/menu-hover.png) repeat;}
.menu :hover > a, .menu ul ul :hover > a {color:#f4b569; background: url(images/menu-hover.png) repeat;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: white;
  background:url(images/menu-hover.png) repeat;
}

.menu .current_page_item a {
  color: white;
  background:url(images/menu-hover.png) repeat;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background:url(images/hover.png) repeat;
}

.menu ul .current_page_item ul a:hover {
color:#f4b569;
  background: url(images/menu-hover.png) repeat;
}

.menu .current_page_item a:hover {
color:#f4b569;
  background: url(images/menu-hover.png) repeat;
}