/* @override http://www.c3richmond.org/assets/styles/styles.css?v=1 */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:normal;
	text-align:center;
	color:#333;
	background:url(../images/bg.gif) 0 0 repeat-x #e1e9e8;
}
a {
	color:#44819b;
}
a:hover {
	text-decoration:none;
}
a.continue {
	display:inline-block;
	width:136px;
	height:24px;
	background:url(../images/continue-reading.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
a:hover.continue {
	background-position:0 -24px;
}
#wrapper {
	width:962px;
	margin:0 auto 27px;
	overflow:hidden;
	background:url(../images/wrapper-bg.gif) 599px 0 repeat-y;
	position:relative;
	z-index:0;
}
#header {
	height:80px;
	text-align:left;
	position:relative;
	z-index:500;
}
#header h1 a {
	display:block;
	width:790px;
	height:80px;
	background:url(../images/header-logo.gif) no-repeat;
	text-indent:-9999px;
}
/* NAV */
#header ul {
	height:30px;
	position:absolute;
	top:51px;
	left:58px;
	width: 600px;
}
#header ul li {
	float:left;
	display:inline;
	position:relative;
}
#header ul li a {
	display:block;
	height:30px;
	background:url(../images/nav.gif) no-repeat;
	text-indent:-9999px;
}
#header ul li#nav-about a {
	width:101px;
}
#header ul li#nav-about a.active {
	background-position:0 -60px;
}
#header ul li#nav-about a:hover, #header ul li#nav-about.over a {
	background-position:0 -30px;
}
#header ul li#nav-programs a {
	width:114px;
	background-position:-101px 0;
}
#header ul li#nav-programs a.active {
	background-position:-101px -60px;
}
#header ul li#nav-programs a:hover, #header ul li#nav-programs.over a {
	background-position:-101px -30px;
}
#header ul li#nav-calendar a {
	width:111px;
	background-position:-215px 0;
}
#header ul li#nav-calendar a.active {
	background-position:-215px -60px;
}
#header ul li#nav-calendar a:hover, #header ul li#nav-calendar.over a {
	background-position:-215px -30px;
}
#header ul li#nav-media a {
	width:81px;
	background-position:-326px 0;
}
#header ul li#nav-media a.active {
	background-position:-326px -60px;
}
#header ul li#nav-media a:hover, #header ul li#nav-media.over a {
	background-position:-326px -30px;
}
#header ul li#nav-directory a {
	width:112px;
	background-position:-407px 0;
}
#header ul li#nav-directory a.active {
	background-position:-407px -60px;
}
#header ul li#nav-directory a:hover {
	background-position:-407px -30px;
}
#header ul li#nav-blog a {
	width:71px;
	background-position:-519px 0;
}
#header ul li#nav-blog a.active {
	background-position:-519px -60px;
}
#header ul li#nav-blog a:hover {
	background-position:-519px -30px;
}
/* constant contact */
#constant-contact {
	width:250px;
	padding:12px 0 0 44px;
}
#constant-contact label {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#D43A6D;
}
#constant-contact input.text {
	width:174px;
	height:16px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:2px 4px;
	border:2px solid #888;
	margin:0 5px 0 0;
	background:#fff;
}
#constant-contact input.submit {
	display:block;
	float:right;
	width:59px;
	height:22px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	background:url(../images/submit2.gif) no-repeat;
	cursor:pointer;
	position:relative;
	top:1px;
}

/*--------------------------
additions - 12/14/10
--------------------------*/
.img-text {position: absolute; top: -99999px;}

div#lounge a#lounge-button {display: block; width: 404px; height: 200px; overflow: hidden; position: relative; margin-bottom: 10px; background: url(../images/CreativeLounge-ad-1a.jpg) no-repeat 0 0;}
div#lounge a#lounge-button:hover {background-position: 0 -200px;}

form#donate-now {width: 142px; height: 42px; position: absolute; left: 830px; top: 18px;}
form#donate-now #donate-button {display: none; width: 142px; height: 42px; background: url(../images/C3-donate-button.gif) no-repeat 0 0; cursor: pointer; text-indent: -9999px; border: none; padding: 0;}
form#donate-now #donate-button:hover {background-position: 0 -42px;}

#constant-contact {	position: absolute; top: 5px; left: 979px; }

/*--------------------------
main nav updates - 12/14/10
--------------------------*/
#header ul li#nav-lounge {display: none;}

#header ul#rev121410 {width: 758px;}
#header ul#rev121410 li a {background-image: url(../images/nav.121410.gif);}

/* new addition: creative lounge */
#header ul#rev121410 li#nav-lounge {display: block;}
#header ul#rev121410 li#nav-lounge a {width: 170px; background-position: -99px 0;}
#header ul#rev121410 li#nav-lounge a.active {background-position: -99px -60px;}
#header ul#rev121410 li#nav-lounge a:hover, 
#header ul#rev121410 li#nav-lounge.over a {background-position: -99px -30px;}

/* changes to previous version */
#header ul#rev121410 li#nav-about a {width: 99px; background-position: 0 0;}
#header ul#rev121410 li#nav-about a.active {background-position: 0 -60px;}
#header ul#rev121410 li#nav-about a:hover, 
#header ul#rev121410 li#nav-about.over a {background-position: 0 -30px;}

#header ul#rev121410 li#nav-programs a {background-position: -269px 0;}
#header ul#rev121410 li#nav-programs a.active {background-position: -269px -60px;}
#header ul#rev121410 li#nav-programs a:hover, 
#header ul#rev121410 li#nav-programs.over a {background-position: -269px -30px;}

#header ul#rev121410 li#nav-calendar a {background-position: -383px 0;}
#header ul#rev121410 li#nav-calendar a.active {background-position: -383px -60px;}
#header ul#rev121410 li#nav-calendar a:hover, 
#header ul#rev121410 li#nav-calendar.over a {background-position: -383px -30px;}

#header ul#rev121410 li#nav-media a {background-position: -494px 0;}
#header ul#rev121410 li#nav-media a.active {background-position: -494px -60px;}
#header ul#rev121410 li#nav-media a:hover, 
#header ul#rev121410 li#nav-media.over a {background-position: -494px -30px;}

#header ul#rev121410 li#nav-directory a {background-position: -575px 0;}
#header ul#rev121410 li#nav-directory a.active {background-position: -575px -60px;}
#header ul#rev121410 li#nav-directory a:hover, 
#header ul#rev121410 li#nav-directory.over a {background-position: -575px -30px;}

#header ul#rev121410 li#nav-blog a {background-position: -689px 0;}
#header ul#rev121410 li#nav-blog a.active {background-position: -689px -60px;}
#header ul#rev121410 li#nav-blog a:hover, 
#header ul#rev121410 li#nav-blog.over a {background-position: -689px -30px;}



/* subnav */
#header ul li ul {
	width:171px;
	height:auto;
	padding:8px 15px 7px 4px;
	border-top:3px solid #fff;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	background:url(../images/subnav-bg.gif) 0 0 repeat-y;
	position:absolute;
	top:30px;
	left:-37px;
	display:none;
}
#header ul li#nav-about ul {left: -45px;}
#header ul li.over ul {
	display:block;
}
#header ul li ul li {
	display:block;
	float:none;
}
#header ul li ul li a {
	width:auto !important;
	height:22px !important;
	font-size:13px;
	color:#45a2aa/*4eb7c0*/;
	text-indent:0;
	text-decoration:none;
	background:url(../images/subnav-a-bg.gif) 0 1px repeat-x !important;
}
#header ul li ul li a:hover {
	color:#d43a6d;
	background-position: 0 -21px !important;
}
#header ul li ul li a span {
	display:inline-block;
	line-height:22px;
	background:#fff;
	padding:0 3px 0 8px;
}


/*--------------------------
additions - 12/14/10
--------------------------*/
#header ul#rev121410 li ul {padding:0 15px 9px 4px;}
#header ul#rev121410 li ul li a {margin: 8px 0 0 8px; height: auto !important; width: 163px !important; float: left;}
#header ul#rev121410 li ul li a span {line-height: normal; height: auto !important; width: auto !important; display: inline; padding: 0;}


/* END NAV */


/* SUBHEAD */
#subhead {
	height:60px;
	overflow:hidden;
	text-align:left;
	color:#fff;
	background:#333;
}
#subhead h2 {
	font-size:21px;
	font-weight:normal;
	line-height:60px;
	padding:0 4px 0 30px;
}
#subhead h2 a {
	color:#b0d434;
}
#subhead h2, #subhead p {
	display:inline;
}
#subhead p {
	font-size:12px;
	background-color:#5d5d5d;
	padding:3px 4px;
}
#subhead p a {
	color:#ddd;
}
/* END SUBHEAD */


