/* This is the CSS file for the pbpictures project */

/* ======================================================================== */
/* Grid

   All grid divs are named g_<name>, and are defined in pairs: an outer one
   (suffixed _o) and an inner one (suffixed _i).
   
   Outer grid divs have dimensions i.e. width and height.
   
   Inner grid divs control their contents: i.e. they have margin and padding,
   overflow.
   
   This is used to work around different browsers' interpretations of the CSS
   box model (IE used to get width + margin + padding _very_ wrong), and makes
   it significantly easier to build a box model.
   
   Generally, we start with outer divs for layout, and then add
   padding/margins using inner divs.
   
   Grid nesting:
  
   g_wrapper
     g_slideshow
     g_navcol
     g_content
       g_maincol (if defined)
       g_twocol (if defined)
         g_leftcol
         g_rightcol
     g_footer
*/

/* ======================================================================== */
/* Colours

	Background Grey: #666666
	Body Dark Blue: #071A45
	Link Light Blue: #8BD2F4
*/

/* Grid markings 

.g_wrapper_o,
.g_slideshow_o,
.g_bottomhalf_o,
.g_navcol_o,
.g_content_o,
.g_maincol_o,
.g_twocol_o,
.g_leftcol_o,
.g_rightcol_o {
  border-top: 1px dashed #ccc;
}
   
.g_wrapper_o:before,
.g_slideshow_o:before,
.g_bottomhalf_o:before,
.g_navcol_o:before,
.g_content_o:before,
.g_maincol_o:before,
.g_twocol_o:before,
.g_leftcol_o:before,
.g_rightcol_o:before {
  font: 8pt sans-serif;
  color: #ccc;
}

.g_wrapper_o:before {
  content: "[wrapper]";
}

.g_slideshow_o:before {
  content: "[slideshow]";
}

.g_bottomhalf_o:before {
  content: "[bottomhalf]";
}

.g_navcol_o:before {
  content: "[navcol]";
}

.g_content_o:before {
  content: "[content]";
}

.g_maincol_o:before {
  content: "[maincol]";
}

.g_twocol_o:before {
  content: "[twocol]";
}

.g_leftcol_o:before {
  content: "[leftcol]";
}

.g_rightcol_o:before {
  content: "[rightcol]";
}
*/

/* ------------------------------------------------------------------------ */
/* Grid layout */

body {
	background: #071A45 url('../img/pbp-background.gif') top center repeat-y;
	font-family: Arial, sans-serif;
	font-size: 68.75%; /* Resets 1em to 11px */
	line-height: 1.09090909; /* Standard: 12px */
	text-align: center;
	color: #fff;
	margin: 34px 0;
	}

.g_wrapper_o {
	margin: auto;
	width: 800px;
	background: #071A45;
	border: 1px solid #fff;
}

.g_wrapper_i {
	text-align: left;
	margin: auto;
	padding: 34px 0;
	width: 732px;
}

.g_slideshow_o {
  width: 732px;
  height: 314px;
  background: #000;
}

.g_bottomhalf_o {
  width: 732px;
}

.g_bottomhalf_i {
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}

.g_navcol_o {
  width: 231px;
  float: left;
}

.g_content_o {
  width: 500px;
  float: left;
}

.g_content_i {
  margin-left: 19px;
  overflow: auto;
}

.g_maincol_i {
  overflow: hidden;
}

.g_twocol_i {
  position: relative;
  overflow: hidden;
}

.g_leftcol_o {
  float: left;
  width: 231px;
}

.g_leftcol_i {
}

.g_rightcol_o {
  float: right;
  width: 231px;
}

.g_rightcol_i {
}

.g_footer_o {
	margin-top: 36px;
	}

.g_footer_i {
  overflow: hidden;
}
.g_footer_i p {
  margin-bottom: 0;
}

/* ------------------------------------------------------------------------ */
/* GNTML */

.g_navcol_i .gntml_colDocument {
  margin-top: 11px;
}

/* Basic Fonts
----------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-family: Georgia, serif;
	font-weight: normal;
	}
h1 {
	font-size: 1.36363636em; /* 15px */
	line-height: 1; /* 15px */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-bottom: 11px;
	}
h2, h3, h4 {
	font-size: 1.18181818em; /* 13px */
	line-height: 1; /* 13px */
	margin-bottom: 11px;
	}
p, ol, ul {
	font-size: 1em; /* 11px */
	line-height: 1.45454545; /* 16px */
	margin-bottom: 11px;
	}
ul ul, ul ul ul, ul ul ul ul, ul ul ul ul ul,
ol ol, ol ol ol, ol ol ol ol, ol ol ol ol ol {
	margin-bottom: 0;
	}
blockquote {
	font-size: 1em; /* 11px */
	line-height: 1.45454545; /* 16px */
	margin: 0 2em 11px 2em;
	}
	
.gntml_hcentre p {
	text-align: center;
	font-size: 1.1817em
	}

/* Links
----------------------------------------------------------------------------------------*/
a:link, a:visited {
	color: #8BD2F4;
	text-decoration: none;
	}
a:hover, a:active {
	color: #8BD2F4;
	text-decoration: underline;
	}


