/*  
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/

	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 */
html, body {
  background:#fff;
  margin:0;
  padding:0;
  font:x-small Georgia,Serif;
  text-align:center;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  background-image:url(images/bodybg.gif);
  background-repeat:repeat-y;
  background-position:center;
  height: 100%;
  }
  
.hidden{
display:none;
margin:0px;
padding:0px;
}
    
*{
margin:0px;
padding:0px;
}  
  

  
a img {
  border-width:0;
  }
  
  
  
a:link {
  color:#333333;
  text-decoration:none;
  font-weight:bold;
  }
a:visited {
  color:#666666;
  text-decoration:none;
  font-weight:bold;}
a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
a:active {
  color:#FFCC00;
  text-decoration:underline;
  }  
  
 #sidebar a:link {
  color:#CCCCCC;
  text-decoration:none;
  }
#sidebar a:visited {
  color:#999999;
  text-decoration:none;
  }
#sidebar a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
#sidebar a:active {
  color:#FFFFFF;
  text-decoration:underline;
  }  
  
#utilities a:link {
  color:#CCCCCC;
  text-decoration:none;
  }
#utilities a:visited {
  color:#999999;
  text-decoration:none;
  }
#utilities a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
#utilities a:active {
  color:#FFFFFF;
  text-decoration:underline;
  }    

  #container {
  position:relative;
  top:0px;
    width:760px;
    margin:0 auto;
    padding:0;
    text-align:left;
	z-index:2;
    }

 #header {
   position:absolute;
   top:0px;
   left:0px;
    width:100%;
    margin:0;
    border-bottom:2px solid #ffcc00;
	background-color:#000000;
	height:40px;
	padding:0;
	z-index:1;
    }
	
#blog-title {
display:none;

  }
  
  
/* Overlay
----------------------------------------------- */  
#travloading {
 	width: 100%;
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	margin-top: 0px;
 	margin-left: 0px;
 	text-align: center;
	z-index:5000000;
	min-height:100%;
	

}


#fingerprint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-image:url(http://www.thedesigncoalition.com/blog/images/overlayloading.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index:5000001;
	min-height:100%;
}

#loadingoverlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	min-height:100%;
	}

  /* for Internet Explorer */
/*\*/
#travloading, #fingerprint, #loadingoverlay {
	height: 100%;
	}
/**/



/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em 0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

  
.post h2{
font:90%/1.5em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  margin:0 0 0;
  padding-bottom:2px;
  text-transform:uppercase;
  letter-spacing:0em;
  color:#999;
  border-bottom:2px solid #FFCC00;
  height:25px;
  width:290px;
  padding-left:0px;
}

.post h4{
margin:0;
padding:10px 0 0 0;
font:100%/1.6em Georgia, "Times New Roman", Times, serif;
font-weight:bolder;
}


  
  .sidebar-title {
  margin:0 0 .3em;
  padding:0px 0px 0 0px;
  text-transform:none;
  letter-spacing:.2em;
  color:#000000;
  height:31px;
  
}

.blackblock h2 {
  margin:0 0 .3em;
  font:90%/1.7em Georgia, "Times New Roman", Times, serif;
  text-transform:none;
  font-weight:bolder;
  letter-spacing:.2em;
  color:#000000;
  background-color:#ffcc00;
  background-image:url(images/blackheadbg.gif);
  background-repeat:repeat-x;

}



.blackblock h3{
  margin:0;
  font:90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
	
	
  /* nav
----------------------------------------------- */
#nav{
position:absolute;
height:56px;
top:18px;
left:205px;
}

#nav ul{
margin:0px;
padding:0px;
}

#nav li{
margin:0px;
padding:0px;
display:inline;
text-align:center;
height:56px;
}

#nav a{
color:#000000;
margin:0px;
padding:0px;
text-align:left;
line-height:0px;
display:block;
font-weight:bolder;
height:56px;
width:101px;
}



#tab1 a{
position:absolute;
top:0px;
left:0px;
margin:0;
padding:0;
background-image:url(images/blogtab.gif);
background-repeat:no-repeat;
text-align:center;
height:56px;

}



#tab1 a:hover{
background-position:0 -56px;

}

#tab1.current a{
background-position:0 -56px;

}


#tab2 a{
position:absolute;
left:101px;
margin:0;
padding:0;
background-image:url(images/portfoliotab.gif);
background-repeat:no-repeat;
text-align:center;
}

#tab2 a:hover{
background-position:0 -56px;

}

#tab2.current a{
background-position:0 -56px;

}

#tab3 a{
position:absolute;
left:202px;
margin:0;
padding:0;
background-image:url(images/resumetab.gif);
background-repeat:no-repeat;
text-align:center;
}

