#darkhighlands-layout {background:#FFFFFF; margin:auto; width:900px; text-align:left;}

#top-menu {background:#000000 url('images/dh_header.gif') no-repeat; float:left; top:30px; left:0px; width:900px; height:200px;}
#strip-menu {background:#FFFFFF; float:left; left:0px; width:900px;}
#front-message {background:#000000 url('images/message.png') no-repeat; float:left; top:235; left:0px; width:900px; height:400px;}
#content {background:#FFFFFF; float:left; left:0px; width:650px;}
#right-column {background:#FFFFFF; float:left; margin-right:5px; left:0px; width:200px;}
#footer {background:#000000; clear:both; padding-top:1px; left:0px; width:900px; height:45px;}
#ellis-column {background:#FFFFFF; float:left; margin-right:1px; left:0px; width:152px;}
#tschopp-column {background:#FFFFFF; float:left; margin-right:1px; left:0px; width:152px;}
#harris-column {background:#FFFFFF; float:left; margin-right:1px; left:0px; width:152px;}
#steele-column {background:#FFFFFF; float:left; margin-right:1px; left:0px; width:152px;}




.menu {border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.menu ul {background:#000000; height:35px; list-style:none; margin:0; padding:0;}
	.menu li {float:left; padding:0px;}
	.menu li a {background:#000000; bottom right no-repeat; color:#ffffff; display:block; font-weight:normal; line-height:35px; margin:0px; 	padding:0px 25px; text-align:center; text-decoration:none;}
		.menu li a:hover, .menu ul li:hover a {background: #333333; bottom center no-repeat; color:#ffffff; text-decoration:none;}
	.menu li ul {background:#000000; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:250px; z-index:200; /*top:1em; /*left:0;*/}
	.menu li:hover ul {display:block;}
	.menu li li {background:url('../images/sub_sep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:250px;}
	.menu li:hover li a {background:none;}
	.menu li ul a {display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left;}
		.menu li ul a:hover, .menu li ul li:hover a {background:#dddddd; center left no-repeat; border:0px; color:#000000; text-decoration:none;}
	.menu p {clear:left;}




.mattblacktabs {width: 100%; overflow: hidden; border-bottom: 1px solid black;}
.mattblacktabs ul {margin: 0; padding: 0; padding-left: 0px; font: bold 12px Verdana; list-style-type: none;}
.mattblacktabs li {display: inline; margin: 0;}
.mattblacktabs li a {float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; color: #000000; background: #ffffff;}
.mattblacktabs li a:visited {color: #000000;}
.mattblacktabs li a:hover, .mattblacktabs li.selected a {color: #ffffff; background: #000000;}


body {margin:0; padding:5px; background: #000000; text-align: center; overflow: auto;}
a {outline: none;}
a img {border: none;}
a:link {margin-top: 0px; font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 150%; text-decoration: underline; color: #000000;}
a:visited {margin-top: 0px; font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 150%; text-decoration: underline; color: #000000;}
a:hover {margin-top: 0px; font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 150%; text-decoration: underline; background: #000000; color: #FFFFFF;}
a.imglink:hover {border: 0; background-color: inherit; line-height: 0;}
a.footer {outline: none;}
a.footer:link {margin-top: 0px; font-size: 8pt; font-family: 'tahoma', 'arial', 'helvetica'; text-decoration: underline; color: #FFFFFF;}
a.footer:visited {margin-top: 0px; font-size: 8pt; font-family: 'tahoma', 'arial', 'helvetica'; text-decoration: underline; color: #FFFFFF;}
a.footer:hover {margin-top: 0px; font-size: 8pt; font-family: 'tahoma', 'arial', 'helvetica'; underline; background: #FFFFFF; color: #000000;}
a.opacity {outline: none;}
a.opacity:link {margin-top: 0px; font-size: 9pt; font-family: 'tahoma', 'arial', 'helvetica'; text-decoration: underline; color: #000000;}
a.opacity:visited {margin-top: 0px; font-size: 9pt; font-family: 'tahoma', 'arial', 'helvetica'; text-decoration: underline; color: #000000;}
a.opacity:hover {margin-top: 0px; font-size: 9pt; font-family: 'tahoma', 'arial', 'helvetica'; underline; background: #000000; color: #FFFFFF;}
h1 {margin: 15px 0 -10px 15px; font-size: 12.5pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 100%; color: #000000;}
h2 {margin: 15px 0 -10px 15px; font-size: 70%; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 100%; color: #9D9FA2; letter-spacing: 0.2em; padding-bottom: 2px;}
h3 {margin: 15px 0 -10px 15px; font-size: 12.5pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 100%; color: #000000;}
b {font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 100%; color: #000000;}
p {margin: 15px; font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 155%; color: #000000;}
p.bio {margin-top: -15px; font-size: 9pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 145%; color: #000000;}
p.contrib {margin: 15px 15px -15px 15px; font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 155%; color: #000000;}
.imgcenter {display:block; margin:0 auto; text-align:center;} 
.thumbnail-right {float:right; width:150px; height:150px; margin:0px 15px 0px 15px; clear:left;}
.thumbnail-left {float:left; width:150px; height:150px; margin:0px 15px 0px 15px; clear:left;}
.bookthumb-right {float:right; width:130px; height:200px; margin:0px 15px 0px 15px; clear:left;}
.bookthumb-left {float:left; width:130px; height:200px; margin:0px 15px 0px 15px; clear:left;}
.contrib-mug {float:left; width:100px; height:100px; margin:0px 25px 0px 0px; clear:left;}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.darkhighlands.com/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.darkhighlands.com/images/lightbox/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




acronym, abbr {border-bottom: .5px dashed #333;}
acronym, abbr, span.caps {font-size: 90%; letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px;}
cite {font-size: 90%; font-style: normal;}
ol#comments li p {font-size: 100%;}
li, .feedback {margin: 0 0 15px 0; font: 90%/175% 'tahoma', 'arial', 'helvetica';}

/* classes used by the_meta() */
ul.post-meta {list-style: none;}
ul.post-meta span.post-meta-key {font-weight: bold;}
.credit {background: #90a090; border-top: 3px double #aba; color: #fff; font-size: 11px; margin: 10px 0 0 0; padding: 3px; text-align: center;}
.credit a:link, .credit a:hover {color: #fff;}
.feedback {margin: 0 0 15px 0; color: #ccc; text-align: center; clear: both;}
.meta {margin: 15px 0 -10px 15px; font-size: .75em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline; list-style: none; margin: 0; padding: 0;}
.meta, .meta a {color: #808080; font-weight: normal; letter-spacing: 0;}
.storytitle {margin: 15px 0 -10px 15px; font-size: 13pt; font-family: 'tahoma', 'arial', 'helvetica';}
.storytitle a {font-size: 13pt; font-family: 'tahoma', 'arial', 'helvetica'; text-decoration: none;}
.storycontent {margin: 15px; font-size: 10pt; font-family: 'tahoma', 'arial', 'helvetica'; line-height: 155%; color: #000000;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #fff; border: 1px solid #333; padding: .2em;}
#commentform textarea {width: 100%;}
#commentlist li ul {border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}
#commentlist li .avatar {float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px;}

#wp-calendar {border: 1px solid #ddd; empty-cells: show; font-size: 14px; margin: 0; width: 90%;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block; text-decoration: none;}
#wp-calendar a:hover {background: #e0e6e0; color: #333;}
#wp-calendar caption {color: #999; font-size: 16px; text-align: left;}
#wp-calendar td {color: #ccc; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center;}
#wp-calendar td.pad:hover {background: #fff;}
#wp-calendar td:hover, #wp-calendar #today {background: #eee; color: #bbb;}
#wp-calendar th {font-style: normal; text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */