/*  
Theme Name:    Complete Office
Theme URI:     http://bizzartic.com/
Description:   Developed by Zeljan Topic.
Version:       1.0
Author:        BizzArtic
Author URI:    http://bizzartic.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');

/*---------GENERAL STYLING--------- */
body{ font-family:Tahoma; background:#F5F6F8 }
a{ color:#000000; text-decoration: underline; padding:1px 2px }
  a:hover{ text-decoration:underline; background:#000000; color:#ffffff }
input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }
.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 }.alignleft{ float: left }
.alignright{ float: right }

img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
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: #F3F3F3; 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-style: solid; border-color: #ddd; background-color: #F3F3F3; text-align: center; font-style: italic; }
	.wp-caption.alignleft { float: left; }
	.wp-caption.alignright { float: right; }
	.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
	.wp-caption.alignnone { clear: both; }
	
/*--------- HEADER --------- */
.header-bgr{ background:#F6F6F6 }
#header{ padding:10px 0 10px 0 }

/*=== Logo Spot ===*/
#header #logo-spot{ padding:0 }
#header .blog-title{ line-height:49px; display:inline }
#header .blog-title a{ background:#000000; color:#ffffff; font-size:24px; font-weight:normal; padding:10px 15px }
#header .blog-title a:hover{ text-decoration:none; background:url(images/featured-opacity-trans-trans.png); }
#header .blog-description{ color:#ffffff; font:normal 17px Georgia; margin:0 0 10px 0; padding:10px 15px }
#header h1.logo { padding:0; margin:0; line-height:10px }
#header h1.logo a:hover{ background:none }

/*=== Search Form ===*/
#header .searchform { padding:0; position:relative; margin:50px 0 0 0 }
#header .searchform .s { color:#000000; padding:4px 10px 4px 8px; width:260px; font:bold 15px Tahoma; background:#ffffff; border:1px solid #959595; }
*html #header .searchform .s { width:249px }
#header .searchform .button { background:#2E3134; color:#ffffff; font:bold 15px Tahoma; padding:4px 12px }
*html #header .searchform .button { padding:2px 8px }

/*---------TOP NAVIGATION --------- */
#nav-menu{ text-align:left; margin:0; position: relative; z-index: 4 }
#nav-menu a{ display:block; text-decoration:none }
#nav-menu li{ float:left; font-weight:normal; padding:0; margin:0;  }
#nav-menu li a{ color:#000000; display:block; padding:13px 17px; font-size: 11px; font-weight:bold; text-shadow: 0 0 0.5em #ffffff }
#nav-menu li a:hover, #nav-menu li.active a{ text-decoration:underline; color:#ffffff; text-shadow: none; background:transparent url('images/menu-bg-hover.png') repeat-x }
#nav-menu li.category-home a{ border-left:0 }
#nav-menu li.selected-cat a, #nav-menu li.current-cat a,  #nav-menu li.current-cat-parent
#nav-menu li.current_page_item, #nav-menu li.current_page_item a{ background:#0C4352; color:#ffffff; text-shadow: 0 1px 0 #000 }

/*---------TOP DROPDOWN NAVIGATION --------- */
#nav { list-style:none; position:relative; font:normal 11px Tahoma; padding:0 0 0 20px; background: url('images/menu-bg.png') repeat-x; margin-bottom:20px }
#nav li ul li a{ font-size:11px; padding:3px 18px }
#nav li ul li a:hover{ text-decoration:underline; background:#86989E }
#nav li ul{ list-style:none; position:absolute; width:17em; left:-999em; margin:0; border:1px solid #DCDCDC }
#nav li:hover ul, #nav li.sfhover ul{ left:auto }
#nav li ul li{ background:#ffffff; line-height:30px; padding:0; width:17em; font-weight:normal }
#nav li:hover, #nav li.hover{ position:static }
#nav li ul ul{ margin:-37px 0 0 17em }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{ left:-999em; padding:0 }
#nav li:hover, #nav li.sfhover{  }
#nav li ul li ul li, #nav li ul li ul li ul li, #nav li ul li ul li ul li ul li{ margin-top:0 }
#nav li ul li ul, #nav li ul li ul li ul, #nav li ul li ul li ul li ul{  }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul{ left:-999em }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{ left:auto }
select { padding:0 }

/*=== Content Wrap ===*/
.content_wrap{ padding:0 }

/*=== Stepcarousel ===*/
.featslider{ padding:10px 20px 10px 10px; position: relative !important; margin:10px 0 0 0 }
.featslider h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#444444; border-bottom:1px solid #BFB7A6 }
	  
ul#galleryNav{ width:60px; position:absolute; top:10px; right:10px }
ul#galleryNav li{ list-style:none }
ul#galleryNav li a span{ display:none; visibility:hidden }
ul#galleryNav li#left a, ul#galleryNav li#right a{ background:url(images/bt-left-right.gif) no-repeat; width:18px; height:20px; position:absolute; top:0; left:3px;display:none; }
ul#galleryNav li#right a{ background-position:-22px 0; top:0; left:28px;display:none; }

.stepcarousel{ position: relative !important; overflow: scroll; height:210px }
.stepcarousel .belt{ position: absolute !important; left: 0; top: 0 }
.stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 0px 0 15px 0; width:680px }

.slider-post{ line-height:24px }
.slider-post a:hover{ background:none }

/*=== Front Headlines ===*/
.box { border:1px solid #aaa; background:#ffffff; margin:10px 15px 20px 15px; padding:10px; width:294px; float:left; display:inline;
    box-shadow: 0 0 5px #424242;
	-moz-box-shadow: 0 0 5px #424242;
	-webkit-box-shadow: 0 0 5px #424242;
 }
.headline-post h3 { font:normal 17px Tahoma }
.headline-post .read-more { padding:0 }
.headline-post a.thumb:hover { background:none; color:#000000 }
		  
/*=== Post content ===*/
.postcontent { background:#ffffff; padding: 10px 20px; border:1px solid #dcdcdc; margin:0 0 10px 0 }

.postcontent h1, .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 { font-weight:normal; padding:10px 0 15px 0; margin:0 }
.postcontent ul, .postcontent ol{ padding:5px 0 20px 15px; margin:0 }
.postcontent ul li{ color: #000000; margin:0 0 0 30px; padding:0 0 5px 0; line-height: 24px }
.postcontent ul li ul, .postcontent ol li ol{ padding:0; margin:10px 0 0 0 }
.postcontent ol li{ color: #000000 list-style-type:decimal; margin: 0 0 0 30px; line-height: 24px }	
  
.postcontent 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 }
.postcontent code{ background:#e9e9e9 }
.postcontent fieldset { border: 1px solid #cccccc; padding:10px }
.postcontent p{ line-height:24px }

.postcontent img.left, .postcontent img.alignleft, .wp-caption.alignleft { margin: 0 1.571em 1.571em 0; }
	.postcontent img.right, .postcontent img.alignright, .wp-caption.alignright { margin: 0 0 1.571em 1.571em; }
	.postcontent img.center, .postcontent img.aligncenter, .wp-caption.aligncenter { margin: 0 auto 1.571em auto; }
	.postcontent img.block, .postcontent img.alignnone, .wp-caption.alignnone { margin: 0 auto 1.571em 0; }
	.postcontent img[align="left"] { margin-right: 1.571em; margin-bottom: 1.571em; }
	.postcontent img[align="right"] { margin-bottom: 1.571em; margin-left: 1.571em; }
	.postcontent img[align="middle"] { margin-bottom: 1.571em; }
	.postcontent img.frame, .postcontent .wp-caption { padding: 0.714em; border-width: 0.071em; }
	.postcontent img.stack { margin-left: 1.571em; }
	.postcontent .wp-caption p { font-size: 0.857em; line-height: 1.5em; margin-bottom: 0; }
	
#breadcrumb p{ padding:10px 15px; margin:10px 20px 0 20px; font:normal 11px Verdana; background:#E5E5E5 }
	
/*=== Archive ===*/
.browsing-archive { padding:0; margin:0 0 20px 0; background:transparent }
.archive-spot{ margin-bottom:20px }
  .archive-spot .post{ padding:0; margin:0 0 10px 0 }
    .archive-spot .post img{ float:left }
	.archive-spot .post h2.feat-t{ display:block; width:100%; padding:20px 0; margin:0 }
	  .archive-spot .post h2.feat-t a{ color:#000000; font:normal 21px Tahoma }
	  
/*=== Single ===*/
.single-spot{ margin-bottom:20px }
  .single-spot .post{ padding:0; margin:0 0 10px 0 }
    .single-spot .post img{ float:left }
	.single-spot .post h2.feat-t{ display:block; width:100%; padding:20px 0; margin:0 }
	  .single-spot .post h2.feat-t a{ color:#000000; font:normal 21px Tahoma }
	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding:25px 25px 25px 0; border-top:1px solid #aaaaaa }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #000000 !important }
  .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
    .Navi a:hover { color:#000; background: #e9e9df }
	
/*---------COMMENTS --------- */
#comments h3{ font:normal 17px Tahoma; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{ padding:20px 0; list-style:none }
  #comments .comment { margin: 10px 0 0 0; width: 100%;}
    #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
	  #comments .comment a:hover{ color:#000000 }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa }
  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a{ font-size:13px; color:#aaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0; width:595px }
  #respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa }
#respond textarea { margin:0; padding:5px }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Tahoma; color:#FFFfff; text-align:center; padding: 5px; background:#000000; border:1px dotted #aaaaaa; margin:0 }

/*---------SIDEBAR --------- */
.sidebar { padding:0 }
  .sidebar ul, .sidebar ol{ padding:5px 0; margin:0 }
    .sidebar ul a, .sidebar ol a{ font:normal 11px Tahoma }
  .sidebar ul li{ margin:0; padding:5px 0 5px 10px; list-style:none; line-height:15px }
  .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 }

.sidebar li.current_page_item a, .sidebar li.current_page_parent { display:block;  background:#fff; color:#000;  font-weight:bold;  }
.sidebar li.current_page_parent { border-bottom:1px solid #ccc;}
.sidebar ul li ul li.current_page_item a { background:#fff !important; margin-bottom:1px; color:#666 !important;  }

/*=== Widget styling ===*/
.sidebar .widget { margin:10px 0 30px 0; border:1px solid #aaa; background:#ffffff;
    box-shadow: 0 0 5px #424242;
	-moz-box-shadow: 0 0 5px #424242;
	-webkit-box-shadow: 0 0 5px #424242;
 }
.sidebar .widget h3{ color:#003333; background:url(images/bgr-box-trans.png) no-repeat top left; border-bottom:1px solid #efefef; text-shadow: 0 0 0.5em #ffffff; padding:5px 10px; margin:0 0 10px 0; font:bold 10px Tahoma; clear: both; overflow: hidden }
.sidebar .widget h3 a{ color:#F0CF22; padding:5px 10px; margin:0 0 10px 0; font:normal 13px Tahoma }
.sidebar .widget h3 a.rsswidget{ padding:5px 10px 5px 0 }
.sidebar .widget span.rss-date{ display:block; color:#aaaaaa }
	
.sidebar .widget #searchform label{ visibility:hidden; display:none }
.sidebar .widget #searchform input#s{ border:1px solid #000000; width:200px }
.sidebar .widget #searchform input#searchsubmit{ background:#000000; color:#ffffff }

.sidebar .widget .textwidget { padding:10px }
.sidebar .widget .textwidget img{ margin:0 0 20px 0 }
.sidebar .widget .textwidget img.fl { margin:0 10px 10px 0 }
.sidebar .widget .textwidget .stitle{ text-shadow: 0 0 0.5em #cccccc; padding:0 0 15px 0; font:bold 10px Tahoma; }
.sidebar .widget .textwidget #coffice_login input { width:180px; border:1px solid #cccccc }
.sidebar .widget .textwidget #coffice_login button { margin:10px 0 10px 0 }
  
/*=== Footer ===*/  
.credentials{ padding:10px 0; margin-bottom:50px; margin-top:10px; border-top:1px solid #DCDCDC; font:normal 12px Tahoma }
.credentials .fl { padding:5px 0 0 0 }
.credentials .fr { padding:0; margin:0 -11px 0 0 }
  .credentials .fr li{ display:block; float:left; padding:5px 0; margin:0 }
	.credentials .fr li a { padding:5px 10px }
	
	
/*=== Forms Styling ===*/  
div.wpcf7{ margin:0; padding:0 }
div.wpcf7-response-output{ margin:2em .5em 1em; padding:.2em 1em }
div.wpcf7-mail-sent-ok{ border:2px solid #398f14 }
div.wpcf7-mail-sent-ng{ border:2px solid #FF0000 }
div.wpcf7-spam-blocked{ border:2px solid orange }
div.wpcf7-validation-errors{ border:2px solid #f7e700 }
span.wpcf7-form-control-wrap{ position:relative }
span.wpcf7-not-valid-tip{ position:absolute; top:20%; left:0; z-index:100; background:#fff; border:1px solid #FF0000; font-size:10pt; width:280px; padding:2px 10px }
span.wpcf7-not-valid-tip-no-ajax{ color:#FF0000; font-size:10pt; display:block }
span.wpcf7-list-item{ margin-left:.5em; display: block; clear:both }
span.wpcf7-list-item input{ float:left; margin:5px 7px 0 0; width:10px }
*html span.wpcf7-list-item input{ margin:3px 4px 0 0; width:20px }
.wpcf7-display-none{ display:none }
	  

.wpcf7 .info h3{ font:bold 13px Tahoma; padding:5px 10px; background:#F9EBAE; margin:20px 0 10px 0 }
.wpcf7 ul{ list-style-type:none; width:100%; margin:0; padding:0 }
.wpcf7 ul li{ display:block; clear:both; margin:0; padding:6px 5px 9px 9px }
.wpcf7 label.desc{ font:bold 12px Tahoma }
.wpcf7 input, .wpcf7 textarea, .wpcf7 select{ font-family:Tahoma; color:#333; margin:0; padding:2px 0 }
.wpcf7 input, .wpcf7 textarea{ border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; width:250px }
.wpcf7 select{ padding:1px 0 0; border:1px solid #7c7c7c; }
.wpcf7 .buttons input{ font:normal 17px Tahoma; background:#000000; color:#ffffff; padding:4px 10px; width:100px }


.wpcf7 li.leftHalf, .wpcf7 li.rightHalf{ width:46%!important }
.wpcf7 li.leftHalf{ clear:left!important; float:left }
.wpcf7 li.rightHalf{ clear:none!important; float:right }
.wpcf7 .likert input, .wpcf7 .likert textarea, .wpcf7 .likert select{ width:150px !important }

div.wpforms{ margin:0; padding:0 }
div.wpforms-response-output{ margin:2em .5em 1em; padding:.2em 1em }
div.wpforms-mail-sent-ok{ border:2px solid #398f14 }
div.wpforms-mail-sent-ng{ border:2px solid #FF0000 }
div.wpforms-spam-blocked{ border:2px solid orange }
div.wpforms-validation-errors{ border:2px solid #f7e700 }
span.wpforms-form-control-wrap{ position:relative }
span.wpforms-not-valid-tip{ position:absolute; top:20%; left:0; z-index:100; background:#fff; border:1px solid #FF0000; font-size:10pt; width:280px; padding:2px 10px }
span.wpforms-not-valid-tip-no-ajax{ color:#FF0000; font-size:10pt; display:block }
span.wpforms-list-item{ margin-left:.5em; display: block; clear:both }
span.wpforms-list-item input{ float:left; margin:5px 7px 0 0; width:10px }
*html span.wpforms-list-item input{ margin:3px 4px 0 0; width:20px }
.wpforms-display-none{ display:none }
.wpforms .info h3{ font:bold 13px Tahoma; padding:5px 10px; background:#F9EBAE; margin:20px 0 10px 0 }
.wpforms ul{ list-style-type:none; width:100%; margin:0; padding:0 }
.wpforms ul li{ display:block; clear:both; margin:0; padding:6px 5px 9px 9px }
.wpforms label.desc{ font:bold 12px Tahoma }
.wpforms input, .wpforms textarea, .wpforms select{ font-family:Tahoma; color:#333; margin:0; padding:2px 0 }
.wpforms input, .wpforms textarea{ border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; width:250px }
.wpforms select{ padding:1px 0 0; border:1px solid #7c7c7c; }
.wpforms .buttons input{ font:normal 17px Tahoma; background:#000000; color:#ffffff; padding:4px 10px; width:100px }
.wpforms li.leftHalf, .wpforms li.rightHalf{ width:46%!important }
.wpforms li.leftHalf{ clear:left!important; float:left }
.wpforms li.rightHalf{ clear:none!important; float:right }
.wpforms .likert input, .wpforms .likert textarea, .wpforms .likert select{ width:150px !important }