/*---------------------------------------------------------------*
 * Kudos to http://bluerobot.com/web/layouts/default.asp
 * for the 3 column layout
 *---------------------------------------------------------------*/

body
{
	font-family:Georgia, Verdana, Arial, serif;
	margin:0px;
	background: #eeeeff;
	font-size: 1em;
	padding:0px;
}

/* no border on hyperlinked images*/
a img
{
	border:0;
}

.nowrap 
{

	white-space:nowrap;
}

/* credit to http://www.greywyvern.com/code/min-height-hack.html */

.minheightprop {
	width:1px;
	float:right;
	position:relative;
}

.minheightclear {
	clear:both;
	height:1px;
	overflow:hidden;
}

a.hidelink {
	text-transform:lowercase;
	text-decoration:none;
	cursor:normal;
}

/*---------------------------------------------------------------*
 * title header
 *---------------------------------------------------------------*/

/* header content placement*/
#header_block
{
	background:#000066;
	margin:0px;
}

/* header content interior */
#header
{
	
}

#header h1
{
	margin:0px;
        background: url(/http/s1.geograph.org.uk/img/geograph-logo.svg) no-repeat 10px center/94%;
	height:74px;
	width:257px;
	cursor:pointer;
	cursor:hand;
}

#header h1 a
{
	display:none;
}

/*---------------------------------------------------------------*
 * search block (incorporates login/register links)
 *---------------------------------------------------------------*/

#language_block {
	position: absolute;
   	top: 4px;
	right: 30em;
   	width: 10em;
	text-align: left;
	background:#000066;
   	color: white;
}

#search_block {
	position:absolute;
	top:4px;
	right:0.4em;
	width:20em;
	background:#000066;
	text-align:right;
}

#search
{
	color:white;
	font-weight:bold;
}

#search form
{
	margin:0;
}

#login
{
	font-size:0.8em;
	color:white;
	font-weight:bold;
}

#login a, #language_block a
{
	color: #aaaaaa;
}

#login a:hover, #language_block a:hover
{
	color: #eeeeee;
}



.searchinput {
	width:250px;
}

.disabledLabel {
	color:silver;
}

#browsepanel {
	margin:4px 10px 0px 10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:4;
}

/*---------------------------------------------------------------*
 * right navigation block
 *---------------------------------------------------------------*/


#right_block {
	position:absolute;
	width:190px;
	top:78px;
	right:10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:1;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
body>#right_block {width:168px;}

#right_block h3
{
	margin: 0 0 0.5em 0;
}

/*---------------------------------------------------------------*
 * left navigation block
 *---------------------------------------------------------------*/

#nav_block {
	position:absolute;
	width:150px;
	top:78px;
	left:10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:2;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
body>#nav_block {width:128px;}

.nav
{
	font-size:0.8em;
}

.nav ul
{
	margin:0;
	padding:0 0 0 1em;
	font-size:0.85em;
}

.nav ul li ul
{
	font-size:1.17em;
}

.nav ul li ul li ul
{
	font-size:0.9em;
}

.nav h3.newstitle
{
	font-weight:bold;
	margin:15px 0 10px 0;
	padding-top:15px;
	border-top:2px solid black;
}

.nav .newsheader
{
	margin-top:5px;
	font-weight:bold;
	font-size:0.8em;
	background-color:#eeeeee;
}

.nav .newsbody
{
	border-top: 1px solid silver;
	padding-top:3px;
	font-size:0.8em;
}
.nav .collection
{
	border-top: 1px solid silver;
	padding-top:3px;
}


.nav .newsfooter
{
	border-top: 1px solid silver;
	padding-top:3px;
	font-size:0.7em;
	color:gray;
}

/*---------------------------------------------------------------*
 * main content block
 *---------------------------------------------------------------*/

.content_photoblack
{
	background:black;
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	
	border:2px solid black;
	z-index:3;
	color:silver;
}
.content_photoblack a.text, .content_photoblack a.hidelink 
{
	color:silver;
}

.content_photoblack h2
{
	color:white;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0;
}

.content_photoblack h3
{
	margin-top:0;
	padding-left:10px;
	font-weight:normal;
	color:#666666;
}

.content_photoblack .lighter {
        color:#666666;
}

