/* 
	TEMPLATE NAME / Horizon 
	AUTHOR: Scott Craig
	AUTHOR WEBSITE: http://www.cancerbox.com
	VERSION: 1.0
	
	NOTE: MAJOR MODIFICATIONS TO TEMPLATE PAGES & CSS BY BOB EDDINGS
	
	Valid xHTML & CSS

*/

/* CSS Document */


/* associatedpixels.com */

/* COLOR LEGEND */

/*

#242424 - main background gray

#303030->3e3e3e - gray button gradient (bottom->top)
#212121 - near black round rect button outline (for contrast against background)
#2e2e2e - round rect button interior background
$545454 - icon shape inside round rect buttons (same as darkest gray text)

#a8d01a - green accent stripe, ap text, hover

#ffffff - whitest text
#545454 - darkest gray text
#9f9f9f - medium gray text

*/


/* STANDARDS */

body {
	background-color:#242424;
	font-size:14px;
	line-height:18px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	padding:20px;
	margin:20px;
	color:#e1e1e1;
	text-align:center;
	}

html {
	min-height:100.1%;
	}


/* RESET */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0px;
	padding:0px;
	}

h1 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	text-align:left;
	}

h2 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	text-align:left;
	}
	
h3 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	color:#e1e1e1;
	text-align:left;
	}

hr {
	display:none;
	}

p {
	text-align:left;
	}

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

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



/* CUSTOM CLASSES */


.inside {
		/* width:890px; */
	width:1100px;
	margin:0px auto;
	}

.leftimg {
	float:left;
	margin:0px 10px 10px 0px;
	}

.clear {
	clear:both;
	}

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

.summary {
	color:#838d7a;
	font-size:14px !important;
	line-height:24px;
	}

.col10 {
	width:23%;
	float:left;
	}
	
.col11 {
	width:27%;
	float:left;
	text-align:left;
	color:#9f9f9f;
	}

.galtit {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	color:#e1e1e1;
	text-align:left;
	}


/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */


#image-info {
	text-align:left;
	width:100%;
/*	background:#545458; */
	background:#242424;
	}

#image-info .inside {
	}
	
#image-info .inside p {
	font-size:13px;
	/* font-size:14px; */
	line-height:18px;
	color:#a8d01a;
	margin:0px;
	}

#image-info .inside ul {
	}
	

/* IMAGE NOTES */

#image-info h2 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-weight:normal;
	letter-spacing:2px;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	padding:10px 0px 20px 0px;
	}

#image-info h2 em { 
	margin-left:15px;
	}

		
#image_notes {
	width:100%;
	float:left;
	margin-bottom:10px;
	}

#image_notes, #image_comments {
	font-style:italic;
	line-height:16px;
	}

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

	

#image_comments {
	width:45%;
	float:right;
	margin:0px 0px 10px 0px;
	border-left:1px dashed #999;
	}

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

#image_comments li {
	font-size:10px;
	color:#e1e1e1;
	margin:0px 0px 15px 0px;
	list-style:none;
	}


/* HEADER + NAVIGATION */

#header {
	width:100%;
	height:30px;
	/* background-color:#e1e1e1; */
	/* background-color:#FFFFFF; */
	background-color:#242424;
	}

#header .inside {
	/* background-color:#FFFFFF; */
	background:#242424;
	height:30px;
	}

#header .inside a:hover {
	text-decoration:none;
	color:#a8d01a;
	}

#header .inside h1 a {
	float:right;
	text-align:right;
/*	color:#FFFFFF; */
	color:#a8d01a;
/*	hover:#a8d01a; AND ALL OCCURRENCES */
	hover:#a8d01a;
	padding-top:16px;
	padding-bottom:10px;

/*	font-weight:normal; */
	font-weight:heavy;
	display:block;
	}

#header .inside ul {
	float:left;
	margin-top:17px;
	margin-bottom:15px;
	font-weight:heavy;
	}


#header .inside li {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:14px;
	display:inline;
	}
	
#header .inside li a {
	color:#FFFFFF;
	padding-right:5px;
	}
		
#header .inside li a:hover {
	text-decoration:none;
	color:#a8d01a;
	}
	


#headerrevcol {
	width:100%;
	height:50px;
/* 242424 goes here? */
	background-color:#000000;
	}

#headerrevcol .inside {
/* 242424 goes here? */
	background:#000000;
	height:50px;

	}

#headerrevcol .inside h1 a {
	float:right;
	text-align:right;
	color:#e1e1e1;
	padding-top:16px;
/*
	padding-bottom:10px;
*/
	font-weight:normal;
	display:block;
	}

#headerrevcol .inside ul {
	float:left;
	margin-top:20px;
	}


#headerrevcol .inside li {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:14px;
	display:inline;
	}
	
#headerrevcol .inside li a {
	color:#a8d01a;
	padding-right:5px;
	}
		
#headerrevcol .inside li a:hover {
	text-decoration:none;
	color:#e1e1e1;
	}




.secondary a {
	color:#e1e1e1 !important;
	}
	

/* MAIN PHOTO AREA */


#photobox {
	background-color:#242424;
	padding-bottom:2px;
	clear:both;
	width:100%;
	text-align:center;
	}

#photo {
	background:#FFFFFF;
	
	/*
	padding:2px;
	border:1px solid #e1e1e1;
	*/
	padding:2px;
	/* border:30px solid #FFFFFF; */
	border-top:20px solid #FFFFFF;
	border-left:20px solid #FFFFFF;
	border-right:20px solid #FFFFFF;
	/* border-bottom:42px solid #FFFFFF; */
	border-bottom:20px solid #FFFFFF;
	}

