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

* {
	margin:0;
	padding:0;
	font-family:Arial, 'Helvetica', sans-serif;
	font-size:86.5%;
	color:#666666;
}

p {
	margin-top:.8em;
	margin-bottom:.8em;
	font-size:11px;
	line-height:2em;

}

img {
	border:none;
}

#home {
	background-image: url(images/bandLayout02_01.jpg);
	background-repeat:repeat-x;
}

#container {
}

#brownNav {
	height:32px;
}

#header {
	height:75px;
	padding:33px 0 0 100px;
}

#header h1 a {
	display:block;
	width:250px;
	height:55px;
	background:url(images/logo_04_04.png) no-repeat top left !important; /* should display png to good browsers */
	background:url(images/zfrankLogo_02_04.gif) no-repeat top left; /* image for IE */
}

#content {
	padding:0 0 0 120px;
	margin:0 0 80px 0;
	float:left;
	min-width:1050px;
}

#content h1 {
	width:auto;
	font-size:20px;
	font-weight:100;
	margin-top:2.4em;
	margin-bottom:.6em;
	border-bottom:dotted 1px #666666;
}

.resume {
	width:auto;
	font-size:16px;
	font-weight:100;
	border-top:dotted 1px #666666;
	padding-top:2.4em;
	margin-top:.6em;
	margin-bottom:.6em;
	color:#00aeef;
}

.portfolio {
	width:610px;
	float:left;
}

.sidebar_a {
	width:300px;
	margin: 0 0 0 40px;
	float:left;
}

.photo {
	float:right;
	padding-top:4em;
	margin-bottom:2em;
	border-top:1px dotted #666666;
}

.photo img {
	margin-bottom:20px;
}

.photo a:link img, .photo a:visited img {
	border-top:10px solid #CCCCCC;
	border-right:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
}

.photo a:hover img, .photo a:active img {
	border-top:10px solid #00aeef;
	border-right:2px solid #00aeef;
	border-bottom:2px solid #00aeef;
	border-left:2px solid #00aeef;
}

h2 {
	width:auto;
	font-size:16px;
	font-weight:100;
	margin-bottom:.6em;
	color:#00aeef;
}

.top {
	float:right;
	margin-top:.6em;
}

.photoFloat {
	float:left;
	margin-right:10px;
	margin-top:8px;
	border-bottom:10px solid #CCC;
}

a:link, a:visited {
	font-size:11px;
	text-decoration:none;
	color:#00aeef;
}

a:hover, a:active {
	font-size:11px;
	text-decoration:underline;
	color:#00aeef;
}

a[href^="aim:"] {
	background:url(images/user-login-blue.gif) no-repeat right top;
	padding-right:15px;
}

.desc {
	font-size:11px;
	color:#00aeef;
}

h3 {
	font-size:13px;
	font-weight:100;
	color:#00aeef;
	margin:0 0 5px 0;
}

#footer {
	height:52px;
	padding-top:17px;
	padding-left:120px;
	background-color:#4f4633;
	border-top:1px solid #2b2519;
	clear:both;
}

#footer p {
	color:#ddc99d;
}

#footer a:link, #footer a:visited {
	color:#FFFFFF;
}

#footer a:hover, #footer a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

li {
	margin-left:20px;
	margin-top:.8em;
	margin-bottom:.8em;
	font-size:11px;
	line-height:2em;
}

.resumeColumn {
	float:left;
	width:200px;
	margin-right:20px;
}

.resumeColumn h2 {
	border:none;
}

.clearBoth {
	clear:both;
}