html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #7cc9ec;}
a:hover {color: #e2c695;}

img {
border: 0px none;
}

object { outline:none; }

body {
	background: #ffffff url(img/footerskytile.jpg) repeat-x left bottom;
	color: #aaa;
	font: normal 75% Arial, Helvetica, sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color: #b8eafe;
	margin-bottom: 4px;
}

h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #b8eafe;
	margin-bottom: 4px;
}

h5 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #cecece;
	margin-bottom: 4px;
}

.post .title {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #7cc9ec;
	margin-bottom: 4px;
}


.post .date {
	margin: -26px 30px 0px 0;
	text-align: right;
	color: #f1c484;
	font: normal 100% Arial, Helvetica, sans-serif;
}

.post .entry {
	padding: 20px 0px 0 0px;
}
.whatsnew {
	padding-bottom:10px;	
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3,h4,h5 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background:;
	font-size: 1.2em;
	margin: 0 auto;
	width: 1000px;
	padding-top: 4px;
}

.container_comic {
	background:;
	font-size: 1.2em;
	margin: 0 auto;
	width: 1100px;
	padding-top: 4px;
}

/* header */
.top {
	background: url(img/skytileshort.jpg) repeat-x;
}

/* title */
.header {
	background: url(img/kukubee_header_2a.png) no-repeat;
	font-size: 1.2em;
	height: 223px;
	margin: 0 auto;
	width: 1024px;
	
}
.header .left, .header .right {
	color: #FFF;
	height: 150px;	
}

.header .right {
	overflow: auto;
	width: 212px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.mainimage {
	padding-left:25px;	
}


.navigation {	
	height: 44px;
	padding: 0 30px 0 40px;
}
.navigation a {
	background: #ffffff;
	
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}

.navigation_s {	
	height: 44px;
	padding: 0 44px 0 0;
}

.navigation_s a {
	background: #ffffff;
	
	color: #456;
	display: block;
	float: right;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	text-decoration: none;
}
.navigation_s a:hover {background-position: left bottom; color: #234;}

.navigation_p {	
	height: 42px;
	padding: 0 0 0 230px;
}

.navigation_p a {
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	text-decoration: none;
}
.navigation_p a:hover {background-position: left bottom; color: #234;}

.portfolio_content {
	padding-left:75px;
}

/* main */
.main {
	border-top: 12px solid #FFF;
}

/* sub navigation */
.sidenav {
	background: url(img/shop_kukubee.gif) no-repeat center top;
	float: right;
	width: 210px;
}

.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}


.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* content */

/* buttons */

#home
{
  display: block;
  width: 66px;
  height: 50px;
  background: url("img/kukubee_home.gif") no-repeat 0 0;

}

#home:hover
{ 
  background-position: 0 -50px;
}

#home span
{
  position: absolute;
  top: -999em;
}

#news
{
  display: block;
  width: 86px;
  height: 52px;
  background: url("img/news_link.gif") no-repeat 0 0;

}

#news:hover
{ 
  background-position: 0 -52px;
}

#news span
{
  position: absolute;
  top: -999em;
}

#portfolio
{
  display: block;
  width: 105px;
  height: 52px;
  background: url("img/portfolio_link.gif") no-repeat 0 0;

}

#portfolio:hover
{ 
  background-position: 0 -52px;
}

#portfolio span
{
  position: absolute;
  top: -999em;
}

#aboutus
{
  display: block;
  width: 102px;
  height: 52px;
  background: url("img/aboutus_link.gif") no-repeat 0 0;

}

#aboutus:hover
{ 
  background-position: 0 -52px;
}

#aboutus span
{
  position: absolute;
  top: -999em;
}

#help
{
  display: block;
  width: 95px;
  height: 52px;
  background: url("img/help_link.gif") no-repeat 0 0;

}

#help:hover
{ 
  background-position: 0 -52px;
}

#help span
{
  position: absolute;
  top: -999em;
}

#contact
{
  display: block;
  width: 83px;
  height: 52px;
  background: url("img/contact_link.gif") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: 0 -52px;
}

#contact span
{
  position: absolute;
  top: -999em;
}

#games
{
  display: block;
  width: 83px;
  height: 52px;
  background: url("img/games_link.gif") no-repeat 0 0;

}

#games:hover
{ 
  background-position: 0 -52px;
}

#games span
{
  position: absolute;
  top: -999em;
}

#comic
{
  display: block;
  width: 88px;
  height: 52px;
  background: url("img/comic_link.gif") no-repeat 0 0;

}

#comic:hover
{ 
  background-position: 0 -52px;
}

#comic span
{
  position: absolute;
  top: -999em;
}


#etsy
{
  display: block;
  width: 204px;
  height: 93px;
  background: url("img/kukubee_etsy.gif") no-repeat 0 0;

}

#etsy:hover
{ 
  background-position: 0 -93px;
}

#etsy span
{
  position: absolute;
  top: -999em;
}


#cargoh
{
  display: block;
  width: 204px;
  height: 59px;
  background: url("img/kukubee_cargoh.gif") no-repeat 0 0;

}

#cargoh:hover
{ 
  background-position: 0 -59px;
}

#cargoh span
{
  position: absolute;
  top: -999em;
}


#twitter
{
  display: block;
  width: 43px;
  height: 45px;
  background: url("img/icon_twitter.png") no-repeat 0 0;

}

#twitter:hover
{ 
  background-position: 0 -45px;
}

#twitter span
{
  position: absolute;
  top: -999em;
}

#facebook
{
  display: block;
  width: 42px;
  height: 45px;
  background: url("img/icon_facebook.png") no-repeat 0 0;

}

#facebook:hover
{ 
  background-position: 0 -45px;
}

#facebook span
{
  position: absolute;
  top: -999em;
}

#flickr
{
  display: block;
  width: 40px;
  height: 45px;
  background: url("img/icon_flickr.png") no-repeat 0 0;

}

#flickr:hover
{ 
  background-position: 0 -45px;
}

#flickr span
{
  position: absolute;
  top: -999em;
}

#design
{
  display: block;
  width: 105px;
  height: 42px;
  background: url("img/portfolio_design.gif") no-repeat 0 0;

}

#design:hover
{ 
  background-position: 0 -42px;
}

#design span
{
  position: absolute;
  top: -999em;
}

#product
{
  display: block;
  width: 103px;
  height: 42px;
  background: url("img/portfolio_product.gif") no-repeat 0 0;

}

#product:hover
{ 
  background-position: 0 -42px;
}

#product span
{
  position: absolute;
  top: -999em;
}



.content {
	float: left;
	margin: 0px 0;
	padding: 0 16px;
	width: 700px;
}

.content_comic {
	float: left;
	margin: 0px 0;
	padding: 0 16px;
	width: 800px;
}

.content_about {
	background: url(img/bandb.jpg) no-repeat top;
	text-align:left;
	float: left;
	margin: 0px 0;
	padding: 0 140px 0 0;
	height:550px;
	width: 600px;
}


.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {

	margin-left: 18px;
}
.content p {font-family:Arial, Helvetica, sans-serif}

.content_bio {
	
	padding: 0 0 0 220px;
	width: 330px;
}

/* footer */
.footer {
	background: url(img/footertransparent.png) no-repeat;
	color: #ecdfb4;
	height: 334px;
	width: 1024px;
	margin: 0 auto;
	text-align: center;
	font: normal 1.4em Arial, Helvetica, sans-serif;
	}
	
.footer_copyright {
	padding-top:310px;
	font: normal 75% Arial, Helvetica, sans-serif;
	
}
	
.footer a,.footer a:hover