.content_photoblack .keywords {
	color:#666666;
	font-size: 0.8em;
	margin-top:2px;
	padding:2px;
}

.content_photoblack .interestBox {
	background-color:#333333;
	color:#bbbbbb;
	font-size:0.9em;
}

.content_photoblack .tab {
	background-color:#222222;
}
.content_photoblack .tabSelected {
	background-color:#333333;
}

.content_photoblack .tabHolder a {
	color:blue;
}

.content_photoblack a 
{
	color:#00CCCC;
}
.content_photoblack a:visited
{
	color:#99FFFF;
}
.content_photoblack .tabHolder a {
	color:lightblue;
}
.content_photoblack .tabHolder a:visited {
	color:#5DA2A2;
}
.content_photoblack  dl.picinfo dt
{
	border-bottom:1px solid #333333;
}

/*----------*/

.content_photogray
{
	background:gray;
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	
	border:2px solid black;
	z-index:3;
	color:silver;
}

.content_photogray a.text, .content_photogray a.hidelink 
{
	color:silver;
}

.content_photogray h2
{
	color:#D3D3D3;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0;
}

.content_photogray h3
{
	margin-top:0;
	padding-left:10px;
	font-weight:normal;
	color:#aaa;
}

.content_photogray .lighter {
        color:#aaa;
}

.content_photogray .searchresults a
{
	color:#aaa;
}

.content_photogray .searchresults a:visited
{
	color:#999999;
}

.content_photogray .keywords {
	color:#999999;
	font-size: 0.8em;
	margin-top:2px;
	padding:2px;
}
 
.content_photogray .interestBox {
	background-color:#cccccc;
	color:#444444;
	font-size:0.9em;
}
.content_photogray .interestBox a {
	color:blue;
}
.content_photogray .interestBox h2 {
	color:gray;
}
.content_photogray .interestBox a:visited {
	color:purple;
}

.content_photogray a 
{
	color:skyblue;
}
.content_photogray a:visited
{
	color:#00CCCC;
}

.content_photogray .tabSelected 
{
	background-color:#cccccc;
}
.content_photogray .tabHolder a 
{
	color:#2E9AFE;
}
.content_photogray .tabHolder b 
{
	color:black;
}

.content_photogray  dl.picinfo dt
{
	border-bottom:1px solid #888888;
}

/*----------*/

.content_photowhite
{
	background:white;
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	
	border:2px solid black;
	z-index:3;
	color:black;
}
.content_photowhite a.text, .content_photowhite a.hidelink  
{
	color:black;
}
.content_photowhite h2
{
	color:black;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0;
}

.content_photowhite h3
{
	margin-top:0;
	padding-left:10px;
	font-weight:normal;
	color:#999;
}

.content_photowhite .lighter {
	color:#999;
}

.content_photowhite .keywords {
	color:#cccccc;
	font-size: 0.8em;
	margin-top:2px;
	padding:2px;
}

.content_photowhite .interestBox {
	font-size:0.9em;
}

/*----------*/

/* All the content boxes belong to the content class. */
.content3 {
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 210px 0px 170px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:3;
	}

.content2 {
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 170px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:3;
	}

.content1 {
	position:relative;
	width:auto;
	min-width:120px;
	margin:4px 10px 0px 10px;
	border:2px solid black;
	background-color:white;
	padding:10px;
	z-index:3;
	}
	
/* main content interior */
#maincontent
{

}

#maincontent h2
{
	margin-top:0px;
}

/* form styles */
#maincontent form label
{
}

span.formerror
{
	color:red;
}

div.copyright
{
	font-size:0.8em; 
	color: gray;
	text-align:center;
	font-style:italic;
}

p.wordnet a
{
	white-space:nowrap;
	text-decoration: none;
}

p.wordnet a:hover
{
	text-decoration: underline
}

