body 
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	background: #c5d0d5 url('images/bgpattern2.gif');
	text-align: center;
}	

#page {
	background: transparent;
	margin: 0px auto;
	padding: 0;
	width: 800px;
	text-align: left;
	}
	
#main 
{
	margin: 0;
	padding: 0;
	background: transparent url('images/page.png') repeat-y;
	width: 800px;
	min-height: 30px;
	text-align: left;
}

#header {
	background: transparent url('images/header2.png') no-repeat bottom center;
	margin: 0;
	padding: 0;
	height: 176px;
	width: 800px;
}

#headerimg 
{
	margin: 32px 0 0 0;
	padding: 0;
	width: 736px;
	height: 96px;
	float:left;
}

#content 
{
	padding: 20px 16px 20px 40px;
	margin: 0;
	width: 520px;
	font-size: 12px;
}

#sidebar
{
	float:right;
	background: #eef1f3;
	padding: 8px 0 8px 8px;
	margin-right: 32px;
	width: 184px;
}

#footer 
{
	background: transparent url('images/footer.png') no-repeat top;
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 800px;
	height: 63px;
	clear: both;
}

#footer p {
	margin: 0 240px 0 128px;
	padding: 12px 0;
	text-align: left;
	color: #a1acb0;
}

/*Menu*/

#header h1, #header h2
{
	display: none;
}

.menuitem, .menuitem_a
{
	background-image: url('images/menu.png');
	height: 32px;
	margin: 0;
	float: left;
}

#menu
{
	margin-left: 32px;
}

#menu a, #menu a:hover
{
	display: block;
	height: 32px;
	text-decoration: none;
}

#menu_blog, #menu_blog_a { width: 112px; }
#menu_blog:hover, #menu_blog_a { background-position: 0 -32px; }

#menu_vergence, #menu_vergence_a { background-position: -112px 0; width: 184px; }
#menu_vergence:hover, #menu_vergence_a { background-position: -112px -32px; }

#menu_projects, #menu_projects_a { background-position: -296px 0; width: 168px; }
#menu_projects:hover, #menu_projects_a { background-position: -296px -32px; }

#menu_skaos, #menu_skaos_a { background-position: -464px 0; width: 144px; }
#menu_skaos:hover, #menu_skaos_a { background-position: -464px -32px; }

#menu_about, #menu_about_a { background-position: -608px 0; width: 128px; }
#menu_about:hover, #menu_about_a { background-position: -608px -32px; }

/*Post*/

.post 
{
	margin: 0 0 40px;
	text-align: justify;
	line-height: 17px;
}

.post a
{
	text-align:left;
}

.time
{
	color: #a1acb0;
}

.navigation
{
	margin-bottom:10px;
}

#content ul
{
	margin: 8px 0 8px 0;
	padding: 0 0 0 32px;
}

#content li
{
	list-style-image: url('images/arrow.gif');
}

#content ul.subpage_list
{
	margin-top: 16px;
	padding: 0 8px 0 8px;
}

#content .subpage_list li
{
	list-style-type: none;
	list-style-image: none;
	height: 96px;
}

.subpage_list img, .subpage_list .image_placeholder
{
	float: left;
	border: solid 1px #63686A;
	padding: 2px;
	margin: 0 8px 4px 0;
}

.subpage_list .image_placeholder
{
	width: 109px;
	height: 82px;
}

.subpage_list img:hover
{
	border: solid 1px #00a7e5;
	background: #00a7e5;
}

.subpage_list .time
{
	display: none;
	color: #c9d4d8;
}

/*Comments*/

.commentlist
{
	margin-bottom: 30px; 
}

#commentform input
{
	border: solid 1px #bdcacf;
}

#commentform textarea
{
	width: 518px;
	height: 104px;
	border: solid 1px #bdcacf;
}
	
/*Sidebar*/
#sidebar ul 
{
	margin: 0;
	padding: 0;
}

#sidebar ul li 
{
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 15px 0;
}

#sidebar ul ul
{
	margin: 0 0 8px;
}

#sidebar ul ul li 
{
	list-style-image: url('images/arrow.gif');
	margin: 3px 0 0 16px;
	padding: 0;
	color: #63686a;
}
	