/* BREADCRUMB */
#breadcrumb {
	font-size:12px;
	line-height:30px;
	text-align:left;
	background-color:#fff;
	overflow:hidden;
}
#breadcrumb span {
	display:none;
}
#breadcrumb a {
	display:inline-block;
	color:#545454;
	padding:0 8px 0 15px;
	float:left;
	background: url(../images/breadcrumb-bg.gif) no-repeat;
}
#breadcrumb a:first-child {background: none; padding-left: 10px;}
#breadcrumb em,
#breadcrumb a.active {
	display: inline-block;
	float: left;
	font-style: normal;
	color:#fff;
	text-decoration:none;
	background:url(../images/breadcrumb-a-bg.gif) 0 0 no-repeat #d43a6d;
	padding:0 14px 0 16px;
	cursor:default;
}
#breadcrumb em a{
	color: #FFF;
	text-decoration: none;
}
#breadcrumb form {
	width:185px;
	height:30px;
	overflow:hidden;
	background:url(../images/search.gif) 0 0 no-repeat;
	float:left;
	margin:0 0 0 1px;
}
#breadcrumb form input {
	width:100px;
	height:16px;
	float:left;
	padding:2px 4px;
	margin:5px 0 0 7px;
}
#breadcrumb form input#search {
	width:60px;
	height:30px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	margin:0 0 0 5px;
	cursor:pointer;
}
/* END BREADCRUMB */


/* CONTENT */
.interior #wrapper {
	width:901px;
}
.interior #content {
	width:551px;
	text-align:left;
	padding:18px 20px 0 0;
	float:left;
	position:relative;
}
.interior #content h1 {
	position: relative;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#7e8385;
	padding:0 0 15px;
	border-bottom:1px solid #bebebe;
	margin:0 0 15px;
}
.interior #content h1 a.register,
.interior #content h1 a.rss,
.interior #content h1 a.edit{
	position: absolute;
	background-color: #D43A6D;
	color: #FFF;
	text-decoration: none;
	right: 0;
	font-weight: normal;
	padding: 5px 10px;
	font-size: 11px;
}
.interior #content h1 a.edit:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.interior #content h2 {
	font-size:15px;
	color:#d43a6d;
	margin:10px 0 3px;
}
.interior #content h2 a{
	color:#d43a6d;
	text-decoration: none;
}
.interior #content h2 a:hover{
	text-decoration: underline;
}
.interior #content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	font-weight:normal;
	margin:0 0 1px;
}
.interior #content p.first {
	position:absolute;
	top:14px;
	right:21px;
}
.interior #content p.intro {
	font-size:26px;
	line-height:normal;
	color:#999ea2;
	margin:0 0 21px;
}
.interior #content p.entry-date {text-transform: uppercase; font-size: 12px; color: #666; letter-spacing: 1px; margin-bottom: 0;}
.interior #content ul {
	margin:0 0 26px;
	list-style: square;
	margin-left: 15px;
	font-size: 15px;
}
.interior #content ul li {margin-bottom: 4px;}
.interior #content ol {
	list-style:decimal;
	font-size:15px;
	padding:0 0 0 25px;
	margin:0 0 10px 15px;
}
.interior #content ol li {
	margin:0 0 4px;
}
.interior #content ul.entry-listing {margin-left: 0;}
.interior #content ul.entry-listing li {
	background:url(../images/arrow-pink.png) 2px 5px no-repeat;
	padding:0 0 0 20px;
	list-style: none;
}
.interior #content ul.lightbox{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.interior #content ul.lightbox li{
	float: left;
}
.interior #content ul.lightbox li img{
	float: none;
	display: block;
}
.interior #content p {
	font-size:15px;
	line-height:22px;
	letter-spacing:0.01em;
	margin:0 0 10px;
}
.interior #content hr {border: 0; border-top: 1px dashed #bdbdbd; height: 1px; display: block; margin: 15px 0;}
p.share a, a#share {
	display:block;
	width:56px;
	height:24px;
	background:url(../images/share.png) no-repeat;
	text-indent:-9999px;
}

