/*   
Theme Name: Sparkle
Theme URI: http://example.com/example/
Description: A search engine optimized website framework for WordPress.
Author: You
Author URI: http://example.com/
Version: 1.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/


/* Import a basic layout */
@import url('styles/2c-r.css');

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles*/ 
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Nav Styles 
@import url('styles/nav.css'); */


body {
	background: url(images/bkg_sparkle.jpg) no-repeat fixed center top!important;
	color: #545454;
	padding: 0; 
	margin-top: 100px;
	}

/*
SITE CONTAINER --------------------- */

#main {
	width: 860px;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
	background: #fff url(images/bkg_container.gif) no-repeat top center;
}

/*
LINKS + Font Globals --------------------- */

#primaryContent p, #primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent ul li, #content p, #content h2, .entry-meta, .page-title, #primaryContent .entry-title, #content .entry-title, .entry-utility, .entry-content h3, .nav-previous, #nav-above, #nav-below { margin-left: 25px; line-height: 1.8em; }
#primaryContent p, #primaryContent ul { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: justify; }
#primaryContent p.wp-caption-text { text-align:center; font: 11px Verdana, Helvetica, sans-serif; color: #666;}
#primaryContent h1, #content h1 { font: 32px Georgia, "Times New Roman", Times, serif; color:#333; }
#content h1.entry-title {color:#009933;}
#primaryContent h2, #content h2 { font: 24px Georgia, "Times New Roman", Times, serif; color:#de158b; font-weight: normal;}
#primaryContent h3, #content h3 { font: 18px Georgia, "Times New Roman", Times, serif; color:#333;  font-weight: normal; }
#primaryContent h4, #content h4 { font: 16px Georgia, "Times New Roman", Times, serif; color:#333; }
#primary h3 { font: 18px Georgia, "Times New Roman", Times, serif; color:#333; padding: 0.5em; font-weight: bold; }
#secondary h3{ font: 18px Georgia, "Times New Roman", Times, serif; color:#333; padding: 0.5em; font-weight: bold; }
#primary ul li { line-height: 1.9em;}

#primaryContent a:link, #primaryContent a:active, #primaryContent a:visited, #content a:link, #content a:active, #content a:visited { color: #009933; text-decoration:none; border-bottom:1px dotted #009933; }
#primaryContent a:hover, #content a:hover { color: #333; text-decoration: underline; border-bottom: 0px; }
#primary a:link, #primary a:active, #primary a:visited, #secondary a:link, #secondary a:active, #secondary a:visited { color: #333; text-decoration: none; }
#primary a:hover, #secondary a:hover{ color: #009933; text-decoration: underline; }
/*
a:link, a:active, a:visited { color: #333; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; }*/

a img { border: 0; }
hr {background: #fff url(images/hr_scroll.gif) no-repeat scroll center; height: 80px}

p.pics { float:right; padding: 0 15px 0 15px; }
#primaryContent h3 { margin-bottom: 5px; }

#primaryContent p, #primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent h4, #primaryContent ul, #content p, #content h2, .entry-meta, .entry-title, .entry-utility, .entry-content, span.edit-link, .nav-previous, #nav-above, #nav-below { margin-right: 25px; }
/*
Hide trackbacks/comments/rss at the bottom of each blog post */
.entry-utility { visibility: hidden; }
/* 
Calendar */
.kjo-link p { visibility: hidden;}
/*
HEADER  --------------------- */

#header {
	width: 860px;
	height: 240px;
	margin: 0 auto;
	background-color:#fff;
}

#blog-title {
	position: absolute;
	width: 415px; 
	margin: 30px 0 0 23px;
	height: 100px; 
	z-index: 50;
	background: url(images/logo_kathykansier.png) no-repeat center;
	text-indent: -9000px;
}
#blog-title a { display: block; width: 211px; height: 80px; text-indent: -9999px; }

#header h1, #blog-description {
	position: absolute; 
	width: 265px; 
	margin-top: 0px;
	margin-left: 598px;  
	height: 263px; 
	z-index: 60;
	background: transparent url(images/flowers.png) no-repeat center;
	text-indent: -9000px;
}

/*
MAIN NAV --------------------- */
/* Global mainNavigation Bar */
#mainNavContainer {
	position: absolute;
	display: inline;
	padding: 0;
	margin: 150px 0 0 0;
	width: 860px;
	height: 40px;
	list-style: none;
	z-index: 65;
 }

#mainNav, #mainNav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width:860px;
  z-index: 2001;
 
}

#mainNav li {
  float: left;
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */ ;
}

#mainNav a {
  display: block;
  width: 105px;
  height: 40px;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  margin-top: 25px;
  background: #5c9143 url(http://www.kathykansier.com/images/nav_rt.gif) right center no-repeat;
  /*text-indent: 10px;*/
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal;
  font-size: 1.2em;
  z-index: 2020;
}

#mainNav a:hover, #mainNav a:active, #mainNav .selected a {
background: none;
  background-color: #5c9143;
  /*background-position: right bottom;*/
  color: #66bbff;
}

#mainNav .smaller a {
  width:108px; 
}

#mainNav .wide a {
  width:108px; 
}

#mainNav li ul { /* second-level lists */
	position: absolute;
	margin-left: 0;
	color: #66bbff;
	background-color: #5c9143;
	width: 200px;
	padding: .5em;
	line-height: 1.0em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 10000;
}

#mainNav li ul.last { /* second-level lists */
	margin-left: -75px;
}

/* lists nested items under hovered list items */
#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
	left: -999em;
}

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

#mainNav li:hover, #mainNav li.hover {
    position: static;
}

/* dropdown styles */
#mainNav li ul a {
	font: normal 11px verdana,arial,sans-serif;
	width: 200px;
	height: 25px;
	margin-top: 0;
	padding: 0px 0px 0px 1px; /* this gives adds an indent to the dropdown link text */
	text-align: left;
	background-color: #5c9143;
	background: none;
	color: #fff;
  
}

#mainNav li ul a:visited {
	display: block;
	width: 200px;
	color: #fff;
	text-decoration: none;
}

#mainNav li ul a:hover {
	display: block;
	width: 200px;
	color: #333;
	background-color: #5c9143;
	text-decoration: underline;
}

#mainNav li ul a:active {
	display: block;
	width: 200px;
	color: #333;
	background-color: #5c9143;
}



/* =Menu
-------------------------------------------------------------- */

#access {
        margin: 0 0 1.5em 0;
        overflow: auto;
}
.skip-link {
        display: none;
}
.menu ul {
        list-style: none;
        margin: 0;
}
.menu ul ul {
        display: none;
}
.menu li {
        display: inline;
}
.menu a {
        display: block;
        float: left;
}


/* =Content
-------------------------------------------------------------- */

.post {
        margin-bottom: 3em;      
}
.entry-content, .entry-summary {
        margin-top: 1.5em;
}

/*
CONTENT / BODY --------------------- */

#primaryContent {
float: left;
width: 620px;
margin: 0;
padding: 0;
display: inline;
background-color: #fff;
}

