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

/******************************************************
 *	
 *	COPYRIGHT 2008 PAT ANDREW  patandrew.com
 *	YOU MAY NOT USE MY SOURCE!
 *
 ******************************************************/

/* RESET from YAHOO  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


dl#hosting:after  { content:"."; clear:both; }
dl#hosting {
	
	}
	dl#hosting dt { float: left; width:20%; clear: both; height: 100px; line-height: 100px; font-weight: bold; font-size: 2em; }
	dl#hosting dd { float: left; width:75%; height: 100px; line-height: 100px; }
	dl#hosting img { vertical-align: middle;}
/* Begin Typography & Colors */

body {
	font:10pt/1.5 Helvetica, verdana, sans-serif;
	color:#666;
	margin:0px; padding:0px;
	background:#fff url('routing.jpg') no-repeat top center;
	}
div#scew_ie {
	position:relative;
	min-height:100%;
	
}
p a, h2 a, h3 a {
	background:#09C;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0.15em 0.5em;
	}
	p a:hover,  h2 a:hover, h3 a:hover  {
		background:#000;
		color:#09C;
		}
p {
  margin:.75em 0;
	}
	
h2 {
	margin:2.6em 0 1.5em;
	padding:.25em 0 .1em;
	height:1.5em;
	line-height: 1.5em;
	font-size: 1.5em;
	font-family: Helvetica, verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.03em;
	border-bottom: 1px solid #444;
	color:#000;
	}

h3 {
	font-size: 1.3em;
	font-family: Helvetica, verdana,sans-serif;
	text-decoration: none;
	margin:2em 0 .5em 0;
	color:#252525;
	font-weight:bold;
	clear:both;
	}
h4 {
	font-weight: bold;
	margin:.5em 0em;
	}
ul {
	list-style: disc;
	margin:.25em 2em;
	}

blockquote {
	font-size:1em; margin:0em;
	font-weight:bold;
}
blockquote p {
	margin:0;
	padding:2em 0	#nav ul li a:before {
		content:"_";
	}em 0em 0em;
}
blockquote p:before {
	content:"\"";
	font-size:1.4em;
}
blockquote cite:before {
	content:"\" -";
	font-size:1.4em;
}
.right { float:right; }
.left { float:left; }
.center { text-align: center; }		


.time {	color:#FED120;	}

#wrap {
	width:60em;
	margin:1em auto;
	padding:2em;
	z-index: 200;	
	color:#333;
	position:relative;
	background: white;
	}
	#wrap p { font-size: 1.2em; }
#footer {
	clear: both;
	margin:3em 0em 0em;
	padding:2em 1em 1em;
	background:#000;
	color:#666;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
#header {
	margin:0;
	padding:0;
	font-size: 3em;
	left:0;
	top:0em;
	display: block;
	height:3em;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
	#header p {
		font:.45em/10em Sans-serif;
		line-height: 7em;
		margin:0 1em;
		padding:2em 8em;
	}

h1#logo a {
	text-transform:lowercase;
	text-decoration:none;
	margin:1em 0.25em;
	color:#fff;
	text-align:right;
	background:#09c;
	padding:.25em;
}
h1#logo a:before,
h1#logo a :first-child:after {
	content:"_";
}
h1#logo a :last-child:after {
	content:"()";
}
#nav {
	position:absolute;
	top:9.25em;
	right:2em;
	/* margin:.5em 0em .5em 1em; */
	padding:0em;
	z-index: 100;
	font-size: 9pt;
	}
	#nav ul, #nav li {
		list-style: none;
		margin:0;
		padding:0;
		display:inline;
		}
	#nav ul li a {
		display: block;
		text-transform:uppercase;
		font-weight: bold;
		text-align:left;
		color:#efefef;
		float:left;
		padding:1em;
		line-height:1em;
		text-decoration: none;
		font-family: Helvetica, Verdana, sans-serif;
		}
	#nav ul li a:before {
		content:"_";
	}
		#nav ul li a:hover {
			margin:0;
			color:#fff;
			background:#09c;
		}		
		#nav li a.here {
			margin:0;
			color: #000;
			background:#fff;
			}
		#nav li a.here {
			z-index: 1000;
			}
				#nav li a.here:hover {
					text-decoration: none;
					color: #fff;
					}
#nav:after { content:'.'; color:#fff; clear:both; display:block; }
#nav h3, p {
	margin:1em;
	clear:both;
	}

#footer { 
	clear: both;
	clip:auto;
}


#promo a {
	position:fixed;
	margin:auto;
	top:0em;
	right:10em;
	font-size: 1em;
	padding:1em;
	border:1px solid #90AFC0;
	border-top:0px;
	text-decoration: none;
	background: #222;
	}
	#promo h2 { display:inline; font-size: 1.2em; margin:0em; padding:0 1em; border: 0; text-decoration: none; }
	#promo p  { margin:0em; padding:1em; display:inline; font-weight: bold; line-height: 2.4em; }
	


/****************************
 *	FORMS
 ***************************/
.form {
	margin:1em;
	float: left;
	}
	.form p { 
		display:block; 
		clear:both;
		margin:1.5em 0 .25em 0;
		}
	.form label {
		font-size:1em;
		margin:0;
		padding: 0;
		display: block;
		text-align:left;
		}
input, select, textarea {
	font: 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #efefef;
	background:#000;
	border: solid 1px #333;
	width:15em;
	padding:.2em;
	margin:0px auto;
	}
	input:focus, select:focus, textarea:focus {
		border:1px solid #666;
		}
textarea#user_message {
	width:30em;
	height:10em;
	}
button {
	cursor:pointer;
	font:14px/16px Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	padding: 5px 15px;
	border:1px outset #434f58;
	/* background:transparent url(/images/button.gif) repeat-x bottom left;*/
	background:#efefef;
}
button:hover {
	border:1px solid #dfb800;
	background:transparent url(img/button_hover.gif) repeat-x bottom left;
	}

.error {
		color:#001c39;
		font-weight:bold;
		clear: none !important;
		padding:.25em;
		background:#fcf699;
		border:1px solid #f0d42d;
		font:.9em Verdana, Arial, Helvetica, sans-serif;
		}


#skills_list
{
	list-style:none;
	margin:1em;
}
#skills_list li { display:inline; padding:0 1em;}