/* ----------------------------------------------------------
    **The People Speak** CSS
    Managed by: Blue State Digital
    Last Update: December 2009 

    TABLE OF CONTENT

    01 - GLOBAL BROWSER RESET
    02 - COMMON STYLE
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - FRAMEWORK
    07 - UTILITY
	
    COLOR GUIDE (Main Site Colors and their Hex Codes)
	
---------------------------------------------------------- */

/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { background: #000 /*url(/page/-/wrapper/images/bg-gradient.gif) left top repeat-x*/; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
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 { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }



/* 02 =COMMON STYLE 
---------------------------------------------------------- */

body { background: #292b26 url(/page/-/wrapper/images/sample.jpg) center top repeat fixed; font-family: Helvetica, Arial, sans-serif; margin: 0;/* height: 100%;*/ }

.base { font-size: 14px; line-height: 18px; }
.base h1 {  }
.base h2 { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 36px; }
.base h3 { font-size: 18px; font-weight: bold; line-height: 20px;  margin-bottom: 2px; }
.base h4 { font-weight: bold;  }

.base p, .base ul, .base ol { margin-bottom: 18px; }

a { color: #cc001e; text-decoration: none; }
a:hover { border-bottom: 1px solid #cc001e; }
a:hover img { border-bottom: none; padding: 0; }

blockquote { font-size: 24px; line-height: 27px; margin: 0 0 18px 27px; }

.base ul, .base ol { margin: 0 0 18px 18px; }
.base ul li { list-style: circle; }
.base ol li { list-style: decimal; }
.base li ol {  }
.base li ul {  }

.block-text { background: #000; color: #fff; padding: 5px; text-shadow: -1px 0 -1px #000; }


/* 03 =LAYOUT
---------------------------------------------------------- */
#container { background: url(/page/-/wrapper/images/hero-texture.gif); margin: 0 auto; padding: 0px 20px 0; width: 960px; }

#masthead { float: left; margin: 7px 0 10px 20px; }
#masthead a { background: url(/page/-/wrapper/images/the-people-speak.gif) left top no-repeat; border: none; display: block; float: left; overflow: hidden; width: 182px; height: 110px; text-indent: -9999px; }

#user-actions { float: right; width: 320px; text-align:right; }

#donate { float: left; margin: 10px 10px 10px; width: 270px; }
#donate a { border: none; }
#give a, #why a { margin: 5px 0 0 0; }
#give a { background: url(/page/-/wrapper/images/support-the-movement.png) no-repeat; display: block; float: left; width: 80px; height: 80px; }
#give a:hover { background: url(/page/-/wrapper/images/support-the-movement.png) 0 -80px no-repeat; }
#why a { background: url(/page/-/wrapper/images/what-for.png) no-repeat; display: block; float: left; width: 65px; height: 80px; }
#why a:hover { background: url(/page/-/wrapper/images/what-for.png) 0 -80px no-repeat; }
#preorder-dvd { float: right; margin: 0; }
#preorder-dvd a { background: url(/page/-/wrapper/images/buy-dvd.png) 0 0 no-repeat; border: none; display: block; overflow: hidden; text-indent: -9999px; width: 100px; height: 100px; }
#preorder-dvd a:hover { background: url(/page/-/wrapper/images/buy-dvd.png) 0 -100px no-repeat; }

#quick-signup { background: #000; color: #fff; margin: 10px 0 3px 0; padding: 10px 10px 10px 10px; text-align: right; }
#quick-signup legend { display: none; }
#quick-signup #email, #quick-signup #zip-code { border: none; font-size: 12px; padding: 5px 5px 4px; }
#quick-signup #submit-bt { background: #cc001e; border: none; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 10px 5px; text-shadow: -1px 0 -1px #cc001e; text-transform: uppercase; }

#topSocial img 
{ 
	margin-right: 5px;
}

#topSocial a,
#topSocial a:link,
#topSocial a:active,
#topSocial a:hover
{
	text-decoration: none;	
	border: none;
}


#hero { border: 10px solid #000; clear: both; margin: 0 0 0 0; overflow: hidden; height: 420px; position: relative; }
#hero-nav { background: #000; color: #636661; float: right; margin: 0 0 20px 0; padding: 5px 10px; text-shadow: -1px 0 -1px #000; width: 220px; }
#hero-nav a { border: none; }
#hero-nav a:hover { color: #eee; }
#hero-nav p, #hero-nav ul { float: left; }
#hero-nav li { float: left; margin: 0 0 0 10px; }
.activeSlide { color: #fff; }

.panel { height: 420px; width: 960px; padding: 10px 0; }

#intro-panel { background: url(/page/-/wrapper/images/fist.png) 640px bottom no-repeat; color: #fff; height: 400px; }
#intro-panel .tab { background: #000; float: right; font-size: 18px; margin: 170px 20px 0 0; padding: 10px 5px 10px 5px; text-shadow: -1px 0 -1px #000; }
#intro-panel .tab a { background: url(/page/-/wrapper/images/left-arr18.gif) 0 center no-repeat; padding: 2px 0px 2px 25px; }


#video-player { display: none; position: absolute; z-index: 40; left: 180px; }
#video-player a:hover { color: #fff; }
#video-player table { margin: 0 50px; }
.video { background: #000; color: #fff; text-shadow: -1px 0 -1px #000; width: 480px; }
.video p { padding: 0 10px; }
#close-video-player { font-size: 18px; position: absolute; right: 30px; z-index: 100; }
#close-video-player a { background: url(/page/-/wrapper/images/close-bg.png) center center no-repeat; border: none; padding: 12px 14px; }
#next-video, #prev-video { background: #000; border: none; display: block; padding: 10px 0; text-align: center; width: 50px; }

.base .big-quote { margin: 60px 0 5px 10px; }
.base .quote-attribution { font-size: 18px; font-weight: bold; margin: 0 0 0 10px; }
#open-video-player { font-size: 18px; margin: 0 0 0 372px; }
#open-video-player a { background:url(/page/-/wrapper/images/watch-this-video.png) 0 0 no-repeat; border: none; display: block; overflow: hidden; text-indent: -9999px; width: 280px; height: 80px; }
#open-video-player a:hover { background:url(/page/-/wrapper/images/watch-this-video.png) 0 -80px no-repeat; }

/*=ACTION CENTER*/
#action-center { background: url(/page/-/wrapper/images/action-center-bg.gif) 0 0 no-repeat; height: 450px; }
#action-center h2 { margin: 0 0 40px 10px; }

#action-center #call-to-action, #action-center #events { float: left; width: 440px; margin: 0 10px; }
#events h3 { margin-bottom: 1px; padding-bottom: 1px; }
#action-center #events form { background: #000; color: #fff; margin: 1px 0 0 0; padding: 8px 5px; }
#action-center #events legend { display: none; }
#events #event_search_zip, #events #event-radius { border: none; font-size: 12px; padding: 5px 5px 4px; }
#events #search-bt { background: #cc001e; border: none; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 10px 5px; text-shadow: -1px 0 -1px #cc001e; text-transform: uppercase; }
#events .upcoming-events { background: #ccc; padding: 10px; }
.upcoming-events h4 { margin-bottom: 5px; }
#events table { font-size: 12px; line-height: 16px; margin: 0 0 16px; }
#events th { font-weight: bold; }

#action-center ul { margin: 0 0 1px ; }
#action-center li { margin: 0 0 1px 0; }
#action-center li a { background: #000; border: none; display: inline-block; font-size: 36px; font-weight: bold; padding: 15px 5px; text-shadow: -1px 0 -1px #000; }
#action-center li a:hover { color: #fff; }

#pane { height: 150px; overflow: auto; }

/*SCROLL PANE STYLES*/
.jScrollPaneContainer {	position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack {	position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px;	overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

/*=NAVIGATION*/
#site-nav { background: #000; padding: 0 5px; text-shadow: -1px 0 -1px #000; width: 950px; }
#site-nav li {  }
#site-nav a:hover { color: #fff; border: none; }


/*** SUPERFISH ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 1.8em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {background: #000;
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;/*
	margin-bottom:	1em;*/
}
.sf-menu a {
	padding: .6em 10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#cc001e;
}
.sf-menu li {
}
.sf-menu li li {
	background:		#000;
}
.sf-menu li li li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#000;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('..//page/-/wrapper/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*=COLORBOX
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:hidden; }
#cboxLoadedContent { overflow:auto;}
#cboxLoadedContent iframe { background: #000; display:block; width:100%; height:100%; border:0; }
#cboxTitle{margin:0 10px;}
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background:url(/page/-/wrapper/images/overlay.png) 0 0 repeat; }
#colorbox { background: #000; text-shadow: -1px 0 -1px #000; }
#cboxContent { background:#000;}
#cboxLoadedContent { margin-bottom:28px; }
#cboxTitle { position: absolute; bottom: 18px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxCurrent { font-size: 12px; line-height: 16px; position: absolute; bottom: 3px; left: 58px; color: #949494; }
#cboxSlideshow { position: absolute; bottom: 3px; right:30px; color:#0092ef; }
#cboxPrevious { position: absolute; bottom: 5px; left: 5px; background:url(/page/-/wrapper/images/prev-bt.gif) 0px 0px no-repeat; width:25px; height:22px; text-indent:-9999px; }
#cboxPrevious.hover { background-position: 0px -22px; }
#cboxNext { position:absolute; bottom:5px; left:27px; background:url(/page/-/wrapper/images/next-bt.gif) 0px 0px no-repeat; width:25px; height:22px; text-indent:-9999px; }
#cboxNext.hover { background-position: 0px -22px;}
#cboxLoadingOverlay { background:url(/page/-/wrapper/images/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background:url(/page/-/wrapper/images/loading.gif) center center no-repeat; }
#cboxClose { position:absolute; top: 0; right: 0; background:url(/page/-/wrapper/images/close-bt.gif) 0px 0px no-repeat; width: 25px; height: 22px; text-indent:-9999px;}
#cboxClose.hover { background-position: 0px -22px; }

#main { /*border-top: 5px solid #000;*/ clear: both; overflow: hidden; width: 960px; }
#splash #main { border: none; background: none; }

#content { background: #ccc; float: left; margin: 0; padding: 1px 0 10px 0; width: 720px; }/*
#home #content { width: 690px; }*/
#splash #content { float: none; margin: 20px 0 0 0; padding: 10px 0; width: 960px; }
.full-width #content, #video #content { float: none; width: 960px; }
#home #content { padding: 10px 0; width: 480px; }

.more { clear: both; }
.more a { background: url(/page/-/wrapper/images/more-arrow.gif) right center no-repeat; padding: 2px 20px 2px 0; }

/* .base .section-title { font-size: 16px; font-weight: bold; margin: 0 0 18px 0; padding: 0 20px; } */

.entry { padding: 20px 20px 0px 20px; }
.video-entry { background: #000; margin: 10px; padding: 10px; }

/* .entry h2 { margin-bottom: 36px; } */

.date-byline { color: #5d5f5a; font-size: 14px; font-weight: normal; }

.entry .nav { font-size: 12px; margin: 20px 0 0 0; }
.entry .prev-entry { float: left; width: 260px; }
.entry .next-entry { float: right; text-align: right; width: 260px; }

.entry p
{
	margin:0 0 10px 0;
	padding:0;
}

.entry h1
{
	color:black;
	font-size:24px;
	font-weight:bold;
	line-height:34px;	
	margin:0 0 3px;
	padding: 0px;
}

.entry h2
{
	color:black;
	font-size:18px;
	font-weight:bold;
	line-height:26px;	
	margin:0 0 3px;
	padding: 0px;
}

.entry h3
{
	color:black;
	font-size:14px;
	font-weight:bold;
	line-height:18px;	
	margin:0 0 3px;
	padding: 0px;	
}

/* Position this definition after the Hx definitions above to override for the entry title */
h1.entry-title
{
	background-color:black;
	color:#CC001E;
	font-size:24px;
	font-weight:bold;
	line-height:34px;
	margin-left:-12px;
	margin-right:-12px;
	margin-top:-12px;
	margin-bottom:10px;
	padding:10px;
}


h1.section-title
{
	background-color:black;
	color:#CC001E;
	font-size:24px;
	font-weight:bold;
	line-height:34px;
	margin-left:-12px;
	margin-right:-12px;
	margin-top:-12px;
	margin-bottom:10px;
	padding:10px;
}




#sidebar { /*background: #292b26;*/ float: right; padding: 10px 0; width: 240px; }

.mini-slideshow { background: #000; border: 5px solid #000; overflow: hidden; height: 130px; }
.mini-slideshow img { margin: 0 0 10px 0; }
.mini-slideshow .slide { width: 230px; }
.slide p { font-size: 12px; line-height: 16px; margin: 0 5px; }
.slideshow-nav { font-size: 12px; margin: 0 0 16px 0; overflow: hidden; }
.slideshow-nav a { display: block; float: left; padding: 5px; }
.slideshow-nav a:hover { border: none; color: #fff; }
.next-image, .prev-image { background: #000; }

#sidebar h2, .column h2 { font-size: 16px; font-weight: bold; margin: 10px 0 6px; }
#sidebar ul { /* margin-bottom: 36px;*/ }
#sidebar li { margin: 0 0 1px 0; }
#sidebar li a { background: #000; border: none; display: inline-block; font-size: 24px; font-weight: bold; padding: 7px 5px; text-shadow: -1px 0 -1px #000; }
#sidebar li a:hover { color: #fff; }


#sidebar-separator
{
	background: url(/page/-/wrapper/images/sidebar-middle-sep.png) no-repeat;
	width: 239px;
	height: 24px;
}

#sidebar-promo
{
	width: 237px;
	height: 410px;
	text-align: center;
	background-color: #CCCCCC;
}

#sidebar-bottom
{
	width: 237px;
	height: 24px;
	background-color: #CCCCCC;
}

#footer { background: #000;/* border-top: 1px dashed #292b26;*/ color: #fff; font-size: 12px; line-height: 16px; margin: 10px 0 0 0; padding: 10px 10px 10px; text-shadow: #000 -1px 0 -1px; }

/* 04 =HOMEPAGE
---------------------------------------------------------- */
#recent-entries { margin: 0 15px; }
#splash #recent-entries { margin: 0 30px; }
#recent-entries .section-title { padding: 0; }
#recent-entries h3 { font-size: 16px; line-height: 18px; }
#recent-entries .entry { clear: both; padding: 0 0 10px 0; }
.thumb { border: 5px solid #000; float: left; }
.summary { float: right; width: 340px; }

#home .column { background: rgba(37, 38, 36, .9); float: right; padding: 10px 0; width: 240px; }
.base .column { font-size: 12px; line-height: 16px; }
.base .column p { margin-bottom: 16px; }

/* 05 =SUBPAGES
---------------------------------------------------------- */
.entry .column { float: left; margin: 0 10px 0 0; width: 160px; }
.entry .column h3 { font-size: 14px; line-height: 16px; }

/*=DISQUS COMMENTS*/
#disqus_thread { clear: both; }
.base #disqus_thread #dsq-content h3 {  }

/*=VIDEO*/
.base #video-nav { font-size: 14px; } 
.base #video-nav a { margin: 0 .5em; }
#video .base h2 { margin-bottom: 15px; }
#video-modal { background: #000; color: #eee; font-size: 12px; line-height: 16px; }
#video-modal #video { margin: 0 auto; width: 640px; }
#video-modal .entry { padding: 8px 0; }

/*=MEDIA CENTER*/
#media { padding: 20px; position: static; z-index: 0; }
.videos { padding: 0; position: static; z-index: 0; }
.video-display { float: left; width: 601px; position: static; z-index: 0; }
.video-display h3 { margin: 8px 0 0 0; }

.video-list { float: left; margin-left: 8px; width: 305px; }

.video-gallery { overflow: hidden; width: 305px; }
.video-gallery .thumb { background: #000; margin: 0 8px 10px 0; }
.video-gallery .thumb img {  }
.video-gallery h3 { font-size: 14px; font-weight: bold; margin: 8px 0 0 0; }

#gallery-display { position: static; z-index: 0; }
object { z-index: 0; }

/*=EVENTS*/
#featured-event { border: 5px solid #000; margin: 0 5px; padding: 15px; }

.events-links { /*background: #000;*/ color: #333; margin: 0 5px; padding: 10px 15px; }

#events { padding: 0 20px 20px; }
#events .event { border-top: 1px solid #999; margin: 0 0 0px 0; padding: 10px 0; }
#events .event table { margin: 0; }
.base .event p { font-size: 12px; line-height: 16px; margin-bottom: 16px; }
.event th { font-weight: bold; padding: 0 10px 0 0; }
.base .rsvp { margin: 0; }

/*=CONTACT US*/
#contact-form td { padding: 6px 0; }
.checkbox { margin-right: 5px; }
#contact-form textarea, .text { border: 1px solid #999; margin: 0; padding: 3px; }
#contact-form textarea, #contact-form #email { width: 420px; }
#contact-form #firstname, #contact-form #lastname { width: 204px; }
#contact-form #zip { width: 204px; }
#contact-form #custom-20 { width: 102px; }
#contact-form .submit { margin: 18px 0 0 0; }
.take-note { font-size: 12px; margin: 9px 0; }


/* 06 =FRAMEWORK
---------------------------------------------------------- */
#framework .submit, #framework #invitationpage #submit_button { background: #cc001e; border: none; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 5px 10px 5px; text-shadow: -1px 0 -1px #cc001e; text-transform: uppercase; }
#framework .checkbox, #framework .radiobutton, #framework .text { margin-right: 5px; }
#framework .label { padding-right: 5px; }
#framework label { text-transform: capitalize; }
#framework .text, #framework input#date-start, #framework input#date-end { border: 1px solid #999; margin: 0; padding: 3px; }
#framework td, #framework th { padding: 2px 0; }
#framework th { font-weight: bold; }
#framework #SKIN .even { background: #bbb; }
#framework #SKIN h1 { color: #000; font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; padding: 0; }
#framework .basic .main h2 { padding: 0; }
#framework #SKIN .basic .main h2#sectionheader, #framework #SKIN .basic .main h2.header { color: #000; border-bottom: 1px solid #292b26; font-size: 18px; line-height: 20px; margin-bottom: 6px; margin-top:6px; padding: 0 0 5px 0; }
#framework #SKIN label, #framework #SKIN p, #framework #SKIN td, #framework #SKIN th { font-size: 12px; line-height: 16px; }
#framework #SKIN p.instructions { font-size: 14px; line-height: 18px; }

#framework #captcha_container { margin: 0 0 10px 0; }
#framework #captcha_container #captcha_buttons { line-height: 0; margin: 0; }
#framework #captcha_buttons a { border: none; }

/*=LOGIN and SIGN-UP FORMS*/
#framework #loginform, #framework #signupform { background: none; }
#framework #loginform .logintitle, #framework #signupform .signuptitle { color: #000; font-size: 24px; margin: 0 0 5px 0; padding: 0 0 5px 0; text-align: left; }/*text formatting and spacing of log in and sign up box headers*/
#framework #loginform table, #framework #signupform table { background: none; margin: 0; padding: 10px 0; width: 480px; }
#framework #loginform table .logindesc, #framework #signupform table .signupdesc { padding-top: 10px; }
#framework #loginform td, #framework #loginform th, #framework #signupform td, #framework #signupform th { padding: 2px 10px; }
#framework #loginform table .loginbutton, #framework #signupform table .signupbutton { padding: 20px 10px 10px; } /*padding around submit buttons*/

/*=CREATE AN EVENT*/
#framework #SKIN #account_actions { font-size: 12px; line-height: 16px; }
#framework #SKIN #account_actions a { font-size: 12px; }
#framework #SKIN .basic #control_set { background: none;padding: 0; }
#framework #SKIN .basic .main h2.header { color: #000; font-weight: bold; }
#framework #SKIN #eventcreate h3 { font-size: 14px; line-height: 16px; }

/*=FIND AN EVENT*/
#framework #filters { float: left; margin-right: 20px;  width: 180px; }
#framework #calendar { border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 5px 0; padding: 10px; }/*styles the calendar container on the Event search page*/
#framework #calendar .calweekdayrow { font-weight: bold; }
#framework .calheader { border-bottom: 1px solid #ddd; padding: 5px 0; }
#framework #date-filter { background: #cc001e; border: none; color: #fff; font-size: 12px; font-weight: bold; margin: 5px 0 0 0; padding: 5px 10px 5px; text-shadow: -1px 0 -1px #cc001e; text-transform: uppercase; }/*Controls the styling of "Go" button on the event search page.*/
#framework input#date-start, #framework input#date-end { padding: 5px; }

/*=Results*/
#framework #event_results { float: left; margin: 0; width: 300px; }
#framework h3#count { float: none; font-size: 14px; margin: 0 0 14px 0; }
#framework #event_order { border-color: #000; margin: 0; padding: 0; } 
#framework #event_order li { background: none; list-style: none; margin: 0 5px 0 0; padding: 0; } /*Results sort options li*/
#framework ul#event_order li a { border: none; color: #cc001e; font-weight: normal; }
#framework ul#event_order li.active a { background: #000; border: none; color: #fff; padding: 5px; text-shadow: #000 -1px 0 -1px; } 
#framework #noresults, #framework #results { clear: both; }

/*=CONTRIBUTE FORM*/
#framework #contribution td.contribbutton table td { text-align: left; }
#framework #contribution td.contribheader { padding: 5px 0; }


/* 07 =CSS3
---------------------------------------------------------- */
#quick-signup #submit-bt, #events #search-bt, #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:auto; overflow:visible; }

#hero { background: rgba(37, 38, 36, .85); }
#sidebar { /*background: rgba(37, 38, 36, .9);*/ }


/* 08 =UTILITY
---------------------------------------------------------- */

.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}


/* MISC CUSTOM TPS */
/* Make the "control panel" wrappers "full width" */
#bsd #content,
#pages.events #content
{
	width: 100%;	
}



/* Space out the suggestions in some of the CP modules */
.suggestion
{
	margin-top: 6px;
}

.event-page .eventSnippet
{

  padding:0 20px 20px;

}