#phototitle {
	background:#FFFFFF;
	text-align:center;
	}


/* IMAGE NAVIGATION */

#infobox {
	width:100%;
	text-align:left;
	}
	

#image-navigate {
	padding:10px 0px;
	}
	
#image-navigate li {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	list-style:none;
	width:50%;
	}

#image-navigate a {
	display:block;
	}

/* Pages */

#page {
	padding:20px 0px;
	text-align:left;
	/* width:890px; */
	width:1100px;
	margin:0px auto;
	}

#page h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:14px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	}

#page p {
	font-size:14px;
	font-style:italic;
	margin: 0px 20px 20px 0px;
	}

#page ul {
	font-size:14px;
	font-style:italic;
	margin:0px 20px 20px 0px;
	}
	
#page ul li {
	list-style:none;
	padding:0px 5px 0px 0px;
	}
	
#page a {
	}


#page img {
	background:#000000;
    	padding:3px;
    	border:1px solid #e1e1e1;
	}

#page-bb img {
	background:#FFFFFF;
    	border:1px solid #FFFFFF;
	}


.thumbnails {
	border:1px solid #e1e1e1;
	padding:3px;
	margin:3px 3px 0px 0px;
	}

/* COLUMNS ON INFO PAGE */

#col1 {
	width:45%;
	float:left;
	}
	
#col1 a {
	color:#a8d01a;
	}	

#col1 a:hover {
	color:#e1e1e1;
	}
	
#col2 {
	width:55%;
	float:left;
	}

#col2 a {
	color:#a8d01a;
	}	

#col2 a:hover {
	color:#e1e1e1;
	}
	
#col3 {
	width:20%;
	float:right;
	}


#col4 {
	width:100%;
	float:left;
	}
	
#col4 a {
	color:#a8d01a;
	}	
	

#col4 a:hover {
	color:#e1e1e1;
	}
	
#col5 {
	width:36%;
	float:left;
	}
	
#col5 a {
	color:#a8d01a;
	}	

#col5 a:hover {
	color:#e1e1e1;
	}


#col6 {
	width:30%;
	float:left;
	padding-top:40px;
	padding-bottom:20px;
	}
	
#col6 a {
	color:#a8d01a;
	}	

#col6 a:hover {
	color:#e1e1e1;
	}


#col7 {
	width:30%;
	float:right;
	}
	
#col7 a {
	color:#a8d01a;
	}	

#col7 a:hover {
	color:#e1e1e1;
	}
	
#col8 {
	width:45%;
	float:left;
	}
	
#col8 a {
	color:#a8d01a;
	}	

#col8 a:hover {
	color:#e1e1e1;
	}

#col9 {
	width:45%;
	float:right;
	}
	
#col9 a {
	color:#a8d01a;
	}	

#col9 a:hover {
	color:#e1e1e1;
	}
	
/* COLUMNS ON GALLERY PAGE */


#col10 {
	width:23%;
	float:left;
	}
	
#col11 {
	width:27%;
	float:left;
	text-align:left;
	color:#9f9f9f;
	}
	

	
/* Footer */

#footer {
	clear:both;
	/* width:890px; */
	width:1100px;
	margin:0px auto 0px auto;
/*
	padding:10px 0px;
*/
	padding:0px 0px;
	text-transform:uppercase;
	}

#footer li {
	text-align:center;
	font-size:10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	display:inline;
	list-style:none;
	padding:0px 0px;
	color:#e1e1e1;
	}

#footer a {
	text-align:center;
	font-size:10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	display:inline;
	list-style:none;
	padding:0px 0px;
	color:#e1e1e1;
	hover:#a8d01a;
	}
	
/*
#footer a:hover {
	color:#a8d01a;
	}
*/


/* Comments */

#commentbox {
	width:80%;
	margin:0px auto;
	}

#comment-top {
	background:#242424;
	padding:20px 20px;
/*	color:#545458; */
	color:#242424;
	}    

/* visitor comment text */
#comments {
    margin:10px auto;
    width:90%;
    text-align:left;
/*
    line-height:99%;
*/
    line-height:18px;
	}
	
#comments li {
	margin-bottom:10px;
}

#comment-top h2 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-weight:bold;
	letter-spacing:1px;
	font-size:11px;
	text-transform:uppercase;
	text-align:left;
	}
	
#comment-middle h2 {
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;	
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	}

#comment-middle {
	padding:0px 0px;
	margin-bottom:7px;
/*	background:#e1e1e1; */
	background:#242424;

	} 

#addcomment {
    margin:5px auto 20px auto;
    width:90%;
	text-align:left;
	}

.input {
	width:45%;
	font-size:10px;
	border:1px solid #e1e1e1;
	background-color:#FFFFFF;
	/* color:#e1e1e1; */
	color:242424
	padding:5px;
	}

#addcomment label {
	color:#e1e1e1;
	font-style:italic;
	font-size:10px;
	}

#addcomment textarea {
	width:98%;
	height:70px;
	font-size:11px;
	border:1px solid #e1e1e1;
	background-color:#FFFFFF;
	/* color:#e1e1e1; */
	color:242424
	padding:5px;
	}

.comment-button {
    background:#FFFFFF;
	border:3px double #e1e1e1;
	color:#242424;
	}