/* CSS and HTML by Neil Paterson - Design By James Ferguson, CIVIC */
* {margin:0; padding:0}
html, body, #container, #content {height:100%;}
body > #container {height:auto; min-height:100%;}
html {background:#ccc url(../images/bg-re.png) top center repeat-y;}
body {background:url(../images/bg-shoestringxmas2.jpg) top center no-repeat; text-align:center; font-size:81%; font-family:Arian, sans-serif}
	* html body {background:url(../images/bg.jpg) top center no-repeat;}
#content {width:960px; margin:0 auto; position:relative; text-align:left; padding-bottom: 92px;}

a.vimeo {outline:none; position:absolute; top:0; right:0; width:94px; height:135px; background:url(../images/videoLink.png); display:block; z-index:100; text-indent:-9999px;}
	* html a.vimeo {background:url(../images/videoLink.gif)} 

#intro {float:right; background:url(../images/intro.png); width:483px; height:225px; margin:50px 10px 0 0; color:#000}
	* html #intro {background:url(../images/intro.gif)}
#intro .wrapper {padding:40px}
#intro h1 {font-size:221%; margin:0 0 5px 0}
#intro a {color:#ae162a; border-bottom:none; text-decoration:none}
#intro a:hover {color:#ae162a; border-bottom:1px dotted #ae162a; text-decoration:none}
#intro p {font-size:135%; margin:0 0 5px 0}
a {color:#480810; text-decoration:none}
a:hover {color:#fff; text-decoration:none}

#update {display:block; clear:both; margin:0 40px; padding:40px 0 0 0; position:relative}
.image {display:block; height:55px; width:55px; text-align:center; position:absolute; top:7px; left:45px}
.image img {position:absolute; top:0; left:0; z-index:1; width:48px; height:48px; display:block; margin:4px 0 0 4px}
.image span {position:absolute; top:0; left:0; z-index:2; display:block; height:55px; width:55px; text-indent:-9999px;}
	* html .image span.even, * html .image span.odd {background:none}
.image span.even {background:url(../images/snow.png) center center no-repeat;}
.image span.odd {background:url(../images/snow1.png) center center no-repeat;}
.article {background:url(../images/scissors.png) bottom left no-repeat; padding:5px 0 25px 120px; clear:both; width:760px; position:relative; }
	* html .article {background:url(../images/scissors.gif) bottom left no-repeat}
.article h2 { font-size:221%; color:#fff}
.article p {color:#d58b95; font-size:151%;}

#footer {background:url(../images/footer-bg.png) bottom left repeat-x; position: relative; margin-top: -62px; /* negative value of footer height */ height: 62px; clear:both; z-index:100}
	* html #footer {background:url(../images/footer-bg.gif) bottom left repeat-x;}
div#footer ul {width:960px; margin:0 auto; display:block; height:62px; position:relative; text-align:center}
div#footer ul li {list-style-type:none}
div#footer ul li a, div#footer ul li a:hover {border:none;}
div#footer ul li.v1 {padding:22px 0 0 0}
div#footer ul li.v1 a {border:1px solid #fff; margin:0; padding:4px; color:#fff; font-weight:bold; }
div#footer ul li a.donate {width:201px; height:38px; background:url(../images/donate.png); display:block; text-indent:-9999px; position:absolute; top:15px; left:0;}
	* html div#footer ul li a.donate {background:url(../images/donate.gif);}
div#footer ul li a.civic {width:96px; height:26px; background:url(../images/civic.png) top no-repeat; display:block; text-indent:-9999px; position:absolute; top:20px; right:0;}
	* html div#footer ul li a.civic {background:url(../images/civic.png) top no-repeat}

#google {position:absolute; height:1px; width:1px; overflow:hidden; bottom:0; left:0; text-indent:-9999px}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */