@charset "utf-8";

/* 

STYLE SHEET FOR PORTFOLIO WEB SITE
Created by Steven Spangler edited by blak!

Table Of Contents

	1. defaults
	2. main layout
	3. fonts	
	
/* - 1. defaults - */

body {margin: 0px;}

img{border:none}

/* - 2. main layout - */

#wrapper {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 130px;
	width: 1000px;
	margin-bottom: 15px;
}
#leftCol {
	float: left;
	height: auto;
	width: 75%;
}
#sidebar {
	float: right;
	height: auto;
	width: 23%;
	margin-right: 10px;
	padding-top: 30px;
}
#footer {
	background:#fff url(images/footer.gif) no-repeat;
	height: 100px;
	width: 985px;
	float: left;
	padding-left: 15px;
	margin-bottom: 15px;
}
.portfolio {
	height: auto;
	width: 700px;
	margin-left: 15px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
ul.menu { margin-bottom:15px;padding-left:15px; }
ul.menu li { display:block;padding:0; float:left;text-align:left;margin-right:2em; }
ul.menu li a { color:#545454;font:bold 14px arial;text-decoration:none;line-height: 1.3em; display:block; }
ul.menu li a:hover { color:#9e005d; }
ul.menu li span { font:11px arial; color:#959595; margin:0; }
ul.menu li span:hover {color:#000000;
}
body#current a#curnav,
body#guard a#guanav,
body#marques a#maqnav,
body#ops a#opsnav,
body#ink a#inknav,
body#market a#marnav,
body#birds a#birnav,
body#mail a#mainav
body#archive a#arcnav,
body#archivehd a#archdnav,  
body#archivecha a#arcchanav,{
	color: #9e005d;
}
.smenu{margin:0; padding:0; width:220px; list-style:none;background:rgb(255,255,255);}
.smenu li{padding:0; margin:0 0px 0px 0; height:15px; display:block; }
.smenu li a{text-align:left;height:15px; padding:0px 0px; font:12px Arial, sans-serif; font-weight: bold; color:rgb(102,102,102); display:block; background:url('verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.smenu li a:hover{background: 0px -15px no-repeat; color:rgb(158,0,93);}
.smenu li a.active, .menu li a.active:hover{ 0px -80px no-repeat; color:rgb(158,0,93);}
.smenu li a span{line-height:15px;}
a.spotRollover {
	display: block;
	width: 220px;
	height: 50px;
	float: right; 
	margin: 0 10px 15px 15px;
	background: url(images/blak_blogspot.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.spotRollover {
	background-position: 0 -50px;
}
a.mailRollover {
	display: block;
	width: 220px;
	height: 50px;
	float:right; 
	margin: 0 10px 10px 15px;
	background: url(images/mail_roll.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	
}
a:hover.mailRollover {
	background-position: 0 -60px;
}
a.twitter {
	display: block;
	width: 220px;
	height: 50px;
	align: left; 
	margin: 0 10px 15px 15px;
}
img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 6px; 
}




/* - 3. fonts - */

.titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.description2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.sidetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #545454;
	font-size: 22px;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	max-width:220px;
}
a:link {
	color: #464646;
	font-weight: bold;
	text-decoration:none;
}
a:visited {
	color: #545454;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color: #9e005d;
	font-weight: bold;
	text-decoration:none;
}