/*  
Theme Name:    BizzFolio
Theme URI:     http://bizzthemes.com/
Description:   Developed & Designed by Zeljan Topic.
Version:       1.3
Author:        BizzArtic
Author URI:    http://bizzthemes.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.
*/

/*=== 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 Image Handling
2. NAVIGATION Options
    2.1 Top Navigation
	    2.1.1 Feed Spot Options
	2.3 Pagination Options
3. MODULE Options
    3.1 Logo Options
	3.2 Slider Options
	    3.2.1 Portfolio Options
	3.3 About Options
    3.4 Front Options
	    3.4.1 Sidebar
	3.5 Footer Options
4. SINGLE PAGE/POST Options
5. ADDON Options
    5.1 Contact Form
	5.2 Breadcrumbs Navigation
6. WIDGET Options
    6.2 General Widget Styling
	6.3 Specific Widget Styling
	6.4 Footer Widget Styling
7. COMMENTS Options
    7.1 Comments
	7.2 Post Form

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

/*=== 1.1 Global Design Options ===*/
body{ font-family:Tahoma; background:#ffffff }
a{ color:#000000 }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 10px 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:#EAEAEA; text-decoration:none; margin:0; padding:5px 10px; }
a.button:hover { text-decoration:underline }

ul { list-style-type:disc; padding:10px 20px; margin:5px 0 15px 0; background:#F2F2F7; border:1px solid #dddddd }
ol { padding:10px 20px; margin:5px 0 15px 0; background:#F2F2F7; border:1px solid #dddddd }
ul li, ol li { margin:0 0 0 10px; padding:0 0 5px 0 }
ol li { list-style-type:decimal; margin:0 0 0 15px }
ul li a { font-size:13px }
ul li ul { list-style-type:circle; border:none; padding:5px 0 0 15px; margin:5px 0 0 0 }
ol li ol { border:none; padding:5px 0 0 15px; margin:5px 0 0 0 }
ul li ul li a, ol li ol li a { font-size:12px }
ul li ul li ul { list-style-type:square }
ul li ul li ul li a, ol li ol li ol li a { font-size:11px }

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

.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.2 Image Handling ===*/
img.alignleft, img.left { float: left; margin:0 10px 10px 0 }
img.alignright, img.right { float: right; margin:0 0 10px 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 { border:1px solid #DDDDDD; background:#F3F3F3 }
.wp-caption img { margin:5px 5px 0 5px }
.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. NAVIGATION Options ---------  */

/*=== 2.1 Top Navigation ===*/
.top-menu-bgr{ background:#000000; padding-top:10px; margin-bottom:20px }
.top_menu { z-index:2 }
.sf-menu, .sf-menu * { list-style:none; margin:0; padding:0; border:none }
.sf-menu { float:left; text-align:left; font-size:12px; z-index:1000 }
.sf-menu a { color:#ffffff }
.sf-menu li { float:left; position:relative; background:#000000 }
.sf-menu li:hover { visibility:inherit }
.sf-menu li.current_page_item a{ color:#000000; background:#ffffff; font-weight:bold }
.sf-menu li a { font-size:12px; display:block; position:relative; text-decoration:none; padding:12px 20px }
.sf-menu ul { position:absolute; top:-999em; width:15em }
.sf-menu ul li { width:100% }
.sf-menu li ul li a { font-size:12px; border-top:1px solid #444444; padding:8px 20px }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:42px; z-index:99 }
.sf-menu li li { background:#222222 }
.sf-menu li li li { background:#222222 }
.sf-menu li li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#777777; outline:0 }
.sf-menu a.sf-with-ul { padding-right:2.25em;  }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(images/arrows-ffffff-trans.png) no-repeat -10px -100px }
a > .sf-sub-indicator { top:15px; background-position:0 -100px }
ul li ul a > .sf-sub-indicator { top:10px }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0 }
.sf-shadow ul { background:url(images/shadow-trans.png) no-repeat bottom right; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; padding:0 8px 9px 0 }
.sf-shadow ul.sf-shadow-off { background:transparent }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:15em; top:0 }
.sf-menu ul .sf-sub-indicator, .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0 }

/*=== 2.1.1 Feed Spot Options ===*/
.feed-spot{ text-align:right; color:#C9C9C9; float:right; font-size:11px; padding:3px 5px 0 0 }
.feed-spot a{ color:#C9C9C9 }
.feed-spot a:hover{ color:#ffffff; background:none; text-decoration:underline }
.feed-spot .searchform { margin:0 10px 0 0; padding:3px 0 0 0 }
.feed-spot .searchform div { position:relative }
.feed-spot .searchform .s { color:#C4C1B0; font:bold 12px Tahoma; padding:5px 30px 5px 8px; width:150px; background:#2A2B24; border:1px solid #A2A091 }
.feed-spot .searchform .s:focus { border:1px solid #C4C1B0 }
.feed-spot .button { position:absolute; top:6px; right:6px; border:none; width:12px; height:12px }
.feed-spot .rss-button{ vertical-align: middle }

/*=== 2.3 Pagination Options ===*/
.wp-pagenavi { font-size: 12px; padding:20px 0; text-align:right; margin:0 }
.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:#000000; 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 }

/*--------- 3. MODULE Options --------- */

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

/*=== 3.2 Slider Options ===*/
.slider-bgr { background:#ffffff; margin-bottom:20px; z-index:1 }
#featured { height:325px; width:520px; clear:both; position:relative }
#featured .featured_item{ position:absolute; top:65px; left:620px; z-index:1; width:312px; overflow:hidden; cursor:pointer }
#featured .featured_item img{ width:300px; display:block; position:relative; border:1px solid #D2D6D8; padding:5px; background:#ffffff }
#featured .featured1 { position:absolute; left:220px; top:0; z-index:4; width:512px }
#featured .featured1 img { width:500px }
#featured .featured2 { position:absolute; left:450px; top:35px; z-index:3; width:412px }
#featured .featured2 img { width:400px }
#featured .featured_last_item { position:absolute; left:90px; top:35px; z-index:3; width:412px }
#featured .featured_last_item img { width:400px }
#featured .featured3 { position:absolute; left:620px; top:65px; z-index:2; width:312px }
#featured .featured3 img { width:300px }
#featured .featured_item_before_last { position:absolute; left:10px; top:65px; z-index:2; width:312px }
#featured .featured_item_before_last img { width:300px }
.folio-buttons { position:absolute; top:40%; width:100%; text-align:center }
.folio-buttons span.buttons-wrap { background:transparent url(images/black-bg.png) no-repeat center center; line-height:50px; padding:15px; border:1px solid #383838;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.folio-buttons a { color:#ffffff; background:#B53C2A; border:1px solid #000000; padding:5px 10px; margin:0 1px; text-decoration:none; font:bold 11px Tahoma;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.folio-buttons a:hover { background:#E9E9E9; color:#000000 }
.featured_alternate{ top:10px; position:absolute; z-index:1 }
.featured_alternate_active{ z-index:2 }

/*=== 3.2.1 Portfolio Options ===*/
.portfolio { width:290px; float:left; margin:10px }
.portfolio_item { position:relative; margin:0 0 20px 0 }
.portfolio_item img{ border:1px solid #D2D6D8; padding:5px; background:#ffffff }
.portfolio_item .folio-buttons { top:60px }

/*=== 3.3 About Options ===*/
.about-bgr { text-align:center; margin-bottom:20px; z-index:1 }
h1.about { background: url(images/introtile.png) repeat left top; margin:20px 0; padding:10px 15px; font:normal 19px Georgia; line-height:30px;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}

/*=== 3.4 Front Options ===*/
.front-bgr { margin-bottom:20px; z-index:1 }
.front .fblock { margin:0 0 0 85px; padding:0 0 5px 0; line-height:25px }
.front .fblock.last_item { background:none }
.front .fblock h3 { padding:0; margin:0 0 10px 0; font:normal 19px Tahoma }

/*=== 3.4.1 Sidebar ===*/
.sidebar { border-left:1px solid #dbdbdb; padding:0 20px 0 25px }
.sidebar.sidebar-left { border-left:none; border-right:1px solid #dbdbdb; padding:0 25px 0 20px }

/*=== 3.5 Footer Options ===*/
.credentials{ background:#ffffff; padding:13px 0 60px 0; font-size:11px; line-height:30px }
.credentials .fr { padding:0; margin:0 }
.credentials .fr ul { background:none; border:none; padding:0; margin:0; font-size:11px }
.credentials .fr li { display:block; float:left; padding:0 10px 0 0; margin:8px 0 0 10px; border-right:1px solid #BFB7A6; line-height:15px }
.credentials .fr li.last { border-right:none }
.credentials .fr li a { font-size:11px }
.credentials .fr li.powered { border-right:none; padding:0 0 0 10px; margin:0 }
.credentials .fr img  { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px }

/*--------- 4. SINGLE PAGE/POST Options --------- */

h2.title, h1.title { background:#111111; color:#ffffff; font:normal 28px Tahoma; margin:0 0 30px 0; padding:10px 15px; border:none }
h1.title { margin:0 0 15px 0 }
.single { margin:0 10px 10px 10px; padding:0 }
.meta { color:#666666; margin:0; padding:10px 0 15px 45px; background:transparent url(images/curved-arrow-trans.png) no-repeat left top }
.meta span, .meta abbr { font-style: normal }
.meta a { color:#666666 }
.format_text { line-height:23px }
span.read-more { padding:0 0 10px 0; display:block }

/*--------- 5. ADDON Options --------- */

/*=== 5.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: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0; }
.clean-contact-msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000; }

/*=== 5.2 Breadcrumbs Navigation ===*/
#breadcrumb p{ color:#666666; padding:10px 0 10px 10px; margin:0; font:normal 12px Tahoma }
#breadcrumb p a { color:#666666 }
#breadcrumb p strong{  }
	  
/*--------- 6. WIDGET Options --------- */

/*=== 6.2 General Widget Styling ===*/
.widget { margin:0 0 30px 0 }
.widget h3 { font:normal 20px Tahoma; color:#000000; margin:10px 0 }
.widget ul { list-style:none; margin:0; padding:0; background:none; border:none }
.widget ul li { list-style-type:none; margin:0; padding:2px 0 }
.widget ul li ul { 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 }
 
 /*=== 6.3 Specific Widget Styling ===*/
.flickr { padding:0 0 20px 0 }
.flickr_badge_image{ float:left; list-style:none; margin:5px 0 5px 10px }
.flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px }
.flickr img:hover{ border-color:#333 }
	
.widget #searchform label{ visibility:hidden; display:none }
.widget #searchform input#s{ border:1px solid #000000; width:60%; padding:5px }
.widget #searchform input#searchsubmit{ background:#000000; color:#ffffff; width:30%; padding:5px 0 }

#calendar_wrap { width: 98%; padding:0; margin:0 }
#calendar_wrap a { font-weight: bold; }
#calendar_wrap a:hover {  }
table#wp-calendar { width: 98%; border-collapse: collapse; }
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 }
table#wp-calendar tfoot td{ border:none }

#twitter_update_list li{ line-height:23px; border-bottom:1px solid #dbdbdb; margin:0 0 5px 0; padding:0 0 5px 0 }
#twitter_update_list li a{ font-weight:normal }
#twitter .follow-text { margin:10px 0 0 0; padding:15px 0 15px 60px; background: url(images/twitter-trans.png) left top no-repeat }
  
.popular ul li span.comments a{ line-height:25px; font-weight:10px; color:#7f7f7f }
.popular ul li span.comments a:hover{ color:#ffffff }

.widget .quote h2 { font:bold 32px Tahoma; color:#000000 }
.widget .quote p, .foot-widgets .quote p a { font:normal 17px Tahoma }
.widget .quote .button { margin:40px 0 0 0 }
.widget .quote .button a { text-decoration:none; font:bold 17px Tahoma; text-transform:uppercase; background:#161616 url(images/bg-button-trans.png) no-repeat center 0; color:#B1B2B1; padding:10px 20px; border:1px solid #444444 }
.widget .quote .button a:hover { border:1px solid #777777 }

.widget #feedburner a { color:#000000; font:normal 26px Tahoma; line-height:48px; letter-spacing:-3px; text-decoration:none }
.widget #feedburner a:hover { text-decoration:none }
.widget #feedburner span.text{ position: relative; vertical-align:middle }
.widget #feedburner a img{ position: relative; vertical-align:middle }

/*=== 6.4 Footer Widget Styling ===*/
.foot-widgets { background:#000000 url(images/shadow-bg-trans.png) no-repeat bottom center; z-index:1 }
.foot-widgets .widget { background:none; color:#A3A7A3; margin:15px 10px; border:solid #191919; border-width:0 1px 0 0 }
.foot-widgets .last .widget { border-right:none }
.foot-widgets .widget a { color:#A3A7A3 }
.foot-widgets .widget h3 { font:bold 18px Tahoma; text-transform:uppercase; color:#f9f9f9 }
.foot-widgets .flickr_badge_image{ float:left; list-style:none; margin:5px 10px 5px 0 }
.foot-widgets .flickr img{ padding:0; border:1px solid #BCBCBC; background:transparent }
.foot-widgets .flickr img:hover{ border-color:#ffffff }
.foot-widgets .widget ul li, .foot-widgets .widget ol li { border-color:#191919 !important }
.foot-widgets .widget .quote h2 { color:#ffffff }
  
/*--------- 7. COMMENTS Options --------- */

/*=== 7.1 Comments ===*/
h3.tcomm, h2.post-form { font:normal 20px Tahoma; padding:10px 0; margin:10px 0 20px 0; border:solid #dbdbdb; border-width:1px 0 }
#respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 }
#comments { background:#ffffff; 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 }
#comments .comment .text-right { margin-left:75px }
#comments .comment .text-right .comm-reply{ font:normal 12px Tahoma; color:#999999; padding:5px 10px 20px 10px; margin:0; border:1px solid #dbdbdb; background:#F7F7F7 }
#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 .comment-entry { padding:10px; border:1px solid #dbdbdb; 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 }
#comments .comment .authcomment { border:1px solid #3c3ca4; background:#eeeeff }
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; padding:4px 6px }

/*=== 7.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:none }
#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 }