/*
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.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*---------GENERAL STYLING--------- */
body{ background: url(images/bgr.jpg) #FFFFFF no-repeat top center; font-family:Georgia }

/*--------- FEATURED SLIDER --------- */
.featslider{ background:#FFFFFF; padding:20px 0 }
.slider-post .slider-title { text-transform:none; }

/*=== Search Spot ===*/
  #search-spot .search-form input{ border:1px solid #660066; width:248px; padding:6px 10px 5px 10px; color:#660066; font-size:14px }
  #search-spot .search-form button{ background:url(images/search-btn-trans.png) #660066 no-repeat; border:none; position:absolute; width:30px; height:30px; top:15px; right:0 }
  
/*=== TOP MENU for PAGES ===*/
#top_menu li a{ color:#FFFFFF; display:block; padding:8px 30px }
#top_menu li a:hover, #top_menu li.active a{ color:#660066; background:#FFFFFF; text-decoration:none }
#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background:#663366 }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav li a{font-size: 1.3em; padding-top:4px; border-right:1px solid #F9F9F2; text-transform:none }

/*=== Widgets ===*/
#footwidgets-front .widget-spot .widget h3 {text-transform:none }

/*=== Footer ===*/
.footer-background{ background:#e8d9e8 }