/* Berkshires Live - http://berkshireslive.com
Web Site and CSS Design by Geiger Computers
http://geigercomputers.com

blue:	#0073b1;
purple:	#306;

/* RESET
______________________________*/

* 								{ margin:0; padding:0 }
html							{ overflow: auto }
html, body						{ height: 100% }
body							{ font-size: 75% }
div								{ position: relative; }
h1, h2, h3, h4, h5, h6 			{ font-weight: normal; font-size: 100%; }
ul								{ list-style: none }
strong 							{ font-weight: bold }
em 								{ font-style: italic }
a img 							{ border:none }
a								{ outline: none;}
a:focus 						{ outline: 1px dotted invert }
hr 								{ border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0 }
table							{ border-collapse:collapse; }
textarea 						{ overflow: auto; }

/* GLOBAL SETTINGS
______________________________*/

.aligncenter 					{ display:block; margin:0 auto }
.alignleft 						{ float:left }
img.alignleft					{ padding: 0 10px 10px 0 }
.alignright 					{ float:right }
img.alignright					{ padding: 0 0 10px 10px }
.clear				 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.center							{ text-align: center; }
del 							{ text-decoration: line-through }
.error 							{ color:#FF6600; }
a								{ color: #0073b1; text-decoration: underline; }
a:hover							{ text-decoration: none; }

/* STRUCTURE
______________________________*/

body 							{ color:#555; font:14px 'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif; }
#wrap							{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px; width:960px; }
#header 						{ margin:0 auto; width:960px; position: relative; z-index:1; }
#header h1 						{font-size:48px;font-weight:bold;letter-spacing:-3px;margin:4px 0 -18px;padding-right:2px;text-align:right;text-shadow:1px 1px 3px #777777;}
#header h1 a					{ color:#555; text-decoration: none; }
#header h2 						{font-size:24px;font-weight:bold;letter-spacing:-1px;margin-bottom:-6px;padding-right:2px;text-align:right;}
#header h2 a					{ color:#CCC; text-decoration: none; }
#header h1 a:hover,
#header h2 a:hover				{ color: #306; }

.myaccount a, .login a 			{background:transparent url(images/myaccount-login.gif) no-repeat scroll 0 0;height:0;overflow:hidden;padding-top:40px;position:absolute;top:14px;width:158px;}
.myaccount a:hover				{ background-position: 0 -40px; }
.myaccount a:active				{ background-position: 0 -80px; }

.login a						{ background-position: -170px 0; }
.login a:hover					{ background-position: -170px -40px; }
.login a:active					{ background-position: -170px -80px; }

.head-buttons ul li				{ float: left; display: block; margin: 20px 10px 0 0; font-size: 1.8em; letter-spacing: -1px }
.head-buttons ul li	a			{ float:left; border:3px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; color: #272727; padding:3px 7px; font-size:0.6em; letter-spacing:0; text-decoration: none; }
.head-buttons ul li	a:hover		{ background:#306; color: white; }
.head-buttons ul li	a:active	{ background:#0073b1; color: white; }
.grid-8							{ float: left; width: 710px; margin: 14px 10px 0 0; }
.grid-4							{ float: left; width: 230px; margin: 14px 0 0 10px; }
.grid-9							{ float: left; width: 770px; margin-right: 10px; }
.grid-3							{ float: left; width: 170px; margin-left: 10px; }
.grid-4 h4						{ color: #999; text-align: center; padding: 5px; letter-spacing: 5px; }

/* SEARCH */
#search 						{left:170px;position:absolute;top:14px;}
.search-box 					{ background:url(images/search-box.gif) no-repeat; border:none; color:#CCCCCC; float:left; font-family:'Trebuchet MS',Trebuchet,Tahoma,Arial,sans-serif; font-size:1.6em; height:29px; letter-spacing:-1px; padding:6px 10px 5px; width:323px; }
.search-box:focus				{ background-position: 0 -40px; color: #0073b1; }
.search-button					{ float: left; padding:3px }

/* NAVIGATION */
#navigation								{ margin: 0 auto; width: 960px; }
#navigation ul li						{ display: inline; }
#navigation ul li a						{ float: left; padding-top: 47px; height: 0; overflow: hidden; width: 120px; background:url(images/nav-bg.jpg) no-repeat; }
#navigation ul li#music a				{ background-position: 0 0; }
#navigation ul li#music a:hover			{ background-position: 0 -47px; }
#navigation ul li#music a:active,
#navigation ul li#musicOn a 			{ background-position: 0 -94px; }
#navigation ul li#art a					{ background-position: -120px 0; }
#navigation ul li#art a:hover			{ background-position: -120px -47px; }
#navigation ul li#art a:active,
#navigation ul li#artOn a				{ background-position: -120px -94px; }
#navigation ul li#community a			{ background-position: -240px 0; }
#navigation ul li#community a:hover		{ background-position: -240px -47px; }
#navigation ul li#community a:active,
#navigation ul li#communityOn a			{ background-position: -240px -94px; }
#navigation ul li#health a				{ background-position: -360px 0; }
#navigation ul li#health a:hover		{ background-position: -360px -47px; }
#navigation ul li#health a:active,
#navigation ul li#healthOn a			{ background-position: -360px -94px; }
#navigation ul li#dance a				{ background-position: -480px 0; }
#navigation ul li#dance a:hover			{ background-position: -480px -47px; }
#navigation ul li#dance a:active,
#navigation ul li#danceOn a				{ background-position: -480px -94px; }
#navigation ul li#theater a				{ background-position: -600px 0; }
#navigation ul li#theater a:hover		{ background-position: -600px -47px; }
#navigation ul li#theater a:active,
#navigation ul li#theaterOn a			{ background-position: -600px -94px; }
#navigation ul li#film a				{ background-position: -720px 0; }
#navigation ul li#film a:hover			{ background-position: -720px -47px; }
#navigation ul li#film a:active,
#navigation ul li#filmOn a				{ background-position: -720px -94px; }
#navigation ul li#books a				{ background-position: -840px 0; }
#navigation ul li#books a:hover			{ background-position: -840px -47px; }
#navigation ul li#books a:active,
#navigation ul li#booksOn a				{ background-position: -840px -94px; }

/* CONTENT */
#content 						{ width:960px; }
#content h1 					{ font-size:28px; font-family: 'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif; text-shadow:1px 1px 2px #555; }
.purple							{ color: #306; }
#content h2 					{ font-size:18px; padding:0 0 10px }
.event 							{border-bottom:4px dotted #CBC2D2;float:left;padding:12px 0 18px 20px;width:650px;}
.event p 						{ line-height:18px;padding-top:18px; }
.event a:active					{ position:relative; top: 1px; }
.event h3						{ color: #306; font-weight: bold; font-size: 16px; padding-bottom: 14px; }
.event h3.category				{ margin: 15px 0 7px; }
.event ol						{ padding: 10px 0 }
.event ol li					{ padding: 5px 0 }
		
.event .datetime				{ padding: 13px 0 0 0; color: #000; }
.event .event-info p			{ padding: 0 }
.event .event-info p span		{ color: #306; }
.event .event-info p span.strong{ font-weight: bold; color: #306 }
.event p.desc					{ font-family: Verdana, Arial, Helvetica; font-size: 12px; }
.event .meta					{ padding-top: 18px; }
.event ul.categories li a		{ padding-right: 10px; }
li.bullet						{ background: url(images/bullet.gif) no-repeat 6px 4px; padding-left: 25px; }
#content input, 
#content textarea, 
#content select					{ border: 1px dashed #306; padding: 4px 8px; font: 16px 'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif; background:url(images/field-bg.gif) repeat-x; display: block; }
#content label					{ display: block; padding: 20px 0 3px; font-size: 1.1em; color: #0073B1; }
#content input.submit           { border: 3px solid #CCC; background: #306 ; background-image: none; -moz-border-radius: 5px; -webkit-border-radius:5px; color: white; padding: 3px 7px; margin:20px 0 50px;}
#content input.submit:focus     { background: #0073b1; }
#content input.inline			{ display: inline; }
#content input.hidden			{ display: none; }
#content textarea.desc			{ font-size: 14px; }
#content select					{ width: 172px; }
#content span.small				{ font-size: 12px; }

.date-meta							{ width: 40px; float:left;  margin-top: 15px; }
.date-meta .cal						{ height: 40px; background: url(images/cal.gif) no-repeat;}
.date-meta .Jan, .date-meta .Jul	{ background-position: 0 0; }
.date-meta .Feb, .date-meta .Aug	{ background-position: 0 -40px; }
.date-meta .Mar, .date-meta .Sep	{ background-position: 0 -80px; }
.date-meta .Apr, .date-meta .Oct	{ background-position: 0 -120px; }
.date-meta .May, .date-meta .Nov	{ background-position: 0 -160px; }
.date-meta .Jun, .date-meta .Dec	{ background-position: 0 -200px; }

.date-meta .day						{ height: 105px; background: url(images/weekday.gif) no-repeat; margin: 8px 0 0 9px;}
.date-meta .Mon						{ background-position: 0 0; }
.date-meta .Tue						{ background-position: 0 -105px; }
.date-meta .Wed						{ background-position: 0 -210px; }
.date-meta .Thu						{ background-position: 0 -315px; }
.date-meta .Fri						{ background-position: 0 -420px; }
.date-meta .Sat						{ background-position: 0 -525px; }
.date-meta .Sun						{ background-position: 0 -630px; }
.date-meta .tonight					{ background-position: 0 -735px; }

#content p.cal-month, p.cal-day	{ color: #FFF; font-weight: bold; text-transform: uppercase; text-align: center; padding:0; }
#content p.cal-day				{ color: #000; font-size: 18px; line-height: 0px; padding: 10px }
.ongoing						{ width: 40px; text-indent: -9000px; background: url(images/ongoing.gif) no-repeat; }
.message						{ background: #DDD; border: 3px solid #BBB; -moz-border-radius: 5px; -webkit-border-radius:5px; margin: 40px 0 20px; text-align: center; padding: 20px 10px 10px; }
.message p						{ padding: 0 0 20px; }
.message h3						{ font-size: 1.3em; margin-bottom: 10px; }
.message ul						{ padding: 10px 0 25px 0; list-style: outside circle }

p.block							{ padding: 10px 0; text-align: center; }
a.button						{ border: 3px solid #CCC; background: #555 url(images/button-bg.gif) repeat-x; -moz-border-radius: 5px; -webkit-border-radius:5px; color: white; padding: 3px 7px; font-weight: bold; text-decoration: none; font-size: 13px; }
a.button:hover					{ background-position: 0 -40px; }
a.button:active					{ background-position: 0 -80px; }
.view-all-events				{ position: absolute; top: -105px; left: 530px; }
.login-form                     { float: left; width: 375px; }
.login-text                     { float: left; width: 270px; background: #EEE; border: 3px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-left: 20px; padding: 0 10px 10px 10px; }
#content .login-text h2         { padding-top: 10px; }
.edit-event						{ padding-top: 18px; }
td .edit-event					{ padding: 8px 0; }
.edit-event.user				{ padding-top: 0px; }
.edit-event ul li				{ display:inline; }
.edit-event ul li a				{ border:2px solid #BBBBBB; color: #666; text-decoration: none; text-transform: uppercase; font: 0.6em sans-serif; margin: 0 3px; padding:1px 3px; background-color: white;}
.edit-event ul li a:hover		{ color: #000 }
.edit-event ul li a.edit:hover	{ border-color: #598527; }
.edit-event ul li a.dup:hover	{ border-color: #0073b1; }
.edit-event ul li a.del:hover	{ border-color: #9d0a0e; }
.event .meta ul li a.contact-poster		{ background: url(images/contact-poster.gif) no-repeat top right; padding:7px 12px 0 20px; }
.contact                        { width: 450px; margin-top: 20px; }
.gotop							{ position: absolute; bottom: 0; left: -27px; }
.gotop a						{ background: url(images/gotop.gif) no-repeat; text-indent: -9000px; padding: 0px 8px 0 7px; font-size: 1.3em; }
.gotop a:hover					{ background-position: 0 -24px; }

#paginate						{ margin: 20px 0 0; text-align:center; }
#paginate ul					{ }
#paginate ul li					{ display: inline; text-align:center; margin: 0 2px; }
#paginate ul li a,
#paginate ul li.current			{ border: 3px solid #CCC; background: #555 url(images/button-bg.gif) repeat-x; -moz-border-radius: 5px; -webkit-border-radius:5px; color: white; padding: 3px 7px; font-weight: bold; text-decoration: none; }
#paginate ul li a:hover			{ background-position: 0 -40px; }
#paginate ul li a:active		{ background-position: 0 -80px; }

#paginate ul li.current			{ background: #FFF; color: #306; }

/* MEMBERS */
#events-table					{ margin-top: 20px; }
#events-table table				{ width: 100%; border: none; }
#events-table table th			{ font-size:18px; border: none; color: #0073B1; text-align:left; padding-bottom: 14px; }
.hover							{ background-color: #d5e3eb; }

ul.mem-bar						{ }
ul.mem-bar li a					{ display: block; font-size: 1.1em; color: #FFF; background: #555 url(images/button-bg.gif) repeat-x; border: 3px solid #CCC; text-align: center; padding: 5px 0; margin: 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius:5px; text-decoration:none; font-weight: bold; }
ul.mem-bar li a:hover			{ background-color: #306; background-position: 0 -40px; }
ul.mem-bar li a:active			{ background-position: 0 -80px; }
.quiet-note						{ width: 330px; position:absolute; top: 6px; left: 275px; background: #e4e4e4; border: 3px solid #BBB; -moz-border-radius: 5px; -webkit-border-radius:5px; padding: 5px; text-align: center; }
.ongoing-note					{ top: 100px; padding-bottom: 10px; }
.ongoing-note h3				{ color: #306; font-size: 1.3em; }
img.note-arrow					{ position:absolute; top: 0; left: -33px; }
.form-div						{ width: 200px; float: left; position: static; }
#content .create-link textarea	{ margin-top: 10px; font-size: 14px; color: #306; }
#content .create-link h2		{ padding: 30px 0 10px; }

/* SIDEBAR */
.grid-4 h3 						{ background:url("images/button-bg.gif") repeat-x scroll 0 -40px #306; border:3px solid #CCC; color:#FFF; font-size:1.2em; margin:5px 0; padding:3px 0; text-align:center; }
.grid-4 h3.new					{ background:#306 url(images/new-header-bg.gif) no-repeat; }
.ad-sign-up						{ background: #93cae7 url(images/ad-sign-up-bg.gif) repeat-x; padding: 5px 8px 15px; color: #FFF; text-align: center; border: 1px solid #999; }
.ad-sign-up p					{ padding-bottom: 10px; font-size: 1.1em; }
.ad								{ margin-top: 5px; }
.welcome						{ border: 1px solid #252525; background: #51064f url(images/welcome-bg.gif) repeat-x; padding: 0 10px 15px; margin-top:10px; }
.welcome p.large				{ font-size: 22px; color: #FFF; }
.welcome p						{ color: #FFF; }
/* footer */
.push 							{ height: 120px; }
#footer 						{ height: 100px; margin:20px auto 0; width:960px; }
#links							{ background-color:#666; -moz-border-radius: 5px; -webkit-border-radius:5px; padding-bottom: 10px; }
#links .copyright,
#links .foot-buttons			{ padding-top: 10px; margin: 0 10px; }
#links .copyright p				{ padding-top: 5px; color: white; }
#links .foot-buttons ul li		{ float: right; display: block; margin: 0 5px; }
#links .foot-buttons ul li	a	{ float: left; border: 3px solid #CCC; background-color: white; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #272727; padding: 3px 7px; text-decoration: none; }
#links .foot-buttons ul li a:hover{ background:#306; color: white; }
#links .foot-buttons ul li a:active{ background:#0073b1; color: white; }

#design-by						{ margin: 20px auto; text-align: center; }
#design-by p					{ padding-bottom: 20px; }

/* Wufoo Form */
.wufoo .info h2 				{ text-shadow: 1px 1px 3px #777; }

/* TELL A FRIEND */
.form-split						{ float: left; width: 300px; }
form h3							{ font-size: 1.4em; color:#306; }

/* HELP */
label a							{ font-size: 9px; color: #306; }
.help-file						{ padding: 5px 10px; }
.help-file p					{ padding: 5px 0; }
.help-file h1					{ font-size: 175%; color: #306; padding-bottom: 5px; }
.help-file ol					{ list-style: outside decimal; }
.help-file li					{ padding: 3px; }

/* PAGE */

.page p							{ padding-top: 13px; }
#content .page h2				{ padding: 0 }