/*
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. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*--------- 2. LOGO Area ---------*/

/*=== 2.1 Logo Area Options ===*/
.logo-area { background:transparent; padding:5px 0 }

/* Search Form Options */
.search-spot .search{ width:268px; height:35px; position:relative; margin:20px 0 0 0 }
.search-spot .search input{ color:#707070; font-size:1.25em; height:20px; width:220px; padding:8px 5px 8px 15px; margin:0; background:url(images/search-form.png) no-repeat 0 0; outline:0; border:0; float:left }
.search-spot .search button{ border:0; padding:0; margin:0; cursor:pointer }
.search-spot .search button span{ position:absolute; width:47px; height:35px; top:0; right:0; background:url(images/search-form.png) no-repeat 100% 0%}

/* Logo Options */
.logo-bgr { background:#ffffff; margin-bottom:5px; z-index:1 }
.logo-spot { padding:0 }
.logo-spot .blog-title { font:normal 37px Georgia; margin:0 0 5px 0 }
.logo-spot .blog-description{ font:normal 17px Georgia }
.logo-spot h1.logo { padding:0; margin:0; line-height:10px }
.logo-spot h1.logo a:hover{ background:none }

/*--------- 3. SLIDER Area ---------  */

/*=== 3.1 Slider Content ===*/
.slider-area { z-index:1; padding:10px 0 }
#loopedSlider { position:relative; width:960px }
#loopedSlider .container { width:700px; overflow:hidden; position:relative; background:transparent }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { width:690px; position:absolute; top:0; display:none; padding:10px 10px }

/*=== 3.2 Slider Pagination ===*/
#loopedSlider .prev { text-align:left }
#loopedSlider .nxt { text-align:right }

/*--------- Remove Star Bullets ---------  */
.format_text ul, .widget ul { list-style-image:none }"


/*=== 7.1 General Widget Styling ===*/
.widget ul { list-style-image:url(images/list-bullet-trans.png); float:left; margin:0 0 0 10px; padding:0; background:none; border:none }
.widget ul li { list-style-type:none; float:left; margin:2px; padding:2px 0 }
.widget ul li ul { list-style-image:none; background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none; margin:2px }
.widget ul li ul li { line-height:15px; padding-left:17px; background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }