/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/


/*---------GENERAL --------- */
body{ background-color: #fff}

/*---------SIDEBAR --------- */
.sidebar p{ font-size:12px;}

/*---------FEATURED POSTS --------- */
.feat_background{ background:#9ece2c; border: 1px solid #fff }
.featured_post span.date_bg{ position:absolute; right:2px; top:2px; background:#9ece2c; color:#fff; padding:4px }

/*---------DROPDOWN NAVIGATION FOR PAGES---------  */
#pagenav a{ display:block }
#pagenav li{ float:left; line-height:29px }
#pagenav li a:hover{ background:#9ece2c;text-decoration:none }
#pagenav li ul{ position:absolute; width:15em; left:-999em }
#pagenav li:hover ul,#pagenav li.sfhover1 ul{ left:auto; z-index:1000 }
#pagenav li ul li{ background:#9ece2c; border:solid #8eb927; line-height:26px; width:15em; border-width:0 1px 1px }
#pagenav li:hover,#pagenav li.hover{ position:static }
#pagenav li ul ul{ margin:-29px 0 0 15em }
#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul{ left:-999em; padding:2px 0 0 }
#pagenav li:hover,#pagenav li.sfhover1{ background:#9ece2c }
#pagenav li a:hover,#pagenav li a.sfhover1{ color:#fff }
#pagenav li ul li ul li,#pagenav li ul li ul li ul li,#pagenav li ul li ul li ul li ul li{ border-bottom:1px solid #8eb927 }
#pagenav li:hover ul ul,#pagenav li.sfhover1 ul ul,#pagenav li:hover ul ul,#pagenav li:hover ul ul ul,#pagenav li:hover ul ul ul ul,#pagenav li.sfhover1 ul ul,#pagenav li.sfhover1 ul ul ul,#pagenav li.sfhover1 ul ul ul ul{left:-999em}
#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li:hover ul,#pagenav li li:hover ul,#pagenav li li li:hover ul,#pagenav li li li li:hover ul,#pagenav li.sfhover1 ul,#pagenav li li.sfhover1 ul,#pagenav li li li.sfhover1 ul,#pagenav li li li li.sfhover1 ul{left:auto}
select,#pagenav{ padding:0 }
#pagenav li a span{ font-size:12px; color:#9D9D9D; font-weight:400 }

/*---------widgets ---------  */
.widget .more,.content .more{ color:#660066;font-weight:700; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; margin-bottom:0 }
.widget{ width:225px; margin-bottom:30px; float:left; list-style:none; overflow:hidden; padding:15px; background-color:#660066; color:#FFFFFF }
.widget hr{ color: #fff; background-color: #fff;height: 1px }