/*main stylesheet for yorkstories.co.uk.*/
/*search results page needs to use this also*/
/*2004 pages have their own*/
/*news and views has its own*/

body {
	background-color: #fff;
	color: #000;
	/*font-family : verdana, arial, helvetica, sans-serif;*/
	font-family : "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	/*font-size: 100%;*/
	font-size: 100%;
	margin-left: 18px;
	margin-top: 10px;
	margin-right:10px;
	}
	
html {
	overflow-y: scroll;
}	
	
* {margin:0; padding:0;}

#wrapper {
/*min-width: 1000px;*/
min-width: 760px;/*test for ipad, feb 2012*/
	max-width:1200px;
}

/*page header*/
#banner {
	/*min-width: 1000px;
	max-width:1200px;*/
	min-width: 960px;
	max-width:1200px;
	height:95px;
	}

#banner img {
	float: left;
}

/*main content column*/	
#centercol {
position: relative;
	top: 15px;
	/*left: 10px;*//*altered 170112, plus other bits below*/
	left: 20px;
	margin: 6px 0 20px 165px;
	padding:20px 0 10px 10px;
	/*width:68%;*/
	min-width: 680px;
	max-width: 800px;
	}
	
/*footer section*/
#footer  {
clear: both;
float: left;
margin: 30px 30px 0 190px;
width: 80%;
			}
		
#footer p, #footer-shortpage p {
margin: 30px 30px 20px 0;
padding: 5px 0 5px 5px;
border-top: 2px solid #ccc;
/*border-bottom: 1px solid #999966;*/
	font-size: 0.7em;
	}
	
#footer span.ys, #footer-shortpage span.ys {
margin-left: 30px;
}

#footer-shortpage {
margin: 200px 30px 0 190px;
}	

/*additional page navigation, to section index etc*/
div.toptrail {
margin: 10px 5px 10px 0;
font-size: 0.8em;
}

div.toptrail span.left {
margin: 0 0 5px 10px;
float: left;
}

/*div.toptrail*/ span.right {
margin: 0 5px 15px 10px;
float: right;
text-align:left;
}

div.rightnavbox {
display: block;
clear:left;
float: right;
width: 25%;
margin: 0 10px 20px 30px;
border: 1px solid #cccccc;
padding: 0 5px;
background-color: #fff;
color: #000;
}

div.rightnavbox p {
margin: 0;
padding: 15px 15px 5px 15px;
}

#centercol div.rightnavbox ul {
padding: 0 0 15px 0;
}

#centercol div.rightnavbox ul li {
padding: 5px 10px;
}

#rightlinks {/*used at bottom to show next p*/
	text-align: right;
	margin:10px 10px 10px 0;
	clear: both;
	font-size: 0.8em;
	line-height: 180%;
}

div.nav {
/*position: absolute;
top: 145px;
right:40px;
margin-bottom: 10px;*/
margin: 0 28px 0 0;
float: right;
text-align: right;
clear: both;
width: 100%;
}

div.nav span.marker {
border-top: 1px solid #996633;
border-bottom: 1px solid #996633;
padding: 2px;
}

div.nav2 {
margin: 20px 10px;
text-align: right;
}

div.nav p, div.nav2 p {
margin: 0; 
padding: 3px;
font-size:0.7em;
}
	
/*headings*/
h1 {
text-align: right;
	float: right;
	font-family: Georgia, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
	/*font-family changed Sept 2012*/
	font-size:1.5em;
	letter-spacing: 0.05em;
	background-color: transparent;
	color: #999966;
	padding: 8px;	
	margin: 15px 20px 0 0;
	font-weight: bold;
		border-right: 1px solid #999966;
	border-bottom: 1px solid #999966;
	width: 70%;
	}

#banner h1.front {
	font-size:1em;
	letter-spacing:0.1em;
	margin: 20px;
	text-align: left;
	border: none;
}	

h2 {
clear: left;
	font-family: Georgia, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
	font-size:1.2em;
	background-color: transparent;
	color: #666600;
	margin: 15px 10px 10px 10px;
	padding: 25px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #999966;
	}
	
h2.floatleft {
clear: none;
	font-size:0.9em;
	}	
	
h2.top {/*where heading starts a page*/
margin-top: 8px;
padding-top: 0;
}
	
h3 {
	font-size:0.9em;
	margin: 20px 10px 10px 8px;
	padding: 0;
	font-weight: bold;
	color: #666600;
	background-color: transparent;
	}
	
