/*  
Theme Name:    Berita Business
Theme URI:     http://themes.weboy.org/
Description:   Developed & Designed by Zeljan Topic.<a href="http://themes.weboy.org">Download More WordPress Themes</a>
Version:       1.9
Author:        BizzThemes
Author URI:    http://g.tk/gobizzthemes
*/

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

/*=== 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');

/*----------------------------------------------

STYLE.CSS FILE STRUCTURE:

1. GENERAL STYLING Options
    1.1 Global Design Options
	1.2 Activation Design
	1.3 Image Handling
2. LOGO Area
    2.1 Logo Area Options
	    Search Form Options
		Logo Options
2. NAVIGATION Area
        First level menu items
	    Drop-down menu items
3. SLIDER Area
    3.1 Slider Content
	3.2 Slider Pagination
4. FOOTER WIDGETS Area
5. ARCHIVE/PAGE/POST Formating Options
    5.1 Text Formating
	5.2 Content Display
	5.3 Pagination Options
	5.4 Breadcrumbs Navigation
6. ADDON Options
    6.1 Contact Form
7. WIDGET Options
    7.1 General Widget Styling
	7.2 Specific Widget Styling
8. COMMENTS Options
    8.1 Comments
	8.2 Post Form
9. FOOTER Options
10. CSS3 Options
    10.1 BORDER-RADIUS
	10.2 BOX-SHADOW
	10.3 TEXT-SHADOW

----------------------------------------------*/
 
 
/*--------- 1. GENERAL STYLING Options --------- */

