/**
	PORTFOLIO - MONTCOCHER
**/


/* MODIFIED STANDARD ELEMENTS */

#footer {
	padding: 75px 0 25px 0;
	}
#page { background: #000; }

#page_content {
	padding:10px 0 90px 0;
	background:transparent;
	}
#masthead {
	background: #000 url(/graphics/masthead-portfolio.jpg) top left no-repeat;
	}
a, a:link, a:visited { color:#fed; }
h1, h2, h3, h4, h5, h6, p { color: #fed; }


/* GENERAL */

p.breadcrumb {
	text-align:center;
	font-size:10px;
	color:#666;
	margin: 10px 0;
	}
p.breadcrumb a {
	color:#889;
	}
p.breadcrumb a:hover { color: #a00; }

p.permalinks {
	text-align:center;
	margin: 20px 0;
	}
span.permalink {
	margin-left: 5px;
	margin-right:0;
	padding-left: 5px;
	padding-right:0;
	border-left: 1px solid #aaa;
	}
span.permalink a:link, span.permalink a:visited {
	color: #caa;
	}
span.permalink a:hover { color: #a00; }
span.permalink_label { color: #b99; }


/**
	*** HOMEPAGE ***
**/
#home_page {
	position:relative;
	width:auto;
	}
#panel_left_homepage {
	width:360px;
	display:inline;
	position:relative;
	float:left;
	margin: 0 0 0 30px;
	padding: 0;
	text-align:center;
	}
#panel_right_homepage {
	width:390px;
	margin-left:40px;
	padding-left:40px;
	border-left: 1px dotted #333;
	display:inline;
	position:relative;
	float:left;
	}

#homepage_img img {
	padding: 1px;
	background:#111;
	border:3px solid #333;
	}

#page_intro {}
#page_intro h1 {
	font-size: 14px;
	color: #aab;
	}
#page_intro h2 {
	font-size: 12px;
	color: #aab;
	}
#page_intro p {
	line-height:1.3em;
	color: #aab;
	}
p.site_home_link {
	padding: 10px 0;
	}
p.indexlink {
	padding: 10px 0;
	}
#login { margin: 20px 0; }

.aboutlink, .aboutlink a {
	color:#889;
	font-weight:bold;
	}
.externallink, .externallink a { color:#889; }
.returnlink, .returnlink a {
	text-align:center;
	color:#889;
	font-weight:normal;
	padding: 30px 0px;
	}

.aboutlink a:hover, .externallink a:hover, .returnlink a:hover {color:#950;}


/**
	*** SECTION PAGE ***
**/
#section_home {
	position:relative;
	margin:0 auto;
	}
.sectionLink {
	text-align:center;
	margin:10px auto;
	}
h1.section_title {
	padding: 0 0 20px 0;
	text-align:center;
	}
h1.section_title.main_title { }
h1.section_title.sidebar_title { }
div#section_icon {
	text-align:center;
	margin: 10px auto;
	float:none;
	}
img.section_icon {
	padding:2px;
	background:#aaa;
	float:none;
	}

div.section_description {
	width:90%;
	margin: 10px auto;
	}
div.section_description p {
	line-height: 1.3em;
	text-align:center;
	font-weight:normal;
	margin:3px auto;
	color:#ddd;
	}
div.section_description p.sidebar_description {
	font-size:10px;
	}

#panel_left_sidebar {
	width:250px;
	display:inline;
	position:relative;
	float:left;
	text-align:center;
	margin-left:30px;
	}
#panel_left_even {
	width:360px;
	display:inline;
	position:relative;
	float:left;
	margin: 0 0 0 30px;
	padding: 0;
	text-align:center;
	}

#panel_right_main {
	width:600px;
	display:inline;
	position:relative;
	float:left;
	text-align:center;
	}
#panel_right_even {
	width:390px;
	margin-left:40px;
	padding-left:40px;
	border-left: 1px dotted #333;
	display:inline;
	position:relative;
	float:left;
	}


/* IMAGE INDEX */
#image_index {
	position:relative;
	text-align:center;
	margin: 0px auto; padding:0;
	}
#image_index.sidebar_index {
	/* used by combined layout */
	}
#image_index.main_section_index {
	/* used by normal layout */
	}
#image_index.fullsize {
	/* used by normal layout when there are no subdirs */
	width:80%;
	}

img.index_thumbnail {
	padding:1px;
	background:#bbb;
	border:1px solid #666;
	}
img.index_thumbnail_hi { border:2px solid #afb; }


/**
	*** SUBDIR MENU ***
**/
/* Applies to normal & combined displays */
#subdir_menu, #section_menu {
	position:relative;
	}
#subdir_menu h2, #section_menu h2 {
	font-size:12px;
	color:#666;
	letter-spacing:0.1em;
	text-align:left;
	}

.subdir_menu_row {
	position:relative;
	text-align:left;
	margin: 3px 0;
	padding:3px 0;
	border-bottom:1px dotted #222;
	}
.subdir_menu_row.hi {
	border: 1px solid #666;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	padding:2px 2px 3px 2px;
	}

.subdir_menu_row_text {
	display:inline;
	float:left;
	}
.subdir_menu_row_text a:hover {
	color:#a00;
	}
.subdir_menu_row_img {
	display:inline;
	float:left;
	}
