* {
	padding: 0;
	margin: 0;
}

body {
	padding: 10px 10px 0 10px;
	margin: 0 auto;	
	text-align: center; /* Important for IE (Win) */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
}

h1, h5, p, li, dd, dt {
	color:#333;
}

h2, h3 {
	font-size: 3em;
	font-weight: bold;
        font-style: italic;
        color: #669966;
        font-family: "Gill Sans", "Gill Sans MT", "Century Gothic", Arial, sans-serif;
}

h2 {
	text-transform: uppercase;
	text-align: right;
}

h2.indextitle {
	float:right;
	text-align: right;
        width: 230px; /* 235px with 5px right padding */
        margin-bottom: 10px;
}

h2.errortitle {
	float:left;
        text-align: left;
}

h3 {
       float:right;
       text-align:right;
       margin-left: 0.5em;
       margin-bottom: 0.5em;

}

h4, h5 {
font-size: 1em;
	margin-bottom: 1em;
	font-weight: normal;
}

h4 {
	color: #999;
}

h5 {
	text-transform: uppercase;
}

p {
	line-height: 1.5em;
}

p.italic {
	font-style: italic;
}

a:link, a:visited {
	color: #00cc00;
	text-decoration: none;
	outline-style: none;
}

a:hover {
	color: #009900;
	text-decoration: underline;
}

a:active {
	color: #009900;
	text-decoration: none;
}

a.external:link, a.external:visited, a.tsepCopyright:link, a.tsepCopyright:visited {
	background: url(/graphics/external.gif) repeat-y 100% 2px; /* repeat important because of positive position */
	padding-right: 15px;	
}

a.external:hover, a.tsepCopyright:hover {
	background-position: 100% 712px;	/* Positive value needed for iCab - inline-block positioning doesn't work for two-line links */
}

a.media:link, a.media:visited {
	background: url(/graphics/media.gif) repeat-y 100% 2px; /* repeat important because of positive position */
	padding-right: 15px;
}

a.media:hover {
	background-position: 100% 712px;	/* Positive value needed for iCab - inline-block positioning doesn't work for two-line links */
}

a.feed:link, a.feed:visited, ul.feed a:link, ul.feed a:visited  {
	background: url(/graphics/feed.gif) repeat-y 100% 2px;
	padding-right: 15px;	
}

a.feed:hover, ul.feed a:hover {
	background-position: 100% 712px;
}

a.email:link, a.email:visited {
	background: url(/graphics/email.gif) repeat-y 100% 2px;
	padding-right: 15px;
}

a.email:hover {
	background-position: 100% 712px;
}

sup {
	font-size: 85%; /* Important for IE (Mac) */
	line-height: .8;
	font-style: normal;
	padding-left: 2px;
}

img {
	border: 0;
}
 
 area {
	outline-style: none;
}

blockquote p, blockquote h5 {
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-style: italic;
}

cite {
	font-style: normal;
}

/* Tooltip */

div#qTip {
	display: none;
 	position: absolute;
 	left: -1000px; /* Stops brief appearance at bottom in FF */
 	z-index: 1000;
 	padding: 2px 3px 3px 17px;
	background: #669966 url(/graphics/qtip.gif) no-repeat 3px 3px;
	border: 1px dotted #fff;
	color: #fff;
	text-align:left; /* important for IE (Mac) */
        max-width: 7em;	
}

/* Header */

#header {
	position: relative;
	width: 710px;
	height: 50px;
	background-color: #666;
	color: #fff;
	margin: 0 auto 20px auto;
}

/* blitzandblight.com logo */

h1 a#logo {
	display: block;
	position: absolute;
  	top: 14px;
	left: 4px;
	width: 221px;
	height: 32px;
	background: url(/graphics/logo.gif) no-repeat top left;
	background-color: inherit;
	text-indent: -9009px;
}
  
h1 a#logo:link, h1 a#logo:visited {
	background-position: 0 0;
}
h1 a#logo:hover {
	background-position: -221px 0;
}

/* Header navigation */

#header ul {
	list-style: none;
}

#header li{
	display: block;
	position: absolute;
	top: 5px;
	height: 11px;
	width: 11px;
}

/* Following important for IE7 */
#header li a {
	display: block;
	height: 11px;
	width: 11px;
}

li.feednav {
	right: 5px;
}

li.searchnav {
	right: 22px;
}

li.contactnav {
	right: 39px;
}

li.aboutnav {
	right: 56px;
}

#header li a, input.button  {
  	background-repeat: no-repeat;
  	background-position: top left;
	background-color: inherit;
}
 
 #header li a {
	display: block;
	height: inherit;
	width: inherit;
	text-indent: -9009px;
}
 
