/* ----------------------------------------------------------
Site: Photography portal
Author: Alistair Duggin
Version: 2007.06.25

headings:
black:  #000000
blue:   #5C58AC
red:    #AD1B26
gold:   #9D9315
green:  #60A820

links:
blue:   #5A82A1

text:
black:  #373737
white:  #ffffff

borders:
grey:   #CCCCCC
---------------------------------------------------------- */

/* =Undo
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;empty-cells: show;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th, td {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* =Elements
--------------------------------------------- */
#content img {background:#ddd;border:1px solid #CCCCCC;display:block;}

/* text */
body {
    font-size: 100.01%; 
    font-family: Arial, Helvetica, sans-serif;
    color: #373737;
    background-color: #fff;}

#banner, #nav, #content, #content caption, #content th, #content td {font-size: 76%;line-height:1.2em;}
    
html>body #content pre {font-size: 12px;} /* fix for firefox */

/* links */
#content a {font-weight:bold;}
a, a:link {color: #5A82A1;text-decoration:none;}
a:visited {color: #5A82A1;}
a:hover {color: #5A82A1; text-decoration:underline;}
a:active {color: #5A82A1;}

/* headings */
h1, h2, h3, h4, h5, h6 {padding:0;font-weight:bold;}

/* phrase */
p {padding:0.5em 0 0.5em 0}

abbr, acronym {
    border-bottom:1px dotted;
    cursor:help;}

strong {font-weight:bold;}
em {font-style:italic;}

/* =Barley
--------------------------------------------- */
.bbcpageFooter font {display:block;text-align:center;}

/* =Banner
--------------------------------------------- */
#banner {width:770px;}
#date-accessibility {font-size:75%;margin:2px 0 2px 10px;}
#date-accessibility a {color:#000000;}
h1 {
	background:#000000;
	color:#fff;
	font-size:160%;
	font-weight:normal;
	padding:8px 0;}
* html h1{padding:5px 0;}
#banner img {margin:0 13px 0 9px;vertical-align:middle;}

/* =Homepage
--------------------------------------------- */
body#homepage {background:url(/staticarchive/f61fb21a18cd4330242251e9ac6f521bbe9c5a6f.gif) no-repeat 433px 81px;}
div#content {width:770px;margin-bottom:20px;}

/* top promo */
div.columns-x2 {padding-bottom:10px;overflow: hidden;zoom: 1;}
div.columns-x2 div.column-1 {width:435px;height:150px;float:left;}
div.columns-x2 div.column-2 {width:305px;padding:20px 10px 10px 20px;float:left;}
* html div.columns-x2 div.column-2 {width:335px;}

#main-promo .column-1 {margin-top:10px;}
#main-promo h2 {font-size:120%;padding-bottom:0.2em;}
#main-promo h3 {margin-top:1em;padding:0 0 0 10px;background:url(/staticarchive/5cd1fba4cbb68f2ef5bcff2e0e342827c63a8a29.gif) no-repeat 0 40%;}
#main-promo p {padding:0 0 0 10px;}
#main-promo p.first {padding:0;}
#main-promo .column-2 {font-size:100%;}

/* 4 column promo  */
div.columns-x4 {border-top:1px solid #ddd;padding-top:10px;overflow: hidden;zoom: 1;}
div.columns-x4 .promo {border:1px solid #CCCCCC;float:left;width:182px;margin-right:11px;}
* html div.columns-x4 .promo {width:184px;}
div.columns-x4 div.column-4 {margin-right:0px;}

div.columns-x4 h2 {font-size:120%;color:#fff;padding:6px 11px;}
div.columns-x4 div.column-1 h2 {background:#5C58AC;}
div.columns-x4 div.column-2 h2 {background:#AD1B26;}
div.columns-x4 div.column-3 h2 {background:#9D9315;}
div.columns-x4 div.column-4 h2 {background:#60A820;}

.promo ul {padding:0 0 11px 0;}
.promo ul li {padding:4px 0 0 11px;border-bottom:1px solid #fff;}
.promo li.nth-child-1 {border-bottom:1px dotted #ddd;padding-bottom:10px;}
.promo img {margin-top:3px;}