/* --------------------------------------------- */
/* CSS DOCUMENT */

	html,body{
		padding: 0; 
		margin: 0;
		background-color: #333333;
		font-family: "Verdana", Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 13px;
		text-align: left;
		}
	
	#container{ /* Content Container */
		position: absolute;
		margin: -215px 0 0 -312.5px;
		width: 625px;
		height: 430px;
		text-align: left;
		background-color: #f9d00e;
		z-index: 30;
		top:50%;
		left: 50%;
		}

.js .develop {display: none;}


/* --------------------------------------------- */
/* GENERAL TYPOGRAPHY */

	p{  /* Body Text */
		margin-top: 0;
		margin-bottom: 13px;
		}
	
	h1{  /* Main Heading */
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 700;
		line-height: 10px;
		margin: 1px 0 13px 0;		
		}
		
	
	
	h2{  /* Reversed Heading */
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		line-height: 15px;
		margin: 11px 0 0 10px;
		}
	
	h3{  /* Secondary Heading */
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		line-height: 15px;
		margin: 22px 0 13px 0;	
		}
	
	h4{  /* Author */
		color: #000;
		line-height: 12px;
		margin: 0 0 1px 0;	
		}

	
	p a{
		color: #fff;
		text-decoration: none;
		}



/* --------------------------------------------- */
/* BACKGROUND */

	#background {
	display: none;
	line-height: 0px;
	position: fixed;
	overflow: hidden;
}

#background img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
	
	#dither {
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow: hidden;
		background: url(../images/line.png);
		}
		
/*
	#lineheight {
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow: hidden;
		background: rl(../images/lineheight_13px.gif);
		z-index:90;
		display: block;
		}
*/
		
		
/* --------------------------------------------- */
/* LAYOUT */

	/* IMAGE AND SLIDER */

	#imageContent{
		position: absolute;
		left: 15px;
		top: 15px;
		width: 400px;
		height: 400px;
		z-index: 40;
		overflow: hidden;
		}

	#slider{
		position: absolute;
		width:800px;
		height:400px;
		overflow: hidden;
		background: #000000 url(../images/polaroiddevelop.jpg);
		}

	#image {
		position: absolute;
		top:0;
		left:0px;
		z-index: 50;
		}
		
	.postImage {width:400px; height:400px;}


	/* COMMENTS */
	
	#comments {
		position: absolute;
		top:0;
		left:400px;
		width:400px;
		height: 400px;
		background: #000000 url(../images/polaroidback.jpg);
		overflow: hidden;
		color: #fff;
		}


	/* ARCHIVE */
	
	#browse {
		position: absolute;
		top:15px;
		left:15px;
		width:395px;
		height: 400px;
		background: #000000 url(../images/polaroidback.jpg);
		color: #fff;
		padding-left: 5px;
		}

	#thumbnails-pane {
		position:absolute;
		top: 32px;
		overflow: auto;
		}
	
	#thumbnails-pane .scroll-pane{ height:353px; width: 395px;}
		
	.thumbnails{
		margin: 10px 0 0 10px;
		opacity: .5; 
		-webkit-transition: opacity .3s linear;
		border: 0;
		}
	
	.thumbnails:hover{
		opacity:1; 
		-webkit-transition: opacity .3s linear;
		}
		
	#fade {
		position: absolute;
		width: 400px;
		height:10px;
		left: 0;
		top: 32px;
		background: url(../images/fade_thumb.png);
		z-index: 80;
		}


	/* TEXT CONTENT */
	
	#textContent{
		position: absolute;
		left: 430px;
		top: 15px;
		width: 180px;
		height: 340px;
		z-index: 50;
		text-align: left;
		}

	#content table {
		width: 180px;
		height: auto;
		}
	
	#album{  /* title at bottom */
		position: absolute;
		left: 430px;
		top: 366px;
		width: 180px;
		height: 50px;
		z-index: 60;
		}
	
	a.albumrollover {
		display: block;
		width: 180px;
		height: 50px;
		background: black url("../images/album.png") 0 0 no-repeat;
		text-decoration: none;
		-webkit-transition: background-color .3s linear;
		}
	
	a:hover.albumrollover {background-color: white;}

	#textContent ul {
		list-style: none;
		margin: 0px;
		padding:0px;
		}
	
	#textContent ul.archiveList {margin-bottom: 20px;}
	.archiveList {color: white; width: 85px; float: left;display: block;}
	


	#textContent ul.archiveMonth {
	margin-left: 10px;
}
	
	.archiveList li.listTitle {
	color: black; text-trasform: uppercase; font-size: px;;
}

	#textContent p a:hover{
		color: #000;
}

	#textContent h1 a{color:#000; text-decoration: none}
	#textContent h1 a:hover{color:#fff;}
	#textContent h5 a{color:#000; text-decoration: none}
	#textContent h5 a:hover{color:#fff}
	#textContent ul a{color: #fff; text-decoration: none}
	#textContent ul a:hover{color:#000;}
	
	.commentslink{float:left}	
	.navigation {float: right;}	
		
		
		
