/*
Theme Name: Classy Theme
Theme URI: http://www.mipdesign.com/
Version: 1.0
Author: Mip Design themes
*/


/* Base
------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #e5e5e5;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	text-align: center;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #191919;
}

a
{
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}


/* Clearing method
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear
{
	clear: both;
	height: 1%;
}

/* Layout
------------------------------------------------------*/

#page-container
{
	width: 986px;
	margin: 0px auto;
	text-align: left;
}

#page-container-inner
{
	background-color: #fff;
	margin: 0 13px 0 13px;
}

#page-header
{
	border-bottom: 3px solid #a3b71c;
	margin-bottom: 20px;
}

#page-content-container
{
	background: url("images/bg_content-container-pagina-singola.gif") repeat-y 0% 0%;
	padding: 0 20px 0 30px;
}
#page-content-container-pagina-singola
{
	background: url("images/bg_content-container.gif") repeat-y 0% 0%;
	padding: 0 20px 0 30px;
}

#page-content-container.wide
{
	
}

#content
{
	float: left;
	width: 900px;
	padding: 0 10px 0px;
	background: url("images/bg_content-container-pagina-singola.gif") repeat-y 0% 0%;
}
#content-novita
{
	float: left;
	width: 540px;
	padding: 0 10px 0px;
	background: url("images/bg_content-container-pagina-singola.gif") repeat-y 0% 0%;
}
#contents
{
	float: left;
	width: 500px;
	padding: 0 10px 0px;
	background: url("images/bg_content-container.gif") repeat-y 0% 0%;
}

#page-content-container.wide #content
{
	float: none;
	width: 900px;
}

#sidebar
{
	float: right;
	width: 320px;
}

#page-footer
{
	color: #fff;
	background: url("images/bg_page_footer.gif") no-repeat 50% 100%;
	border-top: 3px solid #a2b51b;
	margin: 0 -13px 0 -13px;
	padding: 20px 0 35px 6px;
}

#copyright
{
	text-align: right;
	padding: 0 20px 12px 20px;
}


/* Page header
------------------------------------------------------*/

#page-nav
{
	height: 59px;
	background: url("images/bg_page_nav_2.gif") no-repeat 0% 0%;
	margin: 0 -13px 0 -13px;
	padding-left: 25px;
	list-style: none;
	line-height: 1;
	z-index: 999;
	position: relative;
}
#page-nav2
{
	height: 49px;
	background: url("images/bg_page_nav.gif") no-repeat 0% 0%;
	margin: 0 -13px 0 -13px;
	padding-left: 25px;
	list-style: none;
	line-height: 1;
	z-index: 999;
	position: relative;
}
#page-nav li
{
	float: left;
	padding-right: 1px;
	margin: 10px 10px 0 0;
}

#page-nav li a
{
	display: block;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 5px 9px 5px 5px;
	z-index: 100;
}

#page-nav li:hover
{
	background: url("images/bg_nav_hover.gif") no-repeat 100% 100%;
}

#page-nav li:hover a
{
	background: url("images/bg_nav_hover.gif") no-repeat 0% 0%;
}

#page-nav li.current_page_item, #page-nav li.current_page_parent, #page-nav li.current-cat, #page-nav li.current-cat-parent
{
	background: url("images/bg_nav_current.gif") no-repeat 100% 100%;
}

#page-nav li.current_page_item a, #page-nav li.current_page_parent a, #page-nav li.current-cat a, #page-nav li.current-cat-parent a
{
	background: url("images/bg_nav_current.gif") no-repeat 0% 0%;
}

#page-nav li ul { position: absolute; width: 200px; left: -999em; margin:0; padding-top: 11px; list-style: none; }
#page-nav li ul li { background-color: #49493c; z-index: 15; position: relative; height: 1%; margin: 0; }
#page-nav li ul li:hover, #page-nav li ul li.current_page_item { background: none; background: #9eb31a; }
#page-nav li:hover li a { background: none; }
#page-nav li ul li a { line-height: 20px; width: 160px; }
#page-nav li ul ul {	margin: -43px 0 0 180px;  }
#page-nav li ul ul li a { line-height: 20px; }
#page-nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#page-nav li:hover ul, #page-nav li.sfhover ul { left: auto; }
#page-nav li:hover ul ul, #page-nav li.sfhover ul ul { left: -999em; }
#page-nav li:hover ul, #page-nav li li:hover ul, #page-nav li.sfhover ul, #page-nav li li.sfhover ul { left: auto; }
#page-nav li:hover, #page-nav li.hover { position: static; } /* IE7 Fix */

