/*  

Theme Name:    Berita Business

Theme URI:     http://bizzthemes.com/

Description:   Developed & Designed by Zeljan Topic.

Version:       2.0

Author:        BizzThemes

Author URI:    http://bizzthemes.com/

*/

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

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


/*=== 1.1 Global Design Options ===*/
body{ font-family:tahoma; background:#ffffff; color:#525252 }
.main { padding-top:30px; padding-bottom:50px }
a{ color:#83165a; 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:#83165a 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 tahoma; background:#ffffe0; border:1px solid #e6db55; padding:15px }
.activation small { font:normal 16px tahoma }


/*=== 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 { }



/* Search Form Options */

#searchform {margin-bottom:30px;padding:0;}
#searchform #s {border: 1px solid #ccc; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px;font:14px tahoma ;background: #fafafa;width: 200px}
#searchbtn {vertical-align:bottom;padding: 0 0 5px 2px;}

/* Logo Options */

.logo-bgr { background:#ffffff; margin-bottom:20px; z-index:1 }

.logo-spot { padding:0 }

.logo-spot .blog-title { font:normal 37px tahoma; margin:0 0 5px 0 }

.logo-spot .blog-description{ font:normal 17px tahoma }

.logo-spot h1.logo { padding:0; margin:0; line-height:10px }

.logo-spot h1.logo a:hover{ background:none }



/*--------- 2. NAVIGATION Area ---------  */

.navigation-area { background:#f0e2ea }

/* 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: 1.95em; color:#000; text-decoration:none }
.sf-menu li:hover li a { color:#000 }
.sf-menu li:hover { background:#b883a4;}
.sf-menu a:hover {color:#fff }
.sf-menu li ul li.current_page_item a { font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:2px 5px; margin:0;border-right:1px solid #F9F9F2; }
.sf-menu li li.current_page_item { background:#83165a;color:#000; }
.sf-menu li.current_page_item { background:#b883a4;color:#fff;}
.sf-menu .sf-sub-indicator { padding-left:5px }
.sf-menu li.current_page_item a {color:#fff;}


/* 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; padding:20px 0 }
#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 }
.credentials-area { z-index:1; background:transparent; padding:10px 0 30px 0 }
/*--------- 5. ARCHIVE/PAGE/POST Formating Options --------- */



/*=== 5.1 Text Formating ===*/

.format_text { line-height:25px;font-size:11pt;font-family:tahoma; }
.format_text img{ padding:5px; border:1px solid #B0B5B7;margin:5px; }
.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 ===*/
.entry-thumbs{margin-top:-100px;}
.content-area { z-index:1; padding:20px 0;font-size:11pt; }
.content-area a{color:#83165a;}
.content-area a:hover{color:#b883a4;}
.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:#7E7E7E; margin:0 0 15px 0; padding:5px 0; font-size:11px; line-height:20px }
.meta a { color:#7E7E7E }
.meta span, .meta abbr { font-style: normal; margin:0 10px 0 0 }
.meta img { vertical-align:middle; margin:0 3px 0 0 }
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:#83165a }


/*=== 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:#83165a; 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; line-height:25px; }

.widget h3 { font:normal 19px tahoma; color:#000000; line-height:24px; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #CDCAC4  }

.widget h3 img  { vertical-align: middle; border:0; padding:0; margin:0 5px 0 0 }

.widget h3 img.wid-icon  {  margin:0 5px 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 }

 .widget a{color:#83165a;}
.widget a:hover{color:#bc388a;}


/*=== 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 }

#twitter div{width:268px;}
ul#twitter_update_list li span{{width:268px; 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 { background:url(images/twitter-32-trans.png) no-repeat left top; margin:10px 0 0 18px; padding:8px 0 10px 45px; 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 --------- */
img{margin:5px;}


/*=== 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,margin-right:5px; }

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


.comment-entry{clear:both;}
/*=== 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; padding: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;

}

#twitter{width:1000px;}
#twitter ul{margin-left:-10px;}
#twitter ul li{width:270px;float:left;margin-left:50px;}
.follow-text{clear:both;margin-top:5px;}