/*  
Theme Name: Metslinks 1.0
Theme URI: http://wordpress.org/
Description: Gotta make this happen
Version: 1.0
Author: Bill Keller
Author URI: http://ghettocooler.net/
*/



/* 


#ffff00 - yellow
#FEE93F - dark yellow

*/

html {
	font-size: 76%;
	}

body {
	margin: 0px 0px 20px 0px;
	background-color: #000000;
	text-align: center;
 	color: #444;
/*	font-size: 76%;
  	font-family: Arial, Verdana, Sans-Serif; */
	font: normal 1em/16px Trebuchet MS, Arial, Verdana, Arial, sans-serif;
 	}

p { color: #999; }

#topbar {
	height: 20px;
	background-color: #ffff00; 
	}
#nextbar {
	height: 5px;
	background-color: #FEE93F; 
	font: normal 10px Verdana, Arial, sans-serif;
	color: #ccc;
	text-align: right;
	padding: 2px 6px;
	}

#navmenu ul { margin: -14px 0px -4px 0px;
padding: 0px 0px 0px 0px; list-style-type: none; text-align: center; }

#navmenu ul li { display: inline; padding: 0px 0px 0px 0px; }


img { border: solid 0px; }

#logonavwrap {
	border: 0 solid #000;
	width: 760px;
	margin: 5px auto 5px auto;
}

#logonavwrap img { float: left; }


/* comments links, filed under links */
h4 a, h4 a:link, h4 a:active, h4 a:visited { 
	text-decoration: underline;
	color: #FEE93F;
	font-weight: normal;
	}
h4 a:hover { color: #ffff00; }

a, a:link { text-decoration: underline;
	color: #FEE93F;
	font-weight: normal;
	}
a:visited { text-decoration: underline;
	color: #FEE93F;
	font-weight: normal;
	}
a:hover { color: #ffff00; }

a:active { text-decoration: underline;
	color: #FEE93F;
	font-weight: normal;
	}

.entry img {
	float: left;
	margin: 0 4px 4px 0;
	padding:.5em;
	background-color:#eee;
	border:1px solid #FEE93F;}
.entry img.none {float:none;clear:both;}
div.more {
	border: solid 0px #000; text-align: right;
	margin-top: 0px;
	margin-right: 20px;}
div.more img {position: relative; top: 6px; float: none; }

.none { float: none; }
img.none { float: none; }

.left { float: left; }
.right { float: right; }



div.more a, div.more a:link, div.more a:active, div.more a:visited { text-decoration: none;
	color: #FEE93F;
	font-weight: normal;
	}
div.more a:hover { color: #ffff00; }


#overall { 
	width: 780px;
	border: 0 solid #333;
	margin: 0 auto;
	text-align: left;
	height: auto;
	}
	
.zeenav {
	margin: 175px 0 0px 0;
	padding: 5px;
	font: normal 14px Arial, Helvetica;
	color: #999;
	text-transform: uppercase;
	float: right;
	}

#left, #center, #right {
	float: left;
	text-align: left;
	border: solid 0px #111;
	color: #222;
	width: 160px;
	padding: 0 10px;
	padding-top: 0;
	}
	
#left { width: 420px; }

#center {
	width: 150px; 
	background-color: #151515;
	border: dotted 1px #FEE93F;
	margin: 0 0px 0 1px;
	height: 100%;
color: #999;
	}
	
.centerheader { padding: 10px 0 3px 0; }



#recentlinks .centerheader { padding: 10px 0 0 0; }
#center #recentlinks ul { margin-bottom: 10px; }
#recentlinks ul li h1 {
	margin: 0;
	font-size: 12px;
	text-transform: none;
	}
#external ul li {
	margin: 0 0 .4em 0;
	}

#right {
	float: right;
	padding: 0px;
	border: 0px solid #000;
	height: 100%;
	}

#center h1 { color: #FEE93F; }

/* ALL CENTER COLUMN LINKS */
#center a, #center a:link, #center a:active, #center a:visited
{ text-transform: none; font-weight: normal; color: #FEE93F; text-decoration: underline;
font-size: 12px; }

#center a:hover {color: #ffff00;}

/* ALL EXTERNAL NEWS COMMENT LINKS */
#external h4 a, #external h4 a:link, #external h4 a:visited { 
	font-size: 11px;
	color: #999;
	}
#external h4 a:hover, #external h4 a:active {
	font-size: 11px;
	color: #999; 
	}


/* ENTRIES */

#explain, .explain { background-color: #151515;
border-top: dotted 1px #FEE93F;
border-bottom: dotted 1px #FEE93F;
padding: 10px;
font: bold 14px "Lucida Grande", "Lucida Sans Unicode", lucida, Arial;
color: #FEE93F;
margin-bottom: 15px;
text-transform: uppercase;}


