@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* END "Reset CSS" ================================================== */


/* TAGS ============================================================= */

body {
	font: 87.5% Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
	margin: 0;
	color:#010101;
	background: #261818 url(../images/bg-body.jpg) repeat-x;
}
a {text-decoration: none; color: #D10C23; }
a:hover {text-decoration: underline;}
img {border-style: none;}
p { font-size: 0.714em; }
#main {
	margin: 0 auto;
	text-align: left; 
	width: 641px;
	position:relative;
}
.tickets-holder{
	position: absolute;
	z-index:10;
	top:0;
	left:-140px;
	width: 191px;
}
.tickets-holder a {cursor: pointer;}
.tickets-holder span{
	width: 191px;
	height: 339px;
	display: block;
	overflow:hidden;
	background: url(../images/tickets.png) no-repeat;
}
#header {
	height: 118px;
	position: relative;
}
#header strong.logo{
	width:143px;
	height:34px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position:absolute;
	z-index:100;
	top:36px;
	left:47px;
}
#header strong.logo a{
	display:block;
	height:100%;
}
#navigation{
	margin:0 -3px 0 0;
	padding:48px 0 0;
	list-style:none;
	float:right;
	position: relative;
}
#navigation li {
	float: left;
	margin: 0 -4px 0 0;
}
#navigation a {
	text-decoration:none;
	height:33px;
	width: 107px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
}
#navigation a:hover{text-decoration:none;}
#navigation li a.love-the-little{background:url(../images/love-the-little.gif) no-repeat;}
#navigation li a.show-your-love{background:url(../images/show-your-love.gif) no-repeat;}
#navigation li a.where-it-began{background:url(../images/where-it-began.gif) no-repeat;}
#navigation li a.whats-going-on{background:url(../images/whats-going-on.gif) no-repeat;}
#navigation li a:hover {background-position: 0 -33px;}
#navigation li.active a {background-position: 0 100% !important;}
#container {
	overflow:hidden;
	width: 100%;
}
.content-block{
	width: 602px;
	padding: 18px 13px 10px 26px;
	background: #efecd0;
	overflow:hidden;
	margin: 0 0 10px;
}
.visual{
	float:right;
	position:relative;
}
.visual img{
	display:block;
	border:1px solid #d10c23;
	margin: -1px 0 0;
}
.ticket-holder{
	width: 126px;
	position:absolute;
	bottom:-21px;
	left:-42px;
}
.ticket-holder a{
	width: 126px;
	height: 156px;
	background: url(../images/ticket.png) no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.ticket-holder a:hover{text-decoration:none;}
.title-lovethelittle{
	width: 282px;
	height: 32px;
	overflow: hidden;
	text-indent: -999px;
	background: url(../images/title-lovethelittle.gif) no-repeat;
	margin: 0 0 5px;
}
.content-block strong{
	display:block;
	font-size:1.142em;
	line-height:1.125;
	font-weight:normal;
	color:#3e3d40;
}
.content-block#show strong { display: inline; line-height: auto; font-weight: bold; }

.content-block .column{
	float:left;
	width: 330px;
}
.content-block p{
	line-height:17px;
	margin: 17px 0 0;
}

.content-block a{color:#d40b24;}

.columns-holder{
	width: 100%;
	overflow:hidden;
}
.main-column{
	width: 372px;
	float:left;
	margin: -10px 0 0;
}
.info-box{
	width: 350px;
	background: #f3ad13;
	border:1px solid #eda01d;
	border-width: 1px 0;
	padding: 9px 13px 9px 9px;
	overflow:hidden;
	margin: 10px 0 0;
}
.row{
	width: 339px;
	padding: 0 0 8px 11px;
}
.holder{
	width: 100%;
	overflow:hidden;
}
.title-whatourfriends{
	margin: 0;
	width: 307px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/title-whatourfriends.gif) no-repeat;
}
.title-comingsoon{
	margin: 0;
	width: 301px;
	height: 27px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/title-comingsoon.gif) no-repeat;
}
.info-box img{
	float:left;
	border:1px solid #d10c23;
}
.info-box .column{
	overflow: hidden;
	height: 1%;
	padding: 8px 0 0 12px;
}
.info-box .column h3{
	margin:0 0 2px;
	font-weight: bold; 
	font-size: 0.928em;
	line-height: 1.3;
}
.info-box .column h3 a{
	color: #000;
}
.info-box .column h3 a:hover{
	color: #c80d2a;
}
.info-box .column span{
	color: #d10c23;
	font-size: 0.714em; 
	line-height:20px;
	display: block;
}
.info-box p{
	margin:0;
	line-height:1.7;
}
.info-box .column a{color:#c80d2a;}
a.more { font-size: 0.714em; display: block; margin-top: 2px; }
.side-column{
	width: 221px;
	padding:0 14px;
	float: right;
	background: #efecd0;	
}
.text-box{
	width: 221px;
	padding: 16px 0 20px;
	border:1px solid #d1c8b5;
	border-width: 0 0 1px;
	overflow:hidden;
}
.mail{float:left;}
.text-box img{
	float:left;
	margin: 0 0 0 -2px;
}
.text-box .column{
	float:right;
	width:152px;
}
.title-signup, .title-becomeamember, .title-whatson, .title-get-involved, .title-initiatives {
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
}
.title-initiatives {
	width: 109px;
	height: 19px;
	background: url(../images/title-initiatives.gif) no-repeat;
	margin-bottom: 4px; 
}
.title-get-involved {
	width: 113px;
	height: 15px;
	background: url(../images/title-get-involved.gif) no-repeat;
	margin-bottom: 4px; 
}
.title-signup{
	width: 68px;
	height: 20px;
	background: url(../images/title-signup.gif) no-repeat;
}
.title-becomeamember{
	width: 153px;
	height: 19px;
	background: url(../images/title-becomeamember.gif) no-repeat;
}
.title-holder{
	overflow: hidden;
	width: 149px;
	padding: 15px 0 15px 70px;
	background: url(../images/film-strip.gif) no-repeat;
}
.title-whatson{
	width: 92px;
	height: 15px;
	background: url(../images/title-whatson.gif) no-repeat;
}
.text-box .column p{
	margin:0;
	line-height:18px;
	
}
.text-box a, .information-block a{color:#d10c23;}
.information-block{
	width: 221px;
	padding: 14px 0 20px;
	overflow:hidden;
}
.information-block p {
	margin: -5px 0 0 71px;
	font-size: 0.785em;
	font-weight: bold; 
}
.information-block .read-more{
}
.information-block dl{
	margin: 0;
	padding: 0 0 0 3px;
}
.information-block dl dd{
	padding:0 0 12px;
	margin: 0;
	font-size: 0.714em; 
}
.information-block dl dt{
	font-size: 0.714em; 
}

#footer{
	overflow:hidden;
	padding: 10px 0 80px;
	text-align: center;
	width: 100%;
}
#footer p{
	margin:0;
	color:#fff;
	line-height: 26px;
	font-size: 0.785em;
}
.banners-list{
	height:1%;
	margin:0;
	padding:4px 0 4px 5px;
	list-style:none;
	overflow:hidden;
	background: url(../images/bg-banner-list.gif) no-repeat;
}
.banners-list li:first-child{background-image: none;}
.banners-list li{
	padding:0 5px 0 7px;
	float:left;
	background:url(../images/separator.gif) no-repeat;
}
.banners-list li img { display:block; }