.interior #content img {float: right; clear: left; margin: 5px 0 5px 10px; border: 2px solid white;}

p.share a:hover, a:hover#share {
	background-position:0 -24px;
}
a#print, a#prev {
	display:block;
	height:24px;
	text-indent:-9999px;
}
a#print {
	width:64px;
	background:url(../images/print.png) no-repeat;
}
a:hover#print {
	background-position:0 -24px;
}
a#prev {
	width:56px;
	background:url(../images/prev.png) no-repeat;
}
a:hover#prev {
	background-position:0 -24px;
}
a#prev.off {
	background-position:0 -48px;
	cursor:default;
}
a#next {
	display:inline-block;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	background:url(../images/next.png) no-repeat;
	text-indent:0;
	/*padding:0 5px 0 0;*/
}
a:hover#next {
	color:#fff;
	background-position:0 -24px;
}
a#next.off {
	background-position:0 -48px;
	cursor:default;
}
a#next span {
	display:inline-block;
	width:56px;
	height:24px;
	text-indent:-9999px;
}
#pagination {
	height:24px;
}
#pagination a {
	float:left;
	margin:0 5px 0 0;
}
#pagination a em {font-style: normal; margin-right: 5px;}

div#content form p {width: 500px; overflow: hidden;}
div#content form label {width: 150px; float: left; text-align: right; margin-right: 10px; font-size: 13px; line-height: normal; padding-top: 5px;}
div#content form label span{font-size: 11px;}
div#content form input {background: #b7bdbc; border: 1px solid white; padding: 4px 3px; float: left;}
div#content form input:focus {background: white; border-color: #b7bdbc;}
div#content form textarea {background: #b7bdbc; border: 1px solid white; padding: 4px 3px; float: left;}
.interior div#content form img{display: block; float: none; margin: 0 0 0 160px; clear: both;}
div#content #create form select,
div#content #create form input,
div#content #create form textarea{width: 250px;}
div#content form select.multiple {background: #b7bdbc; border: 1px solid white; padding: 4px 3px; width: 420px;}
div#content form textarea:focus {background: white; border-color: #b7bdbc;}
div#content form button {position: relative; left: 160px;}
div#content form p.align {position: relative; left: 160px; margin: 20px 0; font-size: 12px;}



#forgot_password_form{
	margin: 20px 0 0 0;
}
/* END CONTENT */

/* REGISTRATION FORM */
#registration_form h2{margin: 10px 0;}
.interior #content h2#register{margin: 10px 0 15px 0;}
/* END REGISTRATION FORM */

/* COMMENTS */
.interior #content .comment {padding: 10px;}
.interior #content .comment.odd {padding: 10px; background-color: #EFEFEF;}
.interior #content .comment p { line-height: 1.4; font-size: 13px;}
div#content form#comment_form{padding: 0 0 50px 0;}
div#content form#comment_form img{margin-left: 0;}
div#content form#comment_form p{padding: 5px 0; font-size: 12px;}
div#content form#comment_form p label {float: none; display: block; text-align: left; width: 300px;}
div#content form#comment_form p input{margin: 5px 5px 0 0;}
div#content form#comment_form p input.input{ float: none; width: 200px;}
div#content form#comment_form button{position: relative; left: 0; margin: 0;}
div#content form#comment_form textarea{width: 541px; }
/* END COMMENTS */

/* OVERLAYS */
#overlay {
	display: none;
	width:100%;
	height:100%;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#contact_overlay {
	width:343px;
	font-size:11px;
	font-weight:bold;
	color:#3f1c10;
	background-color:#f6f6f0;
	padding:25px;
	border:10px solid #fff;
	position:absolute;
	top:50px;
	z-index:10000;
	display:none;
}
#contact_overlay label {
	display:block;
	width:auto;
	text-align:left;
	margin:0 0 5px;
}
#contact_overlay input {
	display:block;
	width:331px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px 2px 3px;
	margin:0 0 10px;
}
#contact_overlay textarea {
	display:block;
	width:335px;
	background-color:#fff;
	border:1px solid #ccc;
}
#contact_overlay input.submit {
	width:60px;
	height:22px;
	background:url(../images/submit.gif) no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	border:0;
	margin:10px 0 0;
	cursor:pointer;
}
.hiddenFields {
	display:none;
}
a.close {
	display:block;
	width:15px;
	height:15px;
	background:url(../images/close.gif) no-repeat;
	position:absolute;
	top:10px;
	right:10px;
}
/* END OVERLAYS */

