/*
THEME NAME: Hooray
THEME URI: http://www.jahbini.com/
DESCRIPTION: For the WordPress community (GPL). starting point: Pagoda by  Ed Parton
VERSION: 1.0.2
AUTHOR: Jim Hinds
AUTHOR URI: http://www.jahbini.com/ 
TEMPLATE: sandbox
*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,address,caption,cite,code,dfn,th,var,iframe{font-size:100%;font-style:normal;font-weight:normal;margin:0;padding:0}a img,frameset,abbr,acronym,iframe{border:0}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}blockquote:before,blockquote:after,q:before,q:after{content:''}.clear{clear:both}.hide{display:none}.mute{color:#999}.pullquote-l{float:left;margin:0 .5em 0 0}.pullquote-r{float:right;margin:0 0 0 .5em}

body { background:rgb(128,128,128); font-family: Verdana, Helvetica; font-size: 88%; color: #002F45; }

/* division wrapper comes after body and starts with header and container */
div#wrapper { background: url(images/hooray-bright.jpg) no-repeat fixed top left; }

div#header { text-align:right;}

#header h1 a { font-family: pristina, "Trebuchet MS", sans-serif;
	color:rgb(90,90,90); text-align: right;
	background: url(images/hooray-fade2.jpg) no-repeat fixed top left;
	font-size: 48px; font-weight: bold; }

#header h1 a:hover,  h1 a:active
  {background: url(images/hooray-fade2.jpg) no-repeat fixed top left;
	color:rgb(110,110,110); text-align: right;
	font-size: 48px; font-weight: bold; text-decoration: none;
	}

#header div
  { background: url(images/hooray-bright.jpg) no-repeat fixed top left;
	color:rgb(90,90,90); text-align: right;
	font-family: pristina, "Trebuchet MS", sans-serif; font-size: 24px;
	}
span.tip { font-size: 110%; font-style:italic; }
/* Two-column with sidebar on right from the /sandbox-layouts/ folder  */
div#container {   float: left; margin: 0 0 0 -20%; width: 100%; } 
#primary { margin: 75px 0 0 0; padding: 0 0 0 0; }
div#secondary { margin: 0px 0 0 0; padding: 0 0 0 0;  position:fixed; top:200px; left:0px; 
		background: url(images/hooray-fade2.jpg) no-repeat fixed top left; clear: right; }

div .post { background:url(images/hooray-fade2.jpg) no-repeat fixed top left; }

div#content { width: 50%; margin: 75px 0 0 45%; }
div.entry-content ul li,ol li { margin-left:0.5in; }
#content div,h2 { background:url(images/hooray-fade2.jpg) no-repeat fixed top left; }
div#respond {background:url(images/hooray-fade2.jpg) no-repeat fixed top left;
       	width: 55%;  }
div.form-textarea{ width:100%;}
textarea.comment { width:100%;}
div.sidebar { background:url(images/hooray-fade2.jpg) no-repeat fixed top left;
	float: right; overflow: hidden; width: 18%; }

div#footer { clear: both; width: 100%; }
h1 a:link,  h1 a:visited
	{ color: rgb(157,174,154); text-decoration: none; }

h1 a:hover,  h1 a:active
	{ text-decoration: none; }
h2 { color: rgb(240,240,240); font-weight: bold; font-size: 1.5em; margin: 20px 0 0 0; }
.page h2, .single h2 { text-align: right; }
/* category and archive headlines are visually redundant, so we do not want to see them */
body.category h2 { display:none; }
h2 a:link,  h2 a:visited {  font-weight: bold; text-decoration: none; }
h2 a:hover,  h2 a:active {  background: none; font-weight: bold; text-decoration: none; }
h3, h3 a:link, h3 a:hover ,h3 a:active, h3 a:visited { color: rgb(240,240,240); font-weight: bold; font-size: 1.2em; 
	margin: 0 0 0 .5em; text-align: left;
	}
a:link {color: rgb(60,60,60);
       	font-weight: bold; text-decoration: none; }
a:visited {
       	color: rgb(40,0,40);
       	font-weight: bold; text-decoration: none; }
a:hover,  a:active {
       	color: rgb(40,40,40);
       	text-decoration: underline; font-weight: bold; }
blockquote { border-left: 4px solid #DD0;
	padding: 0 10px; margin: 0 0 0 10px;
	font-style: italic;
	}
code {
display: block;
padding: 10px;
color: #444E1F;
background: #b5b8E8;
font-size: 1.2em;
border-top: 2px solid #b5b800;
}

p { line-height: 1.4; margin: .5em 0 0 0; }

/* span.author { display: none; } */
div.entry-meta {
font-size: 0.8em;
}
ul#menu { display: none; }

div#access div.skip-link
	{
position: absolute;
top: 1em;
right: 1em;
display: none;
}
div#menu
	{
font-size: 0.9em;
height: 1.5em;
padding-top: 0.3em;
background: #eee;
width: 100%;
display: none;
}
div#menu ul a
	{
font-weight: 700;
text-decoration: none;
}
div#menu ul, div#menu ul ul, div#menu ul li
	{
list-style: none;
margin: 0;
padding: 0;
}
div#menu ul li
	{
float: left;
}
div#menu ul li a
	{
background: #eee;
padding: 0.3em 0.5em;
}
div#menu ul ul
	{
display: none;
}
div#menu ul ul li
	{
float: none;
}
div#menu ul ul li a
	{
margin: 0;
padding: 0;
}
div#menu ul li:hover ul
	{
display: block;
font-size: 0.9em;
padding-top: 0.5em;
position: absolute;
}
div#menu ul li:hover ul li a
	{
background: #f5f5f5;
border: none;
display: block;
padding: 0.1em;
width: 10em;
}
.entry-title
	{
clear: both;
}
.entry-date
	{
display: none;
}
div#nav-above, div#nav-below
	{
width: 100%;
height: 1em;
display: none;
}
div#nav-above
	{
margin-bottom: 1em;
display: none;
}
div#nav-below
	{
margin-top: 1em;
display: none;
}
.alignleft, div.nav-previous
	{
float: left;
}
.alignright, div.nav-next
	{
float: right;
}
form#commentform .form-label
	{
margin: 1em 0 0;
}
form#commentform span.req-field
	{
background: #fff;
color: red;
}
form#commentform, form#commentform p
	{
padding: 0;
}
input#author, input#email, input#url
	{
width: 50%;
}
input#author, input#email, input#url, textarea#comment
	{
padding: 0.2em;
}
ol.commentlist li
	{
margin: 0 0 3.5em;
}
textarea#comment
	{
height: 13em;
margin: 0 0 0.5em;
overflow: auto;
width: 66%;
}
div.sidebar div, div.sidebar h3, div.sidebar ul, div.sidebar li
	{
margin: 0;
padding: 0;
}
div.sidebar h3
	{
font-size: 1.2em;
color: rgb(240,240,240); font-weight: bold; margin: 20px 0 0 0; }
}
div.sidebar input#s
	{
width: 7em;
}
div.sidebar li
	{
list-style: none;
margin: 0 0 1em;
}
div.sidebar li form
	{
margin: 0.2em 0 0;
padding: 0;
}
div.sidebar ul ul
	{
margin: 0 0 0 1em;
}
div.sidebar ul ul li
	{
list-style: disc;
margin: 0px 0px 0px 0.5em;
}
div.sidebar ul ul ul
	{
margin: 0 0 0 0.5em;
}
div.sidebar ul ul ul li
	{
list-style: circle;
}
div#footer
	{
text-align: center;
}
/* JAH menu stuff here */
/* ================================================================ 
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:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* 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:149px;}
/* 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:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
/* 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:#d4d8bd url(images/drop.gif) bottom right no-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;border-top:1px solid #000;}
/* 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:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* 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: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}