@charset "utf-8";
/*
global default styles
*/
.hide {display: none;}

html body {font: 62.5%/1 Arial, Helvetica, sans-serif;}
html>body {font: 62.5%/1 Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, #mainnav {
	font-family: Georgia, serif;
	font-weight: normal;
}

p {
	font-size: 1.2em;
	line-height: 1.8;
}


body {
	background: #fff;
	border-top: 35px solid #000;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

	.about ul#mainnav li#about a,
	.portfolio ul#mainnav li#portfolio a,
	.resume ul#mainnav li#resume a,
	.contact ul#mainnav li#contact a {
		color: #000;
	}

	#container {
		margin: 0 auto;
		text-align: left;
		width: 720px;
	}
		#head {
			border-bottom: 1px solid #ccc;
			float: left;
			padding: 10px 10px 0 10px;
			width: 100%;
		}
			#logo {
				float: left;
				width: 230px;
			}
			#logo img {
				border: 0;
			}

			ul#mainnav {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				ul#mainnav li {
					display: inline;
					float: left;
				}
					ul#mainnav li a {
						color: #999;
						display: block;
						float: left;
						font-size: 1.8em;
						line-height: 2;
						padding: 0 .5em;
						text-decoration: none;
					}
					ul#mainnav li a:hover {
						color: #000;
					}
					ul#mainnav li#current a {
						color: #000;
					}

		#content {
			float: left;
			margin: 40px 0 0 0;
			padding: 0 0 40px 0;
			width: 100%;
		}
			#content #primary {
				float: right;
				padding: 0 10px;
				width: 470px;
			}
				#primary h2 {
					font-size: 2.4em;
				}
				#primary img {
					border-top: 1px solid #ccc;
					border-right: 1px solid #aaa;
					border-bottom: 1px solid #aaa;
					border-left: 1px solid #ccc;
					margin: 15px 0 0 0;
					padding: 9px;
				}
				#primary a#sitelink {
					float: right;
					font-size: 1.2em;
					text-decoration: none;
					color: #aaa;
				}
				#primary a#sitelink:hover {
					text-decoration: underline;
				}
				#primary p {
					margin-top: 30px;
				}


			#content #secondary {
				float: left;
				padding: 15px 10px;
				width: 200px;
			}
                               #secondary ul {
					list-style: none;
					padding: 0;
					margin: 0;
			        }
				#secondary li {
					padding: 5px 0;
				}

				#secondary li a {
					color: #666;
					display: block;
					font-size: 1.2em;
					line-height: 1.5;
					text-decoration: none;
				}
				#secondary li a:hover {
					color: #000;
					font-weight: bold;
				}
				#secondary h2 {
					font-size: 2em;
				}

			#full h2 {
				font-size: 2.4em;
				text-align: center;
			}
			#full h3 {
				font-size: 2em;
			}
			#full ul {
				font-size: 1.2em;
				line-height: 2;
			}
		#footer {
			clear: both;
			border-top: 1px solid #ccc;
			text-align: center;
			padding: 10px;
		}
			#footer a {
				color: #999;
				font-size: 1.2em;
				text-decoration: none;
			}
			#footer a:hover {
				color: #000;
				font-size: 1.2em;
				text-decoration: underline;
			}