/*
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 classes 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 */
/*  
Theme Name:    Berita Business
Theme URI:     http://bizzartic.com/
Description:   Developed by Zeljan Topic.
Version:       1.6
Author:        
Author URI:    
*/



/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/*---------GENERAL STYLING--------- */

body{ background: url(images/bgr.gif) #F9F9F2 repeat-x top; font-family:Georgia }
a{ color:#000; text-decoration: none; }
  a:hover{ color:#FFFFFF; text-decoration:none; background:#5B261B }
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{ 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 }

/*--------- HEADER --------- */
#header{ height: 130px }

/*=== Logo Spot ===*/
#header .blog-title{ line-height:49px; display:inline }
#header .blog-title a{ background:#5B261B; color:#ffffff; font-size:24px; font-weight:bold; padding:10px 15px; text-transform:uppercase }
  #header .blog-title a:hover{ text-decoration:none; background:#A01A00 }
#header .blog-description{ display:inline; color:#5B261B; font-style:oblique; font-size:16px; font-weight:bold; padding:0 15px; text-transform:lowercase }
#header h1.logo a:hover{ background:none }

/*=== Search Spot ===*/
#search-spot .search-form{ padding:15px 0 0 0; position:relative }
  #search-spot .search-form input{ border:1px solid #5B261B; width:258px; padding:6px 10px 5px 10px; color:#5B261B; font-size:12px }
  #search-spot .search-form button{ background:url(images/search-btn-trans.png) #5B261B no-repeat; border:none; position:hide; width:30px; height:30px; top:15px; right:0 }

/*=== TOP MENU for PAGES ===*/
#top_menu{  font-size: 1.65em; height:43px; text-align:left }
#top_menu li{ float:left; line-height:0px; margin:0 }
#top_menu li a{ color:#33332E; display:block; padding:0px 29px; }
#top_menu li ul li a{ border:0; margin:0 }
#top_menu li a:hover, #top_menu li.active a{ color:#33332E; background:#DEDBD1; 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:#DEDBD1 }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 12px }
#pagenav a{display:block }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Georgia, Times, serif }
#pagenav li a{font-size: 1.75em; padding-top:0px; border-right:1px solid #F9F9F2; text-transform:lowercase }
#pagenav .hometab a{border-left:1px solid #F9F9F2 }
#pagenav li ul li a{font-size: 18px; padding-top:0 }
#pagenav li a:hover{background:#DEDBD1; 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:#FFF; border:solid #D8D8D8; padding-top:5px; line-height:21px; width:18em; border-width:0 1px 1px 1px }
#pagenav li:hover, #pa