/*=== 1.1 Global Design Options ===*/
body{ font-family:Georgia; background:#F9F9F2; color:#525252 }
.main { padding-top:30px; padding-bottom:50px }
a{ color:#103AA5; text-decoration:none }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 18px 0 }
p strong, li strong { color: #555; }
blockquote { padding:0 15px; margin:15px 0 15px 15px; border-left:3px solid #ccc; display:block }
blockquote, blockquote p { font:italic 13px Tahoma; line-height:23px }
code { background:#F0F0F0 }
abbr, acronym { cursor:help }
a.button { background:#A01A00 url(images/ico-bullet-fff.png) no-repeat 8px 10px; color:#ffffff; font-size:15px; text-decoration:none; margin:0; padding:5px 10px 5px 20px; height:1% }
a.button:hover { text-decoration:none; background-color:#BE3C14 }

dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px }
dl dt { color:#555; font:bold 12px Tahoma; padding:8px 10px; vertical-align:middle }
dl dd { border:1px solid #E7E8D0; color:#333; padding:10px }

table { font-size:14px; width:100%; text-align:right; border-collapse:collapse; margin:0 0 20px }
table caption { margin:15px 0 }
table th { border:1px solid #E7E8D0; color:#555; font:bold 12px Tahoma; padding:8px 10px; vertical-align:middle }
table td { border:1px solid #E7E8D0; color:#333; padding:10px }
table td sup { font:normal 10px Tahoma; color:#555555 }
table td img { position: relative; vertical-align:middle }

input, textarea { font-size: 1em; color: #444444; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }
input:focus, textarea:focus { background: #ffffff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
input[type="submit"] { padding:6px 12px; margin:5px 0; color:#ffffff; font:bold 13px Tahoma; background:#5B261B url(images/bg-button.png) no-repeat center 0; border:1px solid #414C2A }
input[type="submit"]:hover { cursor:pointer; opacity:0.86 }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .alignleft{ float: left }
.fr, .alignright{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
.al{ text-align: left }

/*=== 1.2 Activation Design ===*/

.activation { text-align:center; position:absolute; top:35%; left:30%; font:normal 20px Georgia; background:#ffffe0; border:1px solid #e6db55; padding:15px }
.activation small { font:normal 16px Georgia }

/*=== 1.3 Image Handling ===*/
img.alignleft, img.left { float: left; margin:0 15px 10px 0 }
img.alignright, img.right { float: right; margin:0 0 15px 10px }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

.wp-caption { background:#F6F4EF; border:1px solid #B0B5B7; color:#666666 }
.wp-caption img { margin:5px 5px 0 5px; border:none !important; padding:0 !important }
.wp-caption-text { text-align:center; font-style:italic; margin:0 5px 5px 5px }
.wp-caption.alignleft { float: left; margin:0 15px 10px 0 }
.wp-caption.alignright { float: right; margin:0 0 10px 15px }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*--------- 2. LOGO Area ---------*/

/*=== 2.1 Logo Area Options ===*/
.logo-area { margin-bottom:20px }

/* Search Form Options */
.search-spot .search{ width:268px; height:35px; position:relative; margin:20px 0 0 0 }
.search-spot .search input{ color:#707070; font-size:1.25em; height:20px; width:220px; padding:8px 5px 8px 15px; margin:0; background:url(images/search-form.png) no-repeat 0 0; outline:0; border:0; float:left }
.search-spot .search button{ border:0; padding:0; margin:0; cursor:pointer }
.search-spot .search button span{ position:absolute; width:47px; height:35px; top:0; right:0; background:url(images/search-form.png) no-repeat 100% 0%}

/* Logo Options */
.logo-bgr { background:#ffffff; margin-bottom:20px; z-index:1 }
.logo-spot { padding:0 }
.logo-spot .blog-title { font:normal 37px Georgia; margin:0 0 5px 0 }
.logo-spot .blog-description{ font:normal 17px Georgia }
.logo-spot h1.logo { padding:0; margin:0; line-height:10px }
.logo-spot h1.logo a:hover{ background:none }

/*--------- 2. NAVIGATION Area ---------  */
.navigation-area { margin-bottom:20px; background:#E9E9DF }

/* First level menu items */
.top_menu { z-index:2; background:transparent }
ul.sf-menu { background:none; border:none; padding: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 15px; line-height:35px; font-size:18px; color:#000000; text-decoration:none }
.sf-menu li:hover li a { color:#000000 }
.sf-menu li:hover { background:#F9F9F2 }
.sf-menu li ul li.current_page_item a { font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:2px 5px; margin:0 }
.sf-menu li li.current_page_item { background: none; }
.sf-menu li.current_page_item { background:#DEDBD1 }
.sf-menu .sf-sub-indicator { padding-left:5px }

/* Drop-down menu items */
.sf-menu li ul  { position:absolute; left:-999em; width:180px; background:#DEDBD1 }
.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:#F9F9F4 }
.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; }

/*--------- 3. SLIDER Area ---------  */

/*=== 3.1 Slider Content ===*/
.slider-area { z-index:1; margin-bottom:20px }
#loopedSlider { position:relative; width:960px }
#loopedSlider .container { width:700px; overflow:hidden; position:relative; background:transparent }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { width:690px; position:absolute; top:0; display:none; padding:20px 10px }

/*=== 3.2 Slider Pagination ===*/
#loopedSlider .prev { text-align:left }
#loopedSlider .nxt { text-align:right }


/*--------- 4. FOOTER WIDGETS Area ---------  */
.footer-area { z-index:1; background:#E9E9DF; padding-top:10px; margin-bottom:20px }

/*--------- 5. ARCHIVE/PAGE/POST Formating Options --------- */

/*=== 5.1 Text Formating ===*/
.format_text { line-height:25px }
.format_text img{ padding:5px; border:1px solid #B0B5B7 }
.format_text ul, .format_text ol { margin:0 0 10px 15px; padding:0; background:none; border:none }
.format_text ul li, .format_text ol li { font-size:15px; margin:0; padding:4px 0 }
.format_text ul { list-style-image:url(images/list-bullet-trans.png) }
.format_text ul li { list-style-type:none; padding:4px 0 4px 5px }
.format_text ol li { margin:0 0 0 10px; padding:4px 0 4px 5px }
.format_text ul li ul, .format_text ol li ol { list-style-image:none; margin:6px 0 }
.format_text ul li ul { background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none }
.format_text ul li ul li, .format_text ol li ol li { font-size:14px; line-height:15px; padding-left:17px }
.format_text ul li ul li { background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }
.format_text ul li ul li ul li, .format_text ol li ol li ol li { font-size:13px }

/*=== 5.2 Content Display ===*/
.content-area { z-index:1; margin-bottom:20px }
.front { background:#FCFBF7; border:1px solid #E1DFDA }
h2.title, h1.title { background:#F7F5EE url(images/title-bg-trans.png) no-repeat left bottom; padding:8px 20px; margin:0 0 20px 0; border-bottom:1px solid #E1DFDA; color:#000000; font-size:26px }
h1.title { padding:16px 20px 17px 20px; margin:0 0 15px 0 }
h2.title span.fl, h1.title span.fl { margin:8px 0 0 0 }
h2.title img, h1.title img { vertical-align:middle; margin:0; padding:0 }
.single { padding:5px 20px 10px 20px; margin:0; border-bottom:1px solid #E1DFDA }
.single.sing { border:none }
.single img.thumbnail { padding:5px; border:1px solid #B0B5B7 }
.headline h2 { margin:5px 0 }
.meta {color:#666666; margin:0 0 15px 0; padding:5px 0 }
.meta span, .meta abbr { font-style: normal }
span.read-more { padding:0 0 10px 0; display:block }
span.read-more a  { background:#A7483C; color:#ffffff; font-size:12px; text-decoration:none; margin:0; padding:5px 10px }
span.read-more a:hover { text-decoration:none; background-color:#5B261B }

/*=== 5.3 Pagination Options ===*/
.wp-pagenavi { background:#F7F5EE url(images/title-bg-trans.png) no-repeat left bottom; padding:20px 20px; margin:0; font-size: 12px; text-align:center }
.wp-pagenavi span.pages { color:#000000; border:1px solid #000000; background-color:#FFF; margin:2px; padding:2px 4px }
.wp-pagenavi span.current { font-weight:700; border:none; color:#ffffff; background-color:#5B261B; margin:2px; padding:5px 8px }
.wp-pagenavi span.extend { border:none; color:#000000; background-color:#ffffff; margin:2px; padding:2px 4px }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active { text-decoration:none; border:1px solid #dbdbdb; color:#000000; background:#FFF; display: inline; margin:2px; padding:4px 7px }
.wp-pagenavi a:hover { background-color:#dbdbdb }

/*=== 5.4 Breadcrumbs Navigation ===*/
#breadcrumb p{ background:#FCFBF7 url(images/title-bg-trans.png) no-repeat left bottom; font:normal 11px Verdana; padding:8px 20px; margin:0; border-bottom:1px solid #E1DFDA }
#breadcrumb p a {  }
#breadcrumb p strong {  }

/*--------- 6. ADDON Options --------- */

/*=== 6.1 Contact Form ===*/
.bizzclean-contact { text-align: left; width: 30em; display: block; border:0; padding-top: 1em }
.clean-contact input[type=text] { width:97%; margin-bottom: .5em; padding:5px }
.clean-contact label { clear: none; display: inline; text-align: left; }
.clean-contact textarea{ width:97%; height: 15em; margin-bottom: .5em; font-size: 1.2em; padding:5px }
.clean-contact label em { font-weight: bold; font-style: normal; color: red; }
.clean-contact-msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.clean-contact-msg.ok{ background-color: #E9F4FD; border: solid 1px #BFD4E9; color: #000; margin: 2em 0 2em 0; }
.clean-contact-msg.err{ background-color: #FFD9C8; border: solid 1px #EF9583; color: #000; }
	  
/*--------- 7. WIDGET Options --------- */

/*=== 7.1 General Widget Styling ===*/
.widget { margin:0 0 20px 0; padding:10px 15px }
.widget h3 { font:normal 19px Georgia; color:#000000; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid #CDCAC4  }
.widget h3 img  { vertical-align: middle; border:0; padding:0; margin:0 8px 0 0 }
.widget h3 img.wid-icon  { margin:0 15px 0 0 }
.widget ul { list-style-image:url(images/list-bullet-trans.png); margin:0 0 0 20px; padding:0; background:none; border:none }
.widget ul li { list-style-type:none; margin:0; padding:2px 0 }
.widget ul li ul { list-style-image:none; background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none; margin:5px 0 }
.widget ul li ul li { line-height:15px; padding-left:17px; background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }
 
/*=== 7.2 Specific Widget Styling ===*/
.widget .rec-title { font-size:13px }
.widget .rec-title img { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px }
.widget .rec-excerpt { line-height:23px; margin:10px 0 }
.widget .rec-date { font-size:11px; margin:0 0 10px 0; color:#969696 }
 
.flickr { padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 0 0 5px }
.flickr img{ padding:3px; border:1px solid #B0B5B7 }

ul#twitter_update_list li span{ line-height:23px }
ul#twitter_update_list li span a { display:inline; margin:0 }
ul#twitter_update_list li a { display:block; margin:10px 0 }
#twitter .follow-text { margin:10px 0 0 18px; padding:15px 0; font-size:11px; font-weight:bold }

.widget .search{ width:268px; height:35px; position:relative; margin:0 }
.widget .search input{ color:#707070; font-size:1.25em; height:20px; width:220px; padding:8px 5px 8px 15px; margin:0; background:url(images/search-form.png) no-repeat 0 0; outline:0; border:0; float:left }
.widget .search button{ border:0; padding:0; margin:0; cursor:pointer }
.widget .search button span{ position:absolute; width:47px; height:35px; top:0; right:0; background:url(images/search-form.png) no-repeat 100% 0%}

#calendar_wrap { width:100%; padding:0; margin:0 }
#calendar_wrap a { font-weight: bold; }
#calendar_wrap a:hover {  }
table#wp-calendar { width:100%; border-collapse: collapse; margin:0 }
table#wp-calendar caption { margin:0 0 0 -1px; font-weight:bold; letter-spacing: 2px; padding:25px 0 10px 0; color:#fff; background:transparent url(images/calendarhead.png) repeat-x left top }
table#wp-calendar th, table#wp-calendar td { padding:5px; text-align:center; color:#333333 }
table#wp-calendar th { width: 14%; border:1px solid #cccccc; background:#f2f2f2 }
table#wp-calendar td { width: 14%; border:1px solid #cccccc; background:#ffffff }
#today  { background:#ffffcc }
table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; letter-spacing: 1px; }
table#wp-calendar td#next { text-align: right; }
table#wp-calendar td#prev { text-align: left; }
table#wp-calendar td#prev, table#wp-calendar td#next { background:transparent; border:none }
table#wp-calendar tfoot td.pad { background:transparent; border:none }

.widget .ad-box { text-align:center }
  
/*--------- 8. COMMENTS Options --------- */

/*=== 8.1 Comments ===*/
h3.tcomm, h2.post-form { font-size:22px; color:#333333; padding:10px 0; margin:20px 0 }
#respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 }
#comments { background:transparent; position:relative }
#comments ol.commentlist, #comments ol.commentlist li { padding:0; margin:0; background:none; border:none }
#comments .comment { margin-top:10px !important; width:100%; list-style-type:none }
#comments .comment a { padding:1px 0 }
#comments .comment small { font-size: 11px }
#comments .comment .comment-container  { padding:3px 0 }
#comments .comment .avatar-wrap { float:left }
#comments .comment .avatar-wrap img { background:#fff; padding:3px; border:1px solid #DDDDDD }
#comments .comment .text-right { margin-left:75px }
#comments .comment .text-right .comm-reply{ background:#F6F3EC; font:normal 12px Tahoma; color:#999999; padding:5px 10px 20px 10px; margin:0; border:1px solid #DDDDDD }
#comments .comment .text-right .comm-reply span.author{ font-weight:bold; color:#000000 }
#comments .comment .text-right .comm-reply .fr{ margin:0 }
#comments .comment .text-right .comm-reply small a{ font-weight:normal }
#comments .comment .text-right .comm-reply.authcomment { border:1px solid #3c3ca4; background:#eeeeff }
#comments .comment .text-right .comment-entry { background:#FCFBF7; padding:10px; border:1px solid #DDDDDD; border-width:0 1px 1px 1px }
#comments .comment .text-right .comment-entry p { padding:0 0 10px 0; margin:0 }
#comments ul.children { padding:0 0 0 25px; margin:0; list-style:none; border:none; background:none }
p.commpadd{ padding:0; margin:0 0 10px 0 }
.cancel-comment-reply { padding:10px 0 }
.cancel-comment-reply a#cancel-comment-reply-link { background:#FEFFA2; border:1px solid #DDDDDD; padding:4px 6px }

/*=== 8.2 Post Form ===*/
#respond { padding:10px 0; margin:0 }
#respond a{ padding:1px 0 }
#respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:#FCFBF7; }
#respond textarea { margin:0; padding:4px }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
p.commpadd label{ padding:0 0 0 5px }
#comments_wrap .navigation { margin:15px 0 0 0 }
#comments_wrap .navigation a { padding:5px 8px; color:#000000; font-size:12px; background-color:#dddddd; border:1px solid #777777; text-decoration:none }
#comments_wrap .navigation a:hover { opacity:0.86 }

/*--------- 9. FOOTER Options --------- */

.footer{ background:transparent; border-top:1px solid #DDDDDD; padding:10px 0 5px 0; font-size:11px; line-height:30px }
.footer .fr { padding:0; margin:0 }
.footer .fr ul { background:none; border:none; padding:0; margin:0; font-size:11px }
.footer .fr li { display:block; float:left; padding:0 10px 0 0; margin:8px 0 0 10px; border-right:1px solid #DDDDDD; line-height:15px }
.footer .fr li.last { border-right:none }
.footer .fr li a { font-size:11px }
.footer .fr li.powered { border-right:none; padding:0 0 0 10px; margin:0 }
.footer .fr img  { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px }

/*--------- 10. CSS3 Options --------- */

/*=== 10.1 BORDER-RADIUS ===*/

.sf-menu li:hover, .sf-menu li.current_page_item, .sf-menu li ul { 
    border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
}

input[type="submit"], .wp-caption, .single img.thumbnail, .meta, span.read-more a, .flickr img, #comments .comment .avatar-wrap img { 
    border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
}

.widget { 
    border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
}
a.button { 
    border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
}
#comments .comment .text-right .comm-reply { 
    border-top-right-radius:5px; border-top-left-radius:5px; 
    -moz-border-radius-toprigh:5px; -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; 
}
#comments .comment .text-right .comment-entry { 
    border-bottom-right-radius:5px; border-bottom-left-radius:5px; 
    -moz-border-radius-bottomrigh:5px; -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;
}

/*=== 10.2 BOX-SHADOW ===*/

a.button, input[type="submit"], .sf-menu li ul, span.read-more a { 
	box-shadow: 1px 1px 0 #5D5F60; 
	-moz-box-shadow: 1px 1px 0 #5D5F60; 
	-webkit-box-shadow: 1px 1px 0 #5D5F60;
}

/*=== 10.3 TEXT-SHADOW ===*/

a.button, span.read-more a { 
    text-shadow: 0 1px 1px #000000;
}

h2.title, h1.title, .widget h3, h3.tcomm, h2.post-form { 
    text-shadow: 0 1px 1px #ffffff;
}