/*  
Theme Name:    eConsultant
Theme URI:     http://bizzthemes.com/
Description:   Developed & Designed by Zeljan Topic.
Version:       1.0.3
Author:        BizzThemes
Author URI:    http://bizzthemes.com/
*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework __ uncompressed: lib_theme/css/uncompressed*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Import TEXT styling for grid framework*/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* Import GRID styling for grid framework*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/*----------------------------------------------

STYLE.CSS FILE STRUCTURE:

1. GENERAL STYLING Options
    1.1 Global Design Options
	1.2 Activation Design
	1.3 Image Handling
2. NAVIGATION Area
    2.1 First level menu items
	2.2 Drop-down menu items
	2.3 Search Form Options
3. LOGO Area
4. FEATURED SLIDER Area
    4.1 Slider Content
	4.2 Slider Pagination
5. WIDGETS Area
    5.1 Homepage Widgets
	5.2 Footer Widgets
6. ARCHIVE/PAGE/POST Formating Options
    6.1 Text Formating
	6.2 Content Display
	6.3 Pagination Options
	6.4 Breadcrumbs Navigation
7. CUSTOM TEMPLATE Options
    7.1 Portfolio Template Display
	7.2 FAQs Template Display
8. WIDGET Options
    8.1 General Widget Styling
	8.2 Specific Widget Styling
9. COMMENTS Options
    9.1 Comments
	    9.1.1 Pingbacks / Trackbacks
	9.2 Post Form
10. FOOTER Options
    10.1 Footer date
	10.2 First level menu items
	10.3 Footer credentials
11. CSS3 Options
    11.1 BORDER-RADIUS
	11.2 TEXT-SHADOW
	11.2 BOX-SHADOW

----------------------------------------------*/
 
/*--------- 1. GENERAL STYLING Options --------- */

