html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body {text-align: center; font:16px/1.6 Georgia, Times New Roman, Serif; background: #fff /*url(../images/body_top_border_bg.png) repeat-x*/; color: #7f7f7f; border-top: 2px solid #333;}
div.container {margin: 0 auto; width:960px; text-align: left; /*background: url(../images/12_col.gif) repeat-y;*/ margin-bottom: 10px; overflow: hidden;}
#content {margin: 0; clear: both; margin-bottom: 30px; overflow: hidden;}
body.home #content {margin-left: 10px;}
h1 {float: left; margin-top: 5px; color: #000; text-indent: -9999px; margin-right: 54px;}
h1 a {text-decoration: none; color: #2b2b29; font-weight: normal; display: block; background: url(../images/damerham_title_bg_small.png) no-repeat; width: 227px; height: 92px;}
body.home h1 {text-indent: -9999px; float: left; margin-top: 35px; width: 455px; margin-right: 0;}
body.home h1 a {height: 184px; width: 455px; display: block; background: url(../images/damerham_title_bg.png) no-repeat;}
/*body.home h1 {float: left; width: 380px; margin-top: 20px; margin-bottom: 15px; font-weight: bold; padding-left: 90px; background: url(../images/damerham_logo.png) no-repeat; padding-top: 10px; letter-spacing: -1px; text-indent: 0;}
body.home h1 a {font-size: 58px; text-decoration: none; line-height: 0.95em; color: #333; background: none;}*/
h2 {font-size: 21px; margin-top: 30px; color: #333; margin-bottom: 6px;}
h3 {font-size: 21px; margin: 20px 0 6px 0; color: #333;}
body.news h2 {margin-bottom: 0;}
h3.news_date {font-size: 16px; margin-top: -7px; margin-bottom: 10px; color: #38a4da;}
h4 {font-size: 18px; margin: 20px 0 6px 0; color :#333;}
h5 {font-size: 16px; margin: 15px 0 3px 0; color :#333;}
p {margin-bottom: 16px;}
a {color: #38a4da;}
a:hover {color: #333;}
strong {font-weight: bold; color:#333;}
ul.nav {float: left; margin-left: 20px; font-size: 16px;}
ul.nav li {float: left; margin-left: 7px; padding: 9px 0 4px 20px; }
body.home ul.nav {float: left; margin-left: 20px; font-size: 14px;}
body.home ul.nav li {float: left; margin-left: 8px; padding: 9px 0 4px 4px; }
ul.nav li a {color: #333; text-decoration: none; padding-top: 9px;}
ul.nav li a:hover {color: #38a4da; border-top: 1px solid #333;}
body.damerham ul.nav li.nav_damerham a, body.fieldwork ul.nav li.nav_fieldwork a, body.news ul.nav li.nav_news a, body.publications ul.nav li.nav_publications a, body.gallery ul.nav li.nav_gallery a, body.about ul.nav li.nav_about a, body.contact ul.nav li.nav_contact a {color: #38a4da; border-top: 1px solid #333;}
body.home div.project_summary p {margin-right: 15px;}
body.home div.project_summary p.intro {font-size: 30px; line-height: 1.1em; margin: 20px 0 15px 0px; padding-right: 40px; color: #333;}
body.home div.project_summary p.find_out_more {margin-top: 25px; font-size: 18px;}
body.home div.project_summary p.find_out_more a {color: #fff; background: #38a4da; padding: 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #38a4da; text-decoration: none;}
body.home div.project_summary p:last-child a:hover {text-decoration: underline;}
div.project_summary {float: right; width: 470px;}
div.homepage_lead_image {float: left;}
body.home img.lead_image {margin-top: 25px; padding: 9px; border: 1px solid #333; margin-bottom: 0;}
p.photo_credit {font-size: 10px; font-style: italic; margin: 0; padding: 0; line-height: 1.2; margin-left: 10px; margin-top: -3px;}
p.photo_caption {font-size: 12px; font-style: italic; margin: 0; padding: 0; line-height: 1.5; margin-left: 10px; margin-top: -3px;}
p.caption {font-size: 12px; font-style: italic; margin: 0; padding: 0; line-height: 1.5; margin-left: 10px; margin-top: -10px; margin-bottom: 10px;}
body.home ul.homepage_photos li {float: left; margin-right: 20px;}
body.home ul.homepage_photos li img {padding: 9px; border: 1px solid #333;}
p.support_link {position: absolute; top: 60px; text-indent: -9999px; margin-left: 785px;}
p.support_link a {display: block; width: 145px; height: 145px; background: url(../images/support_bg.png) no-repeat;}
div.sidebar {float: left; width: 280px; margin-left: 10px; margin-top: 65px; padding-left: 10px; margin-right: 20px;}
body.news div.sidebar h4, body.publications div.sidebar h4 {}
body.news div.sidebar ul, body.publications div.sidebar ul {margin-top: 0;}
div.sidebar ul li {margin: 5px 0;}
div.sidebar ul li ul {margin-left: 15px; margin-top: 5px;}
div.sidebar ul a {text-decoration: none; color: #38a4da}
div.sidebar ul a:hover {color: #333;}
img {padding: 10px; border: solid 1px #333; margin: 0;}
ul.thumbnail_list {margin: 10px 0;}
ul.thumbnail_list li {float: left;}
ul.thumbnail_list li img {border: 1px solid #333; padding: 9px; width: 100px; margin-right: 40px;}
ul.thumbnail_list li a {display: block; margin-bottom: 20px; }
.clear {clear: both;}
div.main_content {float: left; width: 600px; padding: 0 10px;}
#google_map {width: 250px; height: 250px; padding: 10px;}
body.who_are_we div.main_content {background: url(http://www.damerhamarchaeology.org/images/who_bg.jpg) no-repeat bottom right;}
body.who_are_we div.main_content p {padding-right: 310px;}
body.who_are_we div.main_content div.who p {padding-right: 0;}
body.the_damerham_site div.damerham_location {padding: 10px; overflow: hidden; border: 1px solid #333;}
body.the_damerham_site img {/*margin-left: 10px;*/ margin-bottom: 0;}
body.the_damerham_site #google_map {width: 210px; height: 218px; float: left; border: 1px solid #333;}
body.the_damerham_site p.photo_credit {margin-left: 10px; margin-bottom: 15px; margin-top: -10px;}
body.project_outline ol {margin-left: 30px; list-style: lower-roman; margin-bottom: 10px;}
body.project_outline img {float: right; margin: 10px 0 10px 30px;}
body.project_outline p.photo_credit {float: right; margin-left: 20px; margin-right: 10px; clear: both; width: 260px; margin-bottom: 10x;}
body.project_outline img.left {float: left; margin-left: 0; margin-right: 40px;}
body.project_outline p.left {float: left; margin-left: 10px; margin-right: 50px;}
body.long_barrows img.waylands, body.damerham img.dampney, body.damerham img.second_barrow {float: right; margin-left: 30px; margin-top: 10px;}
body.long_barrows p.waylands, body.damerham p.dampney, body.damerham p.second_barrow {float: right; clear: both; width: 260px; margin: 5px 10px 10px 40px;}
body.long_barrows img.uffington, body.damerham img.dampney2, body.damerham img.second_barrow2 {float: left; margin-right: 40px; margin-top: 10px;}
body.long_barrows p.uffington, body.damerham p.dampney2, body.damerham p.second_barrow2 {float: left; clear: both; width: 260px; margin: 5px 50px 10px 10px}
body.round_barrows img.stonehenge_barrow, body.geophysics img.resistivity, body.geophysics img.gpr_survey {float: right; margin-left: 30px; margin-top: 10px;}
body.round_barrows p.stonehenge_barrow, body.geophysics p.resistivity, body.geophysics p.gpr_survey {float: right; clear: both; width: 260px; margin: 5px 10px 10px 40px;}
body.round_barrows img.hatfield_barrow, body.geophysics img.gradiometer {float: left; margin-right: 40px; margin-top: 10px;}
body.round_barrows p.hatfield_barrow, body.geophysics p.gradiometer {float: left; clear: both; width: 260px; margin: 5px 50px 10px 10px}
body.geophysics img.resistivity
body.news #google_map {width: 188px; height: 200px; float: right; border: 1px solid #333; margin: 10px 0 10px 30px;}
body.news div.entry {border-bottom: double 3px #333; padding-bottom: 30px;}
body.news div.sidebar p {margin-top: 15px;}
body.news div.sidebar p a {text-decoration: none;}
body.news ul.news_archive li {margin: 5px 0;}
body.news ul.news_archive li p.archive_date {margin-right: 20px; color: #333; width: 140px; float: left; clear: both;}
body.contact div.main_content {width: 920px;}
body.contact div.name_email {float: left; margin-right: 70px; margin-bottom: 300px;}
body.contact div.adr {float: left;}
body.contact #google_map {float: right; width: 258px; height: 180px; border: 1px solid #333; margin-top: 5px;}
#footer {clear: both; padding: 0 10px; border-top: double 3px #333; width: 920px; margin: 40px 10px 10px 10px;}
#footer a {color: #38a4da; text-decoration: none;}
#footer a:hover {color: #333; }
#footer div.latest_news, #footer div.latest_publications, #footer div.mailing_list {width: 280px; float: left; margin-right: 30px;}
#footer div.latest_publications {margin-right: 40px;}
#footer div.mailing_list {margin-right: 0;}
#footer h3 {font-size: 21px; margin-top: 0; font-weight: normal; border-left: 1px solid #333; padding: 5px 10px 0 10px;}
#footer div.latest_news h3 {border-left: none; padding-left: 0;}
#footer div.latest_publications ul {margin-left: 10px;}
#footer div.latest_news ul li, #footer div.latest_publications ul li {margin: 5px 0;}
div.mailing_list p {margin-bottom: 0; margin: 0 10px;}
div.mailing_list fieldset {margin: 0; border: 0; padding: 0; }
div.mailing_list legend { display: none; }
div.mailing_list form {margin-bottom: 60px; margin-left: 10px;}
div.mailing_list form label {width: 80px;}
div.mailing_list form fieldset input {display: block; border: 1px solid #7f7f7f; padding: 2px 4px; background: #fff; color: #333; font: 16px Georgia, Times New Roman, Serif; margin-bottom: 10px;}
div.mailing_list form input.submit_button {margin-top: 16px; border: none; background: #38a4da; color: #fff; padding: 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #38a4da;}
p.copyright {padding-left: 10px; font-size: 12px; clear: both;}
ul.album_list li {float: left; margin-right: 25px; margin-bottom: 15px; }
ul.album_list li a {text-decoration: none;}
body.aerial_photos ul.album_list li.aerial_photos a, body.geophys_images ul.album_list li.geophys_images a, body.project_photos ul.album_list li.project_photos a {color: #333;}
.image_slideshow {clear: both;}
.image_slideshow, .main_image {width: 700px; height: 420px; }
.image_slideshow img, .main_image img {border: 1px #333 solid; padding: 9px; margin-top: 10px;}
ul.image_thumbs li {float: left; margin: 0 5px 7px 0;}
ul.image_thumbs img {border: 1px solid #333; padding: 4px;}
ul.image_thumbs {overflow: hidden;}
ul.image_thumbs li a {opacity: 0.7;}
ul.image_thumbs li a:hover {opacity: 1;}
.ui-tabs-hide { display: none; }
.ui-tabs-nav li a.active {opacity: 1;}
.ui-tabs-nav .ui-tabs-selected a {opacity: 1;}
div.team_details {margin-left: 130px;}
img.team_portrait {padding: 4px; float: left; margin-top: 35px; margin-right: 20px;}
form input {display: block; margin-top: 10px; font-family:"Helvetica Neue", Arial, sans-serif;}
form label {display: block; line-height: 24px; padding: 0px 0px 0px 0px; margin: 10px 0 10px 0; width: 290px; color: #777777;}
label input {background: #fff; border: none; border: 1px solid #7f7f7f; padding: 3px; font-size: 14px; width: 290px; line-height: 18px; color: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
label input:focus {background: #eee; border: 1px solid #333;}
textarea {display: block; background: #fff; border: none; border: 1px solid #7f7f7f; font-size: 14px; line-height: 16px; padding: 5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; width: 290px; color: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 10px;}
textarea:focus {background: #eee; border: 1px solid #333;}
form label.radioitem {clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px; font-weight: normal; line-height: 14px;}
label.field_checkbox { clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px; font-weight: normal; line-height: 14px;}
input.checkbox, input.radiobutton { clear: both; float: left; padding: 0px; margin: 0;}
form input.submit {padding: 5px; background: #eee; color: #333; border: 1px solid #7f7f7f; font-size: 14px; text-decoration: none; margin-bottom: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}