#tab3 a:hover{
background-position:0 -56px;

}

#tab3.current a{
background-position:0 -56px;

}
  /* nav
----------------------------------------------- */

#utilities{
position:absolute;
top:12px;
right:20px;
text-align:right;
font:70%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.5em;
color:#FFCCOO;
font-weight:bolder;

}

#utilities li{
display:inline;
}

#utilities a:link {
  color:#CCCCCC;
  text-decoration:none;
  }
#utilities a:visited {
  color:#999999;
  text-decoration:none;
  }
#utilities a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
#utilities a:active {
  color:#FFFFFF;
  text-decoration:underline;
  }    
  
  
/* leftcol
----------------------------------------------- */

#leftcol{
left:0px;
float:left;
margin-top:42px;
width:190px;
background-image:url(images/bodybg.gif);
background-repeat:repeat-y;
background-position:0px;
background-color:#FFFFFF;
}

#leftcol ul{
background-image:url(/images/ipod.gif);
background-repeat:no-repeat;
background-position:-1px top;
min-height:167px;
height:auto !important;
height:167px;
margin-top:10px;
padding-top:80px;

}

#leftcol li{
list-style-type:none;
font-size:10px;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
padding:0px 30px 5px 30px;
text-align:center;
margin-left:0px;
}

#leftcol li a{
color:#c79F00;
font-weight:normal;
}

#leftcol li a:hover{
color:#000;
text-decoration:none;
}

#leftcol li .artist{
font-weight:bold;
display:block;
padding:2px;
text-transform:uppercase;
padding-bottom:0px;
}

#leftcol li .song{
font-style:italic;
color:#c79F00;
display:block;
padding:0px 2px 5px 2px;
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom:1px dotted #c79F00;
}

#logo{
position:relative;
background-image:url(images/logo.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:111px;
width:190px;
}

#logo a{
display:block;
height:111px;
width:190px;
}

#headergraphic{
position:relative;
width:100%;
height:80px;
text-align:right;
background-image:url();
background-repeat:no-repeat;
background-position:bottom right;

}


/* main
----------------------------------------------- */

  #main {
  position:relative;
  padding-left:15px;
  top:70px;
   width:290px;
   float:left;
    }

#main2{height: 1%;} /* */

.date-title{
  margin:0 0 .5em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  padding-top:1px;
  display:block;
  }  
  

  .post {
    margin:0 0 1.5em;
    padding-bottom:0;
    }
	
	.post p{
margin:0;
padding:0;
margin-top:0px;
margin-bottom:10px;
}

.post ul{
margin-bottom:10px;
padding-bottom:10px;
margin:5px;
border-bottom:1px dotted #CCCCCC;
}

.post li{
margin-left:20px;
list-style-image:url(images/bulletsmudge.gif);
}

.post img {
  padding:4px;
  border:1px solid #ddd;
  margin:5px 0 5px 0;
  }
  
  
  .post-footer {
  margin:-.25em 0 0;
  color:#ccc;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

  
.backtotop{
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align:right;
  border-top:1px dotted #CCCCCC;
  }


.entry {
  margin:0 0 .75em;
  line-height:1.6em;
  font-size:11px;;
  }


/* Begin Sidebar */
#sidebar
{
	float:left;
	padding-left:28px;
	width: 222px;
	margin-top:60px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */

/* Black Boxes
----------------------------------------------- */

.blackblock{
position:relative;
width:222px;
  	background-image:url(images/blacktop.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000000;
	margin:0 0 1.5em;
	padding:0;
	  color:#FFF;
  line-height:1.5em;
font:80%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  }
	

.blackblock a img{
border:1px solid #FFCC00;
}	
	
.blackbottom{
width:222px;
height:7px;
  	background-image:url(images/blackbottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#000000;
	padding:0 0 1.5em;}
	
.inner{
position:relative;
top:15px;
width:192px;
left:15px;
background-color:transparent;
border:1px solid #000000;
margin:0px;
padding:0px;
}

/* RSS
----------------------------------------------- */
p.rss{
text-align:right;
padding-top:10px;
}

.rss a img, .box a img{
border:none;
}


/* dock
----------------------------------------------- */

#dock{
position:absolute;
top:100px;
width:100px;
height:400px;
left:0px;
z-index:10000;
}


body > #dock{
position:fixed;
}


/* contact form
----------------------------------------------- */

input, textarea{
width:188px;
}
.submit{
display:block;
width:192px;
margin-top:10px;
}

#contactFormArea {
padding-bottom:20px;
}

#contactFormArea label{
  font:90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}

#formtable{
width:100%;
padding:5px 0px 15px 0px;
}

/* calendar
----------------------------------------------- */

