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

/*--------- 1. GENERAL STYLING Options --------- */

/*=== 1.1 Global Design Options ===*/
body{ font-family: Georgia, serif; font-size:12px; background-color:#FFFFFF; color:#333333 }
a{ color:#005C9C; text-decoration:none }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 18px 0 }
p strong, li strong { color: #555; }
blockquote { padding:0 15px; margin:15px 0 15px 15px; border-left:3px solid #ccc; display:block }
blockquote, blockquote p { font:italic 13px Georgia; line-height:23px }
code { background:#F0F0F0 }
abbr, acronym { cursor:help }
a.button { background:#343530 url(lib_theme/images/ico-bullet-fff.png) no-repeat 8px 14px; border:1px solid #000000; color:#ffffff; 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; }

dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px }
dl dt { color:#555; font:bold 12px Georgia; padding:8px 10px; vertical-align:middle }
dl dd { border:1px dotted #dddddd; color:#333; padding:10px }

table { width:100%; border-collapse:collapse; margin:0 0 5px}
table caption { margin:15px 0 }
table th { border:1px dotted #dddddd; color:#555; font:bold 12px Georgia; padding:8px 10px; vertical-align:middle }
table td { border:1px dotted #dddddd; color:#333; padding:10px }
table td sup { font-size:10px; color:#555555 }
table td img { position: relative; vertical-align:top }

input, textarea { font-size: 1em; color: #444444; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }
input:focus, textarea:focus { background: #ffffff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
input[type="submit"] { padding:6px 2px; margin:5px 0; color:#ffffff; font-size:12px; background:#000000 url(lib_theme/images/bg-button.png) no-repeat center 0; border:1px solid #414C2A }
input[type="submit"]:hover { cursor:pointer; opacity:0.86 }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .alignleft{ float: left }
.fr, .alignright{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
.al{ text-align: left}


/*--------- 3.1 Main Navigation Options ---------  */
.navigation-area { background:transparent url(lib_theme/images/box-bg-trans.png) repeat-x left top; z-index:2; padding-top:0px; padding-bottom:0px }

/* First level menu items */
ul.sf-menu { background:none; border:none; padding:0; margin:0 }
.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 6px; line-height:20px; font-size:12px; font-family: sans-serif; color:#000000; text-decoration:none}
.sf-menu li:hover { background:#BDBDBD }
.sf-menu li.current-menu-item a, .sf-menu li.current_page_item a { background:#000000; border:1px solid #000000; color:#ffffff; font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:0; margin:0 }
.sf-menu li li.current-menu-item, .sf-menu li.current_page_item { background: none; }
.sf-menu .sf-sub-indicator { padding-left:5px }

/*--------- 4. LOGO Area ---------  */

/* Logo Design */
.logo-area { z-index:1; background:#ododo; padding-top:20px; padding-bottom:20px }

/* Logo Options */
.logo-spot {  }
.logo-spot h1.logo { padding:0; margin:0 }
.logo-spot h1.logo a:hover{ background:none }
.logo-spot .blog-title { font:normal 70px Georgia; font-weight:bold; margin:0 0 5px 0 }
.logo-spot .blog-title a { color:#ffffff }
.logo-spot .blog-description{ font:normal 24px Georgia; font-style: italic; color:#EEEEEE }

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

/*--------- 5. FEATURED POSTS Area ---------  */

/*=== 5.1 Featured Content ===*/
.slider-area { z-index:1; background:#F2F2F1 url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-bottom:1px solid #330000; padding-top:5px; padding-bottom:5px }

li.floading { padding:10px 30px;  }
li.floading .floading-image{ background:transparent url(lib_theme/images/ajax-loader.gif) no-repeat center center; width:16px; height:11px }

.top-featured { background:#FFFFFF; padding:2px; margin-top: 5px; border:5px solid #C7C6BF; display:none }
.top-featured .feat_item { margin:0; padding:0; float: left; display:inline; position:relative }
.top-featured .feat_item a { margin:0; padding:0 }
.top-featured .feat_item a img.thumbnail { margin:0; padding:0; background:#ffffff; border:1px solid #ffffff }
.top-featured .box16 {  }
.top-featured .box2345 {  }
.top-featured .box6  { margin:-305px 0 0 0; float: right } 


.top-featured span.cat { position:absolute; color:#F4F4F6; right:1px; top:1px; background:#191919; padding:4px 8px; font-size:10px; font-family: sans-serif }
.top-featured span.cat a { color:#F4F4F6 }
.top-featured h2{ position:absolute; left:1px; bottom:1px; background: url("lib_theme/images/top-opacity-top-trans.png") no-repeat left top; padding:8px; margin:0; line-height:20px }
.top-featured h2 a{ color:#F4F4F6; font-size:24px; font-family: ariel; }

/*=== 5.2 Featured category navigation ===*/
.cat-menu .sf-menu a  { font-size:20px }
.cat-menu .sf-menu li.current_page_item a, .cat-menu .sf-menu li.current-cat a { background:#ffffff; color:#000000 }
.cat-menu .sf-menu li:hover { background:#BBB19A}
.cat-menu .sf-menu li ul li:hover  { background:#ffffff}

/*--------- 7. CONTENT BOXES Area ---------  */
.cbox-area { z-index:1; background:transparent url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-top:1px solid #E9E9E4 }
.cbox{ padding:20px 0 }

/*=== 7.1 Text Formating ===*/
.format_text { line-height:22px; text-align: justify }
.format_text img{ padding:5px; border:1px solid #B0B5B7 }
.format_text ul, .format_text ol { margin:0 0 10px 20px; padding:0; background:none; border:none }
.format_text ul li, .format_text ol li { font-size:15px; margin:0; padding:4px 0 }
.format_text ul { list-style-image:url(lib_theme/images/list-bullet-trans.png);}
.format_text ul li { list-style-type:none; padding:4px 0 4px 5px; }
.format_text ol li { margin:0 0 0 10px; padding:4px 0 4px 5px }
.format_text ul li ul, .format_text ol li ol { list-style-image:none; margin:6px 0 }
.format_text ul li ul { background:transparent url(lib_theme/images/tree-vert.gif) repeat-y top left; list-style:none;}
.format_text ul li ul li, .format_text ol li ol li { font-size:14px; line-height:15px; padding-left:17px }
.format_text ul li ul li { background:transparent url(lib_theme/images/tree-horiz.gif) no-repeat 0px 10px }
.format_text ul li ul li ul li, .format_text ol li ol li ol li { font-size:13px }

/*=== 7.2 Content Display ===*/
.title-area { z-index:1;  background:#F2F2F2 url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-bottom:1px solid #C7C6BF; padding-top:15px; padding-bottom:15px }
h2.title, h1.title { padding:0; margin:0; color:#000000; font-size:23px }
h1.title { font-size:33px }
a.rss-button img { vertical-align:justify; margin:0 30px 2px 0; padding:0 }
.single { padding:10px 0; margin:0 }
.sing { padding:10px 0; border-bottom:1px dotted #dddddd }
.single.bsize_1 {  }
.single.bsize_2 { width:285px; display: inline; float: left; position: relative; }
.single.odd { margin:0 30px 0 0 }
.mainbar.mainbar_right .single.odd { margin:0 20px 0 10px }
.single img.thumbnail { padding:5px; border:1px solid #B0B5B7 }
.headline h2 { font-size:23px; margin:0 0 5px 0; text-align: justify; }
.meta { color:#7E7E7E; margin:15px 0 }
.sing .meta { margin:5px 0 20px 0 }
.meta a { color:#7E7E7E }
.meta span { background:url(lib_theme/images/calendar-ico-trans.png) no-repeat 0 2px; font-size:11px; padding:2px 8px 2px 22px; margin:0 }
.meta span.comm { background:url(lib_theme/images/comment-ico-trans.png) no-repeat 0 2px }
.meta span.auth { background:url(lib_theme/images/author-ico-trans.png) no-repeat 0 2px }
.meta span.tag { background:url(lib_theme/images/tag-ico-trans.png) no-repeat 0 2px }
.meta span.cat { background:url(lib_theme/images/flag-ico-trans.png) no-repeat 0 2px }
span.read-more { padding:0 0 10px 0; display:block }
span.read-more a { background:#eeeeee url(lib_theme/images/ico-bullet.png) no-repeat 8px 8px; border:none; color:#555555; font-size:12px; text-decoration:none; margin:0; padding:5px 10px 5px 20px; height:1%; line-height:20px }
span.read-more a:hover { text-decoration:none; background-color:#BFD7FF }
.single-sep { border-bottom:1px dotted #dddddd }

/*=== 7.3 Pagination Options ===*/
.lpagination { padding:10px 0 20px 0; margin:0; text-align:center; border-bottom:1px dotted #dddddd }
.fpagination { padding:20px 0 10px 0; border:none; border-top:1px dotted #dddddd }
ul.lpag { list-style:none; padding:0; margin:0 }
ul.lpag li  { font-size:13px; font-family:Tahoma; display:inline; padding:0; margin:0 }
ul.lpag li a { padding:5px 10px; color:#000000 }
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 ===*/
.widget { background:transparent; border-bottom:1px solid #E9E9E4; margin:0; padding:5px 0 5px 5px; line-height:15px; font-size:13px }
.sidebar.sidebar_left .widget { padding: 20px 20px 20px 0 }
.widget h1, .widget h2, .widget h3 { padding: 10px 0; margin:0 0 5px 0  }
.widget h3 { font-size:14px; font-weight: bold; color:#000000; 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; }