/* 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: 62px;}

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}
#twitterContent {display:block; clear:both; margin:0 40px; padding:40px 0 0 0; height:400px; overflow:hidden; position:relative}
#update {}
.image {display:block; height:55px; width:55px; text-align:center; position:absolute; z-index:1; top:7px; left:45px}
.image img {position:absolute; top:0; left:0; z-index:2; width:48px; height:48px; display:block; margin:4px 0 0 4px}
.image span {position:absolute; top:0; left:0; z-index:3; 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; display:none; 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%;}

ul#overlay  {width:960px; height:80px; padding:0; margin:0; background:url(../images/transparent.png) bottom left repeat-x; position:absolute; bottom:0; left:0; z-index:50; display:block; text-align:center;}
	* html ul#overlay {background:none;  top:-30px}
ul#overlay li {list-style-type:none; padding:0;}
ul#overlay li a {border:1px solid #fff; margin:0; padding:4px; color:#fff; font-weight:bold; position:absolute; bottom:10px; left:420px; z-index:51;}
	* html ul#overlay li a {}


#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 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}
	
	

/* 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 */

/*
shoestring xmas 2
*/

#intro .wrapper {padding: 40px 25px;}
#intro h1 {font-size: 2.08em;}
#intro h1 strong {text-transform: uppercase;color:#ab152a;}

#intro p {font-weight: bold;font-size: 1.15em;margin-bottom: 8px;}