h4.sitelist {
font-size:0.8em;
margin: 20px 10px 10px 35px;
	padding: 0;
font-weight: bold;
	color: #666600;
	background-color: transparent;
}	
	
/*page elements positioning - main column*/

div.col-left {
width: 40%;
float: left;
margin: 10px 45px 10px 0;
}

div.col-right {
width: 50%;
/*float: right;*/
float: left;
margin: 10px 0;
}

/*stephens pages*/
div.quotemarks1   { color: #000000; background-color: #ebece4; background-image: url("../images/quotemarks1.gif"); background-repeat: no-repeat; background-position: left top; margin: 20px 20px 10px 0; border: solid 1px #ccc }

div.quotemarks2   { background-image: url("../images/quotemarks2.gif"); background-repeat: no-repeat; background-position: right bottom; margin: 20px 20px 10px 0 }

div.quotemarks2 p, div.righttext p {
padding: 5px 50px 0 50px;
line-height: 180%;
}

div.quotemarks2 p.top, div.righttext p.top {
padding-top: 15px;
}

div.pic-col-right {/*ww2 york page*/
width: 350px;
float: right;
margin: 15px 20px 10px 15px;
background-color : #f7f7f7;
color: #000;
border: 1px solid #ccc;
}

div.quotemarks2 div.pic-col-right p {
padding: 3px 9px;
font-style: italic;
}

div.pic-col-right img {
margin: 0; 
padding-bottom: 10px;
}

div.leftpics {/*air raid*/
float: left;
width: 220px;
margin-right: 10px;
}

div.righttext {/*air raid*/
margin-left: 220px;
}

div.pullout1 {/*book*/
float: left;
width: 250px;
margin:20px 35px 20px 10px;
border: 1px solid #cccccc;
background-color : #F5F5DC;
color: #000000;
}

div.pullout1 p {
font-size: 1em;
font-family: Georgia, Garamond, Times, Serif;
padding: 10px;
}

div.rightpullout2 {/*ww2 york page*/
float: right;
width: 250px;
margin:20px;
border: 1px solid #cccccc;
background-color: #f7f7f7;
color: #000;
}

div.rightpullout2 p {
font-size: 1.2em;
font-family: Georgia, Garamond, Times, Serif;
padding: 10px;
}

img.no-pad {
margin: 0; padding: 0;
}

/*photo captions general*/

div.caption {
background-color : #EBECE4;
	color: #000000;
	margin: 10px 10px 20px 10px;
padding:0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	font-size: 0.9em;
	}
	
div.caption-below {
clear: left;
background-color : #EBECE4;
	color: #000000;
	margin: 0 10px 20px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 85%;
	font-size: 0.9em;
	}
		
div.caption p {
padding: 5px;
margin: 0;
}

div.caption-below p {
padding: 5px 0;
margin: 0;
}

/*body text formatting*/

p {
	margin: 0 20px 0.8em 10px;	
	font-size: 84%;
	line-height: 1.5em;
	padding: 5px 0 0 0;
	}
	
p.date {/*in heading of pages*/
text-align: right;
clear: right;
float: right;
font-size: 0.8em;
color: #999966;
background-color: transparent;
border-right: 1px solid #999966;
border-bottom: 1px solid #999966;
padding: 2px 8px;
margin: 0 20px;
}
	
#centercol ul li {
	list-style: none;
	font-size: 0.8em;
	line-height: 1.6em;
	padding: 8px 35px;
	}

cite {
	margin: 0 20px 0.8em 20px;	
	line-height: 1.6em;
	padding: 5px 0 0 0;
	font-style: normal;
	}	

.bold 	{
	font-weight: bold;
	}

.italic {
	font-style: italic;
}

.caps {
text-transform: uppercase;
letter-spacing: 0.05em;
}

.strikethrough {
text-decoration: line-through;
}

hr {
	background-color: transparent;
	color: #ccc;
	clear: both;
	}

/*boxed quotes, pullouts etc*/

div.quotebox {
background-color : #F5F5DC;
	color: #000000;
	margin: 25px 10px;
	border: 1px solid #ccc;
	line-height:120%;
	width: 75%;
}

div.quotebox p {
padding: 10px 10px 0 10px;
}

blockquote p {
line-height: 180%;
padding: 10px 50px;
font-size: 0.8em;
}

