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

*/

/* CSS Document */


/* STANDARDS */

body {
	font-size:11px;
	line-height:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	color:#413f3b;
	text-align:center;
	background-image:url(/templates/horizon/images/background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#000000;
	}

html {
	min-height:100.1%;
	}

img{
	border:0px;
}

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

h1 {
	text-align:left;
	}

h2 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;	
	text-align:left;
	}
	
h3 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;	
	text-align:left;
	color:#FFCC00;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	}
/*
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:2px;
}
*/

h4{
/*	font-family:"Times New Roman", Times, serif;*/
/*	font-size:21px;*/
/*	font:10px/18px Georgia, "Times New Roman", Times, serif;*/
	font-family:baskerville,palatino,'palatino linotype',georgia,serif;
	font-size:2.25em;
	color:#FFFFFF;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0px;
}
 
hr {
	display:none;
	}

p {
	text-align:left;
	}

a {
	color:#FFCC00;
/*	color:#993300;*/
	text-decoration:none;
	}

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


/* CUSTOM CLASSES */

/* /////////////////////////////////////////// Modif pour 950 */
.inside {
	width:950px;
	margin:0px auto;
}

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

.clear {
	clear:both;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}
	
.summary {
	color:#FFCC00;
	font-size:20px !important;
	line-height:24px;
	}

/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */


#image-info {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	width:100%;
	background-color:#FFFFFF;
	background-image:url(/templates/horizon/images/bg_comment.png);
	background-repeat:no-repeat;
	background-position:top;
	}

#image-info .inside {
	}
	
#image-info .inside p {
	color:#333333;
	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:11px;
	text-transform:uppercase;
	padding:10px 0px 20px 0px;
	}

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

#image-info .thumbnail_exif {
	width:100%;
}

#image-info .thumbnail {
	width:160px;
	float:left;
}

#image-info .exif li{
	list-style-type:none;
}

#image-info .exif {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#image-info a{
	color:#993300;
	text-decoration:none;
}

#image-info a:hover{
	color:#333333;
	text-decoration:none;
}
		
#image_notes {
	width:47%;
	float:left;
	margin-bottom:10px;
	}

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

#image_notes p {
	color:#333333;
	margin:0px;
	padding:5px;
	}

#image_notes p.note {
	background-image:url(/templates/horizon/images/note_trans.png);
	background-repeat:repeat;
/*	background-color:#F2F2F2;*/
	}	

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

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

#image_comments li {
	color:#666;
	margin:0px 0px 15px 0px;
	padding:5px;
	list-style:none;
	}


/* HEADER + NAVIGATION */

#header {
	width:100%;
	height:60px;
	}

#header .inside img{
	border:0;
}

#header .inside {
	height:80px;
	}

#header .inside h1 a {
	float:left;
	text-align:left;
	color:#666;
	padding-top:15px;
	font-weight:normal;
	display:block;
	}

#header .inside ul {
	float:right;
	text-align:right;
	margin-top:15px;
	}


#header .inside li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	display:inline;
	color:#999999;
	}
	
#header .inside li a {
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	}
		
#header .inside li a:hover {
	text-decoration:none;
	color:#FFCC00;
	}
	
.secondary a {
	color:#666 !important;
	}
	

/* MAIN PHOTO AREA */


#photobox {
	padding-bottom:30px;
	width:100%;
	text-align:center;
	background: url(../images/loader.gif) no-repeat 50% 315px;
	}

*html #photobox {
	padding-bottom:0px;
}
	
#photo {
/*	background:#666;*/
/*	padding:1px;*/
	border:none;
/*	margin-bottom:10px;*/
	}
/* /////////////////////////////////////////// Modif pour 950 */
#image_title{	
	width:950px;
	margin:10px auto;
	text-align:left;
}


/* IMAGE NAVIGATION */

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

*html #infobox {
	height:0px;
}

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

#title{
	float:left;
}
	
#image-navigate2 {
	float:right;
	vertical-align:text-bottom;
	height:35px;
	margin-bottom:10px;
}

#image-navigate2 ul {
}	

#image-navigate2 li {
	display:inline;
	list-style:none;
	margin-left:10px;
	}	

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

#image-navigate a {
	display:block;
	}


