/*
Theme Name: Thistle
Theme URI: http://blog.NOVALISTIC.com/downloads/wordpress-themes/thistle
Description: A feminine, simple, lavender & purple theme.
Tags: purple, light, two-columns, fixed-width, right-sidebar, threaded-comments
Version: 1.1.0.2
Author: Daniel Tan aka BoltClock
Author URI: http://blog.NOVALISTIC.com
*/

/*
----------------
General elements
----------------
*/

/*******
 * The ground basics
 *******/

* {
	margin: 0;
	padding: 0;
}

p {
	margin: 0.5em 0;
}

/*******
 * Headings
 *******/

h2, h3, h4 {
	line-height: 2em;
	margin-bottom: 0.5em;
}

h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }

/*******
 * Code displays
 *******/

pre, code, kbd, var, samp {
	font-family: Verdana, Arial, san-serif;
	font-size: 0.9em;
	line-height: 1.2em;
}

pre, blockquote {
	background-color: #fbf6ff;
	margin: 1em 0;
	border: 1px solid #d0a3fb;
	border-left-width: 4px;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding: 0.5em 1em;
}

pre { overflow: auto; }

/*******
 * Lists
 *******/

/* List margins and basic formatting */
.sidebar ul, ol { margin: 0.5em 0; }
.sidebar li, dd { margin-left: 1.5em; }
.sidebar dt { font-style: italic; }

.xoxo { list-style: none; margin: 0; }
.xoxo ul, .xoxo ol { margin: 0; }
.widget { clear: both; margin: 1em 0; }
.widget li { margin: 0; margin-left: 2em; }
.widget li li { margin-left: 1.5em; }

/* List styling */
.sidebar ul, .widget ul { list-style-image: url('images/bullet1.gif'); list-style-type: disc; }
.sidebar li ul, .widget li ul { list-style-image: url('images/bullet2.gif'); list-style-type: circle; }
.sidebar li li ul, .widget li li ul { list-style-image: url('images/bullet3.gif'); list-style-type: square; }
.sidebar ol, .widget ol { list-style-type: decimal; }
.sidebar li ol, .widget li ol { list-style-type: lower-alpha; }
.sidebar li li ol, .widget li li ol { list-style-type: lower-roman; }

.xoxo { list-style-image: none; }
.widget ul { list-style-image: url('images/bullet1_sidebar.gif'); }
.widget li ul { list-style-image: url('images/bullet2_sidebar.gif'); }
.widget li li ul { list-style-image: url('images/bullet3_sidebar.gif'); }

/*******
 * Images
 *******/

img {
	background-color: #fff;
	border: 8px  #666666;
	
}

img.left { margin-right: 0.5em; }
img.right { margin-left: 0.5em; }
img.noborder, img.wp-smiley { background-color: transparent; border: 0; padding: 0; }

/* WordPress 2.5 visual editor CSS classes */
img.aligncenter {
	display: block;
	margin: auto;
       display: inline;
}

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

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

.alignleft { float: left; }
.alignright { float: right; }

/*******
 * Forms
 *******/

input, textarea, button {
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #a581f1;
	background: #fff url('images/bg_textbox.gif') left top repeat-x;
	border: 1px solid #a581f1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input:focus, textarea:focus, button:focus {
	border-style: dashed;
}

input, button {
	height: 20px;
	padding: 1px 5px;
}

