@charset "UTF-8";
/* CSS Document */

/* These are for tags that position an element on the page */

body {
	margin-top:0;
	margin-bottom:50px;
}

img {
	margin-bottom:10px;
}

backimage {/* The layout used for this div is defined within the 960gs classes */}

#wrapper {margin-top:150px;}

#main {	margin-top:20px;}


#page {position:relative;}


#page-inner {
	position:relative;
	z-index:1;
	min-height:710px;
}


#column1 {position:relative;float:left;}

#coffee-stain {
	height:164px;
	width:163px;
	position:absolute;
	top:5px;
	left:10px;
}

#belongs-to {
	height:158px;
	width:155px;
	position:absolute;
	top:5px;
	right:0px;
}

#recentposts {
	height:200px;
	width:242px;
	position:absolute;
	top:175px;
	left:-87px;
	z-index:1000;
}


#column2 {position:relative;float:right;padding-bottom:20px;}

#short-menu {
	height:210px;
	width:372px;
	position:absolute;
	left:-1px;
	top:-91px;
}


#short-menu ul {
	position:absolute;
	top:24px;
	width:372px;
	height:40px;
	display:block;
}

#short-menu li {
	float:left;
	position:relative;
	display:inline-block;
	width:55px;
}

#short-menu li a {
	width:55px;
	height:40px;
	display:inline-block;
}

#short-menu li a span {
	display:none;
	position:absolute;
	top:-90px;
	left:2px;
	width:120px;
	height:50px;
}

#short-menu li a:hover span {
	display:block;
}

#contact {
	height:244px;
	width:209px;
	position:absolute;
	display:block;
	right:-88px;
	top:20px;
}

#seeus {
	height:244px;
	width:209px;
	position:absolute;
	display:block;
	right:-88px;
	top:20px;
	z-index:2;
}

#seeus a {
	height:120px;
	width:100px;
	float:right;
	display:block;
}

#seeus a:hover {
	height:244px;
	width:209px;
	position:absolute;
	display:block;
	top:0;
	left:0;
}

#images {
	position:relative;
	z-index:2;
}

#footer {position:absolute;bottom:0;}


#content {}

#navprev {height:50px;}

#navnext {height:50px;}

#page-bottom {height:15px;}