/* Site Layout 
----------------------------------------------*/
#site			{width: 731px;}
#title			{margin: 0; padding: 0; overflow:hidden; position: relative; height: 278px;}
#title em 		{display: block; position:absolute; top: 0; left: 0; overflow:hidden; width: 100%; height: 100%; background: url(grfx/chaosquake.png) top left no-repeat;}
#menu			{float: left; list-style-type: none; padding: 0 0 73px 0; margin: 0; background: url(grfx/menu_bottom.png) bottom left no-repeat;}
#content		{float: left; width: 590px; background: #F7F7F7 url(grfx/content_background_repeat.png) top left repeat-y; margin-bottom: 50px;}
#chaosquake		{float: left; width: 590px; height: 278px; background: url(grfx/chaosquake.png) top left no-repeat;}
#content_left	{float: left; width:  73px; height: 169px; background: url(grfx/content_top_left.png) top left no-repeat;}
#content_right	{float: left; width:  74px; height: 137px; background: url(grfx/content_top_right.png) top left no-repeat;}
#content_bottom	{float: left; width: 590px; height:  72px; background: url(grfx/content_bottom.png) top left no-repeat;}
#text			{float: left; width: 423px; padding: 10px; background: url(grfx/content_background.png) top left no-repeat;}
#footnote		{font-size: 75%; margin-top: 30px; text-align: center;}


/* Menu Images / Mouse over effect
----------------------------------------------*/

#menu li			{width: 141px; position:relative; overflow: hidden; }
#menu li a			{cursor: pointer;} 
#menu li a em		{width: 141px; height: 60px; display:block; position:absolute; top: 0; left: 0}

#menu li a:hover 	{background-color: transparent;}
#menu li a:hover em	{background-position: 141px 0;}

#news		{height:39px;}	#news em		{background-image:url(grfx/menu_news.png);}
#maps		{height:43px;}	#maps em		{background-image:url(grfx/menu_maps.png);}
#projects	{height:46px;}	#projects em	{background-image:url(grfx/menu_projects.png);}
#links		{height:51px;}	#links em		{background-image:url(grfx/menu_links.png);}
#about		{height:57px;}	#about em		{background-image:url(grfx/menu_about.png);}



/* Generic Elements 
----------------------------------------------*/
body{
	background-color: #28313C;
	margin:0;
	font-family: Verdana, Arial, Tahoma;
	line-height: 1.6em;
	font-size: 9pt;
	color: #000;
}

h1 {
	color: #a00;
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1em 0 2em 0;
}

h2 {
	font-size: 110%;
	font-weight: bold;
	color: #444;
	text-transform: uppercase;
	margin: 32px 0 8px 0;
}

h3 {
	color: #555;
	font-size: 80%;
	text-transform: uppercase;
	margin: 0;
}

a{
	color: #c00;
	text-decoration: none;
}

a:hover {
	color: #F7F7F7;
	background-color: #e00;
}

h2 a {
	color: #a44;
}

h2 a:hover {
	color: #e00;
	background-color: transparent;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

pre{	
	font-size: 8pt; 
	border: 1px solid #ddd;
	padding: 0 3px 0 5px;
	background-color: #fafafa;
	overflow: auto;
}

div.Dark {
	padding: 3px 5px 3px 5px;
	margin-bottom: 14px;
	background-color: #f0f0f0;
}

div.Light {
	padding: 3px 5px 3px 5px;
	margin-bottom: 14px;
	background-color: #f3f3f3;
}

div.commentInfo {
	font-size: 80%;
}

div.blogfoot {
	font-size: 80%;
}

div.commentDate {
		font-style:italic;
		float: right;
		font-size: 80%;

}

div.formbox {
	float: left;
	margin-right: 15px;
}


b {color: #444}

input, textarea {
	border: 1px solid #ccc;
	background-color: #fbfbfb;
	width: 180px;
}

textarea {	width: 95%; }

input.submit {
	border-color: #fff #ccc #ccc #fff;
	font-weight: bold;
	color: #555;
	font-size: 80%;
	width: auto;
}

input:focus, textarea:focus { background-color: #fefefe;}

a img {
	border: 0;
}

img.left{ 
	float:left; 
	border-right: 5px solid #F7F7F7; 
}
img.right{ 
	float: right;
	border-left: 5px solid #F7F7F7; 
}
img.center { 
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.noalign{ 
	border-right: 5px solid #F7F7F7; 
}

img.favatar{
	vertical-align: bottom;
	margin-bottom: 2px;
}

.small { font-size: 75%; }



/* Colors for Syntax highlighting */
pre span.N{color:#ea0;} /* Numbers */
pre span.S{color:#080;} /* Strings */
pre span.C{color:#864;} /* Comments */
pre span.K{color:#a00;} /* Keywords */
pre span.V{color:#808;} /* Vars */
pre span.D{color:#008;} /* Defines */

span.mono{font-family:courier new;}


/* Gallery Divs
----------------------------------------------*/
div.pic {
	float: left;
	width: 128px;
	height: 114px;
	margin: 4px;
	font-size: 90%;
	position: relative;
	overflow: hidden;
}

div.pic a{
	width: 100%;
	position: absolute;
	text-align:center;
	bottom: 0px;
}

div.pic a:hover{
	background-color: transparent;
}

div.pic a span{
	display: block;
}

div.pic a:hover span{
	background-color: #e00;
}