/* 
Site: markmeeker.com
Author: Mark Meeker

(c) 2003-2009, Mark Meeker
*/

/* Whitespace Reset and font size setup */

* {
		margin: 0;
		padding: 0;
		border: 0;
		font: normal 14px "Trebuchet MS", Trebuchet, Arial, Geneva, sans-serif;	
}

/* basic body styles */

body { 
		background: #5480af;
}

#body {
		margin: 15px auto 5px auto;
		width: 774px;
		padding-bottom: 20px;
}

a {
		color: #fff;
		text-decoration: underline;
}

a:hover {
		text-decoration: none;
}

/* main */

#main {
		height: 404px;
		width: 756px;
		background:url(/images/main/frame.jpg) 0 0 no-repeat;	
		padding: 21px 0 0 18px;	
}

#main-img {
		height: 367px;
		width: 737px;
		background-color: #ccc;
}

h1 {
		position: relative;
		left: 0px; 
		top: 0; /* 225px */
		width: 718px;
		background: #ccc;
		filter:alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
		padding: 3px 0 3px 20px;
		font-size: 40px;
		font-weight: bold;
		color: #333;
}

/* features */

#features {
		margin-left: 100px;		
}

#features a {
		margin-left: 10px;		
}

/* social links */

#social {
		margin: 10px 0 0 100px;
		color: #fff;
}

#social h3 {
		margin-bottom: 2px;
		font-style: italic;
		color: #ccc;
		font-size: 16px;
}

#social ul {
		list-style: bullet;
}

#social li {	
		float: left;
		margin-right: 20px;
}

#social .first {
		list-style: none;
}

/* about box */

#about img {
		float: left;
		padding-left: 0;
}

.bio {
		padding: 15px;
		width: 475px;
		float: left;
}

.bio p {
		margin-bottom: 6px;
}

#close {
		padding: 0 0 0 240px;	
}

#about, #close {
		visibility: hidden;	
}

/* error page */

#error {
		height: 367px;
		width: 737px;
		background-color: #c44f37;
}

#error div {
		padding: 20px;
}

#error h2 {
		font-size: 26px;
		font-weight: bold;
		color: #ccc;
		padding-bottom: 10px;
}

#error ul {
		padding: 10px 250px 0 30px;
}

#error li {
		padding: 3px;
}

	
/* Float Fix */

#about:after, #social:after { 
		display: block; 
		height: 0; 
		content: "."; 
		visibility: hidden; 
		clear: both; 
}