#searchform 
{
	margin: 0;
	padding: 0;
	text-align: left;
}

#sidebar #searchform #s 
{
	width: 136px;
	margin: 0;
	padding: 2px 0 2px 0;
	border: solid 1px #c9d4d8;
}	

#sidebar #searchform #searchsubmit
{
	background: #eef1f3 url('images/magnifier.gif') no-repeat;
	width: 31px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 3px;
	overflow: hidden;
	text-indent: -1000em;
	cursor: pointer;
	border: 0;
}

#sidebar #searchform #searchsubmit:hover
{
	background-position: 0 -30px;
}

#sidebar .title
{
	background: #eef1f3 url('images/sidebar.png') no-repeat;
	width:192px;
	height:36px;
	margin-left: -8px;
	margin-bottom: 8px;
	display: block;
}

#sidebar #twitter
{
	background-position: 0 -102px;
}

#sidebar #tags
{
	background-position: 0 0;
}

#sidebar #tag_cloud
{
	margin: 3px 16px 4px 16px;
	text-align: center;
}

#sidebar #tag_cloud a
{
	line-height: 17px;
	margin-right: 8px;
}

#sidebar #archive
{
	margin-top: 30px;
	background-position: 0 -34px;
}

#sidebar #sites { background-position: 0 -68px; }
#sidebar #_vergence  { background-position: 0 -136px; }
#sidebar #_3d_stuff { background-position: 0 -170px; }
#sidebar #_streetkaos { background-position: 0 -204px; }

/*Various*/

#tag_cloud
{
	margin: 15px 0 15px;
	text-align: center;
}

#tag_cloud a
{
	line-height: 23px;
	margin-right: 16px;
}

.hidden 
{
	display: none;
}

.alignright
{
	float:right;
}

code {
	font: 12px 'Courier New', Courier, Fixed;
	}

h1, h2, h3
{
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #63686a;
}

h1 
{
	font-size: 22px;
}

h2 
{
	font-size: 18px;	
}

h2.pagetitle
{
	margin-bottom: 15px;
	color: #bdcacf;
	font-size: 14px;
}

.pagetitle h2
{
	display: none;
}

h3
{
	font-size: 14px;
	margin: 15px 0 0;
}

h4
{
	margin: 0;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	color: #63686a;
	font-size: 12px;
}

a, a:hover, a:visited
{
	text-decoration: none;
	color: #63686a;
}

a:hover
{
	text-decoration: underline;
	color: #00a7e5;
}

.vimeo_container
{
	margin: 15px 0 0 0;
	width: 504px;
	height: 380px;
}

/*bitmap font*/

.pagetitle
{
	height: 23px;
}

.pagetitle a
{
	display: block;
	height: 23px;
	text-decoration: none;
}

.bitmapfont
{
	background: white url('images/bmpfont.gif') no-repeat;
	height: 22px;
	width: 10px;
	float: left;
}

