/* 

	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;
	/* background-color:#FFF; */
	}

body {
	background-color:#FFF;
	}

html {
	min-height:100.1%;
	}

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

a:hover {
	color:#111;
	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:#FFF;
	padding:0px;
	margin:0px;
	}

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

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

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

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

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

.secondary a {
	}
	



/* MAIN IMAGE/PHOTO AREA */


#photobox {
	width:100%;
	text-align:center;
	background-color:#FFF;
	margin:0px;
	}
	
#photo {
	background:#DDD;
	padding:0px;
	margin:0px;
	border:none;
	}
	
#image-credits {
	color:#AAA;
	text-align:left;
	clear:both;
	width:600px;
	padding:0px;
	margin:25px auto 0px auto;
	}




/* 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:#111;
	}

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




/* PAGE STYLES */


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

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

#page3 { /* About - fixing width */
	width:600px;
	padding:0px;
	margin-left:122px;
	}

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

#page p { /* About page paragraph (Welcome to.. & About..) */
	margin: 0px 10px 10px 0px;
	}

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

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




/* COLUMNS ON INFO PAGE */


#col1 {
	width:290px;
	padding:0px;
	margin-right:20px;
	float:left;
	}

#col2 {
	width:290px;
	padding:0px;
	margin-right:0px;
	float:left;
	}

/*
#col3 {
	width:190px;
	margin-right: 0px;
	float:left;
	}
*/



/* FOOTER */


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

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

#footer a {
	color:#AAA;
	}
	
#footer a:hover {
	color:#333;
	}




/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */


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

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

/* 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:290px;
	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:290px;
	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:270px;
	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:90px;
	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:#F00;
	padding:5px;
	margin-top:10px;
	border:1px solid #F00;
	}

/* 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:#000;
		padding:20px 5px;
		color:#FFF;
			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
}


*/