/*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 : "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 100%;
	margin-left: 18px;
	margin-top: 25px; /*new*/
	margin-right:10px;
	}
	
	/* iPads ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
/*and (orientation : portrait)*/
{
body {
margin: 0 20px 0 0;
}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) 
{
/*
#wrapper {
width: 768px;
}*/

#banner h1 {
margin-right: 30px;
}

#wrapper #centercol {
	margin: 0 0 20px 180px;
	width: 720px;
	} 
}
	
html {
	overflow-y: scroll;
}	
	
* {margin:0; padding:0;}

#wrapper {
background-color: #fff;
width:1100px;/*new*/
	position: relative;/*new*/
	margin: 4px auto;/*new*/
}

#banner {
background-color: #fff;
width:1100px;/*new*/
	margin: 0 auto;/*new*/
	clear: both;
	}	

#banner img {
	float: left;
	padding:10px 0 0 20px;/*new*/
}

#centercol {
	/*margin: 10px 0 20px 180px;*/
	margin: 0 0 20px 195px;/*new*/
	padding:0 0 10px 10px;
	min-width: 480px;
	max-width: 800px;
	}
	
#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;
	font-size: 0.7em;
	}
	
#footer span.ys, #footer-shortpage span.ys {
margin-left: 30px;
}

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

div.toptrail {
margin: 10px 5px 10px 0;
font-size: 0.7em;
}

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

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

div.rightnavbox {
float: right;
margin: 0 0 20px 20px;
padding: 0;
border-left: 2px solid #cccccc;
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: 6px 20px;
margin: 0;
}

#rightlinks {
	text-align: right;
	margin:10px 10px 10px 0;
	clear: both;
	font-size: 80%;
	line-height: 180%;
}

div.nav {
margin: 0 28px 0 0;
float: right;
text-align: right;
/*width: 10%;*/
}

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;
}
	
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-size:1.5em;
	letter-spacing: 0.05em;
	background-color: transparent;
	color: #999966;
	padding: 8px;	
	/*margin: 15px 10px 0 0;*/
	margin: 45px 20px 0 0;/*new*/
	font-weight: bold;
		border-right: 1px solid #cdb79e;
	border-bottom: 1px solid #cdb79e;
	/*width: 60%;*/
	}

#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;
	letter-spacing: 0.1em;
	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:1.2em;
	}	
	
h2.top {
margin-top: 0;
padding-top: 0;
/*margin-top: 8px;*/
/*padding-top: 4px;*new, was 0*/
width: 80%;
}
	
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;
}	
	
div.col-left {
width: 40%;
float: left;
margin: 10px 5% 10px 0;
}

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

/*stephens pages*/
div.quotemarks1   { color: #000000; background-color: #F6F9ED; 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 {
width: 350px;
float: right;
margin: 15px 20px 10px 15px;
background-color : #FDFDF0;
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 {
float: left;
width: 220px;
margin-right: 10px;
}

div.righttext {
margin-left: 220px;
}

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

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

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

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

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

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

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

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

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: 80%;
}

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: 80%;
}

blockquote p.quotebig {
font-style: italic;
font-size: 90%;
line-height: 180%;
}

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

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

td {
vertical-align: top;
padding: 10px 20px;
font-size: 84%;
}

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

form {
	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 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 {
padding: 10px;
margin: 10px 10px 10px 0;
}

#searchpage {
	margin: 0 10px 20px 0;
	padding: 0 10px 10px 10px;
}

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

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

input.button {
padding: 10px;
margin: 10px 10px 10px 0;
}

input.spaced {
margin: 0 0 0 20px;
}

div.introbox {
padding: 10px 0 20px 0;
	clear: both;
	width: 95%;
	}

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

div.introbox h3 {
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;
margin-top: 0;
}

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

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

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

div.ywbox1 {
float: left;
width: 190px;
}

#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: 84%;
text-align: center;
border: none;
padding: 5px 0;
}

div.leftpic-col {
float: left;
margin: 10px 20px 0 10px;
width: 400px;
}

form.quizform {
font-size: 84%;
}

div#twocol {
clear: both;
min-width: 760px;
}

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: 1em;
}

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:110%;
font-weight:bold;
}

div.right textarea.answers {
margin-top: 20px;
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;
}

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

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

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

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

#centercol a:link, #centercol a:visited {
border-bottom: 1px dotted;
padding:0; margin: 0;
}

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

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

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

#frontboxinner1 {
	position: absolute;
	/*top: 165px;*/
	top: 8px;/*new*/
	left: 220px;
	border: none;
width: 365px;
}

#frontboxinner1 img {
margin: 2px;
}

#frontboxinner1 p {
margin-left: 5px;
}

frontboxinner1 span.right {
float: right;
}

#frontbox-right {
float: left;
margin-left: 590px;
margin-top: 10px;
line-height: 120%;
}

#frontbox-right p {
margin: 0 0 8px 10px; 
padding: 0;
}


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

div.plusone {
position: absolute;
top: 100px;
right:5px;
margin-right: 2%;
z-index: 100;
}

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

#centercol h3.archive, #centercol p.archive {
	font-family: courier, "courier new", monospace;
	font-size: 100%;
}

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

#printfooter {
	display: none;
}

#leftcol {
	position: absolute;
	float: left;
	/*left:20px;
	top: 165px;*/
	top: 8px;/*new*/
	left: 20px;/*new*/
	width: 145px;
	}

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

#leftmenus {
clear: both;
font-family : verdana, arial, helvetica, sans-serif; /*Sept 2012*/
margin: 0 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 #D2B48C;
	border-bottom: 2px solid #D2B48C;
	}
	
#leftmenus ul li.marker a {
	display: block;
	border-left: none;
}

div.menu2 {
	width:145px;
	float:left;
	border-top:1px solid #cc9966;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
div.menu2 ul {
	margin:0; padding: 0;
	border-left:5px solid #cc9966;
	}

div.menu2 li {
	position:relative;
	background-color:#fff;
	color: #996633; 
	list-style-type:none;
	border-left: none;
	border-bottom:1px solid #cc9966;
	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 {
		border-left: none;
	text-decoration:none;
	background-color:#fff;
	color: #996633;	
	}

div.menu2 ul li ul {
	position:absolute;
	width:145px;
	top:-1px;
	left: 140px;
	margin:0; padding: 0;
	border-left:5px solid #D2B48C;	
	}
	
div.menu2 ul li ul li {
	width:100%;
	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;
	}
	
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;} 

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

div.twitterbutton {
padding: 0 0 10px 0;
margin: 5px 0 0 -10px;
clear: both;
float: left;
}

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

.twitter-follow-button {
padding-left: 15px;
}

div#styles {
width: 160px;
clear: left;
/*margin-top: 10px;*/
margin: 10px 0 0 20px;/*new*/
}

div#styles ul li {
font-size: 84%;
list-style: none;
margin: 18px 0 0 3px;
}

div#styles ul li a {
text-decoration: underline;
padding: 18px 0;
display: block;
}

li.desktop-css-link {
display: none;
}

li.mobile-css-link {
display: block;
width: 100%;
}

/*addition 011012*/
/*only iPhone*/
 
@media only screen and (max-device-width: 960px) { 
 
    /*fixes too big font in mobile Safari*/
 
    html { 
        -webkit-text-size-adjust:none; 
    }
 }
 
 /*changed 211112 - wrapper, banner, leftcol, h2.top, body (top margin), banner image, h1, div.styles */