/* f_skipsource
----------------------------------------------------------------------------------------*/
.f_skipsource {
	display: none;
	}
	
/* Navcol & subnav
----------------------------------------------------------------------------------------*/
.g_navcol_o {
	border-top: 1px solid #fff;
	}
.f_navcol_logo p {
	text-indent: -9999999px;
	width: 230px;
	height: 54px;
	background: transparent url('../img/pb-logo.gif') no-repeat;
	margin-top: 10px;
	}
.f_navblock ul {
	font-family: Georgia, serif;
	list-style: none;
	margin: 0;
	padding: 11px 5px;
	border-bottom: 1px solid #fff;
	}
.f_navblock a:link {
	color: #66CCFF;
	text-decoration: none;
	}
.f_navblock a:visited {
	color: #999999;
	text-decoration: none;
	}
.f_navblock a:hover {
	color: #fff;
	text-decoration: none;
	}
.f_navblock a.navcurrent:link,
.f_navblock a.navcurrent:visited {
	color: #fff;
	text-decoration: none;
	}
.f_navblock a.navcurrent:hover {
	color: #fff;
	text-decoration: underline;
	}
.f_navblock a.navparent:link,
.f_navblock a.navparent:visited {
  color: #fff;
  text-decoration: underline;
  }

/* Turn off strong and em in navblocks */
.f_navblock strong,
.f_navblock em {
  font-style: normal;
  font-weight: normal;
  }
  
 .gntml_subnav_i ul {
	font-family: Georgia, serif;
	list-style: none;
	margin: 0 0 11px 0;
	padding: 0px 5px 11px 5px;
	border-bottom: 1px solid #fff;
 	}

/* GNTML floats and images
----------------------------------------------------------------------------------------*/
.gntml_right {
  float: right;
  clear: right;
  width: 240px;
}

.gntml_left {
  float: left;
  clear: left;
  width: 240px;
}
  
.gntml_imageWrapper {
	margin-bottom: 9px;
	}

.gntml_image {
	margin-bottom: 11px;
	}
.gntml_image h4 {
	font-size: 1em; /* 11px */
	line-height: 1.45454545; /* 16px */
	margin-bottom: 0;
	font-family: Arial, serif;
	background: #8BD2F4;
	padding: 0 5px;
	color: #000;
	}

.gntml_right_i {
	margin: 9px 0 0 9px;
	}

.gntml_left_i {
	margin: 9px 9px 0 0;
	}
	
/* f_relatedPages
----------------------------------------------------------------------------------------*/
.f_relatedPages p {
	padding: 11px 5px 0 5px;
	margin-bottom: 0;
	}
.f_relatedPages ul {
	font-family: Georgia, serif;
	list-style: none;
	margin: 0;
	padding: 0 5px 11px 5px;
	border-bottom: 1px solid #fff;
	}
.f_relatedPages a:link {
	color: #66CCFF;
	text-decoration: none;
	}
.f_relatedPages a:visited {
	color: #999999;
	text-decoration: none;
	}
.f_relatedPages a:hover {
	color: #fff;
	text-decoration: none;
	}

/* f_globalSearch
----------------------------------------------------------------------------------------*/
#f_globalSearch {	
	border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	padding-top: 5px;
	padding-left: 5px;
	}
#f_globalSearch label {
	display: inline;
	font-size: 1em;
	}
#f_globalSearch input#f_globalSearchInput {
	width: 120px;
	margin: 0 7px;
	}

/* f_paginator
----------------------------------------------------------------------------------------*/
.f_paginator ul li {
	text-transform: capitalize;
	margin-right: 10px;
	}
	
/* News Items
----------------------------------------------------------------------------------------*/
.f_newsItems ul, ul.newsListing {
	list-style: none;
	padding-left: 0;
	}
ul.newsListing li {
	margin-bottom: 11px;
	}
.f_newsItems ul li h3.f_title, ul.newsListing li h3.f_title {
	margin-bottom: 0;
	}
.f_newsItems ul li p.f_date, ul.newsListing li p.f_date {
	margin-bottom: 0;
	color: #999999;
	}
.f_newsNav {
  	float: right;
	}
.f_newsNav span.previous {
	margin-right: 10px;
	}

/* Search Results
----------------------------------------------------------------------------------------*/
.f_searchResults ul {	
	list-style: none;
	padding-left: 0;
	}
.f_searchResults ul li {	
	margin-bottom: 11px;
	}

/* f_sitemap
----------------------------------------------------------------------------------------*/
.f_sitemap ul {
	list-style: disc;
	padding-left: 20px;
	}
	
/* f_mailform
----------------------------------------------------------------------------------------*/
.f_mailform .w_labelWidget {
	width: 130px;
	line-height: 2;
	margin-bottom: 11px;
	}
.f_mailform .w_widget {
	margin: -22px 0 0 130px;
	}
.f_mailform .w_text input {
	width: 250px;
	}
.f_mailform .w_textarea textarea {
	width: 253px;
	height: 175px;
	}
.f_mailform .w_submit {
	margin-left: 130px;
	margin-top: -6px;
	text-transform: capitalize;
	}
	
/* Editing interface
----------------------------------------------------------------------------*/
.slideshowAsset img.imagePreview {
  width: 481px;
}