div.caption
{
	clear:left;
	font-size:0.8em
}
div.caption640
{
	clear:left;
	font-size:0.8em;
	margin-left:auto;
	margin-right:auto;
	width:650px;
	padding-left:5px;
	padding-right:5px;
}
div.snippet640
{
	position:relative;
	clear:left;
	font-size:0.73em;
	margin-left:auto;
	margin-right:auto;
	width:640px;
	text-align:left;
	padding-top:2px;
	margin-top:8px
}
div.snippet640 blockquote
{
	margin:0;
	padding-left:5px;
}
div.snippetcollapsed 
{
	height:100px;
	overflow:hidden
}
div.snippetexpander 
{
	position:absolute;
	font-size:10px;
	top:80px;
	left:430px;
	padding:3px;
	border:1px solid silver;
	padding-left:10px;
	padding-right:10px;
	background-color:white;
}
.content_photoblack .snippetexpander, .content_photoblack .snippetfooter { background-color:black }
.content_photowhite .snippetexpander, .content_photowhite .snippetfooter { background-color:white }
.content_photogray .snippetexpander, .content_photogray .snippetfooter { background-color:gray }

div.snippetexpander a
{
	text-decoration:none;
	font-weight:bold
}

div.snippetfooter 
{
	position:absolute;
	top:98px;
	left:0px;
	width:640px;
	border-top:1px dashed silver;
	height:20px;
}

div.statuscaption
{
	clear:left;
	font-size:0.7em;
	color:silver
}
div.statuscaption a.statuscaption
{
	color:silver
}
div.yeardisplay {
	top:-3em;
	float:right;
	position:relative;
	font-size:0.8em;
	height:0em;
	z-index:-10
}
div.yeardisplay .year { 
	font-size:3em;
	line-height:0.5em
}
div.hits {
	text-align:right;
	font-size:0.8em
}

dl.browselist
{
	
}

dl.browselist dt
{
	font-weight:bold;
	border-bottom:1px solid #dddddd
}

dl.browselist dd
{
	margin-left:5px;
	padding-bottom:15px
}

div.rastermap {
	border: 1px solid #a9a9a9;
	padding: 4px;
	float:left;
	z-index:5;
	padding:10px
}

div.ccmessage
{
	width:inherit;
	text-align:center;
	padding:3px;
	font-size:0.9em
}

div.ccmessage img
{
	vertical-align: middle
}

/* styling for a full size portrait photo*/
div.photoportrait
{
	width:inherit;
	padding:10px;
	text-align:center;
	margin:10px;
}

/* styling for a full size landscape photo*/
div.photolandscape
{
	width:inherit;
	padding:10px;
	text-align:center;
	margin:10px;
}

div.img-shadow img {
	/*
	width:100%;
	height:100%;
	max-width:640px;
	max-height:640px;
	*/
  	border: 1px solid #a9a9a9;
  	padding: 4px;
  }

div.img-responsive {
        max-width:1024px;
        margin-left:auto;
        margin-right:auto;
}

div.img-responsive img {
        max-width:100%;
        max-height:95vh;
        height:auto;
        width:auto;
        box-sizing:border-box;
}


/* styling for a 66% resized photo*/
div.photo66
{
	width:442px;
	padding:10px;
	border: silver 1px solid;
	text-align:center;
	margin:10px;
}



/* styling for a 33% resized photo*/
div.photo33
{
	width:230px;
	padding:10px;
	border: silver 1px solid;
	text-align:center;
	margin:10px;
	position:relative;
}

/* styling for a guide photo*/
div.photoguide
{
	width:650px;
	padding:10px;
	border: silver 1px solid;
	text-align:center;
	margin:10px;
	position:relative;
}
div.photoguide .inner {
	float:left;
	width:213px;
}
div.photoguide .attrib {
	text-align:right;
	font-size:0.8em;
}
div.photoguide .sdblock {
	text-align:left;
}
div.photoguide ol, div.photoguide ul {
	margin:0;
}
div.photoguide .desc {
	float:left;
	padding-left:20px;
	width:400px;
}


/*---------------------------------------------------------------*
 * inline sidebar
 *---------------------------------------------------------------*/

div.contentsidebar_block
{
	float:right;
	width:20em;
	background:#ddffdd;
	padding:0.5em;
}

div.contentsidebar ul
{
	margin:0;
	padding:0 0 0 1em;
}

div.contentsidebar li
{
	font-size:0.8em;
}

div.contentsidebar h3
{
	margin-top:0;
}

/*---------------------------------------------------------------*
 * report table
 *---------------------------------------------------------------*/

table.report thead tr
{
	background:black;
}
table.report thead tr td
{
	color:white;
	padding:0.2em;
	font-weight:bold;
}

table.report thead tr a
{
	color:yellow;
}

table.report tbody tr td
{
	padding-left:0.2em;
	padding-right:0.2em;
}

table.report tbody tr.totalrow
{
	background: silver;
}

table.report tbody tr.totalrow th
{
	border-top: 1px solid black;
}

/*---------------------------------------------------------------*
 * form table
 *---------------------------------------------------------------*/

table.formtable td
{
	vertical-align:top;
}



table.formtable div.fieldnotes
{
	font-size:0.8em;
	color:#777799;
}

/*---------------------------------------------------------------*
 * picture info
 *---------------------------------------------------------------*/

div.picinfo
{
	font-size:0.8em;
	padding:5px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div.picinfo td
{
	vertical-align:top;
}

dl.picinfo
{
	padding-left:15px;
}

dl.picinfo dt
{
	font-weight:bold;
	border-bottom:1px solid #dddddd;
}

dl.picinfo dd
{
	margin-left:25px;
	padding-bottom:10px;
}

.buttonbar {
	background:#bbbbbb;
	color:black;
	margin-top:10px;
	margin-bottom:10px;
}
.buttonbar a 
{
	color:blue;
}
.buttonbar a:visited
{
	color:purple;
}

/*---------------------------------------------------------------*
 * tickets
 *---------------------------------------------------------------*/

div.ticket
{
	background:#f0f0f0;
	margin-bottom:10px;
	border:1px solid #d0d0d0;
	font-size:0.7em;
}

div.ticket div.ticketbasics
{
	background:#d0d0d0;
	padding-left:5px;
}

div.ticket div.ticketactions input
{
	font-size:0.8em
}

div.ticket div.ticketnotes
{
	padding-left:5px;
	font-style:italic;
}

div.ticket div.ticketnote
{
	margin-bottom:10px;
}

div.ticket div.ticketfields
{
	padding-left:5px;
}

div.ticket div.ticketnotehdr
{
	font-style:normal;
}
/*---------------------------------------------------------------*
 * accept/reject buttons
 *---------------------------------------------------------------*/

.modButtons input[type=button] {
	width:80px;
	font-size:1.05em;
}
.modButtons .toggle {
	font-size:0.7em;
	background-color:silver;
}
.modButtons .on {
	background-color:#ddd;
	border-style: inset;
	font-weight:bold;
}
.modDisabled {
	background-color:#eee;
	color:gray;
}
.modDisabled a {
	color:gray;
}
.modDisabled .modButtons input {
	color:gray;
}


input.accept
{
	font-size:0.7em;
	background:#88aa88;
}

input.reject
{
	font-size:0.7em;
	background:#aa8888;
}

.moderatedlabel
{
	color:#449944;
	font-weight:normal;
	font-size:0.7em;
}

/*---------------------------------------------------------------*
 * statisitics area
 *---------------------------------------------------------------*/

table.statstable td
{
	text-align:right;
}



/*---------------------------------------------------------------*
 * buttons for map nav
 *---------------------------------------------------------------*/

div.map div.cnr
{
	float:left;
	width:10px;
	height:10px;
	background:#000066;
	font-size:0;
}

div.map div.side
{
	float:left;
	height:10px;
	width:10px;
	background:#000066;
	line-height:0;
	text-align:center;
}


div.map div.side a
{
	display:block;
	height:100%;
}

div.map div.side a:hover
{
	background-color:#660066;
}

div.map div.inner
{
	float:left;
	background:#6574FF;
}

div.map div.inner img
{
	float:left;
}

/*---------------------------------------------------------------*
 *footer block
 *---------------------------------------------------------------*/

/* footer placement */
#footer_block
{
	border:0;margin-top:0;background:none;
}

/* main content interior */
#footer p
{
	font-size:0.7em;
	text-align:right;
	margin-top:0;
	margin-bottom:0;

}

#footer a
{
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

/*---------------------------------------------------------------*
 * Search Results
 *---------------------------------------------------------------*/

.xml-kml, A.xml-kml {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #6AC23E; color: #FFF; border-color: #CAEABA #356020 #1B3010 #9CD77F;}

.xml-rss, A.xml-rss {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #F60; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}
  
.xml-geo, A.xml-geo {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #009900; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}

.xml-gpx, A.xml-gpx {font: bold 10px Verdana, sans-serif; padding: 0 0.5em; border: 1px solid;
  text-decoration: none;
  background: #000099; color: #FFF; border-color: #FFC8A4 #7D3302 #3F1A01 #FF9A57;}



.navCell {
	white-space:nowrap;
	text-align:right;
	float:right;
}

.pageNav {
	#background-color:#DDDDDD;
	padding: 5px;
	#font-size: 1.1em;
	margin: 2px;
}

.navCell .pageNav {
	background-color:#E3E3E3;
	padding: 2px;
	font-size: 1em;
	margin: 0px;
	width: 1.6em;
	text-align: center;
}

.pageNavSelected {
	background-color: #A9A9A9;
}

.tabHolder {
	line-height:1.4em;
	touch-action: none;
}

.tabSelected {
	background-color:#dddddd;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding:3px;
	font-weight:bold;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

a.tabSelected {
	text-decoration:none;
}

.tab {
	background-color:#eeeeee;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding:3px;
	cursor:pointer;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.interestBox {
	padding:5px;
	background:#dddddd;
	position:relative;
	color:black;
}

.innerInterestBox {
	float:left;
	position:relative;
}

.lessIndent {
	margin-left:0;
	padding:0 0 0 1em;
}

h2.titlebar {
	background-color:#D3D3D3;
	padding:5px;
}

/*---------------------------------------------------------------*
 * Form layout
 *---------------------------------------------------------------*/

form.simpleform {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form.simpleform fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form.simpleform fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 0 5px;
}

form.simpleform label {
  font-size: 100%;
  
  width:10em;
  display:block;
  float:left;
}

form.simpleform div.field {
 margin-bottom:16px;
}

form.simpleform div.fieldnotes {

  background-repeat: no-repeat;
  background-position: top left;
  padding: 5px 5px 5px 5px;
  
  background-color: #ffffe1;
  color:#666666;
 
   margin-left:10em;
  
 font-size:0.8em;
}

form.simpleform div.formerror
{
   border:2px red solid;
   padding:5px;
   
}

form.simpleform p.error
{
	color:#880000;
	margin-top:0;
	font-weight:bold;
}


form.simpleform div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 8em;
  padding: 0 5px 5px 5px;
  width: 20em;
}

form.simpleform div fieldset legend {
  font-size: 100%;
}

form.simpleform div.required fieldset legend {
  font-weight: bold;
}

form.simpleform fieldset fieldset label {
  font-size: 100%;
  
  width:auto;
  display:inline;
  float:none;
}

form.simpleform textarea
{
	display:inline;
	width:30em;
}
  
/*---------------------------------------------------------------*
 * Explore Style Bullet List
 *---------------------------------------------------------------*/
  
  
ul.explore li {
	border:1px dotted #dddddd;
	background-color:#eeeeee;
	padding:10px;
}

ul.explore {
	list-style-image:url('/http/s1.geograph.org.uk/templates/basic/img/cameraicon.gif');
}

ul.explore li ul {
	list-style-type:disc;
	list-style-image:none;
}

ul.explore li ul li {
	border:none;
	padding:2px;
}

ul.content {
	padding:0 0 0 0; 
	border-bottom: 1px solid gray;
	list-style:none;
}
ul.content li {	
	padding:3px; 
	border-top: 1px solid gray
}


input.imageselect {
	font-family:Georgia, Verdana, Arial, serif;
	font-size: 1em;
	border:0px;
	text-size:0.8em;
	background-color:lightgrey;
	width:80px;
} 

/*---------------------------------------------------------------*
 * Tags
 *---------------------------------------------------------------*/


#tags {
	line-height:1.8em;
}
.tag span,.tag a.taglink {
	border:1px solid silver;
	padding:1px;
	line-height:1.8em;
	background-color:white;
	white-space:nowrap;
}
.tag a.delete {
	color:red;
	border-bottom:none;
	font-family:monospace;
}

.tag a.delete:hover {
	color:red;
	font-weight:bold;
}

.tagPublic {
	background-color:lightgreen;
}

.tagPrivate {
	background-color:pink;
}

.tagGeneral {
	background-color:yellow;
}

.content_photoblack .tag span, .content_photoblack .tag a.taglink {
	background-color:#333333;
	color:pink;
	border:0;
}

.content_photogray .tag span, .content_photogray .tag a.taglink {
	background-color: gray;
	color:cyan;
	border:1px solid #999999;
}

/*---------------------------------------------------------------*
 * Style Patch!
 *---------------------------------------------------------------*/
  

body {
	background: #e4e4fc;
}

img {
	 /* to match old default, browsers (like Chrome 81+) have started changing the default to [image-orientation: from-image]
		NOTE: for this to be effective, need to att the 'crossorigin' HTML attribute to the <img> tags! 
		... we still have lots of photos that have bad EXIF rotation flag set */
	image-orientation: none;
}

#search_block {
	font-size: 0.9em;
	background: #333333;
	width: 330px;
}

#searchform {
	text-align:right;
}

#searchterm {
	width: 200px;
	font-size: 1.3em;
	background-image: url('/http/s1.geograph.org.uk/templates/basic/img/searchbox.gif');
	background-color: white;
}

#searchbutton {
	font-size: 0px;
	background-image: url('/http/s1.geograph.org.uk/templates/basic/img/searchbutton.gif');
	width: 34px;
	height: 32px;
	border: 0;
}

#search_block #search {
	position: absolute;
	top: 28px;
	left: 1.3em;
}

#login {
	position: absolute;
	top: 3px;
	left: 0;
}

#right_block {
	border: 0;
	right:0px;
	margin-top:0;
	top:74px;
	border-bottom:1px solid silver;
	border-left:1px solid silver;
}

#nav_block {
	border:0;
	padding:0;
	padding-right:6px;
	padding-bottom:20px;
	left:0;
	top:74px;
	border-bottom:1px solid silver;
}
#nav_block .sponsor {
	text-align:center;
	padding-top:15px;
	border-top:2px solid black;
	margin-top:15px;
}
#nav_block .sponsor img {
	padding:4px;
}

.nav ul li {
	border-top: 2px solid lightgrey;
	padding-top: 2px;
	margin-top: 2px;
	list-style-type: none;
}

.nav ul li:first-child {
	border-top: 0;
}

.nav ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.95em;
}

.nav ul li ul li {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.content_photoblack, .content_photogray, .content_photowhite, .content3, .content2, .content1, .maincontent {
	border: 0;
	margin-top:0;
	margin-left: 134px;
	margin-right:0;
	padding-right:10px;
	border-left:1px solid silver;
	border-bottom:1px solid silver;
}

div.no_print {
	border-style: none;
}

#geograph body {
	background-color: #e4e4fc;
}

.newsbody, .newstitle, .newsfooter {
	padding-left:4px;
}

.content3 {
	margin:0px 190px 0px 134px;
}