.entry, .addedvalue {
	border-bottom: solid 1px #FEE93F;
	margin-bottom: 20px;
	overflow:hidden;
color: #999;
	}
.entry p.linear {
	padding:.7em 0 0 0;
	border-top: solid 1px #FEE93F;
	}
.entry p, .addedvalue p { margin-top: 3px; }

/* delicious posts */
ul.delicious {}
ul.delicious li {margin:0 0 1em 0;}
li div.delicious-link {}
li div.delicious-link a:after {content: " \0021D2";}
li div.delicious-link a:visited:after {content: " \00221A";}

li div.delicious-extended {margin:0 0 0 0;}
li div.delicious-tags {display:none;}

h4 /* dates */ { 
	font: normal 11px Arial, Verdana;
	color: #666;
	margin: 2px 0 10px 0;
	}

h1 {
	margin: 0;
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", lucida, Arial;
	text-transform: uppercase;
	color: #FEE93F;
	}

.entry h1, .entry h1 a, .entry h1 a:link, .entry h1 a:active, .entry h1 a:visited {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	}

h2 {
	margin: 0;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", lucida, Arial;
	text-transform: uppercase;
	color: #FEE93F;
	}

ul {
	margin: 3px 0 20px 0;
	padding-left: 0px;
	}

li { 
	list-style-type: none; 
	margin-bottom: 2px;
	}
ol li {list-style-type:decimal;
	margin:0;}

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

.sidebar {
	border-bottom: dotted 1px #FEE93F;
	margin-bottom: 20px; 
	padding-bottom: 20px;
	}
.clear { clear: both; }

input:focus {background-color:#fff;}
input:hover {background-color:#eee;}

input[type="text"] {
border: solid 1px #333;
color: #333;
margin-bottom: 10px;
font-size: 1em;
width: 140px;
}

textarea {
	width: 390px;
	border: solid 1px #333;
	font-size: 10px;
	color: #333;
	margin-bottom: 10px;
	}


/*  Comments ---------   */

img.gravatar {float:left;margin:0 .4em 0em 0;border: dotted 1px #FEE93F;}
#commentgigantor div {padding:.5em;}
#commentgigantor div.alt {background:#eee;padding:.4em;}

#commentgigantor { border: 0 solid #11bb00; } /* green */

#commentgigantor h2 {
	margin: 0;
	font: normal 1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, Arial;
	text-transform: none;
	color: #14296A;
	border: 0px solid #000;
	}
#commentgigantor h4 { /* posted by */
	color: #333;
	}
#commentgigantor form p {padding:0;margin:0;}


#leaveacomment { margin-top: 10px; }
#remember { margin-bottom: 10px; }


.odd {
	background-color: #f0f2f5;
	padding: 2px 8px 4px 8px;
	border-top: dotted 1px #14296A;
	border-bottom: dotted 1px #14296A;
	}

.even {
	background-color: #fcfcfc;
	padding: 2px 8px 6px 8px;
	border-bottom: dotted 1px #14296A;
	}

/*  /Comments ---------   */

#pinggigantor {border: solid 0px #dd0000;} /* red */

.google { margin-top: 20px;}


/* related entries */
#related { margin-bottom: 20px; }	

h2.after-entry-header, #commentgigantor h2.after-entry-header  { /* H2's that are used as headers after an entry (related entries, comments ) */
	font: normal 1.2em "Lucida Grande", "Lucida Sans Unicode", lucida, Arial;
	text-transform: none;
	color: #FEE93F;
	padding: .5em 0 1em 0;
	}
	
#recentlinks a.viewlinks, #recentlinks a.viewlinks:link, #recentlinks a.viewlinks:visited { /* background: url(/sh/more.gif) top right no-repeat; */}
#recentlinks a.viewlinks:active, #recentlinks a.viewlinks:hover { }

.adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #F65817;}
.adText {font: normal 10pt Arial; text-decoration: none; color: #14296A;}

.quote { background: url(/sh/quote.gif) no-repeat 8px 6px #f0f2f5; padding: 14px; padding-left: 25px; }
	
.BlogPollingQuestion {
	margin: 0;
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", lucida, Arial;
	text-transform: uppercase;
	color: #FEE93F;
  }

table { margin: 0; padding: 0;
	border: 0px solid #14296A; border-right: none; }
	
table.excerpt { margin: 0; padding: 0;
	border-top: 1px solid #14296A; }
td { padding: 8px; border-right: 0px solid #14296A; vertical-align: top; }
tr.alt { background-color: #f0f2f5; }
.top td { font-weight: bold; }

h3 { background-color: #f0f2f5; padding: 14px; line-height: 18px; }

/* lightbox */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	}

#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: transparent url(/sh/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(/sh/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/sh/next.gif) right 53% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left;	}			
#imageData #bottomNavClose{ width: 36px; float: right;	}	
		
#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;
	}