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

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */


/*---------GENERAL STYLING--------- */
body{ background: url(images/bgr.jpg) #000000 repeat-x top; font-family:Arial }
a{ color:#6fb0e9; text-decoration: none; }
  a:hover{ color:#d1001e; text-decoration:underline;}
a.cat-item{ color:green; text-decoration: none; }
  a.cat-item:hover{ color:#d1001e; text-decoration:underline;}
input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }
li{ list-style: none }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl{ text-align: center; float: left;  }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
img.centered{ display: block; margin-left: auto; margin-right: auto }
img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline }
img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline }
.alignleft{ float: left }
.alignright{ float: right }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:right; list-style:none; padding:0; font-size: 13px; margin-right:50px }
#pagenav a{display:block }
#pagenav li{float:right; font-weight:normal; line-height:40px; font-family:Arial; color:#d9ddde}
#pagenav li a{font-size: 20px; padding-top:4px; border-right:1px solid #344a62; text-transform:lowercase }
#pagenav .hometab a{border-left:1px solid #344a62}
#pagenav li ul li a{font-size: 12 px; padding-top:0 }
#pagenav li a:hover{text-decoration:none; }
#pagenav li ul li a:hover{text-decoration:underline }
#pagenav li ul{position:absolute; width:18em; left:-999em; padding-top:1px }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }
#pagenav li ul li{background:#0f121b; border:solid #D8D8D8; padding-top:5px; line-height:22px; width:18em; border-width:0 1px 1px 1px; filter:alpha(opacity=80);
	-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; font-size: 12px;}
#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-37px 0 0 234px }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover{ }
#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:1px 1px 0 1px }
#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }
select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }


/*=== TOP MENU for PAGES ===*/
#top_menu{ height:53px; text-align:right }
#top_menu li{ float:left; line-height:33px; margin:0 }
#top_menu li a{ color:#d9ddde; display:block; padding:8px 20px }
#top_menu li ul li a{ border:0; margin:0 }
#top_menu li a:hover, #top_menu li.active a{ color:#8dc3f2; text-decoration:none }
#top_menu li.category-home a{ border-left:0 }
.switcher { padding: 75px 0 0 0 }
#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background: }

/*--------- FEATURED SLIDER --------- */
.featslider{ color:#000000; padding:20px 0 }
.stepcarousel{ position: relative !important; margin:0 0 0 0; overflow: scroll; height: 300px }
.stepcarousel .belt{ position: absolute !important; left: 0; top: 0 }
.stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 15px; width: 790px }
.featured-button{ padding:130px 0 0 0; width:50px }

