/* CSS Document */

/*
//----------------------------
Theme Name: 2008
Theme URL: http://www.dennyschmickle.com/expanse/themes/2008/css/styles.css
Description: DURRRRRR
Version: 1.0
Author: Denny Schmickle

//----------------------------
*/

/*
//----------------------------
*/
*{
	margin: 0;
	padding: 0;
	}

body{ 	
	background: #fff;
	font: 68.5%/1.6em  Helvetica, Verdana, Arial, sans-serif;
	padding: 0 0;
	}

h1, h2, h3, h4, h5, h6 {
	}

a { color: #FF0000; text-decoration: none;}

a:hover {
	color: #FF0000;
	text-decoration: underline;
	}

#header {

	height: 300px;
	text-align: left;
	vertical-align: bottom;
	overflow:hidden;
	background: url(http://stevedore.org/images/backs/random.php) fixed;
	}


#header h1 {
	height: 100px;
	margin-top: 241px;
	margin-left: 0px;
	font-size: 14em;
	text-align: left;
	letter-spacing: -0.115em;
	}

#header h1 a {
	text-decoration: none;
	color: #FFF;
	
	}

#header h1 a:hover {
	text-decoration:none;
	color:#FFF;
	background: url(http://stevedore.org/images/transparent01.gif) fixed;
}

#header h1 a:active {
	text-decoration:none;
	color:#FF0000;
	background-color: #FF0000;
}

#header h2 {
	float: both;
	background-color:#FF0000;
	font-family: Helvetica, Verdana, Arial, sans-serif, Helvetica, Verdana, Arial, sans-serif;


}
#header p {
	margin-left: 20px;
	color:#FFF;
	background-color: #FF0000;
	margin-top: 184px;
	float: left;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;


}


* { bordder: 1px solid; }


#menu {	
	font-color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 100px;
	margin:0px;
	float: left;
	background-color:#FF0000
	}

#menu ul {
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 1em 1em 1em;
	margin: 0;
	list-style: none;
	}

#menu li { }

#menu ul li ul {
	background: none;
	padding: 0 0 1em 0;
	}

#menu ul li ul li { margin: 0;
	padding: 0 1em 0 0;
 }

#menu a, #footer a {
	color: #000;
	text-decoration: none;
	}

#menu a:hover {
	color: #FF0000;
	background: #FFF;
	}
		
#menu li h2 {
	font-size: 14px;
	color: #000000;

	}

#menu li h2 a {
	text-decoration: none;
	color: #000;
	display: block;
	}

#menu li h2 a:hover { 
	color: #000000;
	background: #FFF;
	}
	
	
#menu li h2 a:active { 
	color: #FF0000;
	background: #FF0000;
	}
	
	
	
	
#content{
	background: #FFF;
	width: 520px;
	float:left;
	padding: 0px;
	padding: 1em 3em 3em 2em;
}

#content h1 {
	color: #FF0000;
	font-size: 2em;
	text-transform: uppercase;
	margin-top: 5px;
	}

#content h2 {
	font-size: 1.1em;
	margin: 0.4em 0 0.8em;
	font-weight: normal;
	}

#content img { border: thin #333; }

#content td h1 {
	color: #000;
	font-size: 1em;
	}

#content td h1 a {
	color: #000;
	}

#content td h2 { margin: 0.2em 0 0.4em; }

#content mylinks {
	background: #fff;
	color: #000;
	
	
}

#content mylinks:a {
	background: #FFF;
	color:#000;
	
}


#content mylinks:a hover {
	background: #FFF;
	text-decoration: underline;
	
}



#content table {
	width: 70%;
	margin: 0 auto;
	}

#content tr td,
#content th { border-bottom: 1px solid #ccc; }

#content table tr td .thumbnails {
	float: left;
	clear: none;
	margin: 0.2em;
	border: 1px solid #ccc;
	padding: 1px;
	background: #FF0000;
	border: 1px #333333;
	}

#content table label { width: 60%; }

#content p {
	clear: both;
	}

.onlineStatus { text-align: center; }
.altRow { background: #ddd; }
#content tr.commentTitle td { padding: 1em 0; }

#content #catList.adminList li h1 {
	font-size: 1em;
	color: #000;
	}

#content #catList.adminList { padding: 0 4em; }
#content fieldset { padding: 2em; }

.page_list {
	margin: 1em;
	list-style: none;
	}

.page_list ul {
	margin: 0.5em 0 0.2em 0.7em;
	list-style: none;
	}

.page_list li {
	background: url(../images/document.gif) no-repeat;
	padding: 0 0 0 20px;
	}

#footer {

	margin: 5em auto 0;
	width: 400px;
	height: 33px;
	clear:both;
	text-align: left;
	bottom:0px;
	}

#footer p {
	margin:0;
	padding: 10px 0 0;
	height: 23px;
	background-color:#FFFFFF;
	width:500px;
	}

#footerBottom { padding: 0 0 1px; }

label, input {
	display: block;
	float: left;
	width: 150px;
	margin: 1em 0 5px 0;
	}

label {
	text-align: right;
	width: 10em;
	padding-right: 1em;
	font-weight: bold;
	}

br { clear: left; }

.cBox {
	margin: 1em 0 5px 0;
	width: auto;
	}
/*
@=News
*/
#content.news h3 {
	background: #fff;
	padding: 0.1em 0.1em 0.1em 0;
	margin: 1em 0 0.6em;
	border-bottom: 1px solid #000;
	}

#content.news h3 a {
	font-size:16px;
	color: #000;
	text-decoration: none;
	padding: 0.1em 0.1em 0.1em 0;
	margin: 1em 0 0.6em;
	border-bottom: 1px solid #ccc;
}
/*Comment Formatting*/
#postcomment, h4#viewcomments {
	font-size: 1.2em;
	margin: 1em 0;
	}

.comments {
	list-style: none;
	padding: 1em;
	}

.comments dd {
	border-bottom: 1px solid #000;
	margin-bottom: 1em;
	padding: 1em;
	}

.comments dt {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0.3em 1.6em;
	background: url(../images/comment.gif) no-repeat 0.1em 50%;
	}

dl.comments dt a { color: #666; }
/* Form fields*/
input.text, input.password, textarea, select {
	background-color: #FAF9F5;
	color: #363636;
	border: 1px solid #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	width: 60%;
	padding: 0.15em 0 0.15em 0.7em;
	font: 1em/1.6em 'Trebuchet MS' , 'Lucida Sans Unicode' , 'Lucida Grande' , 'Lucida' , Arial, Verdana, sans-serif;
	}

input.submit {
	border: 0;
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
	background: url(../images/submit.gif) no-repeat;
	text-transform: capitalize;
	width: 76px;
	height: 28px;
	}

input.checkbox {
	margin: 1em 0 5px 0;
	width: auto;
	}

input.image { width: auto; }
select.formfields, select.infields { margin: 0.5em 0 0; }
textarea, textarea.infields { height: 10em; }

input.infields, textarea.infields, select.infields {
	background-color: #FAF9F5;
	color: #363636;
	font-size: 100%;
	border: 1px solid #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	margin: 1em 0.2em 0.2em;
	width: auto;
	display: inline;
	float: none;
	}

.hiLited { color: #009933; }
input.hiLited { border: 1px solid #093; }

#logoutLink {
	background: url(../images/logout.png) no-repeat 100% 50%;
	padding: 0 20px 0 0;
	}

.editLink {
	background: url(../images/edit.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
	}
/*
---------------------------
@=Paypal
---------------------------
*/
#payPalForm input { margin: 0; }
/*
@=Expanse News
*/
#expanseNews {
	width: 80%;
	padding: 0 0em 2em;
	margin-bottom: 1em;
	font-size: 0.9em;
	}

#expanseNews h2 { margin: 1em 0 0; }

#mainContainer .mainPage #expanseNews h1 {
	background: url(../images/rss.png) no-repeat 0 0px;
	padding: 0 0 0 0px;
	}

#expanseNews h2 a {
	padding: 0 0 0 20px;
	color: #000;
	display: block;
	height: 20px;
	}

#gallery { list-style: none; border:thin #333333; }

