/*
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{ font-family:Tahoma; background:#e3e3e3 }
a{ color:#000000; text-decoration: none; }
  a:hover{ text-decoration:underline }
input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl{ 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 }

/*---------TOP NAVIGATION for CATEGORIES--------- */
.top-cat-bgr{ background:#ffffff; border-top:1px solid #C6C6C6; border-bottom:5px solid #5b5755; margin:0 0 10px 0 }
#cat-menu{ height:25px; text-align:left; background:#ffffff }
  #cat-manu a{ display:block }
  #cat-menu li{ float:left; font-weight:normal; line-height:25px; padding:7px 0; margin:0 }
    #cat-menu li a{ color:#5b5755; display:block; padding:0 11px; text-transform:uppercase; font-size: 14px }
	  #cat-manu li a:hover{ background:#5b5755; text-decoration:underline }
      #cat-menu li a:hover, #cat-menu li.active a{ color:#ffffff; background:#5b5755 }
  #cat-menu li.category-home a{ border-left:0 }
  #cat-menu li.current-cat a,  #cat-menu li.current-cat-parent a{ background:#5b5755; color:#ffffff }

/*---------DROPDOWN NAVIGATION FOR CATEGORIES--------- */
#catnav, #catnav ul{ float:left; list-style:none; font-weight:normal; padding:0; font-size: 11px; margin-bottom:0; z-index:1000 }
        #catnav li ul li a{ font-size:14px; padding-top:0 }
		  #catnav li ul li a:hover{ text-decoration:underline }
    #catnav li ul{ position:absolute; width:15em; left:-999em; margin:7px 0 0 0; border:1px solid #5b5755 }
    #catnav li:hover ul, #catnav li.sfhover ul{ left:auto; z-index:1000 }
      #catnav li ul li{ background:#ffffff; line-height:30px; padding:0; width:15em; font-weight:normal }
    #catnav li:hover, #catnav li.sfhover{ position:static }
      #catnav li ul ul{ margin:-31px 0 0 15em }
      #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul{ left:-999em; padding:0 }
      #catnav li:hover, #catnav li.sfhover{  }
        #catnav li ul li ul li, #catnav li ul li ul li ul li, #catnav li ul li ul li ul li ul li{ margin-top:0 }
          #catnav li ul li ul, #catnav li ul li ul li ul, #catnav li ul li ul li ul li ul{  }
          #catnav li:hover ul ul, #catnav li.sfhover ul ul, #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li:hover ul ul ul ul, #catnav li.sfhover ul ul, #catnav li.sfhover ul ul ul, #catnav li.sfhover ul ul ul ul{ left:-999em }
          #catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li li li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul, #catnav li li li.sfhover ul, #catnav li li li li.sfhover ul{ left:auto }
select, #catnav{ padding:0 }

/*=== 468x60 AD ===*/
.ad-468{ padding:0; text-align:right; top:0; margin-top:3px }

/*=== Search Spot ===*/
#search-spot{ padding:0 }
  #search-spot .search-form{ padding:7px 0 0 0; margin:0 }
    #search-spot .search-form input{ border:1px solid #353535; width:198px; background:#5b5755; padding:6px 10px 5px 10px; color:#ffffff; font-size:14px }
    #search-spot .search-form button{ border:none; width:30px; height:30px; top:15px; right:0 }


/*=== Featured Panel ===*/
.featured-panel{ background:#ffffff; margin:0 0 10px 0; padding:10px 0; border:1px solid #c6c6c6 }
  .featured-panel .featured-post{ background:#ffffff; margin-right:8px }
    .featured-panel .featured-post h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#5b5755; border-bottom:1px solid #C6C6C6}
	.featured-panel .featured-post img { float:left; margin:0 15px 0 0 }
	.featured-panel .featured-post .feat-right { }
	  .featured-panel .featured-post .feat-right .feat-title { margin:0; padding:0 0 5px 0 }
	    .featured-panel .featured-post .feat-right .feat-title a { font:normal 19px Tahoma; color:#202020 }
            .featured-panel .featured-post .feat-right .feat-title a:hover { color:#f05a28 }
	  .featured-panel .featured-post .feat-right .feat-meta { padding:5px 0 10px 0; color:#666666; text-transform:uppercase; font:normal 10px Tahoma }
	    .featured-panel .featured-post .feat-right .feat-meta a { color:#666666 }
	    .featured-panel .featured-post .feat-right .feat-meta span.feat-date { text-align:left }
	    .featured-panel .featured-post .feat-right .feat-meta span.feat-comment { text-align:right }
	  .featured-panel .featured-post .feat-right .feat-content { margin:0; padding:10px 0 0 0 }
	  .featured-panel .featured-post .feat-right .feat-related { background:#C6C6C6; margin:15px 0 10px 0; padding:5px 0 }
	    .featured-panel .featured-post .feat-right .feat-related .rellist { margin:3px 0 }
		  .featured-panel .featured-post .feat-right .feat-related .rellist a{ color:#5b5755; font:normal 11px Tahoma }
		  .featured-panel .featured-post .feat-right .feat-related .rellist a:hover{ color:#f05a28 }
  .featured-panel .top-stories{ background:#dddddd; border:1px solid #D8D4CA; margin-left:8px }
    .featured-panel .top-stories h3{ margin:5px 10px 0 10px; padding:0 0 5px 0; font:bold 13px Tahoma; color:#5b5755; border-bottom:1px solid #c6c6c6 }
	  .featured-panel .top-stories .ts-content{ padding:10px }
	    .featured-panel .top-stories .ts-content .ts-cat {  }
		  .featured-panel .top-stories .ts-content .ts-cat a { text-transform:uppercase; font:normal 10px Tahoma }
		.featured-panel .top-stories .ts-content .ts-title { padding:0 0 13px 0 }
		  .featured-panel .top-stories .ts-content .ts-title a { font:normal 17px Tahoma; color:#202020 }
.featured-panel .top-stories .ts-content .ts-title a:hover { color:#f05a28 }
		.featured-panel .top-stories .ts-content .ts-more { background:#dddddd; color:#5b5755; border:solid #c6c6c6; border-width:1px 0; margin:15px 0 0 0 }
		  .featured-panel .top-stories .ts-content .ts-more a{ color:#f05a28; font:normal 19px Tahoma }
		  .featured-panel .top-stories .ts-content .ts-more a:hover{ color:#f05a28 }

/*=== Stepcarousel ===*/
.featslider{ background:#ffffff; margin:0 0 10px 0; padding:10px 0; border:1px solid #c6c6c6 }
  .featslider h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#5b5755; border-bottom:1px solid #c6c6c6c6 }
	  
ul#galleryNav{ width:60px; position:absolute; top:0; right:0; z-index:9999 }
  ul#galleryNav li{ list-style:none }
      ul#galleryNav li a span{ display:none; visibility:hidden }
    ul#galleryNav li#left a, ul#galleryNav li#right a{ background:url(images/bt-left-right.gif) no-repeat; width:20px; height:20px; position:absolute; top:0; left:5px }
    ul#galleryNav li#right a{ background-position:-22px 0; top:0; left:30px }

.stepcarousel{ position: relative !important; overflow: scroll; height:210px; }
  .stepcarousel .belt{ position: absolute !important; left: 0; top: 0 }
  .stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 0px 18px 15px 3px; width: 140px }

.slider-post{ line-height:24px }
  .slider-post .slider-cat{ padding:5px 0 }
    .slider-post .slider-cat a{ font:normal 11px Tahoma; text-transform:uppercase }
  .slider-post .slider-title{ padding:7px 0 0 0 }
    .slider-post .slider-title a{ color:#202020; font:bold 13px Arial }
    .slider-post .slider-title a:hover{ color:#f05a28 }

/*=== Widgetized ===*/
.widgetized{ margin:0 11px 0 0; display: inline; float: left; position: relative }
.wlast{ margin:0 0 0 1px }
.widgetized .widget{ background:#ffffff; border:1px solid #c6c6c6; width:300px; padding:5px; margin:0 0 10px 0 }
  .widgetized .widget h3{ margin:5px 5px 10px 5px; padding:0 0 5px 0; font:bold 13px Tahoma; color:#666666; border-bottom:1px solid #c6c6c6 }
  .widgetized .widget h3 a{ color:#bc4720 }
    .widgetized .widget h3 span{ float:right; padding:1px 0 0 0 }
	  .widgetized .widget h3 span a{ background:url(images/rss-small-trans.png) no-repeat; width:16px; height:16px; padding:2px 8px }
  .widgetized .widget .rec-post-cat { margin:0; padding:0 5px 5px 5px }
    .widgetized .widget .rec-post-cat .rec-title { margin:0; padding:0 0 5px 0 }
	  .widgetized .widget .rec-post-cat .rec-title a { font:normal 19px Tahoma; color:#202020 }
	  .widgetized .widget .rec-post-cat .rec-title a:hover { color:#f05a28 }
	.widgetized .widget .rec-post-cat .rec-meta { padding:5px 0 10px 0; color:#666666; text-transform:uppercase; font:normal 10px Tahoma }
	  .widgetized .widget .rec-post-cat .rec-meta a { color:#666666 }
	    .widgetized .widget .rec-post-cat .rec-meta .rec-date { float:left }
	    .widgetized .widget .rec-post-cat .rec-meta .rec-comment { text-align:right }
	.widgetized .widget .rec-post-cat img{ float:left; margin:0 10px 10px 0 }
	.widgetized .widget .rec-post-cat p.featured-excerpt { padding:3px 0 15px 0; margin:0 0 8px 0; border-bottom:1px solid #cecac2 }
	.widgetized .widget .rec-post-cat .rec-list { margin:3px 0 }
      .widgetized .widget .rec-post-cat .rec-list a{ font:bold 11px Tahoma; color:#202020 }
      .widgetized .widget .rec-post-cat .rec-list a:hover{ color:#f05a28 }
	.widgetized .widget .rec-post-cat .rec-more { color:#cecac2; border:solid #cecac2; border-width:1px 0; margin:15px 0 0 0 }
	  .widgetized .widget .rec-post-cat .rec-more a{ color:#202020; font:normal 11px Tahoma }	

  .widgetized .widget ul, .widgetized .widget ol{ padding:10px 0 0 20px; margin:0 }
    .widgetized .widget ul a, .widgetized .widget ol a{ font:bold 11px Tahoma; color:#202020 }
        .widgetized .widget ul a:hover{ color:#f05a28 }
        .widgetized .widget ol a{ color:#f05a28 }
  .widgetized .widget ul li{ margin:0; padding:5px 0; line-height:15px }
  .widgetized .widget ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
    .widgetized .widget ul li ul{ margin:0; padding:10px 0 0 20px; border:none }
	  .widgetized .widget ul li ul li{ border:none; padding:5px 0; margin:0 }

/*---------SIDEBAR --------- */
.sidebar { padding:0; margin:0 0 0 10px }
  .sidebar .widgetized{ margin:0 }
    .sidebar .widgetized .widget{ background:#ffffff; border:1px solid #c6c6c6; width:300px; padding:5px; margin:0 0 10px 0 }

/*---------ADVERTISING ads --------- */
.ad-box{ background:transparent; padding:5px 0 0 0; margin:0 0 15px 3px }
#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 }
	
/*=== Advertising Scripts ===*/	
.adsense-box { background:#ffffff; border:1px solid #c6c6c6; margin-bottom:10px; text-align:center }
.adsense-inline { padding:10px }

/*=== Archive ===*/
.archive-spot { padding:8px; margin:0; background:#ffffff; border:1px solid #c6c6c6; }
  .archive-spot h2{ margin:5px 5px 20px 5px; padding:0 0 5px 0; font:normal 20px Tahoma; color:#000000; border-bottom:1px solid #c6c6c6 }
  .archive-spot .post { margin:15px 5px 10px 5px; padding:0 0 10px 0; border-bottom:1px solid #c6c6c6 }
    .archive-spot .post h2 { font:normal 17px Tahoma; margin:0 0 10px 0; color:#000000; border:none }
    .archive-spot .post h2 a:hover { color:#f05a28 }
	.archive-spot .post img { float:right; margin:0 0 0 25px }
	.archive-spot .post .meta { margin:0 0 10px 0; color:#999999 }
	  .archive-spot .post .meta a { color:#999999 }

/*=== Single/Page ===*/
.archive-spot .single { margin:5px 5px 10px 5px; padding:0 0 5px 0 }
  .archive-spot .single h2.title { font:normal 25px Tahoma; margin:0 0 15px 0; padding:0; color:#000000; border:none }
  .archive-spot .single h2 { font:normal 23px Tahoma; margin:0 0 10px 0; color:#000000; border:none }
  .archive-spot .single .meta { margin:0 0 10px 0; color:#999999 }
    .archive-spot .single .meta a { display: none; color:#999999 }
.archive-spot .single img { float:right; margin:0 0 0 25px }
	  
  .archive-spot .single h1, .archive-spot .single h2, .archive-spot .single h3, .archive-spot .single h4, .archive-spot .single h5, .archive-spot .single h6 { font-weight:normal; padding:10px 0 15px 0; margin:0 }
  .archive-spot .single a{ color:#f05a28; font-weight:normal }
  .archive-spot .single ul, .archive-spot .single ol{ padding:5px 0 20px 20px; margin:0 }
    .archive-spot .single ul li{ color: #555555; margin:0 0 0 30px; padding:0 0 5px 0; line-height: 24px }
    .archive-spot .single ul li ul, .archive-spot .single ol li ol{ padding:0; margin:10px 0 0 0 }
    .archive-spot .single ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 30px; line-height: 24px }	
  .archive-spot .single blockquote { background:#e6e6e6 url(images/quotes-orange.gif) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 70px; display:block }
  .archive-spot .single code{ background:#e9e9e9 }
  .archive-spot .single fieldset { border: 1px solid #cccccc; padding:10px }
  .archive-spot .single p{ line-height:24px }

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

/*=== Comments ===*/
#comments { padding:10px 5px 0 5px; margin:0; border-top:1px solid #c6c6c6  }
#comments h3{ font:normal 17px Tahoma; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{ padding:20px 0; list-style:none }
  #comments .comment { margin: 10px 0 0 0; width: 100%;}
    #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
	  #comments .comment a:hover{ color:#f05a28 }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa }
  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a{ font-size:13px; color:#aaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0; width:595px }
  #respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa }
#respond textarea { margin:0; padding:5px }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Tahoma; color:#FFFfff; text-align:center; padding: 5px; background:#000000; margin:0 }
	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding:20px 25px 25px 0 }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000000 !important }
  .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
    .Navi a:hover { color:#fff; background: #f05a28 }
  
/*=== Footer ===*/
.footer{ background:#000000; margin-top:10px }
.copyright{ color:#5b5755; font-size:13px; margin:0; padding:13px 0 33px 0 }
  .copyright .searchform { position:relative; margin:-2px 0 0 0; padding:0 }
  .copyright .searchform .s { color:#C4C1B0; font:bold 12px Tahoma; padding:5px 30px 5px 8px; width:300px; background:#5b5755; border:1px solid #A2A091  }
  .copyright .button { position:absolute; top:6px; right:6px; border:none; width:11px; height:13px }
.copyright a{ color:#CBCBCB }
  .copyright a:hover{ color:#ffffff; text-decoration:underline }
  .copyright .fr{ display:none; width:225px }
  .copyright .fr span{ background:url(images/bizzartic_credits-trans.png) right no-repeat; margin: 0 0 0 5px; padding:3px 57px; z-index:1000 }
  
.credentials{ background:#ffffff; padding:10px 0; margin-bottom:50px; border:solid #BFB7A6; border-width:0 1px 1px 1px; }
.credentials .fr { padding:0; margin:0 -11px 0 0 }
  .credentials .fr li{ display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; border-right:1px solid #BFB7A6 }
  .credentials .fr li a:hover { color:#f05a28 }
	
.footer-background{ background:#e9e9df }