span.date { text-transform: uppercase; }

p.please { font-size: 0.857em; font-weight: bold;  }

img.spotlight { float: right; }

h2#syl-header { width: 282px; height: 44px; background: url(/images/show-your-love-header.gif) 0 0 no-repeat; text-indent: -999em; }

.title-tomark{ margin: 0; width: 339px; height: 26px; overflow: hidden; text-indent: -9999px; background: url(../images/title-tomark.gif) no-repeat; }

.title-getinvolved{ margin: 0 0 4px; width: 194px; height: 25px; text-indent: -9999px; background: url(../images/title-getinvolved.gif) no-repeat; }
.title-goldmembership{ margin: 10px 0 0; width: 601px; height: 49px; text-indent: -9999px; background: url(../images/title-goldmembership.gif) no-repeat; }
.title-seatdonation{ margin: 7px 0 0; width: 601px; height: 49px; text-indent: -9999px; background: url(../images/title-seatdonation.gif) no-repeat; }
.title-feedthepigs{ margin: 7px 0 0; width: 601px; height: 49px; text-indent: -9999px; background: url(../images/title-feedthepigs.gif) no-repeat; }
.title-fundraising { margin: 7px 0 0; width: 601px; height: 49px; text-indent: -9999px; background: url(../images/title-fundraising.gif) no-repeat; }