a.about {
  font: bold 12px Verdana, sans-serif; padding: 0.2em 0.5em; border: 1px solid;
  background:#C3FDB8; color: #254117; border-color: #CAEABA #356020 #1B3010 #9CD77F;	
}



.plist {
	position:relative;
	float:left;
	width:190px;
	padding:1px
}
.plist label {
	padding-left: 32px ;
	text-indent: -32px ;
	display:block;
}
.plist div {
	text-align:center;
	font-weight:bold;
	color:gray;
	border-bottom:1px solid silver
}


.shadow img, img.shadow {
	box-shadow: 3px 3px 8px #999;
	border:0;
	margin-right: 8px;
	margin-bottom: 8px;
}


.content_photoblack .shadow img, .content_photoblack img.shadow {
	box-shadow: inherit; /* undos general version above, so no shadow */
	margin-right: inherit;
	margin-bottom: inherit;
}

.content_photoblack .shadow_large img {
        border: 1px solid #a9a9a9;
        padding: 4px;
}

.content_photoblack .shadow_large div.img-responsive {
        border: 1px solid #a9a9a9;
        padding: 4px;
	display: inline-block;
}

.content_photoblack .shadow_large div.img-responsive img {
	border: none; /* for responsive, need to add it on the container instead */
	padding: 0;
	display: block; /* removes padding due to lineheight ext */
}


.content_photogray .shadow img, .content_photogray img.shadow {
        box-shadow: 3px 3px 8px #333;
}

/* this is mathing what related.js will do */
@media all and (min-width : 1024px) {
	.photopage {
		margin-right:150px;
	}
}