/*
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 CLASSES BELOW THIS LINE */
/*--------- 1. GENERAL STYLING Options --------- */

a{ color:#FF9900; text-decoration:none }
a:hover{ text-decoration:none; color:#FF9900; background-color:#BFD7FF;}


.headline h2 a { color:#000000}
.headline h2 a:hover { color:#000000}
a.button { background-color: #000000; color:#OOOOOO; font-size:17px; text-decoration:none; margin:0 5px 0 0; padding:8px 16px 8px 22px; height:1%; line-height:45px }
a.button:hover { text-decoration:none; background-color:#4C4C4C; color:#ffffff; }

/*--------- 2. LAYOUT STRUCTURE ---------  */
.containerbar { overflow: hidden }
.mainbar { margin-right:0; margin-left:0; padding:0; border-right:1px solid #E9E9E4 }
.mainbar.mainbar_right { border:none; border-left:1px solid #E9E9E4; }
.sidebar { background:transparent url(lib_theme/images/sidebar-trans.png) repeat-y left top; margin:0 }
.sidebar.sidebar_left { background:transparent url(lib_theme/images/sidebar-left-trans.png) repeat-y right top }
.box { background:none; border-bottom:1px solid #E9E9E4; padding:37 20px 0 0 }
.mainbar.mainbar_right .box { padding-left:20px; padding-right:0 }

/*--------- 3. NAVIGATION Area ---------  */

/*--------- 3.1 Main Navigation Options ---------  */
.navigation-area { z-index:2; padding-top:10px; padding-bottom:10px }

/* First level menu items */
ul.sf-menu, .sf-menu  { background:none; border:none; padding:0; margin:0; float:left; width:93% }
.sf-menu li ul { border:none; padding:0; margin:0 }
.sf-menu, .sf-menu ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.sf-menu a  { display:block; z-index:100; padding:6px 12px; line-height:20px; font-size:18px; color:#666666; text-decoration:none; letter-spacing:1px; word-spacing:-2px; }
.sf-menu li:hover { background:#BFD7FF }
.sf-menu li.current-menu-item a { background:#F0EFEB; color:#FFFFFF; }, .sf-menu li.current_page_item a { background:#F0EFEB; color:#000000; font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:0; margin:0 }
.sf-menu .sf-sub-indicator { padding-left:5px }

/*--------- 5. SLIDER Area ---------  */

/*=== 5.1 Slider Content ===*/
.slider-area { z-index:1; padding-top:10px; padding-bottom:20px; text-align:center }
#loopedSlider {  }
#loopedSlider .container { position:relative; height:220px; width:600px; overflow:hidden; position:relative }
#loopedSlider .slides { position:absolute; top:0; left:0; padding:0 20px 0 0  }
#loopedSlider .slides .slide { width:590px; position:absolute; top:0; display:none }
#loopedSlider .slides .slide.ssize_1 { width:590px; padding:0 20px 0 0 }
#loopedSlider .slides .slide.ssize_2 { width:290px; padding:0 20px 0 0 }
#loopedSlider .slides .slide.ssize_3 { width:190px; padding:0 15px 0 0 }
#loopedSlider .slides .slide.ssize_4 { width:140px; padding:0 13px 0 0 }
#loopedSlider .slides .format_text { background:#000000; padding:5px }
#loopedSlider img.thumbnail { border:none; padding:0; margin:0; background:none }
#loopedSlider span.cat { position:absolute; right:22px; top:2px; background:#000000 }
#loopedSlider .slides .slide.ssize_3 span.cat { right:15px; top:2px; }
#loopedSlider .slides .slide.ssize_4 span.cat { right:13px; top:2px; }
#loopedSlider span.cat a { background:url(lib_theme/images/comment-ico-trans.png) no-repeat 8px 2px; font-size:11px; color:#f2f2f2; padding:2px 8px 2px 30px }
#loopedSlider span.cat a.cat { background:url(lib_theme/images/flag-ico-trans.png) no-repeat 8px 2px }
#loopedSlider span.cat a.auth { background:url(lib_theme/images/author-ico-trans.png) no-repeat 8px 2px }
#loopedSlider h2 { margin:0 0 5px 2px; padding:0 }
#loopedSlider h2 a { color:#ffffff; font-size:25px; }

/*=== 7.2 Content Display ===*/
.title-area { z-index:1; padding-top:10px; padding-bottom:10px }

/*=== 7.4 Pagination Options ===*/
.lpagination { padding:0; margin:5px 0 15px 0 }
.fpagination { padding:0; margin:20px 0 0 0 }
ul.lpag { list-style:none; padding:0; margin:0 }
ul.lpag li  { font-size:13px; font-family:Tahoma; float:left; padding:0; margin:0 }
ul.lpag li a { padding:5px 10px; color:#000000 }
ul.lpag li.name span, ul.lpag li a.name { background-color:#000000; color:#FFFFFF; font-size:17px; padding:5px 10px; margin:0 10px 0 0 }
ul.lpag li a:hover { background:#BFD7FF; text-decoration:none }
ul.lpag li.active a { background:#000000; color:#ffffff }
ul.lpag li.current span { padding:5px 10px; margin:0; background:#000000; color:#ffffff }

/*--------- 9. WIDGET Options --------- */

/*=== 9.1 General Widget Styling ===*/
.widgets-area { z-index:1; background:transparent; padding:10px 0; }
.widgets-area .widget { background:none; border:20px; padding:20px 0; }
.widget a { color:#666666; }
.widget a:hover { background-color:#BFD7FF }
.widget { background:transparent url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-bottom:1px solid #E9E9E4; margin:0; padding:30px 0 21px 27px; line-height:20px; font-size:15px }
.widget h1, .widget h2, .widget h3 { padding:10px 0; margin:0 0 5px 0  }
.widget h3 { font-size:17px; color:#000000; letter-spacing: 0.5px; padding:0 0 -1px 0; margin:0 0 -1px 0 }
.widget h3 img  { vertical-align: middle; border:0; padding:0; margin:0 5px 0 0 }
.widget h3 img.wid-icon  {  margin:0 5px 0 0 }
.widget ul { list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0 0 0 13px; padding:0; background:none; border:none }
.widget ul li { list-style-type:none; margin:0; padding:2px 0 }
.widget ul li ul { list-style-image:none; background:transparent url(lib_theme/images/tree-vert.gif) repeat-y top left; list-style:none; margin:5px 0 }
.widget ul li ul li { line-height:15px; padding-left:17px; background:transparent url(lib_theme/images/tree-horiz.gif) no-repeat 0px 10px }
.widget a.button { background:#7FB000 url(lib_theme/images/ico-bullet-fff.png) no-repeat 8px 10px; border:1px solid #689300; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; margin:0 5px 0 0; padding:5px 13px 5px 20px; height:1%; line-height:35px }
.widget a.button:hover { text-decoration:none; background-color:#95C000; color:#ffffff; }

.wp-caption-text {
    font-size: 14px; }