/*
Website: domain.co.uk
Updated: 28 Sep 2009

Developer/Designer:
Kevin Francis, kev@thebgroup.co.uk
thebgroup.co.uk, Keel House, Garth Heads, Newcastle upon Tyne, NE1 2JE, t: 0191 261 1333
*/
			
/* reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
abbr, acronym { cursor : help; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
th, td { vertical-align: top; }


/* =Body 
----------------------------------------------------------------------------------------- */
body { padding: 0 1.428em; font: 75%/1.5 Arial,Verdana,sans-serif; color: #575757; background: url(/_assets/img/cityscape.png) 88% 100% no-repeat; }

/* =Headings
----------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; font: normal 71.428%/1.5 Tahoma, Geneva, Arial, sans-serif; color: #404040; }
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5, h6 { font-size: 130%; margin-bottom: .5em; }
#logo { margin-top: 1em; }
#logo a { border: 0; }

/* =Typography
----------------------------------------------------------------------------------------- */
h1 + p { font-size: 133%; }
.whats-happening h1 + p { font-size: 100%; }
p, ol, ul, dl { margin-bottom: 1.5em;  }
ol, ul { list-style: none; }
dt { font-weight: bold; }
dd { margin: 0; font-weight: normal; }
.ul-default { list-style: disc; list-style-position: outside; }
.ul-default li, #people .ul-default li { padding: 0 0 .8em 0; margin: 0; border: 0; line-height: 1.2; }

/* archive */
.archive { margin: 0; padding: .6em; background: hsla(201, 100%, 27%, .5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
.archive li { display: inline; margin-right: 5px; }
.archive.alt { margin-bottom: 1.5em; position: relative; top: -.1em; float: right; }
.archive a { color: #fff; }
.archive a:hover { color: #dbeef8; border-bottom: 1px dotted #fff; }

/* listing */
.listing { clear: both; }
.listing li { position: relative; margin-bottom: 2em; padding-bottom: .5em; border-bottom: 1px solid #ddd; }
.listing .vevent h4 { padding-right: 8em; }

/* blockquotes*/
blockquote { padding-left: 5%; border-left: 1px solid #ddd; }
blockquote p { quotes : "\201C" "\201D"; }
blockquote p:first-child:before { content: open-quote;  margin-left: -.5em; font-weight: bold; } 
blockquote p:last-child:after { content: close-quote; font-weight: bold; }
cite { color: #888; }

/* people */
#people li { position: relative; clear: left; margin-bottom: 1.5em; padding: 0 0 1.5em 158px; border-bottom: 1px solid #ddd; }
#people li:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }
#people .fn.n { cursor: pointer; color: #006CA6; border-bottom: 1px solid #b3ddf4; }
#people .fn.n:hover { border-color: #006CA6; }
#people img { position: relative; left: -158px; float: left; margin-right: -158px; border: 3px double #DBDBDB; }
#people .role { display: block; font-size: 80%; color: #888; }
.contact p { margin: 0; }

/* siteinfo */
#siteinfo h5 { color: #cfe0e9; }
#siteinfo ul { float: left; margin-right: 4%; }
#reg { clear: left; padding-top: 2em; margin: 0; border-top: 1px solid rgba(255,255,255,.15); text-indent: -1em; font-size: 11px; line-height: 11px; }

/* paginate */
.paginate  { margin-bottom: 2em; padding-bottom: 1.5em; border-bottom: 3px double #ddd; }
.paginate li { display: inline; padding-right: .5em; margin-right: .5em; border-right: 1px solid #ddd; }
.paginate .last { border: 0; }

/* =Links
----------------------------------------------------------------------------------------- */
a { color: #006CA6; text-decoration: none; border-bottom: 1px solid #b3ddf4; }
a:hover { color: #006CA6; border-color: #006CA6; }
a:focus, a:active { position: relative; top: -1px; }
#siteinfo a { color: #fff; border: 0; }
#siteinfo a:hover { color: #aecddb; }

/* =Forms
----------------------------------------------------------------------------------------- */
form { margin: 1.5em 0; }
.message span { display: none; }
.fm-g10 label { display: block; margin-bottom: 1em; }
.fm-g10 label span { float: left; width: 30%; margin-right: 3%; }
input[type=text] { width: 60%; border: 2px solid #C9C9C9; padding: 5px; color: #575757; font-family: inherit; font-size: inherit; }
.fm-g10 input[type=submit] { margin-left: 33%; } 
.fm-g10 textarea { width: 93%; border: 2px solid #C9C9C9; padding: 5px; color: #575757; font-family: inherit; font-size: inherit; }
#callback { margin-left: 33%; }
#fm-event, #newsletter { padding-bottom: 2em; border-bottom: 2px solid #ddd; }
#newsletter span { display: none; }
#newsletter input[type=text] { width: 60%; margin-right: 2%; }
input[type=submit] { border: 0; padding: 6px 10px; color: #fff; background: #4c86a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.7); text-shadow:1px 1px 1px rgba(0,0,0,.7); cursor: pointer; }
/* fm-contact */
#fm-contact.fm-g10 input[type=text] { width: 40%; }
#fm-contact.fm-g10 textarea { width: 73%; }

/* =Layout
----------------------------------------------------------------------------------------- */
#branding { padding-bottom: 1em; }
.section { max-width: 1400px; min-width: 760px; width: 90%; margin: 0 auto; }
.section:after { content: "."; display: block; clear: both; height: 0; width: 0; visibility: hidden; }
#content { width: 59%; float: left; margin-bottom: 1.5em; }
#aside { width: 35%; float: right; margin-bottom: 1.5em; padding: 1.3em; border: 1px solid #e5e5e5; background: rgba(245,245,245,.9); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#siteinfo { width: 86%; margin-top: 1em; padding: 2%; overflow: hidden; height: 1%; background: hsla(201, 100%, 27%, .75); color: rgba(255,255,255,.75); text-shadow: 1px 1px 1px rgba(0,0,0,.4); }
.sub { float: left; width: 48%; }
.section div.last { float: right; width: 48%; }
#icaew { background: #fff ; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
		margin-top: 12px; width: 191px; height: 131px; overflow: hidden;}

/* News & Events */
.entry { position: relative; overflow: hidden; margin-bottom: 1em; }
.entry img { float: left; margin: 0 18px 18px 0; border: 3px double #dbdbdb; }

/* =Navigation
----------------------------------------------------------------------------------------- */
#nav-main { clear: both; overflow: hidden; height: 1%; background: hsla(201, 100%, 27%, .75); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(64,130,166,.8)), to(rgba(64,130,166,1))); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5); box-shadow: 0 1px 3px rgba(0,0,0,.5); }
#nav-main li { float: left; padding: 0 1.2em; font: normal 120%/3 Tahoma, Geneva, Arial, sans-serif; }
#nav-main a { border: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.7); }
#nav-main a:hover, #nav-main em { color: #fff; border-bottom: 1px solid #79a8c1; font-style: normal; }

.nav-sub { margin-bottom: 2em; font-size: 133%; }
.nav-sub li { display: inline; line-height: 2; font-size: 100%; }
.nav-sub a { display: block; border-color: #ddd; text-shadow: 1px 1px 1px rgba(0,0,0,.25);}
.nav-sub a:focus { text-shadow: none; }
.nav-sub a:hover { top: 0; background: #fff; border-color: #ddd; }
.nav-sub em { font-style: normal;}

/* =Microformats & related
----------------------------------------------------------------------------------------- */
.vevent { position: relative; padding-right: 56px; }
.meta { color: #888; } 
.date { position: absolute; top: 0; right: 0; width: 36px; font-weight: bold; text-align: center; line-height: 1.6; -moz-box-shadow: 0 2px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.4); }
.entry-date { position: absolute; right: 0; top: 0; padding: 0 .2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: hsla(201, 100%, 27%, .4); text-shadow: 1px 1px 1px rgba(0,0,0,.3); color: #fff; }
.month { display: block; background: #b92b00; color: #fff; font-size: 10px;  text-transform: uppercase; }
.day { display: block; font-size: 14px; background: #fff; color: #000; }
#siteinfo .vcard { float: left; margin: 0 4% 1.9em 0; }
#aside .vcard { margin-bottom: 1.5em; }

/* icons*/
.vcf, .hcal, .rss { margin-bottom: .5em; padding: .2em 0 .2em 2.5em; }
.hcal { background: url(/_assets/img/vevent.png) 0 50% no-repeat; }
.vcf { background: url(/_assets/img/vcard.png) 0 50% no-repeat; }
.rss { background: url(/_assets/img/rss.png) 0 50% no-repeat; }
.adr { margin-bottom: .5em; }

/* =Misc
----------------------------------------------------------------------------------------- */
#oops, #success { padding: .8em .8em .8em 3.6em; border: 1px solid #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#oops { background: #fff url(/_assets/img/oops.png) .8em .8em no-repeat; }
#success { background: #fff url(/_assets/img/success.png) .8em .8em no-repeat; }

/* images */
.inset-l { float: left; max-width: 50%; margin: 0 1.5em 1.5em 0; border: 3px double #DBDBDB; }
.inset-r { float: right; margin: 0 0 1.5em 1.5em; padding: .8em; border: 1px double #DBDBDB; }

/* =Modernizr
----------------------------------------------------------------------------------------- */
.no-rgba #nav-main { background: #4c86a5; }
.no-hsla .archive { background: #7ba8c0; }
.no-rgba #aside { background: #f7f7f7; }
.no-rgba #siteinfo { background: #4082a6; color: #cfe0e9; }
.no-rgba #reg { border-top: 1px solid #5c95b4; }