input[type="button"], input[type="reset"], input[type="submit"], button {
	font-weight: bold;
	height: 24px;
	background-image: url('images/bg_button.gif');
	background-position: left bottom;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover {
	background-image: none;
}

/*
 * Once IE sees a selector it doesn't recognize, the WHOLE
 * rule is ignored per W3C specs, so we have to repeat it.
 */
input.button, button {
	font-weight: bold;
	height: 24px;
	background-image: url('images/bg_button.gif');
	background-position: left bottom;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
}

input.button:hover, button:hover {
	background-image: none;
}

textarea {
	width: 100%;
}

.searchform { float: left; width: 100%; }

#searchform p { float: left; width: 100%; }
#searchform .s { float: left; width: 65%; }
#searchform .searchsubmit { float: right; width: 25%; }

#notfound-searchform p { float: left; width: 100%; }
#notfound-searchform .s { float: left; width: 75%; }
#notfound-searchform .searchsubmit { float: right; width: 15%; }

/*******
 * Tables
 *******/

table { width: 90%; margin: auto; border-collapse: collapse; }
caption { font-size: 0.9em; font-style: italic; color: #ae7eb0; margin: auto; }
th, td { border: 1px solid #f4e9fc; padding: 0.1em 0.3em; }
th { text-align: center; color: #fff; background: #ad79df url('images/bg_th.gif') left top repeat-x; border-color: #ae7eb0; }
td { color: #326; background: #fff url('images/bg_textbox.gif') left top repeat-x; /* Recycle image from forms */ }

/*******
 * Links
 *******/

a:link, a:visited { text-decoration: none; color: #a581f1; }
a:visited { color: #a872c6; border-bottom-color: #a872c6; }
a:hover, a:active { color: #666666; border: 0; }

/*******
 * Everything else
 *******/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center .screenshot { display: block; text-align: center; margin: auto; }
abbr, acronym, dfn { border-bottom: 1px dotted; }
blockquote { color: #d0a3fb; border-width: 0 0 0 4px; }

/*
-----------
Core styles
-----------
*/

body {
	font-family: Verdana, Arial, san serif;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	color: #326;
	background: #a971ca url('images/bg.gif') left top repeat-x;
}

#wrap {
	position: relative;
	width: 912px;
	text-align: left;
	
	margin: auto;
	padding: 0 20px;
}

/*
 * Doesn't look good since IE6 only knows how to apply this rule to
 * <body>, so it's both for all other browsers and neither for IE6.
 */
html>body, #wrap { background-attachment: fixed; }

/*******
 * Header
 *******/

#header {
	float: left;
	width: 912px;
	height: 190px;
	font-family: Verdana, Arial, san-serif;
	background: #fff url('images/bg_header.gif') left top repeat-x;
	margin-top: 0px;
}



#facbooknomergeb a,
#flickrnomergeb a,
#twitternomergeb a  {
   visibility: visible;
   position: absolute;
   top: 150px;
   right: -20px;
   z-index: 5;
   width: 25px;
   height: 24px; 

}

#blog-title, #blog-desc {
	width: 0px;
	height: 150px;
	overflow: hidden;
}

#blog-title {
	float: left;
	font-size: 1 em;
	font-weight: normal;
	line-height: 220px;
	padding-left: 15px;
}

#blog-title a { color: #666666; border: 0; }
#blog-title a:hover, #blog-title a span { color: #333333; }

#blog-desc {
	float: left;
	position: relative;
	font-size: .5em;
	font-style: italic;
	line-height: 1.2em;
	text-align: right;
	color: #666666;
	margin: 0;
}

#blog-desc span {
	position: absolute;
	right: 0;
	bottom: 0;
}


/*******
 * Navigation
 *******/

#nav, #nav * {
	font-family: Verdana, Arial, san serif;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#nav {
	position: absolute;
	right: 25px;
	float: right;
	text-align: right;
	list-style: none;
	z-index: 2;
}

#nav li {
	display: inline;
}

#nav li a {
	float: left;
	line-height: 30px;
	color: #5a3d95;
	margin-right: 0.3em;
	border: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding: 0 0.5em;
}

#nav .current_page_item a, #nav li a:hover { color: #fff; background-color: #666666; }
#nav li a:hover { background-color: #666666; }

/*******
 * Column wrapper
 *******/

#col-wrap {
	float: left;
	width: 912px;
	background-color: #fff;
}

/*******
 * Content
 *******/

#content {
	position: relative;
	float: left;
	z-index: 1;
	width: 600px;
	padding-top: 20px;
	padding-left: 8px;
}

.post-content, .post-meta { min-height: 150px; }
* html .post-content, * html .post-meta { height: 150px; }

.post, .page {
	clear: both;
	float: left;
	width: 600px;
	background: #fff url('images/bg_post.gif') left top no-repeat;
	padding: 32px;
}

.post-content, .page-content {
	padding: 10px;
}

.post-content {
	float: right;
	width: 450px;
}

.post-meta {
	float: left;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0;
	padding: 0px;
}

.post-sep {
	clear: both;
	margin: 1em 0;
	visibility: hidden;
}

/*******
 * Sidebar
 *******/

#sidebar {
	position: relative;
	float: right;
	z-index: 0;
	width: 230px;
	font-size: 0.8em;
	color: #fff;
	padding: 10px;
}

#sidebar .xoxo { background: #dfc6fd url('images/bg_sidebar.gif') center top repeat-y; margin: 0; padding: 5px; }
#sidebar .widget { padding: 0 0.5em; }
#sidebar .sidebar-top { height: 15px; background: #dfc6fd url('images/bg_sidebar_top.gif') center top no-repeat; }
#sidebar .sidebar-bottom { height: 42px; background: #dfc6fd url('images/bg_sidebar_bottom.gif') center bottom no-repeat; }

