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

/*---------GENERAL STYLING--------- */
body{ background: url(images/bg.jpg) #F9F9F2 repeat; font-family:Georgia; color: #402b1c; }
a{ color:#761002; text-decoration: none; }


#header {height: 100px; padding-top:10px;}
#header h1.logo {margin:0 0 10px 0; }

/*=== Search Spot ===*/
#search-spot .search-form{ padding:15px 0 0 0; position:relative }
  #search-spot .search-form input{ border:1px solid #761002; width:248px; padding:6px 10px 5px 10px; color:#761002; font-size:14px }
  #search-spot .search-form button{ background:url(images/search-btn-trans.png) #761002 no-repeat; border:none; position:absolute; width:30px; height:30px; top:15px; right:0 }

/*=== TOP MENU for PAGES ===*/
#top_menu li a{ color:#402b1c; display:block; padding:8px 20px }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 13px }
#pagenav a{display:block; }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Georgia, Times, serif; }
#pagenav li a{font-size: 1.55em; padding-top:4px; text-transform:none; color:#402b1c; }
#pagenav .hometab a{ }
#pagenav li a:hover{background:#761002; text-decoration:none; color:#ffffff; }


/*--------- FEATURED SLIDER --------- */
.featslider{ background:#F9F9F2; padding:10px 0; height:250px; }
  .slider-post .slider-title{ font:normal 25px Georgia; text-transform:none; padding:0 0 25px 0; color:#761002; }
/*=== Footer Widgets ===*/
#footwidgets-front .widget-spot .widget h3{ text-transform:none; font-weight:normal; font-size:25px; color:#402b1c; }

/*=== Widget styling ===*/
  .sidebar .widget h3 span{ background:#761002; color:#ffffff; font:normal 17px Georgia; padding:10px 20px; text-transform:none }

/*==== Footer ====*/
.footer-background { background: url(images/bg.jpg) #F9F9F2 repeat; }