#gallery li {
	display: inline;
	margin-left: 10px;
	border:thin #333333;
	}

#gallery li a {
	margin: 5px;
	vertical-align: top;
	display: table-cell;
	display: inline-table;
	display: inline-block;
	border:thin #333333;
	}


#gallery li a:hover {
	margin: 5px;
	vertical-align: top;
	display: table-cell;
	display: inline-table;
	display: inline-block;
	border:thin #333333;
	background: #CCC;
	}


#gallery li img { margin: 5px 7px 15px; border:thin #333333;}

.artworkImages {
	border: medium solid #333;
	padding: 0.3em;
	background: #fff;
	}

#content h3 {
	background: #fff;
	padding: 0.1em 0.1em 0.1em 0;
	margin: 1em 0 0.6em;
	border-bottom: 1px solid #333;
	}

#content h3 a {
	color: #000;
	text-decoration: none;
	}

#fullView {
	max-width: 80%;
	border:thin #333333;
	width: expression( 
   this.width > 520*0.9   ? "90%" : "auto" );
	}

.keepSized {
	max-width: 80%;
	border:thin #333333;
	width: expression( 
   this.width > 520*0.9   ? "90%" : "auto" );
	}

#content.events dt { font-weight: bold; }
/*Error/Success Messages*/
.contenterror {
	background: #FFF1ED url(../images/error.gif) no-repeat 0.5em 50%;
	padding: 0.5em 0.5em 0.5em 2.2em;
	border: 1px solid #900;
	width: 50%;
	margin: 0.15em auto;
	text-align: center;
	}

.contentsuccess {
	background: #F4FDEF url(../images/success.gif) no-repeat 0.5em 50%;
	padding: 0.5em 0.5em 0.5em 2.2em;
	border: 1px solid #3F9305;
	width: 50%;
	margin: 0.15em auto;
	text-align: center;
	}

.contentalert {
	background: #FEFFDF url(../images/alert.gif) no-repeat 0.5em 10%;
	padding: 0.5em 0.5em 0.5em 2.2em;
	border: 1px solid #EFEFEF;
	width: 50%;
	margin: 0.15em auto;
	text-align: center;
	}

.errortext { color: #C00; }
.successtext { color: #090; }

.contenterror ul, .contentsuccess ul {
	padding: 0;
	margin: 0 0 0 25px;
	text-align: left;
	list-style: none;
	}

.formNote {
	background: #fafafa;
	padding: 0.5em;
	border: 1px solid #53B2F8;
	width: 70%;
	margin: 1em auto;
	text-align: left;
	font-size: 90%;
	color: #777;
	}

.contact .formNote {
	margin: 1em auto;
	text-align: center;
	width: 60%;
	}

#toggleBug {
	position: absolute;
	right: 0;
	top: 0;
	}

#debug {
	position: absolute;
	left: 0;
	background: #4D687F;
	color: #fff;
	text-align: left;
	padding: 1em;
	}
/*Mailer Formatting*/
#mailBox, #mailBoxEmail {
	width: 90%;
	background: #fff;
	padding: 2em;
	margin: 0 auto;
	color: #000;
	}

#mailBox #commenterDetails { font-size: 90%; }

#mailBox dl dt {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0.3em 1.6em;
	background: #edf9bd;
	}

#mailBox dl dt#contactForm {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0.3em 1.6em;
	background: #FFF;
	border-bottom: 1px solid #333;
	}

#mailBox dl dt#commenterInformation {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0.3em 1.6em;
	background: #eaeaea;
	}

#mailBox dl dd { padding: 2em; }
/*LightBox CSS, c/o http://huddletogether.com and the ever awesome Lokesh Dhakar */
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img { border: 1px #333333; }

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer { padding: 10px; }

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat /* Trick IE into showing hover */;
	display: block;
	}

#prevLink {
	left: 0;
	float: left;
	}

#nextLink {
	right: 0;
	float: right;
	}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData { padding: 0 10px; }

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
	color: #000;
	}

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

.viewDetails {
	padding: 5px 18px;
	background: url(../images/view_details.gif) no-repeat 0 50%;
	}

#lightboxImage { border: 1px solid #333; }