/*******
 * Footer
 *******/

#footer {
	clear: both;
	min-height: 475px;
	background: #fff url('images/bg_footer.gif') left bottom repeat-x;
}

* html #footer {
	height: 512px;
}

#blogsubnavtext p,
#meetkristinsubnavetext p,
#mediasubnavtext p,
#bookkristinsubnavtext p,
#newsroomsubnavtext p  {
   font: 11px/18px Verdana, sans-serif;
   margin: 0px;
   text-align: left;
   color: #CCCCCC;
}

#blogsubnavtext,
#mediasubnavtext  {
   visibility: visible;
   position: absolute;
   top: 250px;
   z-index: 4;
   width: 102px;
}

#meetkristinsubnavetext  {
   visibility: visible;
   position: absolute;
   left: 331px;
   top: 415px;
   z-index: 4;
   width: 250px;
}

#bookkristinsubnavtext  {
   visibility: visible;
   position: absolute;
   left: 200px;
   top: 250px;
   z-index: 4;
   width: 112px;
}

#newsroomsubnavtext  {
   visibility: visible;
   position: absolute;
   left: 386px;
   top: 165px;
   z-index: 4;
   width: 133px;
}

#mediasubnavtext  {
   left: 589px;
}

#blogsubnavtext  {
   left: 760px;
}

#footertext p  {
   font: 11px/13px Verdana, sans-serif;
   margin: 0px;
   text-align: center;
   color: #FCF9FD;
}

#pid0footer  {
   margin: 0px auto 0px auto;
   width: 912px;
   position: relative;
}

#footertext  {
   visibility: visible;
   position: absolute;
   left: 229px;
   top: 438px;
   z-index: 4;
   width: 455px;
}

#layer1  {
   background: url(sg_footer_media/layer1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
   width: 912px;
   height: 312px;
}