.slider-post{ line-height:24px }
  .slider-post a{ border:none; text-decoration:none }
  .slider-post .slider-title{ font:normal 22px Arial;  padding:0 0 25px 0; color:#d1001e;}
  .slider-post img.fr{ border:10px solid #abb6b9; margin:0 0 6px 10px }
  .slider-post .wp-caption{ margin:0 10px 20px 10px  }
  .slider-post .btn { margin:0; padding:5px 10px; background:#A01A00; color:#FFFFFF; border:none; font-weight:bold }
    .slider-post a.btn:hover { background:#CC2500; text-decoration:none }

  .slider-post p a{ color:#000000; border-bottom:1px dotted #000000; padding:2px 1px; }
    .slider-post p a:hover{ background:#5B261B; color:#ffffff; text-decoration:none; border-bottom:none }
  .slider-post ul, .slider-post ol{ padding:0; margin:0 0 20px 0 }
    .slider-post ul li{ color: #555555; background: url(images/dot1.gif) no-repeat 0px 5px; margin:0px 10px; padding: 0 5px 10px 15px; line-height: 16px }
    .slider-post ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 20px }	
  .slider-post li a:hover{ color: #a4b92e; text-decoration: none }
  
/*--------- PAGES --------- */
.pagespot{ padding:10px 20px; margin:25px 0; }
#breadcrumb p{ padding:20px 0 0 20px; margin:0 0 -12px 0; font:normal 13px Verdana }
* html #breadcrumb p{ margin:0 0 -15px 0 }
    #breadcrumb p strong{ padding:0 0 14px 0; background: url(images/breadcrumb-arr.png) no-repeat center bottom; }


/*=== Footer Widgets ===*/
#footwidgets-front .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }
  #footwidgets-front .widget-spot .widget{ padding:0 30px; border-right:1px solid #1b3659; line-height:24px }
    #footwidgets-front .last .widget{ border-right:none }
  #footwidgets-front .widget-spot .widget h3{ font:normal 22px Arial; color:#6fb0e9}
  #footwidgets-front .widget-spot .widget p{ font:normal 13px Arial; color:#d9ddde; line-height:19px}
  #footwidgets-front .widget-spot .widget .button-link a{ background:#F9F9F2; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-front .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:d9ddde; }
  #footwidgets-front .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #footwidgets-front .widget-spot .widget button{ float:right; background:#F9F9F2; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-front .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#6fb0e9}
  #footwidgets-front .widget-spot .widget ul, #footwidgets-front .widget-spot .widget ol{ padding:20px 3px; margin:0 0 20px 0; color:d9ddde;}

 #footwidgets-front .widget-spot .widget a{color:d9ddde;}
  #footwidgets-front .widget-spot .widget ul li{ margin:10px 0; padding:0 0 9px 15px; background: url(images/dot.gif) no-repeat left top; line-height: 10px }


#footwidgets-blog .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }
  #footwidgets-blog .widget-spot .widget{ padding:0 30px; border-right:1px solid #1b3659; line-height:24px }
    #footwidgets-blog .last .widget{ border-right:none }
  #footwidgets-blog .widget-spot .widget h3{ color:#6fb0e9;  font-weight:normal; font-size:22px }
#footwidgets-blog .widget-spot .widget p{ font:normal 13px Arial; color:#d9ddde; line-height:19px}
  #footwidgets-blog .widget-spot .widget .button-link a{ background:#F9F9F2; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-blog .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-blog .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #footwidgets-blog .widget-spot .widget button{ float:right; background:#F9F9F2; border:1px solid #cccccic; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-blog .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-blog .widget-spot .widget ul, #footwidgets-blog .widget-spot .widget ol{ padding:10px 3px; margin:0 0 20px 0 }
  #footwidgets-blog .widget-spot .widget ul li{ margin:10px 0; padding:0 0 10px 18px; background: url(images/dot.gif) no-repeat left top; line-height: 17px;}
  #footwidgets-blog  .widget-spot .widget #calendar_wrap{ padding:0; margin:0; background:#F9F9F2 }
  #footwidgets-blog  .widget-spot .widget #wp-calendar td {	padding:0 }

/*=== Widget styling ===*/
.sidebar .widget h3{ padding:20px 0 5px 0; }
  .sidebar .widget h3 span{ color:#6fb0e9; font:normal 22px Arial; padding:0px 0px;}

.widget #searchform, .widget #calendar_wrap{ background: #f4f2e6; height: 1%; margin: 0 0 2em; padding: 7px 15px 15px; border:1px solid #dddddd; clear: both; height: 1%; margin: 0 0 14px }
.widget #wp-calendar { margin-left:auto; margin-right:auto; text-align:center; width:240px }
  .widget #wp-calendar caption { font-size:1.2em; text-transform: uppercase; font-weight: bold; padding: 10px 5px; margin-bottom:5px; color:#333333 }
.widget #wp-calendar thead th {	color:#333333 }
.widget #wp-calendar tfoot td { padding:10px 0 10px 0; text-align:left }
  .widget #wp-calendar tfoot td a { color:#333333 }
  .widget #wp-calendar tfoot td#next { text-align:right }
.widget #wp-calendar td {	width:auto }
  .widget #wp-calendar td a { padding:2px; text-decoration:none; border-bottom:1px dotted }
    .widget #wp-calendar td a:hover { color:#ffffff }

.flickr { padding:0 0 20px 0 }
  .flickr h3 span.flickr-logo{ padding:0; margin:0; color:#006BEF }
    .flickr h3 span span b{ color:#FF1183 }
  .flickr ul{ margin:5px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
  .flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px }
    .flickr img:hover{ border-color:#333 }

.subscribe img{ vertical-align:middle; margin:6px 0 8px }

#twitter_update_list span{ line-height:22px }
  #twitter a{ border-bottom:1px dotted }
  #twitter p.website{ margin: 0; padding: 18px 0 45px 60px; background: url(images/dot.gif) left 6px no-repeat }

/*---------ADVERTISING ads --------- */
.ad-box{ background:transparent; padding:0 0 30px 0; margin:0 }
.ads123456{ height:125px; float:left; margin:0; padding: 20px 0 0 0 }
  .ads123456 img{ float:left; border:1px solid #fff; margin:0 20px 0 0 }
#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px }
#big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 }
  #big_banner a:hover, #big_banner1 a:hover{ background:transparent }


/*=== Posts ===*/

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {padding:10px 0 15px 0; margin:0; color:#d1001e; font:normal 22px Arial; }
.post img { border:8px solid #abb6b9; margin:0 30px 0 0;}
.post a{ text-decoration: none; padding:0 0 1px 0; color:#d1001e; font:normal 22px Arial;}
.post a.more-link { text-decoration: none; padding:0 0 1px 0; color:#d1001e; font:normal 11px Arial;}

.post ul, .post ol{ padding:0px 0 0px 0px; margin:0 }
  .post ul li{ color: #555555; margin:0px 10px; padding: 0 5px 10px 15px; background: url(images/dot1.gif) no-repeat 0px 5px; line-height: 16px }
  .post ul li ul, .post ol li ol{ padding:0; margin:10px 0 0 0 }
  .post ol li{ list-style-type:decimal; margin: 0 0 0 50px; line-height: 24px }	

  .post code{ background:#e7ffd3 }
  .post p{ line-height:20px }

 .wp-caption{ background:#f6f6ed; border:6px solid #f6f6ed }
  .wp-caption img{ border:5px solid #f6f6ed }
  .wp-caption a{ border:none }
    .wp-caption a:hover{ background:none }
  .wp-caption p{ color:#777777; background:#f6f6ed; font:normal 11px Georgia; text-align:center; line-height:17px; padding:0 10px 10px 10px; margin:0 }