body
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	margin:0px;
	padding: 0px;
	background-color:#fff;
	width: 100%;
	
	}
#page
	{
	margin: 0px ;
	padding: 0px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:auto;
	height:100%;
	width:100%;
	z-index: 0;
	}
a.page, a:link.page, a:visited.page
	{
	margin: 4px 0px 0px 4px;
	text-align:center;
	float:left;
	color: #666;
	background:#000;
	width: 5px;
	height:10px;
	padding:0px;
	 }
img
	{
	padding: 0px;
	margin:0px;
	}
a:link img, a:visited img
	{
	border:none;
	}
a, a:link, a:visited
	{
	text-decoration:none;
	color:#666;
	font-weight:normal;
	}
a:hover,#menu a:hover.menu-item
	{
	color:#000000;
	}

#footer
	{
	color:#333;
	padding:0px;
	margin:  0px;
	float:left;
	clear:both;
	width:150px;
	cursor:pointer;
	}
.menu-container
	{
	position: absolute;
	top:0px;
	left:0px;
	width:250px;
	z-index: 2;
	padding:40px 10px;
	margin:0px;
	}
.menu-item, a:link.menu-item, a:visited.menu-item
	{
	float:left;
	clear:both;
	width: 100%;
	}
input
	{
	padding:2px;
	margin:2px;
	font-size:10px;
	border:1px solid #0099FF;
	}
.menu-img, .hotmenu-img
	{
	clear:none;
	padding:0px;
	cursor: pointer;
	border: 2px solid #fff;
	
	
	}
.hotmenu-img
	{
	border: 2px solid #f00;
	}
.menu
	{
	font-size:11px;
	color:#fff;
	padding:0px 0px 10px;
	float:left;
	clear:both;
	width:200px;
	}
.menu a, .menu a:link, .menu a:visited
	{
	color:#666;
	padding: 0px 2px 0px;
	font-weight:bold;
	}
.menu a:hover
	{
	color:#9cf;
		}
#menu{
	margin: 0px;	
	color:#000;
	border:none;
	padding: 5px 0px;
	float:left;
	}
#menu a, #menu a:link, #menu a:visited
	{
	color:#000;
	padding: 0px 2px 0px;
	font-weight:normal;
	
	}
#menu a:link.hot, #menu a:visited.hot, #menu a.hot, .menu a:link.hot, .menu a:visited.hot, .menu a.hot, .hot
	{
	/*color:#F06;*/
	text-decoration:underline;
	}
.select, .menu a:link.select, .menu a:visited.select
	{
	background-color:#f03;
	}
p.spacer
	{
	clear:both;
	height:20px;
	margin:0px 50px 0px;
	background-image:url('../img/greyspacer.png');
	background-position:top;
	background-repeat:repeat-x;
	width: 600px;
	}
p.smallspacer
	{
	clear:both;
	height:20px;
	margin:0px ;
	background-image:url('../img/greyspacer.png');
	background-position:top;
	background-repeat:repeat-x;
	width: 300px;
	}
	
.red
	{
	color:#fff;
	background:#f00;
	font-weight:bold;
	padding:2px;
	position:absolute;
	top:0px;
	
	}
.news
	{
	margin: 10px 0px 0px 10px;
	width: 420px;
	padding: 0px 0px;
	}
.news-top
	{
	background-position: top center;
	background-repeat:no-repeat;
	height:20px;
	padding: 0px 20px 0px;
	margin:0px
	}
.news-mid
	{
	background-position: top center;
	background-repeat: repeat-y;
	padding: 0px 20px 0px;
	margin:0px;
	}
.news-bottom
	{
	background-position: bottom center;
	background-repeat:no-repeat;
	height:20px;
	padding: 0px 20px 0px;
	margin:0px;
	}
.project
	{
	margin: 10px 0px 0px 200px;
	width: 640px;
	float:left;
	clear:none;
	}
.cat-title
	{
	font-size:17px;
	font-weight:normal;
	color: #000;
	margin: 10px 0px 0px;
	border:none;
	cursor:pointer;
	padding: 0px 0px 2px 10px;
	}
.project-title
	{
	font-size:17px; /*20px;*/
	font-weight:normal;
	color: #000000;
	margin: 0px;
	border:none;
	padding: 3px 0px 2px 20px;
	}
.friend-title
	{
	font-size:16px;
	font-weight:normal;
	color: #333;
	margin: 0px;
	border:none;
	padding: 5px 0px 2px 30px;
	text-decoration: underline;
	border-top: 1px dashed #000;
	}
.friend-content
	{
	font-size:11px;
	margin:0px 20px 0px;
	padding: 0px 100px 20px 10px;
	}
.small
	{
	font-size:11px;
	color:#000000;
	margin:0px 20px 0px;
	padding:0px 0px 10px;
	}
