/**
	PORTFOLIO SECTION PAGES
**/

body {
	font-family: Verdana, Arial, Geneva, 'Trebuchet MS', 'Bitstream Vera Sans', Helvetica, Swiss, SunSans-Regular, sans-serif;
	background: #111;
	padding:10px 0;
	margin:0;
	color: #aaa;
	}
a, a:link, a:visited, a:hover {
	color:#ccc;
	border:0;
	text-decoration:none;
	}
a:hover { color: #cff; }
h1, h2, h3, p {
	font-family: Verdana, Arial, Geneva, 'Trebuchet MS', 'Bitstream Vera Sans', Helvetica, Swiss, SunSans-Regular, sans-serif;
	color: #889;
	}
h1 { letter-spacing: 0.1em; font-size:14px; text-align:center; }
h2 { font-size:12px; }
img { border: 0; }
p, ul, li {
	font-family: Verdana, Arial, Geneva, 'Trebuchet MS', 'Bitstream Vera Sans', Helvetica, Swiss, SunSans-Regular, sans-serif;
	font-size:11px;
	color: #889;
	}
p.description {
	line-height: 1.3em;
	width:90%;
	text-align:center;
	margin: 0 auto;
	font-weight:normal;
	}
table, table td, table th {
	font-family: Verdana, Arial, Geneva, 'Trebuchet MS', 'Bitstream Vera Sans', Helvetica, Swiss, SunSans-Regular, sans-serif;
	color: #889;
	font-size: 12px;
	margin:0; padding:0;
	border-collapse:collapse;
	}


#admin_menu, #masthead, #navbar, #container, #footer, #page { 
	background: #000;
	padding:0; margin:0;
	}

#page { border: 1px solid #333; margin: 0 auto; }
#masthead { text-align: center; }
#navbar {
	text-align:right;
	padding: 0 40px 0 0;
	}

#admin_menu {
	background:#000;
	margin:0;padding:0;
	}
#admin_menu ul {
	list-style:none;
	margin:0;padding:0;
	}
#admin_menu li {
	display: inline;
	list-style:none;
	vertical-align: middle;
	padding:0;margin:0 10px 0 0;
	font-size: 10px;
	}
#admin_menu li a {
	color:#ddd;
	text-transform:capitalize;
	}
#admin_menu li a:hover { color:#d00; }

#admin_form li, #admin_form li a { color:#000; }

/* GENERAL */

p.breadcrumb {
	text-align:left;
	font-size:10px;
	color:#666;
	margin: 0px 0 0px 40px;
	}
p.breadcrumb a {
	color:#aaa;
	}
p.breadcrumb a:hover { color: #cff; }

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

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

#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: 50px 0 20px 0;
	text-align:center;
	}
h1.section_title.main_title { text-align: left; padding-left:40px; }
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;
	}
	
div.section_message p { text-align:left; }

#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, div.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 {
	/* these are default/fallback values and
	will be overridden by the portfolio
	settings in site-config.php (for colours) and
	portfolio settings (for widths) */
	padding:2px;
	background:#aaa;
	border:1px solid #fff;
	}
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, .subdir_menu_row_text a {
	display:inline;
	float:left;
	font-size:11px;
	color:#ccc;
	}
.subdir_menu_row_text a:hover {
	color:#cff;
	}
.subdir_menu_row_img {
	display:inline;
	float:left;
	}
.subdir_menu_row_img img {
	/* these are default/fallback values and
	will be overridden by the portfolio
	settings in site-config.php (for colours) and
	portfolio settings (for widths) */
	padding:1px;
	background:#aaa;
	border:2px solid #fff;
	}

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

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

a.menu_link { color: #ccc; }
a.menu_link:hover { color: #cff; }

/** 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 {
	/* these are default/fallback values and
	will be overridden by the portfolio
	settings in site-config.php (for colours) and
	portfolio settings (for widths) */
	margin: 0 auto;
	background: #aaa; /* keyline colour */
	border: 1px solid #fff; /* border colour */
	}

#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 {}


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



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 {
	border:1px solid #333;
	background: #000;
	}
#AlamySearch h1, #AlamySearch h1 a {
	color:#666;
	}
#AlamySearch p, #AlamySearch p a {
	color:#666;
	}
#AlamySearch form input {
	background:#000;
	color:#fff;
	border:1px dotted #333;
	}
#AlamySearch form input.button {
	color:#666;
	}