/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
@charset "UTF-8";
@import "reset.css";

#page {
	margin: 0 auto;
	width: 950px;
}
#header {
	margin-top: 20px;
}
#header .tabs {
	border-bottom:none;
}
#header .tabs li {
	margin-right: 2px;
}
#header .tabs a {
	padding: 0px 10px;
	background: #e4e4e4;
	text-decoration: none;
	font-size:1em;
	color:#666;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#header .tabs a:hover {
	background: #ccff99;
}

body {
	font-size: 75%;
	background-image:url(images/body.gif) repeat;
}
/* Default fonts and colors. */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
	font-family: Helvetica, Arial, sans-serif;
}
/* Headings
-------------------------------------------------------------- */

h1, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.2em;
}
h2 {
	font-size: 1.5em;
	margin-bottom: 0.75em;
	margin-bottom:0.2em;
}
h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1em;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
}
/* Text elements
-------------------------------------------------------------- */

p {
	margin: 0 0 1.5em;
}
ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
ol li {
	line-height: 26px;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-left: 1.5em;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
}
address {
	margin-top: 1.5em;
	font-style: italic;
}
del {
	color: #000;
}
a {
	color: #999999;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
blockquote {
	margin: 1.5em;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
pre, code {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em monospace;
	line-height: 1.5;
}
tt {
	display: block;
	margin: 1.5em 0;
	line-height: 1.5;
}
/* Tables
-------------------------------------------------------------- */

table {
	margin-bottom: 1.4em;
}
th {
	border-bottom: 2px solid #ddd;
	font-weight: bold;
}
td {
	border-bottom: 1px solid #ddd;
}
th, td {
	padding: 4px 10px 4px 0;
}
tfoot {
	font-style: italic;
}
caption {
	background: #ffc;
}
/* Some default classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.quiet {
	color: #999;
}
.hide {
	display: none;
}
.highlight {
	background: #ffc;
}
.top {
	margin-top: 0;
	padding-top: 0;
}
.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Logotype
-------------------------------------------------------------- */

#logotype {
	float:right;
	width:150px;
	height:18px;
	margin-top:6px;
}
#logotype a {
	border:none;
}

/* Body
-------------------------------------------------------------- */

#body {
	margin-top: 20px;
}

#introduction {
	float: left;
	width: 950px;
	margin-right: 130px;
	
}
#introhi {
	float: left;
	width: 950px;
	margin-right: 130px;
	/*background:url(images/piece_of_cake.png) top left no-repeat; */
}
span {
color: #8c8c8c;
text-indent:12px;
}

#introduction .problem {
	width:950px;
	height:35px;
	margin-top:1em;
	margin-bottom:1.2em;
	background-image:url(images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	line-height:37px;
}
#introduction .problem p {
	padding-left:20px;
	color:#ffffff;
	font-weight:bold;
}
.entry a:link {
	color:#009900;
}
.entry a:hover {
	color:#999999;
}
.entry a:active {
	color:#009900;
}
.entry a:visited {
	color:#009900;
}
#resources {
	float: left;
	width: 230px;
}
#resources h3 {
	color: #888;
}
#resources ul, #resources ol {
	color: #888;
}
#resources ul a {
	color: #555;
}
/* Footer
-------------------------------------------------------------- */
#footer {
	border-top: 1px solid #e4e4e4;
	margin-top: 20px;
}
#footer .tabs {
	width: 405px;
	border-top: 0px solid #eee;
}
#footer .tabs a {
	padding: 10px 10px 10px 0;
	color: #ccc;
	text-decoration: none;
}
#footer .tabs a:hover {
	color:#111111;
}
#footer p.quiet {
	color: #ccc;
}
#footer .icons {
	width:950px;
	height:35px;
	margin-top:1em;
	background-image:url(images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
#footer .icons .tabs {
	width: 185px;
	float:right;
}
#footer .icons .tabs a {
	padding: 9px 30px 10px 0;
	color: #666;
	text-decoration: none;
}
/*Columns Index Page
---------------------------------------------------------------*/
.left_column {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 300px;
	float: left;
}
.left_column p {
	color:#666666;
	font-size:1em;
}
.left_column a {
	color:#3351B0;
}
.left_columnbig {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 620px;
	float: left;
}
.left_columnbig p {
	color:#666666;
	font-size:1em;
}
.left_columnbig a {
	color:#3351B0;
}


.center_column {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 300px;
	float: left;
}
.center_column p {
	color:#666666;
	font-size:1em;
}
.center_column .tabs {
	border-bottom:none;
}
.center_column .tabs li {
	margin-right: 15px;
}
.center_column .tabs a {
	padding: 0px 0px;
	text-decoration: none;
	font-size:1em;
	color:#666;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.center_column .tabs a:hover {
	background: #ccff99;
}