/*=== 1.1 Global Design Options ===*/
body{ font-family:Arial,Helvetica,Sans-serif; background:transparent; color:#525252 }
html, body { height:100% }
a{ color:#103AA5; text-decoration:none }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:5px 0 15px 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 Tahoma; line-height:23px }
code { background:#F0F0F0 }
abbr, acronym { cursor:help }

dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px }
dl dt { color:#555; font:bold 12px Tahoma; padding:8px 10px; vertical-align:middle }
dl dd { border:1px solid #E7E8D0; color:#333; padding:10px }

table { font-size:14px; width:100%; text-align:right; border-collapse:collapse; margin:0 0 20px }
table caption { margin:15px 0 }
table th { border:1px solid #E7E8D0; color:#555; font:bold 12px Tahoma; padding:8px 10px; vertical-align:middle }
table td { border:1px solid #E7E8D0; color:#333; padding:10px }
table td sup { font:normal 10px Tahoma; color:#555555 }
table td img { position: relative; vertical-align:middle }

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"], a.button { background:#4782B2 url(lib_theme/images/ico-bullet-fff.png) no-repeat 9px 9px; border:none; color:#ffffff; font-size:13px; text-decoration:none; margin:0; padding:5px 10px 5px 22px; height:1% }
input[type="submit"]:hover, a.button:hover { text-decoration:none; background-color:#5B8BAF }

.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 }

/*=== 1.2 Activation Design ===*/
.activation { text-align:center; position:absolute; top:35%; left:30%; font:normal 20px Georgia; background:#ffffe0; border:1px solid #e6db55; padding:15px }
.activation small { font:normal 16px Georgia }

/*=== 1.3 Image Handling ===*/
img.alignleft, img.left { float: left; margin:0 15px 10px 0 }
img.alignright, img.right { float: right; margin:0 0 15px 10px }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

.wp-caption { background:#F4F4F4; border:1px solid #B0B5B7; color:#666666 }
.wp-caption img { margin:5px 5px 0 5px; border:none !important; padding:0 !important }
.wp-caption-text { text-align:center; font-style:italic; margin:0 5px 5px 5px }
.wp-caption.alignleft { float: left; margin:0 15px 10px 0 }
.wp-caption.alignright { float: right; margin:0 0 10px 15px }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*--------- 2. NAVIGATION Area ---------  */
.navigation-area { background:transparent url(lib_theme/images/bg-nav.png) repeat-x top left; padding:10px 0 35px 0; margin:0 }

/*=== 2.1 First level menu items ===*/
ul.sf-menu, div.sf-menu { background:none; border:none; padding: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:7px 15px; line-height:25px; font-size:13px; font-weight:bold; color:#000000; text-decoration:none }
.sf-menu li:hover { background:#e8e8e8 }
.sf-menu li.current-menu-item a, .sf-menu li.current_page_item a,
.sf-menu li.current-menu-item a:hover, .sf-menu li.current_page_item a:hover { padding:6px 15px; background:#4782B2; border:1px solid #4F728F; color:#ffffff }
.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 }

/*=== 2.2 Drop-down menu items ===*/
.sf-menu li ul  { position:absolute; left:-999em; width:180px; background:#ffffff; border:1px solid #4782B2 }
.sf-menu li ul li  { border:none; padding:0; margin:0 }
.sf-menu li ul li a  { background:url(lib_theme/images/ico-bullet.png) no-repeat 5px 11px; width:150px; padding-left:15px; line-height:20px; font-size:11px; font-weight:normal; color:#000000 }
.sf-menu li ul li ul li a  { width:150px }
.sf-menu li ul li:hover  { background:#e8e8e8 }
.sf-menu li ul li a:hover { color:#000000 }
.sf-menu li ul li.current-menu-item a, .sf-menu li ul li.current_page_item a,
.sf-menu li ul li.current-menu-item a:hover, .sf-menu li ul li.current_page_item a:hover { border:none; }
.sf-menu li ul  { padding:5px; }
.sf-menu li ul ul  { margin: -20px 0 0 140px; }
.sf-menu li:hover ul ul, .sf-menu li.sfhover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li.sfhover ul ul ul { left:-999em; }
.sf-menu li:hover ul,.sf-menu li li:hover ul,.sf-menu li li li:hover ul,.sf-menu li.sfhover ul,.sf-menu li li.sfhover ul,.sf-menu li li li.sfhover ul  { left:auto; }
.sf-menu li:hover,.sf-menu li.hover  { position:static; }

/*=== 2.3 Search Form Options ===*/
.navigation-area .search{ width:220px; height:31px; position:relative; margin:4px 0 0 0 }
.navigation-area .search input{ color:#707070; font-size:1.25em; height:23px; width:175px; padding:4px 5px 4px 10px; margin:0; background:url(lib_theme/images/search-form.png) no-repeat 0 0; outline:0; border:0; float:left }
.navigation-area .search button{ border:0; padding:0; margin:0; cursor:pointer; position:absolute; width:35px; height:31px; top:0; right:0; background:url(lib_theme/images/search-form.png) no-repeat 100% 0%}

/*--------- 3. LOGO Area ---------  */
.logo-area { z-index:1; margin:0 0 20px 0 }
.logo-spot { text-align:center }
.logo-spot h1.logo { padding:0; margin:0 }
.logo-spot h1.logo a:hover{ background:none }
.logo-spot .blog-title { font-size:30px; font-weight:bold; margin:0; padding:0 }
.logo-spot .blog-title a { color:#0000000 }
.logo-spot .blog-description{ font-size:17px; color:#999999; margin:0; padding:0 }

/*--------- 4. FEATURED SLIDER Area ---------  */
.slider-area { z-index:1; margin:0 0 20px 0 }

/*=== 4.1 Slider Content ===*/
#loopedSlider {  }
#loopedSlider .container { background:#ffffff url(lib_theme/images/bg-content-top.png) repeat-x top left; border:1px solid #E8E8E8; position:relative; height:340px; width:818px; overflow:hidden; position:relative }
#loopedSlider .slides { position:absolute; top:0; left:0 }
#loopedSlider .slides div.slide { width:780px; position:absolute; top:0; display:none; padding:20px }

/*=== 4.2 Slider Pagination ===*/
#loopedSlider .prev { text-align:left }
#loopedSlider .nxt { text-align:right }

/*--------- 5. WIDGETS Area ---------  */

/*=== 5.1 Homepage Widgets ===*/
.cbox-area { z-index:1; padding:0 0 20px 0 }
.cbox-in { background:#EFEFEF url(lib_theme/images/bg-content-top.png) repeat-x top left; padding:0 }
.cbox { padding:0 20px; margin:20px 0 } /* border-left:1px solid #dddddd */
.cbox.first { border:none }
.cbox .widget { padding:0; background:none; border:none }

/*=== 5.2 Footer Widgets ===*/
.widgets-area { z-index:1; background:transparent; padding:0 0 20px 0 }
.widgets-area .widget {  }
.widgets-area .widget h3 {  }

/*--------- 6. ARCHIVE/PAGE/POST Formating Options --------- */

/*=== 6.1 Text Formating ===*/
.format_text { line-height:25px }
.format_text img{ padding:3px; border:1px solid #DDDDDD }
.format_text ul{ padding:0 0 0 1em; margin:1em 0 2em 0; list-style:square }
.format_text ul li{ list-style:square; margin:0 0 .4em .5em }
.format_text ol li{ list-style:decimal; margin:0 0 .4em .5em }
.format_text .alignright, .format_text .fr{ margin:0 0 0 10px }
.format_text .alignleft, .format_text .fl{ margin:0 10px 0 0 }

/*=== 6.2 Content Display ===*/
.content-area { z-index:1; margin:0 0 20px 0 }
.front { background:#ffffff url(lib_theme/images/bg-content-top.png) repeat-x top left; border:1px solid #E8E8E8 }
h2.title, h1.title { padding:8px 20px; margin:0 0 15px 0; border-bottom:1px solid #E8E8E8; color:#000000; font-size:26px }
h2.title.paged { margin:0 }
h1.title { padding:16px 20px 17px 20px; margin:0 0 15px 0 }
h2.title span.fl, h1.title span.fl { margin:8px 0 0 0 }
h2.title img, h1.title img { vertical-align:middle; margin:0; padding:0 }
.single { padding:5px 20px 10px 20px; margin:0; border-bottom:1px solid #E8E8E8 }
.single.sing { border:none }
.single img.thumbnail { padding:5px; border:1px solid #B0B5B7 }
.headline h2 { margin:5px 0 }
.meta { margin:8px 0 12px 0; color:#7E7E7E }
.sing .meta { margin:8px 0 15px 0 }
.meta a { color:#7E7E7E }
.meta span { font-size:11px; padding:3px 8px 3px 22px; margin:0 }
.meta span.date { background:url(lib_theme/images/calendar-ico-trans.png) no-repeat 0 2px }
.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 }
.meta span.edit { background:url(lib_theme/images/edit-ico-trans.png) no-repeat 0 2px }
span.read-more { padding:0 0 10px 0; display:block }
span.read-more a  { background:#4782B2; color:#ffffff; font-size:12px; text-decoration:none; margin:0; padding:5px 10px }
span.read-more a:hover { text-decoration:none; background-color:#5B8BAF }

/*=== 6.3 Pagination Options ===*/
.lpagination { margin:0; text-align:center; border-bottom:1px solid #E8E8E8 }
.fpagination { border:none }
ul.lpag { list-style:none; padding:20px 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 }

/*=== 6.4 Breadcrumbs Navigation ===*/
#breadcrumb p{ font-size:11px; padding:8px 20px; margin:0; border-bottom:1px solid #E8E8E8 }
#breadcrumb p a {  }
#breadcrumb p strong {  }

/*--------- 7. CUSTOM TEMPLATE Options --------- */

/*=== 7.1 Portfolio Template Display ===*/
.portfolio { width:280px; display:inline; float:left; padding:0; margin:10px 0 0 25px }
.portfolio.even {  }
.portfolio img { margin:0; padding:0 }
.portfolio .headline { display:block; margin:0 }
.headline h2.ptitle { font-size:17px !important; display:block; margin:10px 0 }
.portfolio .meta { margin:0 0 10px 0 }

/*=== 7.2 FAQs Template Display ===*/
ul.faq-popular { list-style:none; margin:0 0 20px 0; padding:15px; background:#FFFFCC; border:1px solid #FF9900 }
ul.faq-popular h4 { margin:0 0 10px 0; padding:0; font-size:17px; }
ul.faq-popular li { list-style:none; list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0 0 0 15px; padding:2px 0 }
ul.faq-popular li a { font-size:14px; padding:0 }

ul.faq-section { list-style:none; margin:0 0 20px 0; padding:0; background:none; border:none }
ul.faq-section li { list-style:none; margin:0; padding:2px 0 }
ul.faq-section li.faq-cat {  }
ul.faq-section li.faq-cat a.faq-clink { font-size:20px; background:rgba(0,0,0,0.06); color:#000000; display:block; padding:5px 13px }
ul.faq-section li.faq-q { list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0; padding:2px 0 }
ul.faq-section li.faq-q  a { font-size:14px; background:#ffffff; padding:0 }
ul.faq-section li ul { margin:5px 0 5px 15px }
ul.faq-section li hr { border:none; border-bottom:1px dotted #cccccc; padding:4px 0; margin:4px 0 }

.faqs .search{ height:35px; position:relative; background:url(lib_theme/images/search-form.png) no-repeat 0% 0%; width:97%; margin:15px 0; padding-left:3% }
.faqs .search input{ background:url(lib_theme/images/search-form.png) no-repeat 100% 0%; color:#333333; font-size:1.25em; height:27px; width:100%; padding:3px 0; margin:0 0 0 0; outline:0; border:0; float:left }
.faqs .search button{ background:none; position:absolute; width:35px; height:35px; top:0; right:0; border:0; padding:0; margin:0; cursor:pointer }

/*--------- 8. WIDGET Options --------- */

/*=== 8.1 General Widget Styling ===*/
.widget { margin:0 0 25px 0; padding:10px 20px; line-height:25px; background:#ffffff url(lib_theme/images/bg-content-top.png) repeat-x top left; border:1px solid #E8E8E8 }
.widget h3 { font-size:17px; font-weight:bold; color:#333333; line-height:24px; padding:0 0 10px 0; margin:0 0 10px 0 }
.widget h3 img  { vertical-align: middle; float:left; border:0; padding:0; margin:0 10px 0 0 }
.widget h3 img.rss-feed { float:right; margin:4px 0 }
.widget ul { list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0 0 0 15px; 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; padding-bottom:7px; background:transparent url(lib_theme/images/tree-horiz.gif) no-repeat 0px 10px }
		
/*=== 8.2 Specific Widget Styling ===*/
.widget ul.rec-posts img.thumbnail { padding:5px; border:1px solid #DDDDDD }
.widget .rec-title { font-size:15px }
.widget .rec-title img { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px }
.widget .rec-excerpt { line-height:23px; margin:5px 0 10px 0 }
.widget .rec-date { color:#7E7E7E; font-size:11px; padding:2px 0; margin:0 }

.widget #twitter .loading { background:transparent url(lib_theme/images/ajax-loader.gif) no-repeat center center; width:16px; height:11px }
.widget #twitter ul li span { display:block }
.widget #twitter ul li span.date { color:#7E7E7E; font-size:11px; padding:2px 0 0 0; margin:0 }
#twitter .follow-text { background:url(lib_theme/images/twitter-32-trans.png) no-repeat left top; margin:14px 0 0 5px; padding:3px 0 10px 43px; font-size:11px; font-weight:bold }
 
.flickr { padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 5px 0 0 }
.flickr img{ padding:1px; border:1px solid #B0B5B7 }

.cform .screenReader { left:-9999px; position:absolute; top:-9999px }
.cform ol.forms  { list-style:none; width:100% }
.cform ol.forms li  { margin:0; padding:0; position:relative; width:100% }
.cform ol.forms label  {  }
.cform ol.forms label span  { color:red; margin:0 0 0 2px }
.cform ol.forms input.txt, .cform ol.forms textarea  { background:#F9F9F9; padding:5px; width:95% }
.cform ol.forms input.txt:focus, .cform ol.forms textarea:focus  { background:#ffffff }
.cform ol.forms input.txt  {  }
.cform ol.forms textarea  { height:180px }
.cform ol.forms li .error  { font-size:10px; display:block; font-weight:bold; color:red }
.cform ol.forms li.screenReader  { margin-bottom: 0; }
.cform ol.forms li.buttons .submit  { }
.cform ol.forms li.inline { margin:10px 0; padding:0 }
.cform ol.forms li.inline input  { margin:0 8px 0 0 }
.cform ol.forms li.inline label  {  }

.widget .search{ height:35px; position:relative; background:url(lib_theme/images/search-form.png) no-repeat 0% 0%; width:97%; margin:15px 0; padding-left:3% }
.widget .search input{ background:url(lib_theme/images/search-form.png) no-repeat 100% 0%; color:#333333; font-size:1.25em; height:27px; width:100%; padding:3px 0; margin:0 0 0 0; outline:0; border:0; float:left }
.widget .search button{ background:none; position:absolute; width:35px; height:35px; top:0; right:0; border:0; padding:0; margin:0; cursor:pointer }

#calendar_wrap { width:100%; padding:0; margin:0 }
#calendar_wrap a { font-weight: bold; }
#calendar_wrap a:hover {  }
table#wp-calendar { width:100%; border-collapse: collapse; margin:0 }
table#wp-calendar caption { margin:0 0 0 -1px; font-weight:bold; letter-spacing: 2px; padding:25px 0 10px 0; color:#fff; background:transparent url(lib_theme/images/calendarhead.png) repeat-x left top }
table#wp-calendar th, table#wp-calendar td { padding:5px; text-align:center; color:#333333 }
table#wp-calendar th { width: 14%; border:1px solid #cccccc; background:#f2f2f2 }
table#wp-calendar td { width: 14%; border:1px solid #cccccc; background:#ffffff }
#today  { background:#ffffcc }
table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; letter-spacing: 1px; }
table#wp-calendar td#next { text-align: right; }
table#wp-calendar td#prev { text-align: left; }
table#wp-calendar td#prev, table#wp-calendar td#next { background:transparent; border:none }
table#wp-calendar tfoot td.pad { background:transparent; border:none }

.widget .ad-box { text-align:center }
  
/*--------- 9. COMMENTS Options --------- */

/*=== 9.1 Comments ===*/
h3.tcomm, h2.post-form { font-size:22px; color:#333333; padding:10px 0; margin:20px 0 }
#respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 }
#comments { background:transparent; position:relative }
#comments ol.commentlist, #comments ol.commentlist li { padding:0; margin:0; background:none; border:none }
#comments .comment { margin-top:10px !important; width:100%; list-style-type:none }
#comments .comment a { padding:1px 0 }
#comments .comment small { font-size: 11px }
#comments .comment .comment-container  { padding:3px 0 }
#comments .comment .avatar-wrap { float:left }
#comments .comment .avatar-wrap img { background:#fff; padding:3px; border:1px solid #E8E8E8 }
#comments .comment .text-right { margin-left:75px }
#comments .comment .text-right .comm-reply{ background:rgba(0,0,0,0.02); font-size:12px; color:#999999; padding:5px 10px 20px 10px; margin:0; border:1px solid #E8E8E8 }
#comments .comment .text-right .comm-reply span.author{ font-weight:bold; color:#000000 }
#comments .comment .text-right .comm-reply .fr{ margin:0 }
#comments .comment .text-right .comm-reply small a{ font-weight:normal }
#comments .comment.bypostauthor .text-right .comm-reply { border:1px solid #3c3ca4; background:#eeeeff }
#comments .comment .text-right .comment-entry { background:#ffffff; padding:10px; border:solid #E8E8E8; border-width:0 1px 1px 1px }
#comments .comment .text-right .comment-entry p { padding:0 0 10px 0; margin:0 }
#comments ul.children { padding:0 0 0 25px; margin:0; list-style:none; border:none; background:none }
p.commpadd{ padding:0; margin:0 0 10px 0 }
.cancel-comment-reply { padding:10px 0 }
.cancel-comment-reply a#cancel-comment-reply-link { background:#FFF7D7; border:1px solid #FAD163; padding:4px 6px }

/*=== 9.1.1 Pingbacks / Trackbacks ===*/
#comments .pingback, #comments .trackback { margin:0 0 0 20px !important; padding:10px 0 !important; list-style-type: decimal; font-size: 11px; border-bottom:1px solid #e6e6e6 !important }
#comments .pingback .author, #comments .trackback .author  { font-weight: bold; font-size: 11px; }
#comments .pingback .date, #comments .trackback .date  { font-size: 11px; }
#comments .pingback .comment-entry p, #comments .trackback .comment-entry p { padding:10px 0 0 0; margin:0 }

/*=== 9.2 Post Form ===*/
#respond { padding:10px 0; margin:0 }
#respond a{ padding:1px 0 }
#respond p{ padding:5px 0; margin:0 }
#respond textarea { margin:0; padding:4px }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
p.commpadd label{ padding:0 0 0 5px }
#comments_wrap .navigation { margin:15px 0 0 0 }
#comments_wrap .navigation a { padding:5px 8px; color:#000000; font-size:12px; background-color:#dddddd; border:1px solid #777777; text-decoration:none }
#comments_wrap .navigation a:hover { opacity:0.86 }

/*--------- 10. FOOTER Options --------- */
.credentials-area { z-index:1; background:#232323 url(lib_theme/images/bg-content-top.png) repeat-x top left; color:#999999; padding:0 0 50px 0 }
.footer{ margin:0; padding:10px 0 5px 0 }

/*=== 10.1 Footer date ===*/
.credentials-area .date { padding:8px 0; font-size:11px; color:#8C8C8C }

/*=== 10.2 First level menu items ===*/
.credentials-area ul.sf-menu, .credentials-area .sf-menu { float:right; margin:0 }
.credentials-area .sf-menu a  { font-size:11px; color:#8C8C8C; padding:5px 10px; line-height:23px; text-shadow:none; font-weight:normal }
.credentials-area .sf-menu li:hover, .credentials-area .sf-menu li a:hover { background:#D8D8D8; color:#444444 }
.credentials-area .sf-menu li.current-menu-item a:hover, .credentials-area .sf-menu li.current_page_item a:hover { background:#4782B2; color:#ffffff }
.credentials-area .sf-menu li ul li a  { background:url(lib_theme/images/ico-bullet.png) no-repeat 2px 13px; padding:7px 15px }

/*=== 10.3 Footer credentials ===*/
.credentials-area .powered { border-right:none; padding-left:0 0 0 10px; margin:0 }
.credentials-area .powered img  { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px }


/*--------- 11. CSS3 Options --------- */

/*=== 11.1 BORDER-RADIUS ===*/
.wp-caption, img.thumbnail, .meta, span.read-more a, .flickr img, #comments .comment .avatar-wrap img,
.button-spot a, #respond textarea, #respond input, .cform ol.forms input.txt, .cform ol.forms textarea { 
    border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
}
.widget, .front, .sf-menu li a, .sf-menu li, .sf-menu li ul { 
    border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
}
input[type="submit"], a.button, .cs-buttons a { 
    border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
}
#loopedSlider .container, .cbox-in { 
    border-radius:12px; 
	-moz-border-radius:12px; 
	-webkit-border-radius:12px;
}
#comments .comment .text-right .comm-reply { 
    border-top-right-radius:5px; border-top-left-radius:5px; 
    -moz-border-radius-toprigh:5px; -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; 
}
#comments .comment .text-right .comment-entry { 
    border-bottom-right-radius:5px; border-bottom-left-radius:5px; 
    -moz-border-radius-bottomrigh:5px; -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;
}

/*=== 11.2 TEXT-SHADOW ===*/
.sf-menu li a { 
    text-shadow: 0 1px 1px #ffffff;
}
.sf-menu li.current-menu-item a, .sf-menu li.current_page_item a,
.sf-menu li.current-menu-item a:hover, .sf-menu li.current_page_item a:hover { 
    text-shadow: 0px 1px #222;
}

/*=== 11.2 BOX-SHADOW ===*/
.cbox-in {
    box-shadow: 0 0 2px #777777;
    -moz-box-shadow: 0 0 2px #777777;
    -webkit-box-shadow: 0 0 2px #777777;
}