#primary, #secondary {
background-color: #fff;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
        list-style: none;
        margin-left: 0;
}
.widget-area ul ul {
        list-style: disc;
        margin-left: 1.1em;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 1.5em 0;
}
/*
SIDEBAR --------------------- */
.widget-title h3 {
					border-top:0px solid #666666;
					border-bottom:0px solid #7ABF79;
					background-color: transparent;
					padding:4px 0px 4px 20px;
					margin:2px -5px 5px -5px;
					color: #5c9143;
					font: 2.2em Georgia, "Times New Roman", Times, serif;
					}
				
			#sidebar h2 {
					font: 150% Arial, Helvetica, sans-serif;
					text-transform:lowercase;
					font-family: courier;
					margin-top:0x;
					padding: 4px 0 0 0px;
					font-weight:normal;
					color:#696969;
					border-top: 0px solid #fef78f;
					border-bottom: 9px solid #fef78f;
					background: white;
					background: url(images/heading_back.jpg) right no-repeat;
					}
			
			.sidebar ul {
					margin-top: 0;
					margin-bottom: 20px;
					}
				#sidebar .widget {margin-bottom:10px;}
				#tag_cloud {margin-bottom:10px;}
				
				
			.sidebar li {
					list-style:none;
					border-bottom:0px solid #FFF;
					font: 12px Verdana, Arial, Helvetica, sans-serif;
					display: block;
					}
			.sidebar p {padding: 0; margin: 0;}
		  			 li.recentcomments {margin-bottom: 10px; background: #fef78f;}
			 
			.sidebar li a:link, #sidebar li a:visited {
					background: transparent;
					}
					
				#wp-calendar td a:link {background: #f5eb93; }
				#wp-calendar caption {text-align: left;}
					
			.sidelist select {margin-bottom: 20px;}
			
			
			#sidebar li a:hover, #sidebar li a:active {
					background:#AFDFE5;
					text-decoration:none;
					}
			
			.sidebar li li a:link, .sidebar li li a:visited {
					border-left:none;
					background: #FFFAF0;
					}
			
			.sidebar a:hover, .sidebar a:active, .current_page_item a, #home .on {
					color: #ffffff;
					text-decoration:none;
					}
			
			#sidelist li {
					list-style:none;
					}
			
			#sidelist li.page_item	 {
				padding-left: 10px;
				border-left: 2px solid yellow;
				}
			
			#sidelist  li {
					list-style:none;
					border-bottom:0px solid #FFF;
					line-height: 15px;
					padding-bottom: 8px;
					}
		
			#sidelist  li a:hover, #sidelist li a:active {
					background:transparent;
					text-decoration:none;
					}
			
			#sidelist  li li a:link, #sidelist li li a:visited {
					border-left:none;
					background: transparent;
					}

			#sidelist a:hover, #sidelist a:active, .current_page_item a, #home .on {
					color: #696969;
					text-decoration:none;
					background-color: transparent;
					}

/*
BLOCKQUOTE --------------------- */
blockquote {
	margin: 1em 2em;
	border-left: 1px dashed #999;
	padding-left: 1em; }
#primaryContent blockquote.quotescollection p {
	float: left;
	margin: .2em .3em 1.0em 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #544c35; }
#primaryContent cite { font-size: 12px; }
/*
FOOTER --------------------- */

#footer {
    width: 860px;
	height: 90px;
	/*padding: 8px 0 1em; */
	background-color: #5c9143;
	margin: 0 auto;
	text-align: center;
	clear: both;
	
}

#footer ul#btmNav {
  margin: 0;
  padding: 0;
  float: left;
  width: 990px;
  list-style: none;
	border-top: 1px solid #666;
	border-bottom: 2px solid #666;
	background-color: #333;
}

#footer ul#btmNav li {
  float: left;
}


#footer ul#btmNav a:link, #footer ul#btmNav a:active, #footer ul#btmNav a:visited{
  padding: 0 2em;
  line-height: 2.1em;
 text-decoration: none;
  color: #fff;
  font-size: 10pt;
  float: left;
  display: block;
}


#footer ul#btmNav a:hover {
  color: #3498a2;
  font-size: 10pt;
}

#footer h2 {
	color: #fff;
}

#footer p#copyright {
}

#footer p#copyright a:link, #footer p#copyright a:active, #footer p#copyright a:visited, #footer p#copyright { font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; padding-top: 5px; }

#footer p#copyright a:hover { color: #990000; }

#footer p#logos {
	float: left; 
	width: 50%; 
	text-align: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fff;
}