.viewCal{
position:relative;
display:block;
width:192px;
top:0px;
left:15px;
background-color:transparent;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:3px;
text-align:center;
cursor:pointer;
text-decoration:none;
}

#calbox{
position:relative;
}

#content3{
background-image:url(images/blackbottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#content3 iframe{
padding-bottom:0px;
margin-bottom:10px;
}

html>body #content3 iframe{
margin-bottom:0px;
padding-bottom:7px;
}

#clock{

font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
text-align:center;
text-transform:uppercase;
font-size:14px;
color:#FFFFFF;
}

#cal_wrapper{
width:192px;
background-color:#191919;
background-image:url(images/calcont_back.jpg);
background-repeat:repeat-x;
height:76px;


}

#cal_leftblock{
width:77px;
height:75px;
background-color:#FFFFFF;
background-image:url(images/ca_back.jpg);
background-repeat:repeat-x;
background-position:bottom;
float:left;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-top:1px solid #000;
}

#cal_month{
background-color:#FFCC00;
color:#FFFFFF;
height:15px;
background-image:url(images/blackheadbg.gif);
background-position:0px 0px;
background-repeat:repeat-x;
padding-bottom:2px;
padding-top:2px;
}

#cal_daynum{
border-top:1px dotted #000;
padding-top:0px;
line-height:30px;
font-size:32px;
color:#000000;
height:33px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#cal_year{
letter-spacing:4px;
color:#000000;
height:20px;

}

#cal_rightblock{
width:113px;
height:76px;
float:left;
color:#FFFFFF;
font-size:11px;

}

#cal_dayname{
padding-top:16px;
height:25px;
letter-spacing:3px;
border-bottom:1px dotted #333;
background-repeat:no-repeat;
color:#999999;
text-align:center;
}

#cal_time{
padding-top:10px;
height:25px;
font-size:13px;
background-position:-111px 33px;
background-repeat:no-repeat;
}

#cal_ampm{
color:#FFCC00;
border-left:1px dotted #333;
padding-left:10px;
}

sup {
    font-size: 9px;
    position: relative;
	color:#FFCC00;
padding-right:6px;
vertical-align:top;
}


/* Moo.fx
----------------------------------------------- */

.display {
display: block;
margin-bottom: 3px;
cursor: pointer;
background-color:#FFCC00;
background-image:url(images/blackheadbg.gif);
background-repeat:repeat-x;
color:#000000;
padding:2px 0 2px 10px;
border-bottom:1px solid #000000;
}

.display {height: 1%;} /* */

.display a, .display a:link, .display a:visited, .display a:hover, .display a:active{
color:#000000;
}

.stretcher {

background: transparent;
background: none !important;
}

.stretcher li{
border-bottom:1px dotted #333333;
background: none !important;}


/* MOO tabs
----------------------------------------------- */
#flickrtab a{
margin:0;
padding:0;
position:absolute;
top:45px;
left:192px;
width:36px;
height:76px;
z-index:50;
background-image:url(images/flickrtab.gif);
background-repeat:no-repeat;
}

#flickrtab a:hover{
background-position:-36px;
}

#linkstab a{
position:absolute;
margin:0;
padding:0;
top:125px;
left:192px;
width:36px;
height:76px;
z-index:50;
background-image:url(images/linkstab.gif);
background-repeat:no-repeat;
}

#linkstab a:hover{
background-position:-36px;
}

#servtab a{
margin:0;
padding:0;
position:absolute;
top:205px;
left:192px;
width:36px;
height:76px;
z-index:50;
background-image:url(images/servtab.gif);
background-repeat:no-repeat;
}

#servtab a:hover{
background-position:-36px;
}


/* -----------------comments */

h3#respond{
display:none;
}

label{
  margin:.5em 0 0 0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  color:#999;
  padding-top:1px;
  display:block;
}

#commentform input, #commentform textarea{
width:100%;
}


/* -----------------footer */
#footer{
clear:both;
display:none;
}





/* =Hoverbox Code
----------------------------------------------------------------------*/

ul.hoverbox
{
	cursor: default;
	list-style: none;
	border-bottom:0px dotted #CCCCCC;
	padding-top:10px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -45px;
	left: -33px;
	z-index: 1;
}

.hoverbox img
{
	background: #fc0;
	border-color: #c79F00;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 80px;
	height: 80px;
}

.hoverbox li
{
	background: #FFF;
	border-color: ;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	position: relative;
}

.hoverbox .preview
{
	border:1px solid #CCCCCC;
	background-color:#FFF;
	padding:0px;
	width: 150px;
	height: 150px;
	cursor:pointer;
}




.postemetadata{
clear:both;
display:block;
}