/**
	PORTFOLIO SECTION PAGES
**/


/* MODIFIED STANDARD ELEMENTS */

#footer {
	padding: 75px 0 15px 0;
	}
#footer p { color:#333; }

/* GENERAL */

p.breadcrumb {
	text-align:center;
	font-size:10px;
	color:#777;
	margin: 10px 0;
	}
p.breadcrumb a {
	color:#644;
	}
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: #a77;
	}
span.permalink a:hover { color: #a00; }
span.permalink_label { color: #866; }

#admin_options {
	color: #66f;
	margin: 10px 0;
	}
span.admin_link a { color: #99f; }
span.admin_link a:hover { color: #ccf; }


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

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

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

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


/**
	*** 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;
	}
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:#333;
	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;
	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;
	font-weight:bold;
	}
.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;
	}


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

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


/* 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: #223;
	}
#about_text span.xhead {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #223;
	}
#about_text p {
	padding: 0 0 20px 0;
	color: #223;
	}
#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;
	}