/* 

	TEMPLATE NAME / Horizon 
	AUTHOR: Scott Craig
	AUTHOR WEBSITE: http://www.cancerbox.com
	VERSION: 1.0
	
	MODIFICATION: Hideki Owa
		
	Valid xHTML & CSS

*/

/* CSS Document */




/* STANDARDS */


body, h1, h2, h3, h4, h5, h6, p, ul, li {
	font-family:ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size:9px;
	line-height:15px;
	letter-spacing:0px;
	text-align:left;
	padding:0px;
	margin:0px;
	color:#888; /* #888 */
	/* background-color:#111; */
	}

body {
	background-color:#000;
	}

html {
	min-height:100.1%;
	}

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

a:hover {
	color:#FAFAFA;
	text-decoration:none;
	}

hr {
	display:none;
	}




/* CUSTOM CLASSES ??? */


.clear {
	clear:both;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}





/* HEADER + NAVIGATION */


#header {
	width:100%;
	height:65px;
	background-color:#000;
	padding:0px;
	margin:0px;
	}

#header .inside {
	height:65px;
	background:#000;
	}

#header .inside h1 a { /* Logo */
	float:right;
	text-align:right;
	color:#888;
	margin-top:25px;
	display:block;
	}

#header .inside h1 a:hover { /* Logo */
	color:#DDD;
	}

#header .inside ul { /* Menu */
	float:right;
	float:left;
	margin-top:25px;
	}

#header .inside li {
	color:#444;
	display:inline;
	}
	
#header .inside li a {
	color:#888;
	}
		
#header .inside li a:hover {
	text-decoration:none;
	color:#DDD;
	}
	
.inside {
	width:650px;
	padding:0px;
	margin:0px auto 0px auto;
	}

.secondary a {
	}
	



/* MAIN IMAGE/PHOTO AREA */


#photobox {
	width:100%;
	text-align:center;
	background-color:#000;
	padding:0px;
	margin:0px;
	}
	
#photo {
	background:#000;
	padding:0px;
	margin:0px;
	border:0px;
	}




/* IMAGE NAVIGATION */


#infobox {
	width:100%;
	text-align:left;
	padding:0px;
	margin:0px;
	}

#image-navigate {
	color:#888;
	padding-top:25px;
	margin:0px auto;
	overflow: hidden;
	}
	
#image-navigate a {
	color:#888;
	display:block;
	}

#image-navigate a:hover {
	color:#DDD;
	}

#image-navigate li {
	width:50%;
	list-style:none;
	background:#000;
	}




/* PAGE STYLES??? */


#page { /* Browse + About top area*/
	text-align:left;
	width:650px;
	padding:0px;
	margin:0px auto;
	}

#page2 { /* Browse */
	margin:0px 0px 0px -10px;
	}

#page h2 {
	margin:0px 0px 10px 0px;
	}

#page p { /* About page paragraph */
	margin: 0px 20px 20px 0px;
	}

#page ul { /* About page links */
	font-size:9px;
	margin:0px 20px 20px 0px;
	}
	
#page ul li { /* About page links */
	list-style:none;
	padding:0px 5px 0px 0px;
	}
	
.summary { /* CUSTOM CLASSES: About copy under the title */
	color:#888;
	}

#page img, .thumbnails {
	background:#000;
	padding:0px;
	margin:0px 0px 10px 10px;
	border:0px;
	}




/* COLUMNS ON INFO PAGE */


#col1, #col2 {
	width:210px;
	margin-right: 10px;
	float:left;
	}

#col3 {
	width:210px;
	margin-right: 0px;
	float:left;
	}




/* FOOTER */


#footer {
	clear:both;
	width:650px;
	padding-bottom:25px;
	margin:50px auto 0px auto;
	}

#footer li {
	font-size:9px;
	text-align:left;
	list-style:none;
	color:#444; /* #555 */
	padding:0px;
	margin:0px;
	display:inline;
	}

#footer a {
	color:#444; /* #555 */
	}
	
#footer a:hover {
	color:#888; /* #555 */
	}




/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */


#image-info {
	text-align:left;
	width:100%;
	background:#111;
	border-bottom:1px solid #333;
	}

#image-info .inside a{
	color:#888;
	}

#image-info .inside a:hover{
	color:#DDD;
	}

/* UNUSED

	#image-info .inside {
		}

	#image-info .inside ul {
		}

	#image-info .inside p {
		}

*/



/* COMMENTS */


#image-info h2 { /* Comments header */
	font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;	
	font-size:9px;
	padding:25px 0px 25px 0px;
	}

#image_notes { /* Comments FEFT */
	width:320px;
	float:left;
	padding:0px;
	margin-bottom:25px;
	}

/* UNUSED

	#image_notes p {
		font-size:9px;
		color:#888;
		margin:0px;
		padding-bottom:10px;
		}

*/

#image_comments { /* Comments RIGHT */
	width:320px;
	float:right;
	padding:0px;
	margin-bottom:25px;
	}

#image_comments ul {
	padding:0px;
	margin:0px;
	}

#image_comments li { /* Comment entries */
	padding-right:20px;
	margin-bottom:25px;
	list-style:none;
	}

#addcomment {
	padding:0px;
	margin:0px;
	text-align:left;
	}

#addcomment label {
	color:#888;
	margin-left:10px;
	}

#addcomment textarea {
	width:290px;
	height:100px;
	font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;	
	font-size:9px;
	color:#888;
	background-color:#000;
	padding:5px;
	margin-top:-4px;
	border:1px solid #333;
	}

.input {
	width:100px;
	font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;	
	font-size:9px;
	color:#888;
	background-color:#000;
	padding:5px;
	margin-top:10px;
	border:1px solid #333;
	}

.comment-button {
	float:left;
	font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;	
	font-size:9px;
    background:#111;
	color:#DDD;
	padding:4px 5px 4px 5px;
	margin-top:10px;
	border:1px solid #DDD;
	}

/* UNUSED

	#commentbox {
		width:80%;
		margin:0px auto;
			border:1px solid #F00;
		}

	#comments {
	    margin:0px auto;
	    width:90%;
	    text-align:left;
			border:1px solid #F00;
		}

	#comment-top {
		background:#111;
		padding:20px 5px;
		color:#111;
			border:1px solid #F00;
		}    

	#comment-middle {
		padding:20px 0px;
		margin-bottom:10px;
			border:1px solid #F00;
		} 

	#comment-top h2 {
		font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;	
		font-weight:normal;
		font-size:9px;
		text-align:center;
			border:1px solid #F00;
		}
	
	#comment-middle h2 {
		font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;	
		font-weight:normal;
		font-size:9px;
			border:1px solid #F00;
		}

*/




/* TAG SUPPORT

.tags00 {
	font-size: 10px
}

.tags01 {
	font-size: 10px
}

.tags02 {
	font-size: 10px
}


*/