/*  
	megawatt pr css styles
	jesse
	july 16
*/

* {
	margin:0;
	padding:0;
}

a {
	color: #406ffd;
	outline: none;
}

a img {
	border:0;
}

.invisible {
	display: none;
}

/*

	content styles

*/

#home #content p {
	font-size:33px;
	line-height: 44px;
	margin-top: 30px;
}

#missing #content p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
}

#content p, #content blockquote {
	font-size: 22px;
	line-height: 30px;
	color:#444;
	margin-top: 25px;
}

#content .orange {
	color:#f8920a;
}

#content.plugs img {
	display: block;
	margin: 10px 0 50px 0;
}

#content.plugs p {
	border-top:1px solid #a1a1a1;
	padding-top:10px;
	margin-top:15px;
	font-size:16px;
	font-weight: lighter;
	line-height: 24px;
}

#footerPanel {
	padding:47px 75px 0 75px;
	color:#ffffff;
	font-size: 11px;
}

#footerPanel a {
	color:#ffffff;
	text-decoration: none;
	margin-left: 25px;
}

#sidePanel img.megabtn {	
	margin-bottom: 50px;
}

/*

	layout
	
*/

html {
	min-width:790px;
}

body {
	background: #FFFFFF;
	font:normal 13px/19px Tahoma, Verdana, Helvetica, sans-serif;
}

#logo {
	background: url("images/logo.gif") no-repeat top left;
	width:790px;
	height:100px;
}

#logo h1 a {
	width:350px;
	height:100px;
	display: block;
}

#wrapper {
	position:relative;
	width:790px; 
	margin:0 auto;
	background: url("images/bg.gif") repeat-y;	
}

#content {	
	width:520px;
	margin:40px 0 0 75px;
	padding:0px 0 50px 0;
}

#footer {
	clear: both;
	float:left;
	width:790px;
	height:150px;
	background:#FFFFFF url("images/footer.gif") no-repeat top left;	
}

#sidePanel {
	position: absolute;
	left:660px;
	top: 150px;
}

/*

	navigation
	
*/

#nav {
	position:absolute;
	top:26px;
	left:400px;
	
	height:40px;
	border:4px solid #ffffff;	
}

#nav ul {
	list-style-type: none;
}

#nav li {
	float:left;
	position:relative;
}

#nav a {	
	display: block;
	width:81px;
	height:40px;
}

a#about {
	background: url("images/nav/about.gif") no-repeat;
}

a#megablog{
	background: url("images/nav/megablog.gif") no-repeat;
	width:82px;
}

a#plugs{
	background: url("images/nav/plugs.gif") no-repeat;
}

a#contact {
	background: url("images/nav/contact.gif") no-repeat;
}

#nav a.on, #nav a:hover {
	background-position: 0 -40px;
}