/* CSS Document */

/*   
Theme Name: Michael Haws Portfolio
Theme URI: http://www.michaelhawsweb.com
Description: WE'RE BEING ATTACKED!
Author: Michael Haws
Author URI: http://www.michaelhawsweb.com
Version: 2.Awesome.
.
Don't Steal it.
.
*/

#shreve {line-height:2em;padding:10px;}


body {background-color:white;margin:0;background-color:white;}
#wrapper {width:1000px;margin:0 auto;}
#header {width:1000px;float:left;background-color:white;}
#header img{float:left;}
#content {width:1000px;float:left;background-color:white;}
#connect {float:right;margin-right:15px;}
#footer {width:100%;float:left;background-color:black;height:350px;color:#6b6b6b;font:12px Arial,Helvetica,sans-serif;margin-top:25px;border-top:1px solid #747474;}

#connect2 {float:right;margin-right:15px;}
#content2 {width:1000px;float:left;background-color:white;}

#sidebar {float:left;width:265px;font:14px Arial, Helvetica, sans-serif;padding:10px;color:#555555;padding-left:0px;}
#sidebar h2 {font:16px Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:800;background-color:black;color:white;padding-top:5px;padding-bottom:5px;padding-left:7px;}



#sidebar li {text-decoration:none;list-style-type: none;}
#sidebar li a{color:gray;}

#stuff {margin-left:35px;font:14px Arial, Helvetica, sans-serif;float:left;width:690px;}
#stuff h2 {font:16px Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:800;background-color:black;color:white;padding-top:5px;padding-bottom:5px;padding-left:7px;margin-top:23px;}
#stuff img {text-decoration:none;border:none;margin-left:0px;padding-bottom:10px;}
#stuff a{color:#447bc5;}

#stuff2 {margin-left:0px;font:14px Arial, Helvetica, sans-serif;float:left;width:690px;color:#565656;}
#stuff2 h2 {font:16px Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:800;background-color:black;color:white;padding-top:5px;padding-bottom:5px;padding-left:7px;margin-top:23px;}
#stuff2 img {text-decoration:none;border:none;margin-left:0px;}
#stuff2 a{color:#447bc5;}

.homeim {padding-left:40px;}

#copyright {font:12px Arial, Helvetica, sans-serif; float:left; margin-top:5px;margin-bottom:10px;margin-left:20px;color:#b0b0b0;float:left;}
#copyright a{color:#447bc5;}
#f2 {float:left;margin-left:80px;}
#f3 {float:right;margin-right:50px;font:12px Arial, Helvetica, sans-serif;margin-top:10px;}
#f3 a {color:#555555;}
#f3 a:hover {color:black;}


#footer img {float:left;}



#about {margin-left:35px;float:left;width:690px;font:13px Arial, Helvetica, sans-serif;color:#565656;margin-right:0px;line-height:160%;}
#about h2 {font:16px Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:800;background-color:black;color:white;padding-top:5px;padding-bottom:5px;padding-left:7px;margin-top:23px;}
#about img {text-decoration:none;border:none;}
#about a {color:#4892c2;text-transform:uppercase;padding-bottom:4px;}
#about h3 {text-transform:uppercase;color:black;font-size:16px;}
#about h4 {text-transform:uppercase;color:#5f5f5f;font-size:16px;margin-top:7px;text-decoration:underline;}

#quote {margin-left:0px;float:left;width:650px;font:13px Arial, Helvetica, sans-serif;color:#565656;margin-right:20px;position:relative;right:220px;}

#twitter_update_list {width:265px;margin-top:-11px;margin-left:-39px}

#twitter_update_list li {margin-bottom:20px;border-bottom:1px solid gray;color:#555555;margin-left:0px;padding-left:0px;}

.menu{
	
	float:right;margin-top:20px;margin-right:0px;color:white; }

.menu a {color:black;}

li.current_page_item {color:white;}
li.current_page_item a{
   background-color:black;color:#fff;
}

ul li.current_page_item a{
   background-color:black;color:#fff;
}



.menu ul{
	margin: 0; padding: 0;
	float:right;}

.menu ul li{
	display: inline;}

.menu ul li a{
	float: left; text-decoration: none;
	
	padding: 8px 10px;
	font:17px Arial, Helvetica, sans-serif; 
	font-weight:900;
	text-transform:uppercase;}

.menu ul li current{color:white;background-color:black;}
.menu ul li a:hover{
	
	color:white;background-color:black;}












.menu2{
	
	float:right;margin-top:50px;margin-right:18px;color:white; }

.menu2 a {color:black;}
.menu2 ul{
	margin: 0; padding: 0;
	float:right;}

.menu2 ul li{
	display: inline;}

.menu2 ul li a{
	float: left; text-decoration: none;
	
	padding: 8px 11px;
	font:12px Arial, Helvetica, sans-serif; 
	font-weight:900;
	text-transform:uppercase;}

.menu2 ul li current{color:white;background-color:black;}
.menu2 ul li a:hover{
	
	color:white;background-color:black;}

#ports {font:14px Arial,Helvetica,sans-serif;color:#535353;}
#ports a {color:#535353;text-decoration:underline;padding:4px;}
#ports a:hover {color:black;}
#ports li {padding:3px;list-style-type:disc;}













homepics {
	height: 100%;
	margin: 0;
	padding: 0;
	font: normal 10px Arial, Helvetica, sans-serif;
	background: #fff;
	position: relative;
}

homepics img {border: none;}
ul.gallery {
	width: 708px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 204px;
	height: 182px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}




#footercontent {width:1000px;margin:0 auto;height:300px;background-color:black;padding-top:40px;}


#leftfooter {width:250px;float:left;margin-left:20px;}



#left2footer {width:250px;float:left;line-height:150%;}

#left4footer {width:200px;float:left;padding-left:30px;}
#left3footer img {float:left;padding-right:5px;}
.footercontact {font-size:11px;color:white;}
.footercontact2 {font-size:11px;color:white;line-height:100%;}
#left4footer a {color:white;}
#left4footer a:hover {color:#cf5656;text-decoration:underline;}

#left3footer a {color:white;}
#left3footer a:hover {color:#cf5656;text-decoration:underline;}


#left3footer {width:250px;float:left;padding-left:0px;}

#footercontent ul
{
line-height:160%;
padding: 0;
margin-left:5px;
margin-top:0;
text-decoration:underline;

}





#footercontent h1 {font-size:15px;color:white;font-family:Arial, sans-serif;text-transform:uppercase;}
#footercopy {clear:both;float:left;width:1000px;height:40px;border-top:1px solid #747474;background-color:black;margin-top:20px;}
.fleft {font-size:11px;color:white;font-family:Arial,sans-serif;float:left;}
.fright {font-size:11px;color:white;font-family:Arial,sans-serif;float:right;}




.protl {width:319px;float:left;margin-left:0px;clear:both;height:100%;margin-bottom:25px;}

.protr {width:319px;float:left;margin-left:50px;height:100%;margin-bottom:25px;}

.mainp {font-size:16px; color:#454545; line-height:140%;}

.scope {font-size:14px;font-family:Arial,sans-serif;color:#464646;line-height:150%;margin-top:-17px;}

.scope p {padding:4px;}


.maroon {color:maroon;}

.giant {font-size:42px;color:black;font-weight:800;font-family:Arial,sans-serif;letter-spacing:-2pt;margin-top:-4px;}