/*
Theme Name: Balsi Goes WP
Theme URI: http://balsi.be/
Description: The official theme for balsi.be
Version: 0.2
Author: Bernard Kowalski & Rory Jacobs
Author URI: http://bernardkowalski.com/
Tags: custom
*/

/* @import url('reset.css'); */
/* @group Basics */

/* Parts of Eric Meyer's CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
em, img, samp, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	color:#444;
}

:focus, a{ outline:0; text-decoration:none; }
strong{ font-weight:bold; }
em{ font-style: italic; }

html{ font-size:medium; }

body{
	font-size:75%;
	line-height:150%;
	font-family:'Arial', 'Helvetica', 'Helvetica Neue', sans-serif;
	text-align:center;
}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
h1{ font-size:3em; color:#9C2C2B;}
h3{ font-size:1.3em; /* line-height: 36px; */ }
p{ margin:0px; }
small{ display:block; font-style:italic; font-size:0.9em; padding-top:0.25em; }
a{ color:#9c2c2b; }
a:hover{ text-decoration: underline; }
p{ margin-bottom:18px;}
li{ list-style-type: none; }

input, button, textarea, select{ font-size:100%; font-family:'Arial', 'Helvetica', 'Helvetica Neue', sans-serif; }

.clear{ clear:both; height:0px; line-height:0px; font-size:0%; }

/* !Structure */
#wrap{ margin:0px auto; width:960px; text-align:left; }
#header{ float:left; position:relative; z-index:2000; width:940px; height:126px; padding:0 10px 14px 10px; background:transparent url('images/hr.gif') no-repeat bottom left; color:#222!important; font-family:Georgia, "Times New Roman", Times, serif; }
#header #logoKargo{ display:block; position:relative; width:515px; height:43px; margin:32px 0px 29px 0px; overflow:hidden; }
#header #logoKargo span{ position:absolute; top:0px; left:0px; display:block; width:515px; height:43px; background:url(images/img-logo-kargo.png) no-repeat; }
#header #mainNavigation{ float:left; padding-left:4px; list-style:none; position:relative; z-index:3000; overflow:hidden; min-height:23px; _height:23px; }
#header #mainNavigation li{ float:left; display:inline; margin-right:9px; min-height:20px; }
#header #mainNavigation a{ position:relative; z-index:10; }
#header a{ color:#222; font-family:Georgia, "Times New Roman", Times, serif; min-height:20px; _height:20px; line-height:20px; }
#header a:hover{ text-decoration:none; }
.back{ position:absolute; top:0px; left:0px; z-index:5; border-bottom:2px solid #222; min-height:20px; line-height:20px; }
#header #contactInfo{ float:right; }
#header #contactInfo li{ float:left; margin-left:9px; display:inline; }

#homecolumn{ float:left; width:675px; padding-right:15px; margin-bottom:36px; }
#homecolumn .navigation{ float:left; width:470px; }

#left img{ display:none; }

#content{ width:940px; padding-left:10px; }
#content h2{ font-size:1.2em; line-height:120%; font-weight:bold; margin:0.2em 0px 0em 0px; }

#featured{ width:940px; padding:4px 10px 15px 10px; background:transparent url('images/hr.gif') no-repeat bottom left; }

.post{ width:470px; padding:50px 0px 18px 10px; background:transparent url('images/hr.gif') no-repeat top left; }

.firstpost{ background-image:none; }

.navigation{ margin-left:10px; }

#noteKargo{ position:absolute; width:394px; height:517px; top:91px; left:82px; z-index:1000; background:url(images/img-banner-kargo.png) no-repeat; _background:none!important; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="/wp-content/themes/balsi_0.2/images/img-banner-kargo.png")!important;}

#content h2.labelComments{ font-size:90%; margin-bottom:9px; }
#comments_section{ overflow:hidden; width:100%; margin:0px 0px 18px 0px; padding-bottom:7px; background:transparent url('images/hr.gif') -5px bottom no-repeat; }
#comments_section li{ float:left; width:100%; display:block; background:transparent url('images/hr.gif') -5px -4px no-repeat; padding-top:7px; margin-bottom:4px; }
#comments_section p{ float:left; margin:0px; }
#comments_section .left{ width:69px; }
#comments_section small{ padding:0px; } 
#comments_section img{ float:left; border:1px solid #eee; padding:2px; }

.comment_body{ float:left; width:631px; }

#commentform{ display:none; }

/* @group Portfolio */
#listThumbs{ float:left; width:940px; list-style:none; margin:0px; padding:5px 0px 0px 0px; }
#listThumbs li{ float:left; padding:9px 20px 6px 0px; margin-bottom:23px; width:220px; height:108px;  }
#listThumbs li.last{ padding-right:0px; }
#listThumbs h2{ font-size:100%; line-height:145%; margin-top:-4px; }
#listThumbs h2 a{ border-bottom:1px dotted #000; color:#000; }
#listThumbs h2 a:hover { background:#000; color:#fff; text-decoration:none; }

.entry_port, #slides, #wrapperPost{ float:left; width:700px; margin-top:2px; }
.entry_port h1 {color:#9c2c2b;font-size:170%;font-weight:normal;line-height:normal;margin:0 0 1.2em;padding:0;}

#wrapperPost{ padding-top:4px; }
#wrapperPost a.post-edit-link{ margin-left:-9999px; /*position:absolute; top:0px; right:0px; background:#000; color:#fff; padding:1px 2px;*/ }

#port_sidebar{ float:left; width:220px; margin:4px 0px 0px 20px; }
#port_sidebar h2{ font-weight:bold; font-size:100%; line-height:150%; margin:0px; }
#port_sidebar li{ width:100%; overflow:hidden; }
#port_sidebar a, #port_sidebar span{ overflow:hidden; width:100%; padding-bottom:1px; color:#000; display:block; text-decoration:none; background:url('images/img-hr-tiled.png') bottom left repeat-x; }
#port_sidebar span, #port_sidebar a:hover, #port_sidebar a.current{ background:url('images/img-hr-tiled-black.png') bottom left repeat-x #000; color:#fff; }
#port_sidebar ul{ margin-bottom:16px; }

#port_sidebar #wrapperListPortfolio, #port_sidebar #controllerListPortfolio{ float:left; width:220px; display:inline; }
#port_sidebar #wrapperListPortfolio{ position:relative; height:323px; overflow:hidden; margin-bottom:3px; }
#port_sidebar #listPortfolio{ position:absolute; width:20000em; }
#port_sidebar #listPortfolio li{ float:left; width:220px; margin-right:3px; }
#port_sidebar #controllerListPortfolio{ margin-bottom:0px; }
#port_sidebar #controllerListPortfolio li{ float:left; margin-right:3px; width:auto; background:none; }
#port_sidebar #controllerListPortfolio li a{ float:left; background:none; padding:0px 2px 1px 2px; width:auto; cursor:pointer; }
#port_sidebar #controllerListPortfolio li a:hover, #port_sidebar #controllerListPortfolio li a.current{ background:url('images/img-hr-tiled-black.png') bottom left repeat-x #000; }

/* Slider */
#wrapperPortfolio{ float:left; width:700px; }
#wrapperSlides{ float:left; width:700px; height:396px; overflow:hidden; position:relative;  }
#slides{ position:absolute; width:20000em; }
#slides li{ float:left; width:700px; height:396px; }
#controllerSlides{ float:left; margin:5px 0px 0px 0px; width:700px; }
#controllerSlides li{ float:left; margin:0px 3px 0px 0px;}
#controllerSlides li a{ float:left; padding:0px 2px 1px 2px; cursor:pointer; color:#000; }
#controllerSlides li a:hover, #controllerSlides li a.current{ color:#fff; background:url('images/img-hr-tiled-black.png') bottom left repeat-x #000; text-decoration:none; }
#wrapperSlides #featured{ float:left; width:700px; padding:0px; background:none; }

/* !Sidebar */
#sidebar{ float:right; width:250px; padding:47px 10px 0px 0px; }

.widget{ margin-bottom:18px; padding-top:0; background:transparent; }
#listArchive, #listCustomers{ margin-left:5px; }

#toggle-commentform{ cursor:pointer; }

#flickr_badge_wrapper{ overflow:auto; }
.flickr_badge_image{ float:left; padding: 2px; }


/* !@group Footer */
#footer{ clear:both; width:940px; display:block; overflow:hidden; padding:0 10px; background:transparent url('images/hr.gif') left top no-repeat; font-size:80%; line-height:110%; color:#222; font-family:Georgia, "Times New Roman", Times, serif; }
#footer p{ margin:18px 0px; }
#footer img{ display:inline; }

/* !Generics */
.left{ float:left; }
.right{ float:right; }

/* !WordPress */
.alignright{ float:right; margin:0 0 1em 1em; }
.alignleft{ float:left; margin:0 1em 1em 0; }
.aligncenter{ display: block; margin:0px auto;  }

/* ADDED FROM CURRENT SITE */
.col-a2{ float:left; width:460px; margin:4px 10px 0px 0px; }
.wrapperContact{ font-family:Georgia, "Times New Roman", Times, serif; }
.col-b2{ float:left; width:460px; margin:4px 0px 18px 10px; }
.col-a, div.col-b, div.col-c{ float: left; width:220px; margin:4px 10px 18px 10px; }
.col-d{ float:left; width:220px; margin:4px 0px 18px 10px; }
.col-w{ float:left; width:940px; padding:18px 10px 2px 10px; margin-left:-10px; position:relative; background:transparent url('images/hr.gif') no-repeat 0 3px; display:inline;  }

.colTeamList{ width:100%; overflow:hidden; margin-left:-10px; position:relative; clear:left; background:transparent url('images/hr.gif') left bottom no-repeat; padding:6px 10px 18px 10px; }

.greyPanel{ position:relative; margin:0px 0px 18px 0px; padding:5px; border:1px dotted #c8c8c8; border-right:0px; border-left:0px; font-size:0.9em; background:#f5f5f5; }

#commentform{ padding:9px 10px 0px 10px; font-size:100%; }
#commentform p{ margin-bottom:9px; }
#commentform textarea{ width:500px; border:1px solid #c8c8c8; background:#fcfcfc; padding:5px; }
#commentform textarea:focus, #commentform .textField:focus{ border:1px solid #a82723; background:#fff; }
#commentform .textField{ width:200px; border:1px solid #c8c8c8; background:#fcfcfc; padding:2px 5px; margin-right:5px; }
.buttonSubmit{ margin-top:8px; }

#logoBernardKowalski{ float:right; width:11px; height:18px; line-height:18px; background:url('images/b.gif') no-repeat; }
/* @import url('sifr.css'); */

h1  {
font-size:2em;
margin:0 0 1.2em;
font-weight:bolder;
}