#header li a:hover, input.button:hover {
	background-position: -11px 0;
}
	
li.aboutnav a {
	background-image: url(/graphics/aboutnav.gif);
}
 
li.contactnav a {
	background-image: url(/graphics/contactnav.gif); 
}

li.searchnav a {
	background-image: url(/graphics/searchnav.gif);
}

li.feednav a {
	background-image: url(/graphics/feednav.gif); 
}

/* Main body */

#mainbody {
	position:relative;
	width: 710px;
	height: auto;
	min-height: 425px;
	margin: 0 auto 0 auto;

}

/* min-height for IE */

* html #mainbody {
	height: 425px;
}

#mainbody, #mainbody p {
	text-align: left;
}


/* Guides */

#mainguide {
	float: left;
	width: 235px;
}

#subguide {
	float: right;
	width:  475px;
}

#mainguide ul, ul#sitelist {
	list-style-type: none;
	margin-bottom: 1.5em;
}

ul#sitelist {
	clear: right;
	text-align: right;
}

#mainguide li, ul#sitelist li {
	display: inline;
	white-space: nowrap;
	line-height: 1.5em;
}

a:link img.recentphoto, a:visited img.recentphoto {
	padding: 2px;
	border: 1px solid #fff;
vertical-align: bottom;
}

a:hover img.recentphoto {
	border: 1px dotted #009900
}

ul#regionthumbs {
	display: inline; /* Important for IE (Win) double-margin bug */
	float: left;
	width:  210px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px; /* Important for footer */
	list-style-type: none;
}

ul#regionthumbs li {
	float: left;
}

ul#regionthumbs li a:link img, ul#regionthumbs li a:visited img {
	display: block;
	width: 60px;
	height: 60px;
	padding: 2px;
	margin: 2px;
	border: 1px solid #fff;
}

ul#regionthumbs li a:hover img{
	border: 1px dotted #009900;
}

/* Ordnance Survey copyright */

#mapcopyright {
	position: relative;
	width: 710px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1.5em; /* Line up into mainbody min-height */
	text-align: center;
}

#mapcopyright p {
	color: #999;
}

#mapcopyright a.external:link, #mapcopyright a.external:visited, #mapcopyright a.external:active {
	background-image: url(/graphics/external_endnotes.gif);
}

/* Content */

#content {
	height:  1%; /* Holly hack for IE Peek-A-Boo bug and 3px jog */
	position: relative;
	margin-left: 10.5em;
}

#content p, #aboutcontent p, #content h2, #aboutcontent h2 {
	margin-bottom: 1em;
}

/* Contact */

#contactcontent {
	width: 710px;
	height: 425px;
	background: url(/graphics/2006-06-29-162434.jpg) no-repeat top right;
}

#contactcontent div {
	width: 29em;
	height: 29em;
	display: block;
	float: right;
	z-index: 100;
	background: url(/graphics/contactbground.gif) no-repeat 50% 50%;
}

#contactcontent ul {
	width: 14em;
	list-style-type: none;
	text-align: left;
	clear: right;
	float: right;
}

#contactcontent li{
	padding-bottom: 1.5em;
}

#contactcontent li.post {
	padding-left: 15px;
	background: url(/graphics/post.gif) no-repeat 0 0.1em;
}	

#contactcontent li.email {
	padding-left: 15px;
	background: url(/graphics/email.gif) no-repeat 0 0.1em;
}	

/* Not found */

#notfoundcontent {
	width: 710px;
	height: 425px;
	background: url(/graphics/2006-06-07-141654.jpg) no-repeat top right;
}

#notfoundcontent div {
	width: 29em;
	height: 29em;
	display: block;
	float: left;
	z-index: 100;
	background: url(/graphics/notfoundbground.gif) no-repeat 50% 50%;
}

#notfoundcontent p {
	width: 55%;
	clear: left;
	float: left;
	text-align: left;
	margin-bottom: 1em;
}

#notfoundcontent img.title1 {
	float: left;
}

#notfoundcontent p a {
	white-space: nowrap;
}

/* Site info and disclaimer */

dl.info {
	list-style-type: none;
}

dl.info dt, dl.info dd {
	color: #999;
}

dl.info dt {
	margin-bottom: 0.2em;
}

dl.info dd {
	margin-bottom: 1.5em;
        line-height: 1.5em;
}

dl.info dd a.external:link, dl.info dd a.external:visited {
	background-image: url(/graphics/external_endnotes.gif);
}

a.creativecommons {
  	display: block;
	height: 30px;
	width: 120px;
	background-image: url(/graphics/cc.gif);
	background-repeat: no-repeat;
  	background-position: top left;
	background-color: inherit;
	text-indent: -9009px;
}
 
