@charset "utf-8";

*
{
	margin:				0;
	padding:			0;
}

body
{
	font-family:		Corbel, Arial, sans-serif;
	font-size:			14px;
	background:			url(../images/grad.gif) fixed white;
	text-align:			justify;
	color:				#888;
}

p
{
	margin:				0 0 15px 0;
}

h1
{
	font-family:		Corbel, Arial, sans-serif;
	font-size:			110%;
	color:				#4a626e;
	margin-bottom:		10px;
}

h2, h3
{
	font-family:		Corbel, Arial, sans-serif;
	font-size:			95%;
	color:				#4a626e;
}

a
{
	color:				#4a626e;
	text-decoration:	none;
	font-weight:		bold;
}

a:hover
{
	color:				#e6dfa4;
}

table
{
	text-align:		left;
	padding:			5px;
}

img
{
	border:				silver medium solid;
	vertical-align:		middle;
	margin:				15px;
}

hr
{
	height:				4px;
	background:			#4a626e;
}

.indent
{
	margin-left:		15px;
}

#main_content ul
{
	margin:				10px 20px;
}

#main_content
{
	padding-top:		30px;
	padding-bottom:		10px;
	width:				475px;
}

#container
{
	background:			url(../images/bottom.png) no-repeat bottom;
	width:				800px;
	margin:				auto;
	padding:			0 0 65px 0;	/* 65 pixel padding for the footer image */
}

#middle
{
	background:			url(../images/middle.png) repeat-y;
	padding:			10px 40px 0 40px;
}

#footer
{
	margin-top:			5px;
	margin-bottom:		-5px;	/* NEGATIVE MARGIN - Aligns the footer image with the text */
	color:				white;
	font-weight:		bold;
	font-size:			12px;
}

#footer a
{
	color:				white;
	text-decoration:	none;
}

#footer a:hover
{
	color:				#e6dfa4;
}

#sidebar
{
	float:				right;
	width:				225px;
	text-align:			justify;
	padding:			20px 0 0 15px;
}

#sidebar .comment
{
	  background:		#bdd2df url(../images/comment.gif) repeat-x;
	  margin:			0;
	  padding:			10px;
	  border:			1px black solid;
	  border-bottom:	none;
	  font-weight:		normal;
	  font-family:		Tahoma;
	  font-size:		14px;
}

#sidebar .comment-footer
{
	  background:		url(../images/comment_footer.gif) no-repeat;
	  margin:			-15px 0 20px 0;
}

#sidebar p
{
	  font-family:		Corbel, Arial, Helvetica, sans-serif;
	  font-size:		11px;
	  font-weight:		bold;
	  color:			#333;
	  margin:			4px 0 10px 0;
}

#sidebar .comment p
{
	margin:				0 0 4px 0;
	padding:			0;
	font-weight:		normal;
}

#sidebar .comment-footer p
{
	  font-family:		Cambria, Arial, Helvetica, sans-serif;
	  font-size:		11px;
	  font-weight:		normal;
	  margin:			15px 0 0 43px;
	  padding:			10px 0 0 5px;
	  line-height:		200%;
	  color:			#4a626e;
}

#sidebar h1
{
	  color:			#4a626e;
	  font-family:		Cambria, Arial, Helvetica, sans-serif;
	  font-size:		12px;
	  font-weight:		bold;
	  margin:			0;
}

.fltrt
{
	float:				right;
	text-align:			right;
	margin:				4px;
}

.fltlft
{
	float:				left;
	text-align:			left;
	margin:				4px;
}

.clearfloat
{
	clear:				both;
	height:				0;
	font-size:			1px;
	line-height:		0px;
}

/*
** MENU
*/

#header
{	
	background:		url(../images/top.png) no-repeat;
	padding:			170px 25px 0 25px;
	color:				#627b88;
	margin:				0;
}

/* Menu 1,2,3... */
#header li
{	
	background:			#BBB;
	margin:				0;
	padding:			0;
	list-style:			none;
	float:				left;
}

/* Top Level Link */
#header li a
{	
	display:			block;
	padding-top:		1px;
	color:				white;
	text-align:			center;
	text-decoration:	none;
	font-weight:		bold;
	height:				20px;
	width:				150px;
	background-image:	url(../images/up.gif);
	background-repeat:	repeat-x;
}

/* Hover Top Level Link */
#header li a:hover
{	
	height:				20px;
	background-image:	url(../images/up.gif);
	background-repeat:	repeat-x;
	color:				#e6dfa4;
}

/* Sub-menu */
#header div
{	
	margin:				0;
	padding:			0;
	position:			absolute;
	visibility:			hidden;
}

/* Sub-menu Link */
#header div a
{	
	position:			relative;
	display:			block;
	padding-top:		4px;
	padding-left:		8px;
	margin-top:			-1px;
	white-space:		nowrap;
	text-align:			left;
	text-decoration:	none;
	font-size:			12px;
	color:				#444;
	border:			#357892 solid 1px;
	border-top:			none;
	background:			#EEE;
}

/* Hover Sub-menu Link */
#header div a:hover
{
	background:			#CCC;
	color:				#444;
}

/*
** IMAGE GALLERY
*/

.darken
{
	background:			rgba(23, 53, 64, 0.75);	
	position:			fixed;
	width:				100%;
	height:				100%;
	top:				0;
	left:				0;
	z-index:			10;
}

.preview img
{
	border:				black solid thin;
	margin:				10px;
	width:				130px;
	height:				auto;
	vertical-align: top;
}

.preview
{
	border:				black solid thin;
	background:		#F3E8FF;
}

.fullview img
{
	border:				black solid thin;
	display:			block;
	text-align:			center;
	margin:				auto;
	margin-top:			12%;
	z-index:			20;
	position:			relative;
}

.hidden
{
	display:			none;
}

/* FORM STYLES */
#textbox
{
	background:			url(../images/form.gif) top white repeat-x;
	border:					black thin solid;
	color:					#555;
	width:					150px;
	margin:					2px 2px 8px 2px;
	padding-left:		2px;
}

#button
{
	font-family:		Corbel, Arial, sans-serif;
	background-image:	url(../images/button.gif);
	background-repeat:	repeat-x;
	color:				white;
	border:				thin black solid;
}

#button:hover
{
	color:				#e6dfa4;
}

#link
{
	background:			none;
	border:				none;
	color:				#4a626e;
	margin-left:		-2px;
	display:			inline;
	font-weight:		bold;
}

#link:hover
{
	color:				#e6dfa4;
}

#title
{
	width:				450px;
	margin:				5px 0;
}

#body
{
	width:				450px;
	height:				150px;
	margin:				5px 0;
}

/* Code Snippet */
.snippet
{
	border:				silver solid medium;
	background:			#4a626e;
	font-family:		Consolas, Lucida Console, Courier New, monospace;
	font-size:			85%;
	width:				75%;
	padding:			5px;
	margin:				15px;
	color:				silver;
	text-align:			left;
}

/* Blog */
.blog_entry h1
{
	font-size:			150%;
	font-weight:		bold;
	color:				#4a626e;
	margin:				0;
}

.blog_entry h2
{
	font-size:			115%;
	font-weight:		bold;
	color:				#4a626e;
	margin:				0;
}

.blog_entry h3
{
	font-size:			100%;
	font-weight:		bold;
	color:				#4a626e;
	margin:				0;
}

#blog_preview h1
{
	font-size:			110%;
	font-weight:		bold;
	color:				#4a626e;
	margin:				0;
}

#blog_preview h2
{
	font-size:			85%;
	font-family:		Cambria, "Times New Roman", Times, serif;
	font-weight:		bold;
	color:				#4a626e;
	margin:				0;
}

#statusbox
{
	border:				black solid thin;
	padding:			10px 15px;
    background:			#bdd2df url(../images/comment.gif) repeat-x;
	margin-bottom:		10px;
	color:				#4a626e;
}

#statusbox a
{
	font-size:		85%;
}

#searchbox
{
	vertical-align:		top;
}

#registerbox
{
	color:				#4a626e;
}