/* Pages */

#page {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:20px 0px;
	text-align:left;
/* /////////////////////////////////////////// Modif pour 950 */
	width:950px;
	margin:0px auto;
	}

#page h2 {
	color:#FFCC00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:40px;
	}

#page h3 {
	color:#999999;
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	}

#page p {
	color:#FFFFFF;
	font-size:11px;
	margin: 0px 20px 20px 0px;
	}

#page ul {
	font-size:10px;
	font-style:italic;
	margin:0px 20px 20px 0px;
	}
	
#page ul li {
	list-style:none;
	padding:0px 5px 0px 0px;
	}
	
#page a {
	color:#FFCC00;
/*	color:#993300;*/
	font-style:normal;
	text-decoration:none;
	}

#page a:hover {
	color:#666666;
	font-style:normal;
	text-decoration:none;
	}

#page img {
	background:#FFF;
    padding:0px;
    border:1px solid #CCC;
	}
/* /////////////////////////////////////////// Modif pour 950 */
#browse_part{
	float:left;
	width:160px;
}

/* /////////////////////////////////////////// Modif pour 950 */
#thumbnails_part{
	width:790px;
	float:right;
}

#break{
	float:none;
}

.thumbnails {
	border:1px solid #CCC;
	padding:3px;
	margin:20px 20px 0px 0px;
	}
	
#thumbnails_part .thumbnails_browse {
/*	border-color:#009900;
	border-style:solid;
	border-width:2px;
*/	padding:12px;
	margin:40px 45px 0px 0px;
	}	

/* COLUMNS ON INFO PAGE */

#col1 {
	width:50%;
	float:left;
	}

#col2 {
	width:24%;
	float:left;
	}

#col3 {
	width:25%;
	float:right;
	}

/* Footer */

#footer {
	clear:both;
	width:100%;
	margin:0px auto 0px auto;
	padding:10px 0px;
	}

#footer li {
	text-align:center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	list-style:none;
	padding:0px 5px;
	color:#FFFFFF;
	}

#footer a {
	color:#FFCC00;
	}
	
#footer a:hover {
	color:#FF9900;
	}


/* Comments */

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

#comment-top {
	background:#1D1D1D;
	padding:20px 5px;
	color:#FFF;
	}    

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

#comment-top h2 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;	
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	}
	
#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:20px 0px;
	margin-bottom:7px;
	} 

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

.input {
	width:45%;
	font-size:10px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	padding:1px;
	margin:5px 0px 5px 0px;
	height:12px;
	}

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

#addcomment textarea {
	width:100%;
	height:50px;
	font-size:11px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	padding:5px;
	margin:0px 0px 5px 0px;
	}

.comment-button {
	background-color:#FFCC00;
	border:1px #666;
	color:#000000;
	width:173px;
	height:20px;
	font-size:11px;
	text-transform:uppercase;
	}

.admin_comment{
	background-image:url(/templates/horizon/images/admin_comment_trans.png);
	background-repeat:repeat;
	background-color: transparent;
/*	background-color:#F2F2F2;*/
}

*html .admin_comment{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/templates/horizon/images/admin_comment_trans.png');
}


/* Add from Franck */

a.special_link {
	color:#FFFFFF;
	text-decoration:none;
	}

a.special_link:hover {
	color:#FFCC00;
	text-decoration:none;
	}

a.nav_link {
	color:#FFFFFF;
	font-size:36px;
	text-decoration:none;
	}

a.nav_link:hover {
	color:#FFCC00;
	text-decoration:none;
	}

a.nav_link_re {
	color:#FFCC00;
	font-size:36px;
	text-decoration:none;
	}

a.nav_link_re:hover {
	color:#FFFFFF;
	text-decoration:none;
	}

#bg_black{
/*	background: #1D1D1D url(../images/top_bg.jpg) repeat-x top;*/
}

#page .link_list{
/*	background-color:#FFCC00;*/
/*	color:#000000;*/
	margin:4px 0px 4px 0px;
	padding:2px 5px 2px 5px;
}

#page .link_list a{
/*	color:#666666;*/
}

#page .link_list a:hover{
/*	color:#999999;*/
}

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;}


a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

a.linkropacity {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

a.linkropacity:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;}