.right_column {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 290px;
	float: left;
}
.right_column p {
	color:#666666;
	font-size:1em;
	padding-left:35px;
}
.right_column h1 {
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 48px;
	float: left;
}
.right_column img {
	padding-right:10px;
	padding-top:2px;
	float: left;
}



.right_columnbig {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 290px;
	float: left;
}
.right_columnbig p {
	color:#666666;
	font-size:1em;
	
}
.right_columbign h1 {
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 48px;
	float: left;
}
.right_columnbig img {
	padding-right:10px;
	padding-top:2px;
	float: left;
}
/* Portfolio Columns
-------------------------------------------------------------- */
.leftb_column {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 315px;
	float: left;
}
.leftb_column p {
	color:#666666;
	font-size:1em;
	margin-bottom: 20px;
}
.lefttb_column a {
	color:#3351B0;
}
.leftb_column img {
	border: 2px solid #999999;
}
.centerb_column {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 315px;
	float: left;
}
.centerb_column p {
	color:#666666;
	font-size:1em;
	margin-bottom: 20px;
}
.centerb_column a {
	color:#3351B0;
}
.centerb_column img {
	border: 2px solid #999999;
}
.rightb_column {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 315px;
	float: left;
}
.rightb_column p {
	color:#666666;
	font-size:1em;
	margin-bottom: 20px;
}
.rightb_column a {
	color:#3351B0;
}
.rightb_column img {
	border: 2px solid #999999;
}

/* Portfolio Columns End
-------------------------------------------------------------- */

.panel-overlay h2, .panel-overlay p {
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
	font-size:13px;
}

/* Showcase
-------------------------------------------------------------- */

.showcase {
	background-image: url(images/showcase-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:1.2em;
	height:6px;
	width:950px;
	clear:both;
}
.showcase-bg {
	width: 950px;
	height: 485px;
	background-image: url(images/showcase-bg.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.showcase-img {
	margin: 0px 15px 0px 0px;
	padding: 5px;
	background-color: #ffffff;
	float: left;
}

.left_show {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 300px;
	float: left;
}
.left_show p {
	color:#666666;
	font-size:0.9em;
}
.left_show a {
	color:#111111;
	text-decoration:none;
}
.middle_show {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 300px;
	float: left;
}
.middle_show p {
	color:#666666;
	font-size:0.9em;
}
.middle_show a {
	color:#111111;
	text-decoration:none;
}
.right_show {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 275px;
	float: left;
}
.right_show p {
	color:#666666;
	font-size:0.9em;
}
.right_show h1 {
	color:#999;
	font-size:32px;
	display:inline;
	padding-right:0px;
}
.right_show a {
	color:#111111;
	text-decoration:none;
}
.hovermenu ul{
font: bold 9px arial;
padding-left: 0;
margin-left: 0;
height: 18px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 4px 10px;
text-decoration: none;
float: left;
color: #666666;
background-color: #e4e4e4;
}

.hovermenu ul li a:hover{
background-color: #cbfc9b;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
background-color: #cbfc9b;
}
.port ul {
width: 900px;
}
.port li {
list-style: none;
display: inline-block;
padding: 0px;
	margin: 20px 0px 20px 0px;
	width: 300px;
}

#menu-outer {
	width: 900px;
}

.table {
	display: table;
	margin: 0 auto;
}

ul#horizontal-list {
	max-width: 900px;
	list-style: none;
	
	}
	ul#horizontal-list li {
		display: inline;
	
	
	}


/* End
-------------------------------------------------------------- */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }
label {
	font-weight: bold;
}

	.alignright {
       float: right;
        }
	
.alignleft {
       float: left;
      }
	  
	  
ul.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.special-1 li,  ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;}

ul.special-1 li {background: url(images/icons/special-1.png) 0 1px no-repeat !important;}
ul.special-2 li {background: url(images/icons/special-2.png) 0 1px no-repeat !important;}
ul.special-3 li {background: url(images/icons/special-3.png) 0 1px no-repeat !important;}
ul.special-4 li {background: url(images/icons/special-4.png) 0 1px no-repeat !important;}
ul.special-5 li {background: url(images/icons/special-5.png) 0 1px no-repeat !important;}
ul.special-6 li {background: url(images/icons/special-6.png) 0 1px no-repeat !important;}
ul.special-7 li {background: url(images/icons/special-7.png) 0 1px no-repeat !important;}
ul.special-8 li {background: url(images/icons/special-8.png) 0 1px no-repeat !important;}
ul.special-9 li {background: url(images/icons/special-9.png) 0 1px no-repeat !important;}
ul.special-10 li {background: url(images/icons/special-10.png) 0 1px no-repeat !important;}
ul.special-11 li {background: url(images/icons/special-11.png) 0 1px no-repeat !important;}
ul.special-12 li {background: url(images/icons/special-12.png) 0 1px no-repeat !important;}
ul.special-13 li {background: url(images/icons/special-13.png) 0 1px no-repeat !important;}
ul.special-14 li {background: url(images/icons/special-14.png) 0 1px no-repeat !important;}