/* --------------------------------------------- */
/* COMMENTS */

	#commentarea {height:240px; margin-bottom: 5px; overflow: hidden; }
	#commentarea .scroll-pane{ height:240px; width: 400px;}
	#addcomment { border-top: 1px solid #fff; height:115px; margin-top:0px; padding-top: 5px; width:370px; margin-left:15px; color:#fff; }
	#comments p { padding:0px;   }
	#comments a { text-decoration:none; color:#fff; }
	#comments a:hover { text-decoration:none; color:#555; }

	.commentpost { 
		padding:  15px 0 0 ;
		margin: 10px 0 0 15px;
		width:371px;
	 	border-top:1px solid rgba(255,255,255,0.25);
	 	}
 	
	.commentpost:first-child{border:0px; margin-top: 0px; padding-top: 10px;}

	.postInfo {width: 200px;margin-top:8px}
	.postInfo h4 {color: #fff;}
	.postInfo h4 a.url {color: #f9d00e !important;}
	.postInfo h4 a:hover {color: #fff !important;}	
		
	.commentMessage {
		float:left;
		height: 88px;
		width:178px;
		margin:0 10px 0 0;
		padding: 0 !important;	
		}

	#commentform .loggedin a{color: #f9d00e;}
	
	input {padding: 0;margin: 0; }
	.commentSubmit {margin-top: -13px; padding-top: 0;}

	.addcommentButton {
		margin-top: 10px;
		background: url(../images/addcomment.png);
		border: 0;
		text-indent: -1000px;
		width: 170px;
		height:17px;
		cursor: pointer;
		}
		
	.addcommentButton:hover {background-position: 0 -30px;}

/* --------------------------------------------- */
/* COMMON CLASSES */

	.left{ text-align: left }
	.right{ text-align: right; display:none}
	.caps {font-size: 9px;}
	.close {text-align: right; color: #ffffff;float: right;margin-right: 15px;margin-top: 14px;}
	.close .x {
		width: 14px;
		height:14px;
		line-height: 14px;
		color: #222;
		text-align: center;
		background-color: white;
		-moz-border-radius:7px; 
		-khtml-border-radius: 7px; 
		-webkit-border-radius:7px;
		display: inline-block;
		font-size: 11px;
		font-family: helvetica,arial,sans-serif;
		-webkit-transition: background-color .3s linear
		}
	.close:hover .x{background-color: #555; -webkit-transition: bakground-color .3s linear}
	.formline{text-align: right;margin-right: 15px;}
	.forminput {margin-bottom:3px;width:120px;height:16px;border:1px solid #c3c3c3; font-size:10px; }

	a.nohover:hover{background-color: #ffffff;}
	.aboutnav{margin-bottom: 20px;}
	img {border:0;}

	
	.commentDate, .postDate {font-style: italic; font-size: 9px;}
	.commentDate {margin-top: 2px;}

	
.postfooter a{font-style: normal !important;}
	
	h1 a:hover {color: white !important}
	
	
	
	
/* --------------------------------------------- */
/* MEDIA PLAYERS */	

#videoPlay {z-index: 60; position: absolute; left: 0; top:0; = height: 400px; width: 400px;}

#videoPlay a {background: url(../images/play.png) 0 0; height: 400px; width: 400px; display: block; text-indent: -1000px;	
}

#videoPlay a:hover{
	background-position: 0px -400px;
}
	

	
#videoWindow {display:none; z-index: 80; position: absolute; left: 0; top:0; background: #333333; padding: 15px; width: 595px; height:400px;}

#closeVideo {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 15px;
	left: 575px;
	z-index: 90;
	overflow:hidden;	
	}
	
#closeVideo a {
	display: inline-block;
	width: 35px;
	height: 35px;
	text-indent: -1000px;
	background: url(../images/close.png) no-repeat
}

#closeVideo a:hover {background-position: 0 -35px;}
	

a.sm2_link {
	display:inline-block;
	padding:3px 4px 2px 22px;
	margin: -3px 0 -7px 0;
	background: url(../images/audio_play.png) no-repeat 0 -125px;
	}

a.sm2_link:hover {background-position: 0 0;}

a.sm2_playing {background: url(../images/audio_pause.png) no-repeat 0 -125px;}

a.sm2_playing:hover {border-left-color:#cc3333;}