#branding
{
	background-color: #c4e8f4;
	border-top: 5px solid #4a7291;
	border-bottom: 1px solid #fff;
	margin-top: -12px;
	padding: 0px 10px 0px 10px;
}

#branding h1
{
	width: 340px;
	float: left;
	text-align: center;
}

#branding h1 a
{
	display: block;
	/*width: 284px;*/
	width: 300px;
	/*height: 51px; */
	height: 85px;
	margin: 0px auto;
	text-indent: -9999px;
	background: url("images/logo.png") no-repeat 0% 0%;
}

#branding blockquote
{
	display: block;
	font: italic 1.5em/130% Georgia, Times, serif;
	color: #4b4d4a;
	width: 500px;
	float: left;
	margin-left:18px;
	text-align: center;
	border-left: 1px solid #c0c0ac;
}

/* 04 - DOCK
/* ----------------------------------------------*/
	
#latest-dock {
	margin: -20px 0 -10px 0; 
	padding: 0;
	background-color: #fff;
}

.dock-back {
	padding: 8px 0;
}
	
#dock {
	margin:0 auto; 
	padding:0;
	list-style: none;
	position: relative;
	text-align: center;
}
		
#dock li {
	margin: 0 5px 0 5px; 
	padding: 0;
	display: inline;
}
			
#dock li.dock-active {
	background-color: #000;
}
	
#dock li img {
	display: block;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #b2b2b2;
}
			
#dock li a:link, #dock li a:active, #dock li a:visited {
	margin: 30px 0 0 0; 
	padding:2px 0 0 0;
	display:inline-block;
}
			
			
#dock li a:hover img {
	border-color: #83c3ff;
}
						
					
#dock li span {
	margin:0; 
	padding:0;
	width:960px; 
	height:auto;
	position:absolute;
	display:none;
	top:0; left:0;
	text-align:center;
	font: bold 1.1em Arial, Tahoma, sans-serif; 
	color: #4b4d4a;
}

.latest {
	width: 960px; text-align:center;
	font: bold 1.1em Arial, Tahoma, sans-serif; 
	color: #4b4d4a;
	position:absolute;
	padding-bottom: 5px;
	border-bottom: 1px solid #d6d6b7;
}
				

/* Page content
------------------------------------------------------*/

#content h2
{
	font: italic 2.2em/110% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 0 0 10px 0;
}

#content h2#comments
{
	margin: 15px 0 5px 10px;
}

#content h3
{
	font: normal 1.6em/120% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 15px 0 6px 0;
}

#content h3#respond
{
	font: italic 1.8em/110% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 15px 0 8px 10px;
}

#content h3.comments_no
{
	margin: 0px 0 8px 10px;
}

#content h2 a, #content h3 a
{
	color: #4b4d4a;
	text-decoration: none;
}

#content h2 a:hover, #content h3 a:hover
{
	color: #9eb31a;
}

#content h4
{
	font: bold 1.2em/120% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 15px 0 5px 0;
}

#content img
{
	border: 1px solid #bfbfbf;
}

#content ul
{
	margin: 0 0 10px 0;
	padding-left: 16px;
	list-style-type: square;
}


/* Page content - topics
------------------------------------------------------*/

#content #post-items img
{
	display: block;
	margin: 0 0 5px 0;
}

#content #post-items .item
{
	float: left;
	width: 176px;
	margin: 10px 11px 0 0;
}

#content #post-items .item h3
{
	font: bold italic 1.1em/130% Arial, Tahoma, sans-serif;
	color: #4b4d4a;
	margin: 0 0 2px 0;
}

#content #post-items .item p
{
	margin: 0;
}

#content #post-items .first
{
	float: none;
	width: 538px;
	margin: 0;
}

#content #post-items .first ul.info
{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 6px 8px 6px 8px;
	background-color: #b3daff;
	color: #000;
}

