article, aside, footer, header, hgroup, nav, section { display: block; }

body { background: url("gfx/bg-body.png") repeat-y 50% 0; font: normal 12px/18px Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

h1 { font: bold 20px/1.5 Helvetica, sans-serif; margin: 24px 12px 12px; text-transform: uppercase; }
article h1 { font-size: 18px; margin: 0 12px; text-transform: none; }
h2 { font: bold 16px/1.5 Helvetica, sans-serif; margin: 0 12px; }
h3 { font: bold 12px/1.5 Helvetica, sans-serif; margin: 0 12px; }
p { font: 12px/1.5 Helvetica, Arial, sans-serif; margin: 0 12px 12px; }
ol, ul, dl { margin: 0; padding: 0; }
article ol { margin: 12px 32px; padding: 0; }
article ul { margin: 12px 24px; padding: 0; }
li { margin: 0; }

.link:after { content: " »"; }
h1 a, h2 a, h3 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

form { margin: 0; padding: 0; }
fieldset { border: none; margin: 0 12px; padding: 0; }

figure { display: block; }
figure.left { float: left; margin: 0 12px 0 0; width: 348px; }
figure.right { float: right; margin: 0 0 0 12px; width: 348px; }
figure.solo { clear: both; width: 696px; }
figure img { float: left; }
figure figcaption { clear: both; display: block; }

div.wrapper { background: url("gfx/bg-wrapper.png") repeat-y 50% 0; margin: 0 auto; overflow: hidden; width: 960px; }
body.home div.wrapper { background-image: url("gfx/bg-wrapper-home.png"); }

header#masthead { background: #7f0929 url("gfx/bg-header.png") no-repeat 50% 0; border-bottom: 2px solid rgba(0,0,0,0.4); border-top: 1px solid rgba(0,0,0,0.4); height: 128px; }
	#masthead hgroup { height: 128px; margin: 0 auto; position: relative; width: 960px; }
		#masthead hgroup h1 { float: left; height: 108px; margin: 10px 0; text-indent: -9999px; }
			#masthead hgroup h1 a { background: url("gfx/logo-artrefuge-uk.png") no-repeat 0 0; float: left; height: 108px; overflow: hidden; width: 276px; }
			#masthead hgroup h1 a:active, #masthead hgroup h1 a:focus,
			#masthead hgroup h1 a:hover { background-position: 0 -108px; outline: none; }
		#masthead hgroup h2 { font-size: 18px; line-height: 36px; margin: 0; position: absolute; top: 0px; right: 20px; }
			#masthead hgroup h2 a { background: #df020a; background: rgba(255,0,0,0.75); border: 1px solid rgba(255,255,255,0.3); border-top: none; color: #fff; display: block; padding: 0 12px; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,0.75);  -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75); box-shadow: 0 0 5px rgba(0,0,0,0.75); }
			#masthead hgroup h2 a:active, #masthead hgroup h2 a:focus, 
			#masthead hgroup h2 a:hover { padding: 12px 12px 0; outline: none; }
	#masthead nav { height: 128px; margin: -128px auto 0; position: relative; width: 408px; text-shadow: 1px 1px rgba(0,0,0,0.75); }
		#masthead nav ul { font: normal 14px/21px Helvetica, Arial, sans-serif; list-style: none; margin: 0; position: absolute; top: 10px; right: 50%; text-align: right; }
			#masthead nav a { color: #fff; text-decoration: none; }
			#masthead nav a:hover { color: #d9b6bf; margin: 0 2px 0 0; }
			#masthead nav a span { position: absolute; left: -9999px; white-space: nowrap; padding: 0 0 0 0.25em; }
			#masthead nav a:hover span { left: auto; }
			
#alerts { background: #222; border-bottom: 2px solid rgba(255,255,255,0.2); clear: both; height: 30px; }
	#alerts ul { color: #fff; font-size: 14px; height: 30px; line-height: 30px; list-style: none; margin: 0 auto; overflow: hidden; position: relative; width: 960px; }
		#alerts li { position: absolute; top: 0; left: 0; white-space: nowrap; width: 960px; }
			#alerts li a { color: #fff; text-decoration: underline; }

#carousel { background: #e8d3d8; clear: both; height: 200px; }
	#carousel ul { background: transparent; border-bottom: 1px solid rgba(0,0,0,0.3); height: 200px; list-style: none; margin: 0 auto; overflow: hidden; position: relative; width: 960px; }
		#carousel li { background-repeat: no-repeat; height: 200px; position: absolute; top: 0; left: 0; width: 960px; }
			#carousel a { background: #262626; background: rgba(0,0,0,0.75); color: #fff; font-size: 14px; line-height: 24px; padding: 0 12px; position: absolute; bottom: 10px; left: 10px; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,0.75); -moz-border-radius: 7px; }
			#carousel a:hover { background: #000; -moz-box-shadow: 0 0 10px rgba(255,255,255,0.75); -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.75); box-shadow: 0 0 10px rgba(255,255,255,0.75); }

section#archive,
section#main,
section#latest-news { color: #262626; float: left; margin: 0 0 20px; overflow: hidden; text-shadow: 1px 0 rgba(255,255,255,0.75); width: 720px; }
	#latest-news article { border-bottom: 1px dotted #470517; clear: right; float: right; margin: 0 0 12px; width: 240px; }
	#latest-news article.first { border: none; float: left; margin: 0 0 60px; width: 480px; }
	#latest-news article header p { color: #470517; font-weight: bold; }
	#latest-news a { color: #262626; }
	#latest-news a:hover { color: #000; }
	#latest-news .read-more { font-weight: bold; overflow: hidden; }
	#latest-news .read-more a { background: #b36e80; border: 1px solid rgba(0,0,0,0.2); color: #fff; float: right; padding: 0 5px; text-decoration: none; text-shadow: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	#latest-news .read-more a:hover { margin: 0 2px 0 0; }
	#latest-news h2.older-news { clear: right; float: right; width: 216px; }
	
	#archive a { color: #262626; }
	#archive ol { list-style: none; margin: 0; }
	#archive li { border-bottom: 1px dotted #dacdd1; margin: 0 0 12px; padding: 0; }
	
	#main article { margin: 24px 0 60px; }
	#main a { color: #262626; }
	#main a:hover { color: #000; }

section#widgets,
section#features { float: left; margin: 0 0 20px; overflow: hidden; width: 240px; }
	#features { color: #ecdadf; }
	#features article { border-bottom: 1px dotted #e8d3d8; color: rgba(255,255,255,0.85); margin: 0 0 12px; text-shadow: 1px 0 rgba(0,0,0,0.75); width: 240px;  }
	#features article header p { font-weight: bold; }
	#features a { color: #f2e7ea; }
	#features a:hover { color: #fff; }
	#features .read-more { font-weight: bold; overflow: hidden; }
	#features .read-more a { background: #e8d3d8; border: 1px solid rgba(0,0,0,0.2); color: #470517; float: right; overflow: hidden; padding: 0 5px; text-decoration: none; text-shadow: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	#features .read-more a:hover { margin: 0 2px 0 0; }
	
	#widgets .twtr-widget { margin: 0 12px 12px; }
	#widgets { color: #262626; }
	
	#widgets h1 a { color: #262626; }
	#widgets #flickr { list-style: none; margin: 0 12px 60px; overflow: hidden; padding: 0; }
	#widgets #flickr li { background: #fff; float: left; margin: 0; }
	#widgets #flickr a { float: left; }
	#widgets #flickr a:hover { -moz-box-shadow: 0 0 5px rgba(255,255,255,0.75); }
	#widgets #flickr img { border: none; float: left; }

footer { background: #470517 url("gfx/bg-footer.png"); border-top: 2px solid rgba(0,0,0,0.4); clear: both; color: #e4dadc; overflow: hidden; text-shadow: 1px 0 rgba(0,0,0,0.75); }
	footer .inner { margin: 0 auto; width: 960px; }
	footer #about-us, footer #donate { background: #5a1e2f; display: inline; float: left; margin: 30px 10px; min-height: 200px; padding: 12px 0 0; width: 460px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0, rgba(255,255,255,0) 200px); background: -webkit-gradient(linear, left top, left 200, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0))); }
	footer #social { clear: both; margin: 0 auto 30px; overflow: hidden; width: 576px; }
		footer #social h2 { position: absolute; left: -9999px; }
		footer #social ul { list-style: none; margin: 0; }
			footer #social li { display: inline; float: left; margin: 0 10px; }
				footer #social a { background: url("gfx/social-logos.png") no-repeat; float: left; height: 74px; overflow: hidden; text-indent: -9999px; width: 172px; }
				footer #social .flickr { background-position: 0 0; }
				footer #social .flickr:active, footer #social .flickr:focus,
				footer #social .flickr:hover { background-position: 0 -74px; outline: none; }
				footer #social .twitter { background-position: -172px 0; }
				footer #social .twitter:active, footer #social .twitter:focus,
				footer #social .twitter:hover { background-position: -172px -74px; outline: none; }
				footer #social .facebook { background-position: -344px 0; }
				footer #social .facebook:active, footer #social .facebook:focus,
				footer #social .facebook:hover { background-position: -344px -74px; outline: none; }
	footer #address { background: #2b030e; clear: both; margin: 0; overflow: hidden; padding: 12px 0 0; text-align: center; }
	footer a { color: #f2e7ea; }