blockquote {
	margin: 20px 10px 10px 10px;
	padding-bottom: 10px;
	background-color : #F5F5DC;
	color: #000000;
	border: 1px solid #ccc;
	line-height:120%;

}

blockquote cite {
padding: 0 40px;
font-size: 0.8em;
}

blockquote p.quotebig {
/*font-family:georgia,garamond,serif;*/
font-style: italic;
font-size: 1em;
line-height: 180%;
}

/*graphics - */
img {
	border: none;
	margin: 8px 20px 10px 10px;
	float: left;
	font-size: 76%;
	}

img.greyborder {
border: 1px solid #ccc;
	margin: 10px 20px 10px 10px;
}

img.right {
	border: none;
	margin: 10px 20px 10px 10px;
	float: right;
	}
	
img.logo {
	border: none;
	margin: 0 10px 0 0;
}

/*tables - used on Baedeker raid page*/

table {
margin-top: 30px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

td {
vertical-align: top;
padding: 10px 20px;
font-size: 0.8em;
}

/*clearing*/

.clear {
	clear: both;
	height: 15px;
}

/*forms - inc mailing list*/

form {
font-size: 0.8em;
	margin:10px 0 10px 0;
}

form input:focus, select:focus, textarea:focus {
border:1px solid #73AC39;
}

div.formrow {
	clear: both;
	margin: 10px;
	}

div.formrow span.label {
	float: left;
	padding: 20px 20px 20px 0;
	margin: 0;
}

div.formrow span.input {
	float: right;
	width: 420px;
	text-align: left;
}

/*fieldset {
	margin: 10px 0 20px 10px;
	padding: 10px;
	font-size: 0.8em;
	line-height: 160%;
	}*/

fieldset legend {
	background-color: transparent;
	color: #666600;
	margin: 0 10px 5px 0;
	font-weight: bold;
	}

.formbuttons {
	margin: 20px 0 10px 0;	
	text-align: center;
}

fieldset input.button {/*added dec 2011*/
padding: 10px;
margin: 10px 10px 10px 0;
}

#searchpage {
	margin: 0 10px 20px 0;
	padding: 0 10px 10px 20px;
	font-size: 100%;
}

#searchpage h2 {
	margin: 0 20px 5px 0;
	padding: 0 0 5px 0;
	font-size: 100%;
}

#searchpage p {
	margin:10px 0 10px 0;
	color: #000;
	background-color: #fff;
	font-size: 1em;
}


/*#searchpage form {
	margin:10px 0 10px 30px;
}*/

/*#searchpage form #atomz:focus {
border:1px solid #73AC39;
}*/

input.bigger {
padding: 10px;
margin: 10px 10px 10px 0;
font-size: 120%;
}

/*#searchpage*/ input.button {/*added dec 2011*/
padding: 10px;
margin: 10px 10px 10px 0;
}

/*#searchpage*/ input.spaced {/*added dec 2011*/
margin: 0 0 0 20px;
}

/*for template - search results*/
div#atomz-search {
margin: 0;
padding: 0;
}

div#atomz-search ul li {
clear: both;
margin: 20px 0 10px 20px; 
padding: 0;
}

div#atomz-search a {
font-weight: bold;
}

div#atomz-search div.search-links ul {
clear: both;
float: right;
margin: 0 20px;
padding: 20px 0;
}

div#atomz-search div.search-links ul li {
clear: both;
font-size: 0.8em;
display: inline;
margin: 10px 10px 10px 0;
/*border: 1px solid maroon;*/
}

div#atomz-search p {
margin: 0 20px; 
padding: 0;
clear: both;
}

div#atomz-search div.search-links2 ul {
margin: 0 20px;
padding: 0;
float: right;
}

div#atomz-search div.search-links2 ul li {
font-size: 0.8em;
display: inline;
margin: 10px 10px 10px 0;
}

/* intro pages to sections */

div.introbox {
padding: 10px 0 20px 0;
	/*min-width:600px;*/
	/*text-align: left;*/
	clear: both;
	width: 95%;
	}

div.introbox img {
	float: left;
	margin: 0 30px 10px 10px;
	padding: 0;	
	}

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

div.introbox p {
margin: 0 0 10px 10px;
padding: 0;
font-size: 84%;
}

div.introbox p.spaced {
margin: 30px 10px;
}

/*for fireworks page within site - */

#boxphotos {
	margin: 0;
	border: 1px solid #CCCCCC;
	width: 650px;
}

#boxphotos img1 {
	margin: 5px;
	float: left;
}

#boxphotos img {
	margin: 5px;	
}

#boxphotos p {
	margin: 10px;
	padding: 10px;
	line-height: 160%;
}

/*map pages formatting -*/

#mapbox {
	position: relative;
	margin: 20px 0 0 12em;
	padding:0.8em 0.8em 0 0.8em;
	border: 1px solid #E0EEEE;
	width:68%;
}

#mapbox h2 {
	margin: 0 0 20px 0;
}

#mapbox h3 {
margin: 20px 0 0 0;
}


/* jumplinks
---------------------------------------*/
#jumplinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#jumplinks li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#jumplinks a {
	color: #0080C0;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0.9em !important;
	
}
#jumplinks a:active, #jumplinks a:focus { /* only shown on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	font-size: 1em;
	border: 0;
	margin: 0;
	padding: 6px;
	border: 3px #3399cc solid;
	background: #FFF;
}

/*used on york walks intro page*/
div.ywbox1 {
float: left;
width: 190px;
}

/*additions for memorials pages*/

#centercol p.inscription1 {
float: left;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 0;
}

#centercol p.inscription2 {
width: 50%;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 0;

}

p.memnote1 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 0.7em;
padding: 5px 0;
clear: both;
}

p.memnote2 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 0.7em;
padding: 5px 0;
margin-top:30px;
}

#centercol span.inscription2 {
font-size: 0.8em;
text-align: center;
border: none;
padding: 5px 0;
}

div.leftpic-col {/*william milner page*/
float: left;
margin: 10px 20px 0 10px;
width: 400px;
}

/*for quiz pages*/

form.quizform {
font-size: 0.9em;
}

div#twocol {
clear: both;
min-width: 760px;
/*white-space: nowrap;*/
}

div#twocol div.left {
float: left;
width: 490px;
}

div#twocol div.right {
margin-left: 510px;
clear: right;
}

div.left div.quizbox {
margin: 10px;
}

div.left div.quizbox img {
margin: 0; 
padding: 0 10px 0 0;
}

form.quizform div.quizbox li {
font-size: 1.2em;
}

div.left div.quizbox h3 {
font-size: 100%;
}

input.radio {
vertical-align: middle;
}

div.buttons {
padding: 30px 0 20px 0;
}

div.results {
background-color : transparent;
	color : #996633;
font-size:120%;
font-weight:bold;
}

div.right textarea.answers {
margin-top: 20px;
/*font-size: 70%;*/
line-height: 150%;
padding: 10px;
}

div.right h3 {
margin: 0;
padding: 20px 0 0 0;
}

div.right p {
margin: 0; 
padding: 20px 0 0 0;
}

/*link styles*/

a:link {
	background-color : transparent;
	color : #996633;
	text-decoration : underline;
}

a:visited {
	background-color : transparent;
	color : #666600;
	text-decoration : underline;
}

a:hover {
color: #996633;
background-color:transparent;
text-decoration: none;
}

a:active {
	background-color : transparent;
	color : #996633;
	text-decoration : none;
}

div.nav a, div.nav2 a {
text-decoration: none;
}

/*front page*/

#frontbox p, #frontbox li {
font-size: 0.9em;
letter-spacing: 0.1em;
margin: 0 0 0 10px;
padding: 0;
}

#frontbox a {
text-decoration: none;
border-bottom: 1px dotted #996633;
}

#frontboxinner1 {
	position: absolute;
	top: 155px;
	left: 220px;
	border: none;
	/*width: 420px;*/
width: 320px;
}

#frontboxinner1 img {
margin: 2px;
/*padding: 10px;*/
}

frontboxinner1 span.right {
float: right;
}

#frontbox-right {
float: left;
margin-left: 508px;
/*margin-left: 620px;*/
margin-top: 50px;
line-height: 120%;
}

#frontbox-right ul {
padding-top: 5px;
}

#frontbox-right li {
list-style: none;
padding: 5px 0;
}

/*various miscellaneous*/
div.bookbox-amazon2 {
float: left;
width: 275px;
border: 1px solid #ccc;
margin: 0 20px 0 10px;
}

div.bookbox-amazon2 p {
font-size: 0.7em;
padding: 30px 10px;
}

div.statcounter {
display: none;
}

iframe {
margin: 10px 20px 20px 10px;
border: none;
float: left;
}

/*not sure if in use*/
div.lulu-books img {
margin: 0;
padding: 10px;
float: left;
}

div.lulu-books p {
margin: 0;
padding: 10px;
}

/*Google plus one thing*/
div.plusone {
position: absolute;
top: 100px;
right:5px;
margin-right: 2%;
z-index: 100;
}

#plus { width: 106px; height: 24px; }

/*for bits from the archives page*/
#centercol h3.archive, #centercol p.archive {
	font-family: courier, "courier new", monospace;
	font-size: 120%;
}

#centercol h3.archive {
margin: 15px 10px 10px 10px;
font-size: 1.2em;
}


/*print styles -*/
#printfooter {
	visibility: hidden;
	display: none;
}

/*left hand column and menu*/
	
#leftcol {
	position: absolute;
	float: left;
	left:20px;
	top:112px;
	/*width:10.5em;*/
	width: 160px;
	}

#leftcol p {
	font-size: small;
	margin: 0 0 10px 0;
	}


/*general settings for menus*/
#leftmenus {
clear: both;
font-family : verdana, arial, helvetica, sans-serif; /*Sept 2012*/
margin: 45px 0 30px 1px;
font-size: 0.8em;
}

#leftmenus ul {
list-style: none;
}	

#leftmenus ul li a {
text-decoration: none;
}

#leftmenus ul li.marker {
	display: block;
	background-color: #fff;
	color: #cc9966;
	/*border-right: 12px solid #CDC9A5;*/
	border-right: 12px solid #D2B48C;
	border-bottom: 2px solid #D2B48C;
	}
	
#leftmenus ul li.marker a {
	display: block;
	/*font-weight: bold;*/
	border-left: none;
}

/*jan2012 - for slide out menu in side col*/
div.menu2 {
	width:160px;
	float:left; /*makes the div enclose the list */
	border-top:1px solid #cc9966;	/* draws line on top edge of div */
	/*font-size:76%;*/	
	margin: 0 0 20px 0;
	padding: 0;
	}
	
div.menu2 ul {
	margin:0; padding: 0;
	border-left:5px solid #cc9966;
	}

div.menu2 li {
	position:relative; /* positioning for the absolutely positioned drop-down */
	background-color:#fff;
	color: #996633; 
	list-style-type:none;
	border-left: none;
	border-bottom:1px solid #cc9966; /*dividers on the menu */
	border-right:1px solid #cc9966; 
	padding:6px 10px;
	}

div.menu2 ul li a {
border-left: none;
display: block;
}
	
div.menu2 li a:hover { 
background-color:#fff; 
color: #996633; 
border-right: 3px solid  #cc9966;
padding-right: 3px;
	}
	
div.menu2 a {
	/*padding:3px 5px;*/
		border-left: none;
	text-decoration:none;
	background-color:#fff;
	color: #996633;	
	}

/*slideout bit*/
div.menu2 ul li ul {
	position:absolute; /* positions the drop-down*/
	width:160px; /*sets width of menu, makes menu stack*/
	top:-1px;
	left: 154px;
	margin:0; padding: 0;
	border-left:5px solid #D2B48C;	
	}
	
div.menu2 ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #cc9966; 
	border-bottom:1px solid #cc9966; 
	border-right:1px solid #cc9966; 
	}
	
div.menu2 ul li ul li:first-child {
	border-top:1px solid #cc9966;
	}
	
/* make the drop-down display as the menu is rolled over */
div.menu2 ul li ul {display:none;} 
div.menu2 ul li:hover ul {display:block;} 

div.menu2 ul li ul li:hover ul {
display:block;
} 
div.menu2 ul li:hover ul ul {display:none;}

div.menu2 ul li ul li ul {left:0;} 

/* end of menu*/

/*div.bookcol-right p.booksintro {
margin: 20px 0 30px 0;
}*/

div.bookcol-left {
float: left;
width: 220px;
}

div.bookcol-right {
float: left;
width: 550px;
}

div.bookcol-right h3 {
font-size: 0.8em;
margin: 23px 0 8px 10px;
}

div.quotebox2 {
margin: 10px 0 20px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.quotebox2 p {
padding: 10px 0 10px 0;
}

/*twitter buttons etc*/
div.twitterbutton {
padding: 0 0 10px 0;
margin: 0 0 0 -10px;
}

.twitter-share-button {
padding: 5px 0;
}

.twitter-follow-button {/*when lined up alongside other*/
padding-left: 15px;
}