@charset "utf-8";

@import url('blog.css');
@import url('portfolio.css');
@import url('hosting.css');

* {
	margin: 0;
	padding: 0;
	list-style: none;
}
html, body {
	height: 100%;
	background-color: #AF6901;
}

#blogForm {
	float:left;
	text-align: left;
	width: 450px;
	margin-left: 75px;
	_#margin-left: 35px;
	##margin-left: 35px;
	font-size: 88%;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
/* Navigation */
/*---------------------------------------------------------------------------------------------------------------*/
#nav {background-color: #545050; height: 36px; clear:both; text-align: center; border-bottom: 1px solid #ffffff}

#nav ul {margin: 0px; padding: 0px;}

#nav li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;
	     display: inline; padding: 20px; margin 5px 5px 10px margin-left: 5px;}

#nav a {text-decoration: none; color: #FFF; font-size: 90%;}

#nav a:hover {color: #FFCC33; font-size: 90%; padding-bottom: 13px; border-bottom: 5px solid white;}

#home #homelink a,#about #aboutlink a, #services #serviceslink a, #portfolio #portfoliolink a, #blog #bloglink a, #RSS #RSSlink a, #contact #contactlink a {padding-bottom: 13px; border-bottom: 5px solid #61d260; color: #E8E8E8; cursor: default;}
/*---------------------------------------------------------------------------------------------------------------*/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -260px; /* the bottom margin is the negative value of the footer's height */

	background-color:#FFFFFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.footer, .push {
	height: 260px; /* .push must be the same height as .footer */
}

/* GENERAL LAYOUT */


body {
	font-size: 0.8em;
}
.content {
	width: 650px;
	padding: 35px 0 0 70px;
}
#blog .content{
	width: 500px;
	_#width:500px;
	##width:500px;
	padding: 35px 0 0 70px;
	float:left;
}

#contact .content {
	width: 500px;
	_#width:527px;
	##width:527px;
	padding: 35px 0 0 70px;
	float:left;
}

.sidebar {
	width: 281px;
	margin-left:600px;
	_#margin-left:0px;
	##margin-left:0px;
	padding-left:18px;
}	

.footer {
	position: relative;
	margin: 80px 0 0;
	height: 180px;
	background: #999999;

	width:100%;
}

/* TEXT FORMATTING */


h1 {
	padding: 0 0 0.6em;
	color: #666;
	font: 1.8em helvetica,sans-serif;
}
h2 {
	padding: 0 0 0.6em;
	color: #666;
	font: 1.4em helvetica,sans-serif;
}
h3 {
	padding: 0 0 0.6em;
	color: #c00;
	font: 1.2em helvetica,sans-serif;
}
p, ul, label {
	padding: 0 0 1em;
	color: #666;
	font: 1em/1.8em helvetica,sans-serif;
}
a {
	outline: none;
}
.content ul, .content ol {
	padding: 0 0 2em 15px;
}
.content ul ul, .content ul ol {
	padding: 0 0 0 15px;
}
.content li {
	padding: 0 0 0 20px;
	color: #666;
	font: 1em/1.8em helvetica,sans-serif;
}
strong, em {
	font-style: normal;
	font-weight: normal;
}
.content a {
	color: #666;
	text-decoration: none;
	border-bottom: 2px solid #c00;
}
.content a:hover {
	color: #c00;
}
.content h3 a {
	color: #c00;
	font-size: 0.9em;
	border-color: #ccc;
}
.content h3 a:hover {
	border-color: #666;
}
.content li a {
	border-width: 0 0 1px;
}
.content a.plain, a img {
	border: 0;
}
.sidebar a {
	color: #666;
	text-decoration: none;
	border-bottom: 2px solid #ccc;
}
.sidebar a:hover {
	color: #000;
}

/* FOOTER */
.footer {
	clear:both;
}
.footer p a {
	margin: 0 0 0 10px;
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}
.footer a:hover {
	text-decoration: none;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #eee;
	font: 1em/1.4em arial,sans-serif;
	text-align: center;
}

/* SITE-WIDE CLASSES */

.accessible {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.contact-form {
	margin-left: 20px;
}