a.creativecommons:hover {
	background-position: -120px 0;
}

/* Last edited */

.lastedited {
    color: #999;
	white-space: nowrap;
}

/* Main photo */

a img#mainphoto {
	padding: 2px;
	margin: 0 0 20px 20px;
	float: right;
	clear:right;
	border: 1px solid #fff;
}

a:hover img#mainphoto {
	border: 1px dotted #009900
}
 
/* Thumbnail gallery */

ul#gallery {
	width: 100%;
	float: left;
}

ul#gallery li {
	clear: none;
	float: left;	
}

ul#gallery li a:link img, ul#gallery li a:visited img {
	display: block;
	width: 60px;
	height: 60px;
	padding: 2px;
	margin: 2px;
	border: 1px solid #fff;
}

ul#gallery li a:hover img{
	border: 1px dotted #009900;
}

/* End notes */

ul#endnotes, ul#endnotes ul {
	list-style-type: none;
	margin-bottom: 2em;
}
ul#endnotes ol {
	list-style: decimal inside;
}
ul#endnotes li ul, ul#endnotes li ol {
	margin-top: 0.6em;
	margin-bottom: 2em;
}

ul#endnotes li {
	color: #999;
	line-height: 1.5em;	
}

ul#endnotes li#notesandrefs {
	clear: left;
}

ul#endnotes ul li, ul#endnotes ol li {	
	margin-bottom: 0.6em;
}

ul#endnotes ul li#related, ul#endnotes li#related ul {
	margin-bottom: 0;
}

ul#endnotes a.external:link, ul#endnotes a.external:visited, .comments a.external:link, .comments a.external:visited  {
	background-image: url(/graphics/external_endnotes.gif);
}
 
ul#endnotes a.media:link, ul#endnotes a.media:visited {
	background-image: url(/graphics/media_endnotes.gif);
}

.sourcetitle {
	font-style: italic;
}

/* Footer */

#footer {
	position: relative;
	height: 3em;
	width: 710px;
	margin: 20px auto 0 auto;	
	clear: both;
}

#footer p {
	display: block;
	width: inherit;
	height: 1.9em;		
	padding-top: 0.3em;
	padding-right: 5px;
	background-color: #666;
	color: #fff;
	text-align:right;
}

#footer a:link, #footer a:hover, #footer a:visited  {
    color: #fff;
}

/* Author bio */

p.author_bio {
	color: #999;
}

/* Comments */

.comments, #cpreview {
	margin-bottom: 2em;
}

.comments p, #cpreview p {
        padding-left: 1.5em;
	padding-right: 1.5em;
}

#content .comments p.comment_details, #content #cpreview p.comment_details {
	color: #999;
        padding-left: 0;
        margin-bottom: 0;
}

p#comments_help {
       padding-bottom: 0;
       margin-bottom: 0;
       text-align: right;
}

p.comments_notes {
       color: #999;
}

ul.comments_error {
        list-style-type: none;
        margin-bottom: 1em;
}

ul.comments_error li{
       font-style:italic;
       color: #999;
}

.comments-wrapper tr {
       padding-bottom: 0.5em;
}


.comments-wrapper td {
       text-align: left;
       vertical-align : top;
       padding-bottom: 0.5em;
}

.comments-wrapper label {
       vertical-align: top;
       text-align:  left;
       margin-right: 1em;
       margin-bottom: 1em;
       color: #999;
}

.comments-wrapper input, .comments-wrapper textarea {
        border: 1px dotted #999;
        padding: 2px;
	font-size: 1em;
	font-family: verdana, helvetica, arial, sans-serif;
        color: #999;
}


.comments-wrapper input:hover, .comments-wrapper textarea:hover {
        border-color: #009900;
        color: #009900;
}

.comments-wrapper input:active, .comments-wrapper input:focus, .comments-wrapper textarea:active, .comments-wrapper textarea:focus {
        border-color: #009900;
        color: #333;
}

.comments-wrapper input.button, .comments-wrapper input.disabled {
background-color: #fff;
}

.comments-wrapper input.button:hover {
       border: 1px dotted #009900;
       color: #009900;
       text-decoration: underline;
}

.comments-wrapper input.button:focus, .comments-wrapper input.button:active {
       outline-style: none;
}

.comments-wrapper input.disabled, .comments-wrapper input.disabled:hover, .comments-wrapper input.disabled:focus, .comments-wrapper input.disabled:active {
        border: 1px solid #ccc;
        color: #ccc;
        text-decoration: none;
}

.comments-wrapper input.checkbox {
         border: 0;
}