a:link, a:visited { text-decoration: none; color: #cccccc; }
a:visited { color: #cccccc; border-bottom-color: #cccccc; }
a:hover, a:active { color: #666666; border: 0; }

/*
-------------------
Inside both columns
-------------------
*/

/*******
 * Content
 *******/

.title { font-weight: normal; line-height: 1em; }
.search-terms { font-style: italic; }

.post-title, .page-title, .more-link, #sidebar h2 {
	font-family: Verdana, Arial, san serif;
	font-variant: small-caps;
	font-weight: bold;
}

.post-title, .page-title {
	font-size: 2em;
	line-height: 1em;
	color: #a971ca;
	margin-top: 10 px;
	margin-bottom: 0.5em;
}

.post-body, .page-body {
	text-align: left;
}

* html .post-body, * html .page-body { overflow: hidden; }
* html .post-body img, * html .page-body img { position: relative; }

.more-link {
	clear: both;
	display: block;
	text-align: right;
	font-size: 1.2em;
	border: 0 !important;
}

.more-link span { border-bottom: 1px dashed #a581f1; }
.more-link:hover span, .more-link:active span { border: 0; }

ul.post-meta li {
	padding-left: 3px;
}

div.post-meta {
	text-align: center;
}

.post-date {
	list-style-image: none;
}

.post-date, .post-date * {
	display: block;
	margin: 0;
	padding: 0;
}

.post-date {
	height: 65px;
	text-align: center;
	background: transparent url('images/bg_date.gif') center center no-repeat;
}

.post-date-month {
	line-height: 18px;
	text-transform: uppercase;
	color: #fff;
}

.post-date-day {
	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;
	font-size: 2.5em;
	line-height: 25px;
	color: #d0a3fb;
}

/*
Icons for different post information
*/

li.post-author { list-style-image: url('images/post_author.gif'); }
li.post-comments { list-style-image: url('images/post_comments.gif'); }
li.post-categories { list-style-image: url('images/post_categories.gif'); }
li.post-tags { list-style-image: url('images/post_tags.gif'); }
li.post-edit { list-style-image: url('images/post_edit.gif'); }

/*
Asides
*/

/* Gee, that's a lot of classes to select */
.category-asides, .category-aside, .aside, 
.category-asides .post-content, .category-aside .post-content, .aside .post-content, 
.category-asides .post-content .post-body, .category-aside .post-content .post-body, .aside .post-content .post-body {
	display: block;
	float: none;
	width: auto;
	height: auto;
	min-height: 0;
	background: none;
	margin: 0;
	padding: 0;
}

.category-asides, .category-aside, .aside {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #d0a3fb;
}

.category-asides *, .category-aside *, .aside * {
	display: none;
}

.category-asides .post-content .post-body, 
.category-aside .post-content .post-body, 
.aside .post-content .post-body {
	margin: 0 3em;
	padding: 10px;
	background: #fff url('images/bg_aside.gif') left top repeat-y;
}

.category-asides .post-content .post-body *, 
.category-aside .post-content .post-body *, 
.aside .post-content .post-body * {
	display: inline;
}

/*
Comments
*/

.comments, .comments .children {
	list-style: none;
	margin: 0;
}

.comments li {
	position: relative;
	min-height: 62px; /* Expand to fit gravatars in at least */
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
}

.comments .children li {
	margin: 20px;
}

.comments li.even { background-color: #fff; }
.comments li.odd { background-color: #fbf6ff; }
.comments li.bypostauthor { background-color: #eee4ff; }
* html .comments { height: 62px; }

.comment-author .author-name {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
}

.comment-author .avatar {
	float: left;
	margin-right: 0.5em;
}

.comment-meta .c-number {
	position: absolute;
	top: -0.2em;
	right: 0.2em;
	font-family: Constantia, Georgia, 'Times New Roman', Times, serif;
	font-size: 5em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2em;
	color: #eee4ff;
}

.comments li.bypostauthor .c-number {
	color: #fff;
}

.comment-unapproved {
	font-weight: bold;
	color: #c00;
	margin-top: 1em;
}

.comment-body {
	margin-top: 2em;
}

#respond {
	margin: 5px;
}

#respond h3 {
	clear: both;
}

/* Post and comment navigation */
.post-nav p, .comment-nav p { max-width: 50%; }
.post-nav .prevpage, .comment-nav .prevpage { float: left; }
.post-nav .nextpage, .comment-nav .nextpage { float: right; }


/*******
 * no side bar
 *******/
#nosidebar {

float: left;
	width: 912px;
	height: 448px;


}
a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#facbooknomergeb a,
#flickrnomergeb a,
#twitternomergeb a  {
   background-repeat: no-repeat;
   display: block;
   height: 24px;
   background-position: 0% 0px;
   font-size: 24px;
   line-height: 24px;
}

#signupforkristinsnewslettertext p,
#upcomingeventstext p  {
   font: bold 20px/18px "Century Gothic", sans-serif;
   margin: 0px;
   color: #5A4099;
   text-align: left;
}

#inspirationalquote p  {
   font: bold 20px/18px "Century Gothic", sans-serif;
   margin: 0px;
   color: #5A4099;
   text-align: left;
}

#newsletternomergeb a:hover,
#setpitupnomergeb a:hover  {
   background-position: -292px 0%;
}

#twitternomergeb a:hover,
#flickrnomergeb a:hover  {
   background-position: -25px 0%;
}

#newsletternomergeb a,
#setpitupnomergeb a  {
   background-repeat: no-repeat;
   display: block;
   height: 87px;
   width: 292px;
   background-position: 0% 0px;
   font-size: 87px;
   line-height: 87px;
}

#signupfornewslettershadownomerge  {
   background: url(sg_homesgtemplate2_media/id0signupfornewslettershado.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 473px;
   top: 425px;
   z-index: 6;
   width: 174px;
   height: 294px;
}

#twitternomergeb,
#flickrnomergeb  {
   visibility: visible;
   position: absolute;
   top: 8px;
   z-index: 5;
   width: 25px;
   height: 24px;
}


#inspirationalquote	{
   visibility: visible;
   position: absolute;
   left: 133px;
   top: 735px;
   z-index: 9;
   width: 655px;
}




#signupforkristinsnewslettertext  {
   visibility: visible;
   position: absolute;
   left: 497px;
   top: 575px;
   z-index: 4;
   width: 348px;
}

#personalmessageshadownomerge  {
   background: url(sg_homesgtemplate2_media/id0personalmessageshadownom.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 150px;
   top: 120px;
   z-index: 6;
   width: 174px;
   height: 148px;
}

#upcomingeventsshadownomerge  {
   background: url(sg_homesgtemplate2_media/id0signupfornewslettershado.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 133px;
   top: 425px;
   z-index: 7;
   width: 174px;
   height: 294px;
}

#facbooknomergeb a:hover  {
   background-position: -24px 0%;
}