.content-block#show2 p { margin: 3px 0 0; }

.content-block#show2 p#last { margin: 3px 0 12px; }



.side-column-content { padding-bottom: 12px; }

.side-column-content p, .side-column-content ul, .content-block ul { font-size: 0.714em; line-height: 1.8; }

.content-block li { background: url(/images/red-dot.gif) 0 7px no-repeat; text-indent: 10px; }

.title-origins { margin: 6px 0 0; width: 296px; height: 51px; text-indent: -9999px; background: url(../images/title-theorigins.gif) no-repeat; }

.history-page .content-block { background: none; padding: 0; width: 641px; }
.history-page .content-block .film-strip { background: url(/images/film-strip.png) bottom left no-repeat; height: 168px; width: 641px; }

.where-it-began-content { width: 602px; padding: 18px 13px 10px 26px; background: #efecd0; overflow:hidden; margin: 0; }

.where-it-began-content img.indent { float: left; margin: 0 20px 0 -15px; } 

.where-it-began-content p, .content-block .film-strip p { font: 0.928em / 1.385 Times, "times new roman", serif; }
.content-block .film-strip p { margin: 0 0 0 26px; width: 400px; padding-top: 8px;  }

img.group-pic { float: right; margin-right: -5px; }

.blog-page .content-block h2 { font-size: 1.286em; font-weight: bold; }
.blog-page .content-block img { float: right; margin: 0 0 12px 12px; clear: right; }

.small-content-block { position: relative; background-color: #f3ad13; margin-bottom: 12px;}
.small-content-block-alt { position: relative; background-color: #99cc99; margin-bottom: 12px; }
.preview {  padding: 12px 13px 10px 247px; }
.small-content-block h2, .small-content-block-alt h2 { position: absolute; top: 12px; left: 26px; width: 192px; font-weight: bold;  }
.small-content-block h2 a, .small-content-block-alt h2 a { color: #010101; }
.small-content-block h2 a:hover, .small-content-block h2 a:hover { color: #d10c23; }

.small-content-block span.date, .small-content-block-alt span.date { text-transform: uppercase; font-size: 0.785em; line-height: 1.636; color: #d10c23; font-weight: bold; }

.small-content-block p, .small-content-block-alt p { line-height: 1.7; }
.small-content-block a.more, .small-content-block-alt a.more { color: #d10c23; }

.content-block span.date { color: #d10c23; display: block; margin-top: 8px; }

p.comments { text-transform: uppercase; text-align: right; color: #010101; font-weight: bold; }

div#respond { background: url(/images/comment-bg.gif) bottom left no-repeat; padding: 15px 73px 47px 26px; }

div#respond h3 { background: url(/images/post-a-comment.gif) 0 0 no-repeat; width: 211px; height: 39px; text-indent: -999em; margin-bottom: 13px; }

div#respond p { margin-bottom: 8px; }
div#respond input, div#respond textarea { border: 1px solid #8c8d88; padding: 3px 5px; }
div#respond input { width: 230px; }
div#respond textarea { width: 530px; height: 161px; }

div#respond input#submit { font-size: 1.8em; font-weight: bold; border: 0; background-color: #efecd0; padding: 0; width: auto; }

ol.commentlist li { padding: 12px 13px 52px 26px; margin-bottom: 4px; }
ol.commentlist li.even { background: url(/images/comment1.gif) bottom left no-repeat; }
ol.commentlist li.odd { background: url(/images/comment2.gif) bottom left no-repeat; }
ol.commentlist li p { margin: 4px 0; line-height: 1.7; }

ol.commentlist li .commentmetadata { text-transform: uppercase; font-size: 0.785em; padding-bottom: 5px; }
ol.commentlist li.even .commentmetadata { border-bottom: 1px solid #ca8f0d; }
ol.commentlist li.odd .commentmetadata { border-bottom: 1px solid #769476; }

.comment-author { margin-bottom: 2px; }
.comment-author cite { font-weight: bold; }

.wp-caption { float: right; border: 0; background-color: #dedab1; padding: 4px; margin: 5px 0 5px 10px; text-align: center; clear: right; }
.blog-page .content-block .wp-caption img, .content-block .wp-caption img { float: none; padding: 0; margin: 0;}
.blog-page .content-block .wp-caption p { margin: 3px; }
}