/* TECHSTER CSS FILE */
/* CSS/XHTML Template by Zpoon Designs */
/* http://design.zpoon.net */

/* -------------- GLOBAL -------------- */
* {
	margin: 0;
	padding: 0;
}

body , HTML {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
	background-image:  url(images/body.gif);
	background-repeat:  repeat-y;
	background-position: top center;
	background-color: #ccccff;
	text-align: center;
}

body,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

H1 {
	position: absolute;
	top: -1000px;
}

H2 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #5a5a66;
	margin-bottom: 5px;
}

H3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #5a5a66;
	margin-bottom: 5px;
	padding-top: 15px;
}

H4 {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 0 0;
}

p {
	margin-bottom: 15px;
}

a, a:visited {
	color: #6565b1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* -------------- DIVISIONS -------------- */
#wrapper {
	margin: 0 auto !important;
	margin: -15px auto 0 auto;
	width: 768px;

}

#top {
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	height: 600px;
	margin-top: 0px;
	padding-top: 0px;
	z-index: 10;
}

#ad {
	position: absolute;
	margin-top: 20px;
	margin-left: 280px !important;
	margin-left: -200px;
	height: 60px;
}

#leftbar {
	float: left;
	margin-left: 15px !important;
	margin-left: 8px;
	width: 165px;
	margin-top: 120px;
}

#content {
	text-align: left;
	color: #5a5a66;
	margin-left: 190px;
	margin-right: 25px;
	margin-top: 0 !important;
	margin-top: 120px;
	padding-top:120px !important;
	padding-top: 0;
	padding-bottom: 20px;
}

#foot {
	clear: right;
	height: 20px;
	margin: 0 auto;
	width: 768px;
} 

/* -------------- CLASSES -------------- */

.blogimage_index {
	height: 70px;
}

.leftimage {
	float: left;
	margin: 3px 5px 2px 0;
}

.rightimage {
	float: right;
	height: 100px;
	margin: 3px 0 2px 5px;
}

.blogentry  			{width: 545px; }
.blogentry_title  	{font-size: 12px; font-weight: bold;}
.blogentry_blogname  {font-style: italic;}
.blogentry_signature {font-style: italic;}
.blogentry_timestamp {font-size: 10px;}
.blogentry_link  		{font-size: 10px;}
.blogentry_link_title  {}
.blogentry_preamble 	{font-size: 13px; font-style:italic;}
.blogentry_body		{}
.comment					{padding-top: 10px;}
.comment_by				{font-size: 10px; font-style: italic;}
.comment_name			{font-size: 10px; font-style: italic;}
.comment_timestamp	{font-size: 10px; font-style: italic;}
.category				{}
.category_profile		{font-size: 11px; margin-left: 10px;}

.inputerror				{color: red; font-weight: bold;}

.ed_button				{border: 1px solid black;background-color: #f0f0f0; font-size: 10px;}

.ad_top, .ad_middle		{text-align: left; width: 468px; height: 60px;}
.ad_top		{color: #5a5a66;}
.ad_middle	{padding-left: 2px; padding-top: 2px; border: 1px outset #5a5a66;}
.ad_right	{text-align: left; width: 160px; height: 250px; padding-left: 2px;}


.ad_top a, .ad_top a:visited {
	color: #0a0a06;
	text-decoration: none;
}

.ad_adword		{font-size: 10px;}
.ad_textlink	{font-size: 10px;}

.box1 {
	border: 1px solid;
	display: block;
	background: #d7d7eb;
	width: 270px;
	float: left;
	height: 130px;
	margin-bottom: 10px;
}

.box1 h2 {
	background: #b8b8ea;
	border-bottom: 1px solid;
	width: 265px !important;
	width: 270px;
	padding: 2px 0 2px 5px;
	margin: 0px;
}

.box1 p {
	padding: 5px;
	margin: 0;
}

.box2 {
	border: 1px solid;
	display: block;
	background: #d7d7eb;
	width: 270px;
	float: right;
	height: 130px;
	margin-bottom: 10px;
}

.box2 h2 {
	background: #b8b8ea;
	border-bottom: 1px solid;
	width: 265px !important;
	width: 270px;
	padding: 2px 0 2px 5px;
	margin: 0px;
}

.box2 p {
	padding: 5px;
	margin: 0;
}

.box3 {
	border: 1px solid;
	display: block;
	background: #d7d7eb;
	width: 270px;
	height: 300px;
	margin-top: 10px;
	text-align: left;
}

.box3 h2 {
	background: #b8b8ea;
	border-bottom: 1px solid;
	width: 265px !important;
	width: 270px;
	padding: 2px 0 2px 5px;
	margin: 0px;
}

.box3 p {
	padding: 5px;
	margin: 0;
}

.box4 {
	float: right; 
	border: 1px solid;
	display: block;
	background: #d7d7eb;
	width: 270px;
	height: 300px;
	margin-top: 0 !important;
	margin-top: 10px;
}

.box4 h2 {
	background: #b8b8ea;
	border-bottom: 1px solid;
	width: 265px !important;
	width: 270px;
	padding: 2px 0 2px 5px;
	margin: 0px;
}

.box4 p {
	padding: 5px;
	margin: 0;
}

.katlist {
	padding: 10px 0 0 10px;
	list-style-type: none;
}


/* -------------- NAVIGATION -------------- */

#navcontainer { width: 165px; display: inline; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #a0a0b1;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #b8b8c6;
color: #fff;
}