#topgradientfillnomerge  {
   background: url(sg_homesgtemplate2_media/topgradientfillnomerge.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   width: 912px;
   height: 92px;
}

#kristinstandingnomerge  {
   background: url(sg_homesgtemplate2_media/kristinstandingnomerge.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 616px;
   top: -152px;
   z-index: 7;
   width: 160px;
   height: 450px;
}

#personalmessagetext p  {
   font: 10px/14px Verdana, sans-serif;
   margin: 0px;
   padding-bottom: 6px;
   text-align: left;
   color: #231F20;
}

#newsletternomergeb a  {
   background-image: url(sg_homesgtemplate2_media/newsletternomergeb.gif);
}

#personalmessagetext  {
   visibility: visible;
   position: absolute;
   left: 178px;
   top: 88px;
   z-index: 5;
   width: 421px;
}

#newsletternomergeb  {
   visibility: visible;
   position: absolute;
   left: 494px;
   top: 605px;
   z-index: 7;
   width: 292px;
   height: 87px;
}

#introvideo {
   visibility: visible;
   position: absolute;
   left: 276px;
   top: 300px;
   z-index: 9;
   width: 240px;
   height: 148px;
}


#setpitupnomergeb a  {
   background-image: url(sg_homesgtemplate2_media/bookkristin.gif);
}

#homegraphicnomerge  {
   background: url(sg_homesgtemplate2_media/homegraphicnomerge.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 152px;
   top: 25px;
   z-index: 5;
   width: 183px;
   height: 50px;
}

#upcomingeventstext  {
   visibility: visible;
   position: absolute;
   left: 155px;
   top: 575px;
   z-index: 4;
   width: 203px;
}

#twitternomergeb a  {
   width: 25px;
   background-image: url(sg_homesgtemplate2_media/twitternomergeb.gif);
}

#facbooknomergeb a  {
   width: 24px;
   background-image: url(sg_homesgtemplate2_media/facbooknomergeb.gif);
}

#flickrnomergeb a  {
   width: 25px;
   background-image: url(sg_homesgtemplate2_media/flickrnomergeb.gif);
}

#setpitupnomergeb  {
   visibility: visible;
   position: absolute;
   left: 155px;
   top: 605px;
   z-index: 8;
   width: 292px;
   height: 87px;
}

#homesgtemplate2  {
   margin: 0px auto 0px auto;
   width: 912px;
   position: relative;
}

#twitternomergeb  {
   left: 797px;
}

#facbooknomergeb  {
   visibility: visible;
   position: absolute;
   left: 859px;
   top: 8px;
   z-index: 5;
   width: 24px;
   height: 24px;
}

#flickrnomergeb  {
   left: 828px;
}

#bkg  {
   background: #ffffff;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
   width: 912px;
   height: 448px;
}


/*******
 * Sidebar
 *******/

#sidebar h2 {
	font-size: 1.7em;
	line-height: 1.5em;
	text-align: right;
	border-bottom: 1px dashed #fff;
	padding: 0.1em 0;
}

#sidebar h2 a {
	color: #fff !important;
	border: 0;
}

#sidebar h2 img {
	display: none;
}

#sidebar a:hover, #sidebar a:active {
	color: #fff;
}

#sidebar .widget_links .xoxo {
	padding: 0;
}

/* ================================================================ 
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:910px; height:32px; position:relative; z-index:100;border-right:0px solid #fff; font-family:verdana, sans-serif; margin-top: 10px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:910px; w\idth:910px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px 0px 0px 0px;margin:0;list-style-type:none;}
.menu ul ul {padding:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; padding: 0px 10px 0px 10px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:30px; border:0px solid #000; border-width:0; background:transparent; padding-left:20px; line-height:14px; font-weight:normal; text-align:left;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited 

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#908d91;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#908d91;}
.menu ul ul :hover > a.drop {background:#908d91;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#908d91;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#908d91;}


/* 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:128px;border-top:0px 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:128px; top:-1px;}

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

/* 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:#888888; color:#fff; font-size: 11px; height:auto; line-height:1em; padding:4px 6px 4px 6px; width:128px;border-width:0 0px 1px 0px; border-color:#ccc; margin-left:14px;}
/* 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, {color:#5a429c; background:transparent;}
.menu :hover > a {color:#5a429c; background:#transparent;}

/* style the second level hover */
.menu ul ul a:hover{color:#5a429c; background:#ccc;}
.menu ul ul :hover > a {color:#5a429c; background:#ccc;}

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