/*
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. NAVIGATION Area ---------  */

/*=== 2.1 Additional Navigation Options ===*/
.addnavigation-area { background:#3c5689 url(images/wtitle-bg-trans.png) no-repeat left top; border-bottom:1px solid #00235d }

/* First level menu items */
.add_menu { z-index:3; background:transparent }
ul.sf-addmenu { background:none; border:none; padding:0 }
.sf-addmenu li ul { border:none; padding:0; margin:0 }
.sf-addmenu, .sf-addmenu ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.sf-addmenu a  { display:block; z-index:100; padding:0 10px; line-height:35px; font-size:11px; color:#CCCCCC; text-decoration:none }
.sf-addmenu a:hover  { color:#ffffff }
.sf-addmenu li:hover { background:#282F33 }
.sf-addmenu li:hover li a { color:#cccccc }
.sf-addmenu li.current_page_item a { color:#ffffff; font-weight:bold }
.sf-addmenu li  { float:left; width: auto; padding:0; margin:0 }
.sf-addmenu li li.current_page_item { background: none; }
.sf-addmenu li.current_page_item { background:#282F33 }
.sf-addmenu .sf-sub-indicator { padding-left:5px }

/* Drop-down menu items */
.sf-addmenu li ul  { position:absolute; left:-999em; width:175px; background:#171D21 }
.sf-addmenu li ul li  { border:none; padding:0; margin:0 }
.sf-addmenu li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 10px; width:150px; padding-left:15px; line-height:30px; font-size:10px; color:#000000 }
.sf-addmenu li ul li ul li a  { width:150px; line-height:28px; font-size:10px }
.sf-addmenu li ul li:hover  { background:#282F33 }
.sf-addmenu li ul li a:hover { color:#ffffff }
.sf-addmenu li ul  { padding:5px; }
.sf-addmenu li ul ul  { margin: -20px 0 0 140px; }
.sf-addmenu li:hover ul ul, .sf-addmenu li.sfhover ul ul, .sf-addmenu li:hover ul ul ul, .sf-addmenu li.sfhover ul ul ul { left:-999em; }
.sf-addmenu li:hover ul,.sf-addmenu li li:hover ul,.sf-addmenu li li li:hover ul,.sf-addmenu li.sfhover ul,.sf-addmenu li li.sfhover ul,.sf-addmenu li li li.sfhover ul  { left:auto; }
.sf-addmenu li:hover,.sf-addmenu li.hover  { position:static; }

/* RSS feed icon */
li.rss-button a { margin:1px 0 0 0; line-height:13px }
li.rss-button a:hover, li.rss-button:hover { background:transparent }

/*--------- 2.2 Main Navigation Options ---------  */
.navigation-area { background:#00235d url(images/wtitle-bg-trans.png) no-repeat left top }

/* First level menu items */
.main_menu { z-index:2; background:transparent }
ul.sf-menu { background:none; border:none; padding:0; margin:20px 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:5px 16px; line-height:30px; font-size:17px; color:#ffffff; text-decoration:none }
.sf-menu li:hover { background:#324772 }
.sf-menu li ul li.current_page_item a { font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:0; margin:0 }
.sf-menu li.current_page_item { background:#0B1A23 }
.sf-menu li li.current_page_item { background: none; }
.sf-menu .sf-sub-indicator { padding-left:5px }

/* Drop-down menu items */
.sf-menu li ul  { position:absolute; left:-999em; width:180px; background:#F7F7F7 }
.sf-menu li ul li  { border:none; padding:0; margin:0 }
.sf-menu li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 15px; width:150px; padding-left:15px; line-height:30px; font-size:13px; color:#000000 }
.sf-menu li ul li ul li a  { width:150px; line-height:30px; font-size:12px }
.sf-menu li ul li:hover  { background:#DAE2E5 }
.sf-menu li ul li a:hover { color:#000000 }
.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; }

/* Logo Design */
.logo-spot { padding:0; margin:10px 0; z-index:2 }
.logo-spot .blog-title { font-size:28px; margin:0 }
.logo-spot .blog-title a { color:#ffffff }
.logo-spot .blog-description{ font-size:14px; color:#dddddd }
.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; background:#CDD5D8 url(images/wtitle-fff-bg-trans.png) no-repeat left top; border-top:1px solid #DEE7EA; border-bottom:1px solid #CCCCCC }
.pslider-area { z-index:1; background:#EEEEEE; border-bottom:1px solid #E8E8E8; margin:0 }
#loopedSlider {  }
#loopedSlider h1, #loopedSlider h2, #loopedSlider h3, #loopedSlider h4, #loopedSlider h5, #loopedSlider h6 { color:#000000 }
#loopedSlider .container { position:relative; height:340px; width:940px; overflow:hidden; position:relative }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { width:940px; position:absolute; top:0; display:none; padding:20px 0 }

/*=== 3.2 Slider Pagination ===*/
#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; border:none }
#loopedSlider ul.pagination li { list-style:none }
#loopedSlider ul.pagination li a { display:block; text-decoration:none; padding:10px 20px; margin:0; color:#888888 }
#loopedSlider ul.pagination li a:hover, 
#loopedSlider ul.pagination li.active a { background:#E8E8E8; color:#000000 }
#loopedSlider ul.pagination span.slit-big { font:normal 18px Tahoma; display:block; margin:5px 0; padding:0; color:#000000 }
#loopedSlider ul.pagination span.slit-small { font:normal 11px Tahoma; display:block; margin:5px 0; padding:0; line-height:23px  }

/*--------- 4. CONTENT BOXES Area ---------  */
.cbox-area { z-index:1; margin-top:30px }
.cbox { margin-bottom:30px }
.cbox h3 { font:normal 17px Tahoma; padding:0 0 15px 0; margin:0 }
.cbox h3 img { vertical-align: middle; margin:0 15px 0 0; padding:0 }
.cbox a.button { background:#EEEEEE url(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 }
.cbox a.button:hover { text-decoration:none; background-color:#dddddd }
.cbox .ccontent { padding:0; margin:0; line-height:23px; font-size:13px }
.cbox .ccontent ul { list-style-image:url(images/list-bullet-trans.png); margin:0 0 0 15px; padding:0; background:none; border:none }
.cbox .ccontent ol { margin:0; padding:0 }
.cbox .ccontent ul li { list-style-type:none; margin:0; padding:2px 0 2px 5px }
.cbox .ccontent ol li { padding:2px 0 2px 5px }
.cbox .ccontent ul li ul { list-style-image:none; background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none; margin:5px 0 }
.cbox .ccontent ul li ul li { line-height:15px; padding-left:17px; background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }

/*--------- 5. ADDITIONAL INFO Area ---------  */
.addinfo-area { z-index:1 }
.addinfo { margin-bottom:20px; margin-top:20px; padding:10px 20px; background:#FFF9DD; color:#666666; border:1px solid #EBE3BE }
.addinfo h1,.addinfo h2, .addinfo h3 { padding:0; margin:0; color:#222222 }
.addinfo img { float:left; margin:0 15px 0 0 }