#content #post-items .first ul.info li
{
	float: left;
}

#content #post-items .first ul.info li.comments
{
	float: right;
}


#content #post-items .first ul.info li a
{
	font-weight: normal;
	color: #49493c;
}

#content #post-items .last
{
	float: right;
	margin-right: 0;
}

#content #post-items .post
{
	border: 1px solid #c7c7c7;
	background-color: #fff;
	padding: 12px;
}

#content #post-items .first .post
{
	padding: 18px;
}


/* Page content - single page
------------------------------------------------------*/

#page-detail ul.info
{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 6px 8px 6px 8px;
	background-color: #b3daff;
	color: #000;
}
#page-detail ul.info-singola
{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 6px 8px 6px 8px;
	background-color: #b3daff;
	color: #000;
	width: 600px;
}
#page-detail ul.info li
{
	float: left;
}

#page-detail ul.info li.comments
{
	float: right;
}


#page-detail ul.info li a
{
	font-weight: bold;
	color: #49493c;
}

#page-detail .post
{
	border: 1px solid #BFBFBF;
	background-color: #fff;
	padding: 18px;
}
#page-detail .post-single
{
	border: 1px solid #BFBFBF;
	background-color: #fff;
	padding: 18px;
}

#page-detail .post a
{
	color: #a2b51b;
	font-weight: bold;
}

#page-detail .search-results h3 
{
	font: normal 1.5em/120% Arial, Tahoma, sans-serif;
	color: #4c4c3f;
	margin: 15px 0 5px 0;
}

#content #page-detail .search-results h3 a
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #4c4c3f;
	text-decoration: underline;
}


/* Page content - indexing and navigation
------------------------------------------------------*/

#post-navigation
{
	margin: 10px 0px 0px 0px;
	padding: 8px;
}

#post-navigation a
{
	display: block;
	float: left;
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #444;
	text-decoration: none;
	text-transform: uppercase;
}

#post-navigation .next a
{
	float: right;
}

#post-navigation a:hover
{
	color: #9cb032;
}

#post-indexing
{
	margin: 40px 0px 0px 0px;
	padding: 8px;
	background-color: #DDEBFE;
}


/* Page content - images
------------------------------------------------------*/

#content #page-detail img.head
{
	display: block;
	margin-bottom: 10px;
}

#content #page-detail img.head-post
{
	display: block;
	margin-bottom: 5px;
}

#content #page-detail .post img
{
	margin: 0 0 5px 0;
/*border: 5px solid #CDDFFE;*/
}

#content #page-detail .post .alignleft
{
	float: left;
	margin: 5px 15px 10px 0;
}

#content #page-detail .post .alignright
{
	float: right;
	margin: 3px 0 10px 15px;
}

#content #gallery
{
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}

#content #gallery img
{
	border: none;
	padding: 0px;
	display: block;
	margin: 0px;
	width: 548px;
}

#content #gallery_changer
{
	margin: 0 0 0 -21px;
	list-style: none;
}

#content #gallery_changer li
{
	float: left;
	padding: 11px 5px 11px 7px;
}

#content #gallery_changer li a
{
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	background-color: #fff;
	border: 1px solid #c6c6b0;
}

#content #gallery_changer li a:hover
{
	background-color: #c6c6b0;
}

#content #gallery_changer li.current a
{
	background-color: #9eb31a;
	border: 1px solid #9eb31a;
}


/* Page content - author
------------------------------------------------------*/

#content #author-desc
{
	background-color: #eef8d0;
	border-top: 1px solid #d6d6b7;
	padding: 6px 18px 12px 18px;
	margin: 18px -18px -18px -18px;
}

#content #author-desc .entry_author_image
{
	display: block;
	float: left;
	margin: 12px 15px 0 0;
}


/* Page content - portfolio list
------------------------------------------------------*/

#portfolio-list .portfolio-item
{
	width: 292px;
	float: left;
	margin: 0 12px 12px 0;
}

#portfolio-list .last
{
	margin-right: 0;
}

#portfolio-list .portfolio-item .inner
{
	padding: 10px;
	background-color: #fff; 
	border: 1px solid #d6d6b7;
}