/* whitespace */ .bmpf_32 { width: 11px; }
/* ! */ .bmpf_33  { background-position: -11px 0; width: 5px; }
/* " */ .bmpf_34  { background-position: -16px 0; width: 11px; }
/* # */ .bmpf_35  { background-position: -30px 0; width: 16px; }
/* $ */ .bmpf_36  { background-position: -46px 0; width: 17px; }
/* % */ .bmpf_37  { background-position: -63px 0; width: 16px; }
/* & */ .bmpf_38  { background-position: -79px 0; width: 20px; }
/* ' */ .bmpf_39  { background-position: -99px 0; width: 6px; }
/* ( */ .bmpf_40  { background-position: -107px 0; width: 8px; }
/* ) */ .bmpf_41  { background-position: -115px 0; width: 8px; }
/* * */ .bmpf_42  { background-position: -123px 0; width: 17px; }
/* + */ .bmpf_43  { background-position: -140px 0; width: 11px; }
/* , */ .bmpf_44  { background-position: -151px 0; width: 6px; }
/* - */ .bmpf_45  { background-position: -159px 0; width: 11px; }
/* . */ .bmpf_46  { background-position: -170px 0; width: 6px; }
/* / */ .bmpf_47  { background-position: -170px 0; width: 6px; }
/* 0 */ .bmpf_48  { background-position: -184px 0; width: 16px; }
/* 1 */ .bmpf_49  { background-position: -200px 0; width: 9px; }
/* 2 */ .bmpf_50  { background-position: -209px 0; width: 17px; }
/* 3 */ .bmpf_51  { background-position: -225px 0; width: 17px; }
/* 4 */ .bmpf_52  { background-position: -242px 0; width: 16px; }
/* 5 */ .bmpf_53  { background-position: -258px 0; width: 17px; }
/* 6 */ .bmpf_54  { background-position: -275px 0; width: 16px; }
/* 7 */ .bmpf_55  { background-position: -291px 0; width: 14px; }
/* 8 */ .bmpf_56  { background-position: -305px 0; width: 16px; }
/* 9 */ .bmpf_57  { background-position: -321px 0; width: 17px; }
/* : */ .bmpf_58  { background-position: -338px 0; width: 5px; }
/* ; */ .bmpf_59  { background-position: -343px 0; width: 6px; }
/* < */ .bmpf_60  { background-position: -349px 0; width: 11px; }
/* = */ .bmpf_61  { background-position: -360px 0; width: 14px; }
/* > */ .bmpf_62  { background-position: -374px 0; width: 11px; }
/* ? */ .bmpf_63  { background-position: -385px 0; width: 16px; }
/* @ */ .bmpf_64  { background-position: 0 -22px; width: 16px; }
/* [ */ .bmpf_91  { background-position: -440px -22px; width: 8px; }
/* \ */ .bmpf_92  { background-position: -448px -22px; width: 8px; }
/* ] */ .bmpf_93  { background-position: -456px -22px; width: 8px; }
/* ^ */ .bmpf_94  { background-position: -464px -22px; width: 11px; }
/* _ */ .bmpf_95  { background-position: -475px -22px; width: 20px; }
/* a */ .bmpf_97  { background-position: -16px -22px; width: 17px; }
/* b */ .bmpf_98  { background-position: -33px -22px; width: 16px; }
/* c */ .bmpf_99  { background-position: -49px -22px; width: 17px; }
/* d */ .bmpf_100 { background-position: -66px -22px; width: 16px; }
/* e */ .bmpf_101 { background-position: -82px -22px; width: 17px; }
/* f */ .bmpf_102 { background-position: -99px -22px; width: 16px; }
/* g */ .bmpf_103 { background-position: -115px -22px; width: 17px; }
/* h */ .bmpf_104 { background-position: -132px -22px; width: 16px; }
/* i */ .bmpf_105 { background-position: -148px -22px; width: 6px; }
/* j */ .bmpf_106 { background-position: -154px -22px; width: 13px; }
/* k */ .bmpf_107 { background-position: -167px -22px; width: 17px; }
/* l */ .bmpf_108 { background-position: -184px -22px; width: 14px; }
/* m */ .bmpf_109 { background-position: -198px -22px; width: 22px; }
/* n */ .bmpf_110 { background-position: -220px -22px; width: 16px; }
/* o */ .bmpf_111 { background-position: -236px -22px; width: 17px; }
/* p */ .bmpf_112 { background-position: -253px -22px; width: 16px; }
/* q */ .bmpf_113 { background-position: -269px -22px; width: 17px; }
/* r */ .bmpf_114 { background-position: -286px -22px; width: 16px; }
/* s */ .bmpf_115 { background-position: -302px -22px; width: 17px; }
/* t */ .bmpf_116 { background-position: -319px -22px; width: 16px; }
/* u */ .bmpf_117 { background-position: -335px -22px; width: 17px; }
/* v */ .bmpf_118 { background-position: -352px -22px; width: 16px; }
/* w */ .bmpf_119 { background-position: -368px -22px; width: 22px; }
/* x */ .bmpf_120 { background-position: -390px -22px; width: 17px; }
/* y */ .bmpf_121 { background-position: -407px -22px; width: 16px; }
/* z */ .bmpf_122 { background-position: -423px -22px; width: 17px; }