/* SIDEBAR */
.interior #sidebar {
	width:330px;
	text-align:left;
	float:left;
	background:url(../images/sidebar-bg.gif) no-repeat;
}
.interior #sidebar #top {
	background-color:#ff690e;
	margin:0 0 30px;
}
.interior #sidebar #top h1 {
	font-size:21px;
	color:#973e09;
	padding:30px 44px 12px;
}
.interior #sidebar #top ul {
	padding:0 35px 24px 24px;
}
.interior #sidebar #top ul li {
	font-size:16px;
	color:#fff;
	background:url(../images/arrow-orange.png) 2px 3px no-repeat;
	padding:0 0 11px 20px;
}
.interior #sidebar #bottom {
	padding:0 0 0 45px;
}
.interior #sidebar #mailinglist_form,
.interior #sidebar #category-list,
.interior #sidebar #feature {
	padding:0 0 8px;
	border-bottom:1px solid #bebebe;
	margin:0 0 20px;
}
.interior #sidebar input{
	background: #b7bdbc; border: 1px solid white; padding: 4px 3px;
}

.interior #sidebar #category-list ul{
	padding-bottom: 5px;
}
.interior #sidebar div#bottom ul {margin-left: 15px;}
.interior #sidebar div#bottom ul li {list-style: square; margin-bottom: 4px;}
.interior #sidebar #feature img {
	display:block;
	float:right;
	margin:2px 0 0 10px;
}
.interior #sidebar h2 {
	font-size:12px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	color:#e15e0f/*f46610*/;
	margin:-2px 0 7px;
}
.interior #sidebar h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	margin:0 0 3px;
}
.interior #sidebar p {
	line-height:21px;
	margin:0 0 10px;
}
.interior #sidebar #directory p {
	line-height:normal;
	margin:0 0 12px;
}
.interior #sidebar #directory p.last {
	margin:-5px 0 17px;
}
.interior #sidebar a.continue {
	margin-right:5px;
}
.interior #directory p.profile {
	background-color:#fff;
	padding:10px;
}
.interior #directory p.profile a {
	display:block;
	width:206px;
	height:22px;
	background:url(../images/create-profile.gif) no-repeat;
	text-indent:-9999px;
	margin:6px 0 0;
}
/* END SIDEBAR */


/* FOOTER */
#footer {
	clear:both;
	height:144px;
	text-align:left;
	color:#4d4d4d;
	position:relative;
	background:#333;
}
#footer a {
	color:#b1b1b1;
}
#footer a.last {
	color:#b0d434;
}
#footer p.first {
	font-size:12px;
	padding:12px 0 0 260px;
}
#footer p.last {
	width:228px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
}
#footer p.last a.logo {
	display:block;
	width:228px;
	height:40px;
	background:url(../images/footer-logo.gif) no-repeat;
	text-indent:-9999px;
}
#footer p.last span {
	display:block;
	font-size:10px;
	text-transform:uppercase;
	color:#8c8c8c;
	position:absolute;
	top:30px;
	left:48px;
}
#footer p.last a {
	color:#8c8c8c;
}
/* END FOOTER */

/* Calendar Detail Page */

.interior.event-detail #wrapper{
   width: 1074px;
   background-position: 772px 0;
}

.interior.event-detail #content{
   width: 724px;
}

#attendees{
   width: 724px;
   float: left;
   padding: 10px 0 20px;
}

#attendees p#attendee-label{
   display: none;
   padding-left: 160px;
   width: 564px;
   margin-bottom: 3px;
   font-size: 12px;
}

#attendees p#attendee-label strong{
   width: 164px;
   padding: 3px;
   display: block;
   float: left;
   margin-right: 5px;
   font-weight: normal;
}

#attendees input{
   width: 164px;
   margin-right: 5px;
   margin-bottom: 5px;
}

.validity-summary-container{
   display: none;
}

.validity-summary-container p,
.validity-summary-container li{
   color: #d43a6d;
}

div#content form input.validity-erroneous{
   border-color: #d43a6d;
}

#registration_form span.req{
   color: #d43a6d;
}

#content p.req-label{
   font-size: 11px;
}

/* End Calendar Detail Page */