#portfolio-list .portfolio-item img
{
	display: block;
	margin: 0 0 5px 0;
}

#portfolio-list .portfolio-item h3
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	padding: 6px 8px 6px 10px;
	background-color: #4b4b3e;
	margin: 0 0 5px 0;
}

#portfolio-list .portfolio-item h3 a
{
	color: #fff;
	text-decoration: none;
}

#portfolio-list .portfolio-item h3 a:hover
{
	color: #afca91;
}


/* Page content - comments
------------------------------------------------------*/

#content .comments_no span
{
	color: #9cb032;
}

#content .commentlist
{
	margin: 25px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

.commentlist li
{
	padding-bottom: 25px;
  padding-top: 25px;
	margin-top: -16px;
	position: relative;
	background: url(images/bg_comment_item.gif) no-repeat 0% 100%;
}

.commentlist li.alternate
{
	background: url(images/bg_comment_alternate.gif) no-repeat 0% 100%;
}

.commentlist li .comment-gravatar
{
    width: 98px;
    float: left;
}

.commentlist li .comment-gravatar img
{
	width: 70px;
	height: 70px;
  display: block;
  margin: 0 0 10px 12px;
}

.commentlist li .comment-text
{
    width: 430px;
    float: left;
}

#content .commentlist h4
{
	font-size: 1.1em;
	font-weight: bold;
	color: #343434;
	margin: 0px 0px 10px 0px;
}

#content .commentlist h4 a
{
	color: #343434;
}

#content .commentlist h4 span
{
	font-size: 0.9em;
	display: block;
}

#content .commentlist h4 span a
{
	color: #9cb032;
}
		
.commentinfo {
	float: left;
	padding-top: 5px;
	font-size: 0.9em;
}

.commentlist li.my-comment 
{
	background-color: #eee;
	padding-left: 10px;
	padding-right: 15px;
}

#content li.my-comment h4 
{
	color: #000;
}

.commentlist li.my-comment p
{
    color: #000;
}

#main-content .commentlist li.my-comment img
{
    background-color: #fff;
}


.commentlist li.my-comment .comment-text
{
    width: 405px;
}

.commenttext 
{
	font-size: 0.9em;
}

.commentlist code 
{
	font-size: 1.3em;
	line-height: 120%;
}

#content .commentlist .wp-smiley 
{
	border: none;
	padding: 0px;
	background: none;
}


/* Page content - comment forms
------------------------------------------------------*/

#post-comment
{
	border: 1px solid #d6d6b7;
	background-color: #fff;
	padding: 20px;
}

#content #post-comment input, #content #post-comment textarea
{
	background-color: #fff;
}

#content label
{
	display: block;
	font: bold 1.0em/120% Arial, tahoma, sans-serif;
	color: #343434;
	float: left;
	width: 180px;
	margin: 5px 0px 10px 0px;
}

#content input, #content textarea
{
	float: left;
	width: 290px;
	background-color: #fff;
	border: 1px solid #aaa;
	font: normal 1.1em/120% Arial, tahoma, sans-serif;
	color: #343434;
	margin: 0px 0px 10px 0px;
	padding: 4px;
}

#content textarea
{
	width: 350px;
	height: 150px;
}

#content .comment
{
	display: block;
	float: none;
	margin: 0px 0px 5px 0px;
	width: 470px;
}

#content label.comment
{
	margin-top: 10px;
}

#content input.submit
{
	display: block;
	float: left;
	width: 150px;
	background-color: #fff;
	border: 1px solid #aaa;
	font: normal 1.2em/120% Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

#content input.submit:hover
{
	color: #9cb032;
}

#content input:focus, #content textarea:focus
{
	border: 1px solid #45371b;
}

#post-comment a
{
	color: #4b4d4a;
}


/* Page sidebar
------------------------------------------------------*/

#sidebar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h3
{
	font: italic 1.6em/110% Arial, Tahoma, sans-serif;
	color: #fff;
	margin: 0 0 0 -9px;
	padding: 8px 0 20px 0;
	width: 336px;
	background: url("images/bg_sidebar_h3.gif") no-repeat 0% 0%;
}

#sidebar h3 span
{
	display: block;
	padding-left: 20px;
}

#sidebar h3 a
{
	color: #fff;
	text-decoration: none;
}

#sidebar ul ul
{
	padding: 0 14px 20px 14px;
}

#sidebar ul ul:after
{
	content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#sidebar ul ul li
{
	padding: 5px 5px 5px 16px;
	background: url("images/bullet_2.png") no-repeat 0px 9px;
	border-bottom: 1px solid #bcbc9f;
}

#sidebar li.widget
{
	clear: both;
}


/* MODIFICA PER LINK DEL WIDGET TAG CLOUD */
#sidebar li.widget_tag_cloud a
{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}


#sidebar li.widget_tag_cloud a:hover
{
	color:#4A7291;
}

/* FINE MODIFICA PER LINK DEL WIDGET TAG CLOUD */

#sidebar ul ul li.current
{
	
	margin: 0 -14px 0 -14px;
	padding: 5px 29px 5px 30px;
}

#sidebar li li a
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#sidebar li a:hover
{
	color: #748215;
}

#sidebar #banners
{
	padding: 10px 0 10px 8px;
	background-color: #ddebfe;
}

#sidebar #banners img
{
	float: left;
	display: block;
	border: 10px solid #ddddc4;
	margin: 0 0 5px 5px;
}


/* Page sidebar - widgets
------------------------------------------------------*/

#sidebar li.widget_categories li
{
	width: 140px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 6px;
	background: none;
}

#sidebar li.cat-item a
{
	text-decoration: none;
}

#sidebar .textwidget
{
	padding: 5px 14px 20px 14px;
}

#sidebar .widget_rss a.rsswidget img
{
	margin: 0 5px 0 0;
	padding: 0;
}

#sidebar .widget_rss h3 a.rsswidget:hover
{
	color: #fff;
}

#sidebar .widget_rss li a
{
	display: block;
}

#sidebar .widget_search label
{
	display: block;
	font: italic 1.6em/110% Arial, Tahoma, sans-serif;
	color: #fff;
	margin: 0 0 0 -23px;
	padding: 8px 0 20px 20px;
	width: 336px;
	background: url("images/bg_sidebar_h3.gif") no-repeat 0% 0%;
}

#sidebar .widget_search input
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	color: #454545;
	width: 200px;
	float: left;
	padding: 4px;
	margin-right: 5px;
}

#sidebar .widget_search #searchsubmit
{
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #fff;
	width: 70px;
	float: left;
	border: none;
	padding: 5px 0 5px 0;
	background-color: #4c4c3f;
}

#sidebar .widget_search form
{
	height: 100px;
	padding-left: 14px;
	/*background-color: #7f8463;*/
}


/* Page footer
------------------------------------------------------*/

#page-footer ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#page-footer ul li
{
	display: block;
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

#page-footer h3
{
	xfont: bold italic 1.5em/120% Georgia, Times, serif;
	font: bold 1.2em/120% Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 8px 2px;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #ccccc8;
}

#page-footer h3 a
{
	color: #fff;
	text-decoration: none;
}

#page-footer ul li, #page-footer p
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #ccccc8;
}

#page-footer a, #page-footer strong
{
	font-weight: bold;
	color: #fff;
}

#page-footer a:hover
{
	color: #afca91;
}

#page-footer a.url
{
	color: #a2b51b;
}

#page-footer ul ul li
{
	float: none;
	line-height: 130%;
	background: url("images/bullet_1.png") no-repeat 0px 4px;
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
}

#page-footer img
{
	display: block;
	float: left;
	border: 2px solid #fff;
	margin: 0 6px 6px 0;
}

#page-footer h3 img
{
	display: inline;
	width: auto;
	float: none;
	border: none;
	margin: 0;
}


/* Page footer - widgets
------------------------------------------------------*/

#page-footer .widget_rss li
{
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	background: none;
	border-bottom: 1px solid #676658;
}

#page-footer .widget_rss li a
{
	display: block;
	text-decoration: none;
	margin: 0 0 3px 0;
}



/* Page copyright
------------------------------------------------------*/

#copyright a
{
	font-weight: bold;
	color: #4b4b3e;
}

/* ================================================================ 
Css per menu a tendina (dropdown)

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-2008 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; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* 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:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* 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(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* 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:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

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