@import url("/share/comments.css");

.window h1 {  clear: both; float:none; display: block; width:600px; }
h1.rounded { margin-bottom: 10px; }
.text { clear:both; }
p { padding-top: 5px; }
h2 { background: none; width: auto; height: auto; color: #000; border: none;}



#userinfo {
	padding-top: 10px;
	width: 220px;
	overflow:hidden;
}
#share {
	float:left;
	clear:both;	
	margin-top: 15px;
}
#userinfo img.tiny {
	border: 3px double #ccc; float:left;
	width: 40px; height: 40px;
}

span.page-frame-1, span.page-frame-2 {
	padding: 9px 10px 10px 10px;
	margin-top: 0px;
	display: block;
	float:left;
	clear:both;
	width: 460px;
	height: 260px;
}

span.page-frame-1 {
	background: url(/img/page2.gif) 5px 5px no-repeat;
} 
span.page-frame-2 {
	background: url(/img/page2.gif) 5px 5px no-repeat;
}


.sixty { height: 60px; }

.window h1.rounded { padding-top: 0; margin: 0; border: none; font-size: 20px;}
#userinfo h4 {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-weight: normal;
	font-size: 16px;
	float:left;
	margin: 0 0 3px 5px; width: 186px; height: auto; overflow: hidden;
	display: inline;
}
#userinfo .user a { display: inline-block; font-size: 12px;  width: 190px; padding: 3px; float:left; margin: 0 0 2px 5px;}

#userinfo span.user {
	width: 203px; float:left; padding: 0; margin-bottom: 4px; overflow:hidden;
}

#userinfo .option {
	float:left; 
	padding: 0 0 20px;
}

#userinfo .option a {
	display: block; width: 230px; margin-bottom: 3px;
}

#userinfo iframe { margin-bottom: 20px; }

#userinfo #tags { padding: 0 5px; display: block; width: 238px; text-align: justify; margin-bottom: 10px;}
#userinfo #tags .t { color: #c20404; }
#userinfo #tags .w { color: #3a7a94; }

#userinfo #share, #userinfo .side-item { display: block; padding: 0 5px; width: 238px; margin-bottom: 10px;}


#userinfo #share a#share_feedburner { text-decoration: none; background-image: url(/img/sendpage.gif); width: 100px;}
#userinfo #share a#share_feedburner:hover { text-decoration: underline; }
#userinfo #share a:visited, #userinfo .side-item a:visited { color: #3a7a94; }
#userinfo #views { font-size: 18px; padding: 0 10px !important; width: 228px !important;}
.code-style {
	display: block;
	font-family: Courier;
	font-size: 12px;
	margin: 10px;
	padding: 10px;


	border: 1px solid gray;
	background-color: #f1f1f1;
	background-image: url('../img/code.gif');
	background-repeat: no-repeat;

}

.quote-style {
	display: block;
	margin: 10px;
	padding: 10px;
	border: 1px solid gray;
	background-color: #f1f1f1;
}

.hang-right { 
	width: 250px; padding: 0;
}


img { 
	border: none;
	
}

/* Lightbox
 - - - - - - - - - - - - - - - - - */
 
#lightbox{
	position: absolute;
	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;
	}
#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(/img/light/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(/img/light/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/light/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
	
	
	#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(/img/light/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/img/light/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/img/light/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/img/light/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* Main summary box 
- - - - - - - - - - - - - - */
.main-summary { margin-bottom: 10px;}
.wide { float:right; margin: 0 0 5px 5px; }
.main-summary { display: inline;}
.thanks { display: block; float:left; width: 200px; padding-bottom: 10px; }
.panel .images img, .window .images img {
	padding: 3px;
	background: #fff  bottom right no-repeat;
	border: 1px solid #ccc; margin: 5px;
		
}
.window h1, .panel h1 {
	border-bottom: 1px solid #ccc; margin-bottom: 4px; padding-bottom: 4px;
}

.very-bottom {
	margin-top: 10px;
}

.video-caption { 
	display:block; 
	clear:both;
	width:415px;
	margin: 0 0 5px;
	padding: 5px;
	background: #fff;

}

.grab-link {
	width:218px; border: 1px solid #ccc; padding: 2px 2px 2px 18px; background: url(/img/icons/cursor.png) 0 1px no-repeat;
}

ul.links-node { list-style: none; padding: 0; margin: 0; }
ul.links-node li { list-style: none; padding: 0; margin: 0; }
ul.links-node li strong { font-size: 16px; font-weight: normal;  }

#cool-huh { width: auto; margin-top: 10px; float:left;}
#cool-huh a { display: block; float:left; clear:both; width: 261px; height: 0px; overflow:hidden; padding: 61px 0 0 0; background: #fff url(/img/coolpage.gif) 0 0 no-repeat; margin: 0;}


.standard fieldset .new { margin-top: 20px; }
.standard fieldset .row { clear:both; width: 580px; float:left; margin-bottom: 10px; font: 16px arial, helvetica, trebuchet, geneva; }
.standard fieldset #username_div label { font-size: 17px;}

.standard fieldset .row .column { width: 290px; float:left;  display:block;}
.standard input { float:left; clear: both; border: 1px solid #ccc; width: 190px; padding: 5px;}
.standard fieldset #terms_div input { width:auto; }
.standard fieldset #terms_div label { font-size: 12px; clear:none; padding: 2px 0 0 1px; }
.standard label { float:left; clear: both; }
.standard img { float: left; margin-top: 7px;}
.standard #audio_captcha { display:block; width:16px; height: 0; padding: 16px 0 0; overflow:hidden; zoom:1; background: url(/img/audio.gif) top left no-repeat; float:left; margin: 28px 0 0 4px; border: none;}
.standard input.submit { margin: 0 0 0 110px; width: 300px;}
.standard .hl { color: #f00;}
.standard #complete { width: 697px; } 
.standard #complete input { width: 600px; font-size: 17px; padding: 8px;margin-top:10px;}
.standard #complete input.submit { margin: 0; width: 300px;}
.standard textarea { height: 175px;}
.info { padding-left: 5px; display: block; float:left; width: 200px;}