@charset "UTF-8";
/* CSS Document */

body {
	background: #9A9B9C url(images/tile.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}

p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h1 {
	color: #3399FF;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 0px;
}

h2, h2 a, h2 a:hover {
	color: #3399ff;
	font: bold 18px Arial, Helvetica, sans-serif;
}

a, a:hover {
	color:#666666;
	font-weight:bolder;
}

h3 {
	color: #3399FF;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 20px;
}

img {border: none;}

ul {
	color: #3399FF;
	font: italic 14px/25px Georgia, "Times New Roman", Times, serif;
}

/*
#bg {
	background: url(images/bg.jpg) no-repeat top center;	
}
*/

#wrapper {
	margin: 0 auto 0 auto;
	width: 828px;	
}

#header {
	height: 105px;
	position: relative;
}

#logo {bottom: 11px; position: absolute; left: 24px;}
#slogan {bottom: 24px; position: absolute; right: 6px;}

#top {
	background: url(images/top.png) no-repeat;
	height: 257px;
	padding: 4px 4px 2px 4px;
	position: relative;
	width: 820px;
}

#text {left: 97px; position: absolute; top: 19px;}
#computer {position: absolute; right: 41px; top: 0;}
#button {
	bottom: 100px;
	left: 240px;
	position: absolute;
}
#top.home {
	background: url(images/top-home.png) no-repeat;
	height: 378px;
}

#top.home #text {left: 19px; top: 75px;}
#computer {right: 7px; top: 0;}

#nav {
	bottom: 0px;
	height: 72px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
}

#nav li {
	border-left: 1px solid #7BB3DE;
	float: left;
}

#nav li :first-child {border: none;}

#nav li.active a {color: #68E7FF;}
#nav li.active a:hover {color: #FFFFFF;}

#nav li a {
	color: #FFFFFF;
	display: block;
	font: normal 24px/70px Verdana, Geneva, sans-serif;
	text-align: center;
	text-decoration: none;
	width: 135px;
}

#nav li a:hover {color: #68E7FF; text-decoration: none;}

#content {
	background: url(images/content.png) repeat-y;
	margin: 0 0 0 0;
	padding: 1px 5px 0 5px;
	position: relative;
	width: 818px;	
}

#inner {background: url(images/inner.jpg) repeat-x; padding: 17px 19px 0 19px;}
#inner img {border: 5px solid #CCCCCC;}

#page {
	border-right: 1px solid #CCCCCC;
	float: left;
	padding: 0 20px 0 0;
	width: 460px;
}

#page span {color: #666666;}

#sidebar {
	float: right;
	width: 280px;	
}

#sidebar a, #sidebar a:hover {
	color: #3399FF;
	font: italic 14px/25px Georgia, "Times New Roman", Times, serif;
}

#sidebar p {
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#sidebar h2 {color: #003366; font: normal 24px Arial, Helvetica, sans-serif; text-transform: uppercase;}

#content-bottom {background: url(images/content-bottom.png) no-repeat; height: 15px; position: relative; width: 828px;}

#footer {height: 68px; position: relative; width: 828px;}

.copyright {color: #666666; left: 24px; position: absolute; line-height: 55px; top: 0;}
.mini-logo {position: absolute; right: 35px; top: 15px;}

.none {border: none;}

.service {position: relative;}
/*.desc {float: right; width: 360px;}*/
.icon {border: none; float: left;}
#inner .icon img {border: none;}


.blogAuthor {
font-style:italic;
}

li.categories{
	list-style:none;
	padding:0px;
	margin:0px;
}

#comment{
	width:100%;
}
.commentmetadata a {
	font-size:10px;
}

.navigation {
	margin:5px 0px 5px 0px;
	height:12px;
		font-size:12px;
	font-weight:bolder;

}
.alignleft{
	float:left;
	text-align:left;
}
.alignright{
	float:right;
	text-align:right;
}
.commentlist em {
	display:block;
	color:#3399FF;
	position:relative;
	top:11px;
}

/*.avatar{
	display:none;
}*/



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}