.small span
	{
	padding: 1px 0px 1px;
	}
a.delete, a:link.hot, a:visited.hot
	{
	font-weight:bold;
	color:#000000;
	}
.foldout
	{
	color:#000000;
	font-weight:bold;
	cursor:pointer;
	padding: 5px 0px 5px 20px;
	margin: 0px 20px 0px;
	background-image: url('../img/down.gif');
	background-position:left;
	background-repeat: no-repeat;
	}
.imagelist
	{
	padding: 0px 10px 0px;
	margin: 0px 20px 0px;
	}
.intro
	{
	color:#666;
	padding: 0px 10px 0px;
	margin:  5px 20px 5px;
	}
.flash
	{
	color:#666;
	padding: 10px 10px 10px;
	margin: 0px 20px 0px;
	text-align: center;
	}
.description
	{
	/*display:none;*/
	font-size:14px;
	margin:0px 20px 0px;
	padding: 5px 0px 20px;
	line-height:1.5em;
	}
.techno
	{ 
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size:10px;
	margin:0px 20px 0px;
	padding: 2px 0px 15px;
	color:#666;
	}

.extra
	{
	font-size:11px;
	margin:0px 20px 0px;
	padding: 2px 0px 15px;
	color:#000000;
	}
.news-content
	{
	font-size:12px;
	margin:0px;
	padding: 20px;
	line-height:1.4em;
	color:#000;
	}

.post-content
	{
	padding:0px;
	margin:Opx;	
	}
.block
	{
	margin: 0px 50px 15px;
	width: 600px;
	background-color:#fff;
	border:1px solid #ccc;
	padding: 5px;	
	}
.image-container
	{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 5px;	
	}
.thumb
	{
	padding:0px;
	margin:0px;
	border:1px solid #ccc;
	margin: 5px 5px 5px 0px;
	cursor:pointer;
	}
.thumb:hover
	{
	border:1px solid #000;
	}
img.preview
	{
	border:none;
	margin:10px 30px 10px;
	background:none;
	}
a:hover img.preview, a.preview:hover
	{
	background:none;
	}
.teaser
	{
	padding: 0px;
	margin: 0px 10px 10px 0px;
	background-position: center;
	float:left;
	clear:none;
	}
.button
	{
	display:none;
	background:#000;
	color:#fff;
	font-size:13px;
	padding:0px;
	margin:0px 10px 0px;
	font-weight:bold;
	cursor: pointer;
	}
.teaser-column
	{
	float:left;
	clear:both;	
	padding: 0px;
	margin:0px 10px 0px 0px;
	}
.teasers, .news-container
	{
	margin:10px 0px 0px 270px;
	float:left;
	clear: none;
	}
.smalltop
	{
	background-position: top center;
	background-repeat:no-repeat;
	height:21px;
	width: 180px;
	padding: 0px 0px 0px;
	margin:0px
	}
.top
	{
	background-position: top center;
	background-repeat:no-repeat;
	height:20px;
	width: 600px;
	padding: 0px 20px 0px;
	margin:0px
	}
.post
	{
	background-position: top center;
	background-repeat: repeat-y;
	padding: 0px 20px 0px;
	width: 600px;
	margin:0px;
	}
.bottom
	{
	background-position: bottom center;
	background-repeat:no-repeat;
	height:35px;
	width: 600px;
	padding: 0px 20px 0px;
	margin:0px;
	}
.middle
	{
	background-position: center;
	background-repeat:repeat;
	width: 152px;
	height: 100px;
	padding: 0px 0px 0px;
	margin:0px 0px 0px 11px;
	cursor:pointer;
	}
.middle:hover .teasertext
	{
	display:block;
	}
.teasertext
	{
	display:none;
	background:#fff;
	color:#000;
	font-size:13px;
	padding:0px 0px 4px;
	margin:0px;
	font-weight:bold;
	cursor: pointer;
	vertical-align: bottom;
	}
.smallmiddle
	{
	background-position: top center;
	background-repeat: repeat-y;
	width: 180px;
	height: 100px;
	padding: 0px 10px 0px;
	margin:0px;
	overflow:hidden;
	}

.smallbottom
	{
	background-position: bottom center;
	background-repeat:no-repeat;
	height:30px;
	width: 180px;
	padding: 0px 10px 0px;
	margin:0px;
	}
select
	{
	border: none;
	font-size: 11px;
	margin: 0px;
	padding:0px;
	}
.huge
	{
	color:#000;
	margin:10px 0px 0px 270px;
	float:left;
	clear: none;
	font-size: 15px;
	font-weight:light;
	}

.title
	{
	color:#000;
	margin:20px 0px 20px;
	padding: 20px 0px 0px;
	font-size: 25px;
	font-weight: normal;
	}