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



/*---------GENERAL STYLING--------- */
body
{

background-color:#efefef;
background-image:url(http://www.beergas.com/images/bg-header.jpg);
background-repeat:repeat-x;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333333;

margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right:0px;
padding: 0px;
}


#beergasLogo
{
height: 85px;
margin-top: 10px;
margin-left: 25px;
}

h1
{
font-family: "arial";
font-size: 24px;
color:#c00;
font-weight:lighter;
letter-spacing: -1px;

}

/* navigation */

#beergasNav ul 
{
padding-left: 0px;
padding-right: 0px;

list-style-type:none;
}

#beergasNav li
{
font-family: "arial";
font-size: 24px;
color:#fff;
font-weight:lighter;
letter-spacing: -1px;

margin-right: 30px;

display:inline;
}

.navActive
{
border-bottom: 2px solid #efefef;
}


/* navigation link formatting */

#beergasNav a:link {color: #fff !important; text-decoration: none; font-weight: normal; text-transform:lowercase}
#beergasNav a:visited {color: #fff !important; text-decoration: none; font-weight: normal; text-transform:lowercase}
#beergasNav a:hover {color: #efefef; text-decoration: none; font-weight: normal; text-transform:lowercase; border-bottom: 2px solid #fff}
#beergasNav a:active {color: #cccccc; text-decoration: none;  font-weight: normal; text-transform:lowercase}

a:link {color:#0069B5 !important; text-decoration: none; font-weight: bold;}
a:visited {color:#0069B5 !important; text-decoration: none; font-weight: bold;}
a:hover {color: #333; text-decoration: none; font-weight: bold;}
a:active {color: #000; font-weight: bold;}


#content
{
margin: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}

.greyBG
{
background-color: #ddd;
}

.featureHome
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333333;
padding: 15px;
}

#featuredServices ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333333;

list-style-type:none;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;

margin-top: 3px;
}

#featuredServices li
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333333;

padding-left: 20px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #fff;

border-top: 1px solid #efefef;

background-image:url(images/bg-list.gif);
background-repeat:no-repeat;
background-position: 5px 3px;
}

#bgFooter
{
height: 85px;
width: 100%;
background-color:#152034;

margin: 0px;
}

#copyright
{
padding: 15px;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#ccc;
}

.inputSubmit
{
margin: 5px;

width: 25px; 
height: 15px; 
background-color:#111; 

font-family: Arial;
color: #fff;
font-size: 10px;
border: none;
}


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




/*--------- FEATURED SLIDER --------- */
.featslider{ background:#F9F9F2; padding:20px 0 }
.stepcarousel{ position: relative !important; margin:0 0 0 30px; overflow: scroll; height: 300px }
.stepcarousel .belt{ position: absolute !important; left: 0; top: 0 }
.stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 15px; width: 760px }
.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 35px Georgia; text-transform:lowercase; padding:0 0 25px 0 }
  .slider-post img.fr{ border:10px solid #efefef; 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 blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }
  .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/ico-ok-trans.png) no-repeat left top; padding: 0 0 0 25px }
    .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; background:#ffffff; border:1px solid #dddddd; -moz-border-radius: 1% }
#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; }

/*=== Posts ===*/

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight:normal; margin:0 }
.post h2 {border-bottom: 1px dashed #ccc;}
.postImg { border:1px solid #efefef }
.post a{ text-decoration: none; padding:0 0 1px 0; border-bottom:1px dotted; color:#0069B5 !important; }
  
  .post code{ background:#e7ffd3 }
  .post p{ line-height:18px }

 .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 }
	  

/*---------SIDEBAR --------- */
.sidebar { padding: 0px }
  .sidebar ul, .sidebar ol{ padding:10px 15px; margin:0 0 20px 0; background:#F4F2E6; border:1px solid #dddddd }
  .sidebar ul li{ margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: dotted 1px #d8d8d8 }
  .sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
    .sidebar ul li ul{ margin: 0; padding:10px 0 0 0; border:none }
	  .sidebar ul li ul li{ border:none }

  /*=== Widget styling ===*/
.sidebar .widget h3{ font-family: arial; font-size: 18px; margin-top: 15px; margin-left: 0px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding-top: 7px; padding-bottom:6px;  text-transform: capitalize; color: #c00;}

.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/twitter-trans.png) left 6px no-repeat }