.subdir_menu_row_img img {
	padding:2px;
	background:#aaa;
	border:1px solid #666;
	}

/* SIDEBAR MENU */
#subdir_menu .subdir_menu_row_text {
	margin-left:80px;
	width:150px;
	}
#subdir_menu .subdir_menu_row_img {
	margin-left: -220px;
	}

/* MAIN MENU */
#section_menu .subdir_menu_row_text {
	width:210px;
	margin-left:170px;
	}
#section_menu .subdir_menu_row_img {
	width: 160px;
	margin-left:-380px;
	}



/** IMAGE DISPLAY **/

/* ALL DISPLAY MODES */
#folio_display {
	position:relative; padding:0px 0px 20px 0px;
	text-align:center;
	}
#folio_display.combined {}
#folio_display.normal {}

/* COMBINED ONLY */
/* div providing container for display image */
#img_display {
	width:600px;
	display:inline;
	float:left;
	text-align:center;
	}

/* image frame
	#img_frame - <div> tag in protected mode
	#display_image - <img> tag in non-protected mode
*/
#img_frame, #display_image {
	/* creates border/frame */
	margin: 0 auto;
	background: #d0d0d0; /* keyline colour */
	border-color: #aaa; /* border colour */
	border-style:solid;
	}

#keywords {
	font-size:1px; color:#000;
	margin:0; padding:0; line-height:normal;
}


/* PROTECTED IMAGE */
#protected_image {
	/* background is set to actual image -
		this has to be done in the script itself,
		not here */
	border:0; margin:0; padding:0;
	}
img#bg_image {
	border:0;margin:0;padding:0;
	background:transparent;
	}

/* NORMAL IMAGE */
#imgbox {
	/* container */
	margin:0 auto;
	text-align:center;
	}
#display_image {
	/* id of <img> tag in non-protected mode */
	}

/* CAPTION - ALL DISPLAY MODES */
div#img_caption {
	margin:5px auto;
	}
p#caption_text { font-size:10px; color:#ccc; }

/* METADATA - ALL DISPLAY MODES */
#image_metadata { }
#image_metadata p { }
span.meta_label {}

#alamyLink, #RedBubbleLink {
	margin: 3px 0;
	}

#alamyLink a {
	color:#ccf;
	}
#RedBubbleLink a {
	color:#fcc;
	}
#alamyLink a:hover, #RedBubbleLink a:hover {
	color:#faa;
	}

/* BUTTON BAR - normal layout only */
#button-bar {
	margin:10px auto;
	text-align:center;
	margin:0 auto;
	border:0;
	}
td.button_prev {
	float:left;
	width: 100px;
	text-align:left;
	border:0;
	}
td.button_next {
	float:right;
	width: 100px;
	text-align:right;
	border:0;
	}
td.button_prev a:hover, td.button_next a:hover {
	background: #333 url(graphics/buttonbar_redline.gif) center center no-repeat;
	}
td.thumbs_index {
	text-align:center;
	width:60px;
	vertical-align:top;
	border:0;
	}


/*
	*** ABOUT PAGE ***
*/
#about_text {
	text-align: left;
	width: 90%;
	margin:0 auto;
	}
#about_text span.headline {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #77a;
	}
#about_text span.xhead {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #77a;
	}
#about_text p {
	padding: 0 0 20px 0;
	color: #ccd;
	}
#about_text img {
	float:left;
	padding:3px;
	background: #aaa;
	border: 1px #222;
	margin: 0 10px 10px 0;
	}
#about_text img.insert {
	float:right;
	padding:1px;
	background: #aaa;
	border: 1px #222;
	margin: 5px 0 10px 10px;
	}


span.headline {
	font-weight: bold;
	letter-spacing:0.1em;
	font-size:14px;
	}
span.standfirst {
	font-weight: bold;
	letter-spacing:0.1em;
	font-size:12px;
	}
span.xhead {
	font-weight: bold;
	letter-spacing:0.1em;
	}


/*
	*** ALAMY ***
*/
#AlamySearch {
	width:95%;
	padding: 5px;
	margin: 20px 0px 10px 0px;
	border:1px solid #1a1a1a;
	color: #aaa;
}
#AlamySearch form {
	padding: 0; margin: 0;
}
#AlamySearch * a,
#AlamySearch * a:link,
#AlamySearch * a:visited {
	color: #aab;
	}
#AlamySearch h1 {
	padding:0;
	margin:0;
	color: #aab;
	padding-bottom:5px;
	font-size:11px; color:#aab;
	text-align:right;
	}
#AlamySearch img {
	padding: 0 2px 0 2px;
	margin: 0 2px 0 2px;
	float:right;
	}
#AlamySearch p {
	padding:0; margin:0;
	font-size: 9px;
	color:#aab;
	text-align:right;
	}
#AlamySearch input {
	padding:0; margin:0;
	background: #222;
	border:1px solid #111;
	color: #aab;
	}
#AlamySearch input.button {
	padding:0; margin:0;
	font-size: 9px;
	color:#aab;
	background: #333;
	border:1px solid #222;
	}

#calendarPanel p {
	color:#eee;
	text-align:center;
}
#calendarPanel p a,
#calendarPanel p a:link,
#calendarPanel p a:visited {
	color: #d6cca9;
}