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

*/
#header .blog-title a{ background:#cccccc } 

body{ background: url(images/bgr.gif) #404040 repeat-x top; font-family:Georgia }

a:hover{ color:#FFFFFF; text-decoration:none; background:#404040 }

.featslider{ background:#404040; padding:20px 0 }

 .slider-post img.fr{ border:5px solid #e9e9df; margin:0 0 6px 10px }
   .slider-post .slider-title{ font:normal 30px Georgia; text-transform:capitalize; padding:0 0 25px 0 }
     .slider-post .btn { margin:0; padding:5px 5px; background:#404040; color:#e9e9df; border:none; font-weight:bold }
         .slider-post a.btn:hover { background:#808080; text-decoration:none }
     .slider-post blockquote { background:#606060 url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }


 
 .pagespot{ padding:10px 20px; margin:25px 0; background:#707070; border:1px solid #dddddd; -moz-border-radius: 1% }

  .post blockquote { background:#404040 url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }

.post img { border:4px solid #f6f5ed }
.post a{ text-decoration: none; padding:0 0 1px 0; border-bottom:2px dotted }

#top_menu{ height:63px; text-align:left }
#pagenav li a{font-size: 1.95em; padding-top:4px; border-right:1px solid #F9F9F2; text-transform:capitalize }
#pagenav li ul li{background:#e9e9df; border:solid #F9F9F2; padding-top:5px; line-height:21px; width:18em; border-width:0 1px 1px 1px }

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

#respond textarea, .commpadd input{ background:InfoBackground; border:2px solid #ffffa0 }


  .flickr img{ border:1px solid #000000; background-color:#808080; padding:5px }

.footer-background .grid_12 {margin-left:240px; width:960px;}