@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Original concept design, layout markup and CSS programming by J Hogue at Highchair designhaus

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, div, span, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

html { height: 100%; }
body, td, input, select, textarea { 
	font-family: Verdana, Tahoma, LucidaGrande, "Lucida Grande", LucidaSans, "Lucida Sans", LucidaSansUnicode, "Lucida Sans Unicode", sans-serif; 
	font-weight: normal; 
	padding: 0 0 20px 0; 
}
body {
	background-color: #fff;
	color: #444;
	text-align: left; 
	font-size: .625em; /* 10 pt */
	line-height: 2em; 
}
img, img a, a img { border: none; }
a { text-decoration: none; color: #50C; } /* darker purple */
a:hover { color: #444; text-decoration: underline; }

div.clearit { clear: both; }
div.border { border-top: 2px solid #6b1; margin: 5px 0;  }

/* ! - - - Constant default Html stuff - - - */	
h1 {
	font-size: 2em; 
	line-height: 1.4em; 
	font-weight: normal; 
	text-transform: none; 
	letter-spacing: 1px; 
	color: #fa1; /* orange */
}
h2 {
	font-size: 1.6em; 
	line-height: 1.6em; 
	font-weight: normal; 
	letter-spacing: 1px; 
	color: #6b1; /* dk green */
}

h3 {
	font-size: 1.2em;
	line-height: 1.6em; 
	font-weight: bold;
	color: #222; 
}

h4 {
	font-size: 1em;
	line-height: 1.2em; 
	font-weight: normal;
	text-transform: uppercase; 
	letter-spacing: 1px; 
	color: #50c; /* purple */
}
.nopad { padding: 0; }

p, ul, ol, dl, address, pre, td, textarea { font-size: 1.2em; }
p, ul, ol, dl, address, pre { padding: 0 0 .8em 0; }

i, em {
	font-style: italic; 
	font-size: 1.2em; 
	font-family: HoeflerText, "Hoefler Text", TimesNewRoman, "Times New Roman", Times, serif; 
}
blockquote { padding: 0 0 8px 20px; }
	blockquote p { padding: 0 0 4px 0; }
acronym { border-bottom: 1px dotted #999; }
form, fieldset, label { border: 0; }
label { font-weight: bold; }

/* ! - - - Layout - - - */
#logo {
	position: absolute; 
	top: -10px; 
	left: 50%; 
	margin: 0 0 0 -84px; 
}
	#logo a {
		display: block; 
		width: 240px; 
		height: 150px; 
		background: top left no-repeat url("../cssimages/livepawtucket.png") transparent; 
	}
.left, .right { 
	width: 49%; 
	display: inline-block; 
	vertical-align: top; 
}
	.left { margin: 0 10px 0 0; }
#navbar, #footer { 
	margin: 40px 0 0 0;
	border-top: 1px solid #ccc; 
	padding: 8px 0 0 14px; 
	border-bottom: 1px solid #ccc; 
}
	body#default_template #navbar { margin-bottom: 50px; }
	#footer { text-align: center; }
.everyoneneedsawrapper {
	width: 960px; 
	margin: 0 auto; 
	/* border: 1px solid #c0c;  */
}

/* ! - - - Homepage Template - - - */
#featuredevent { padding: 0 0 20px 0; }
	#eventimagecontainer { text-align: right; }
	.eventimage { max-width: 470px; }
	#featuredevent .spacer { height: 60px; }
	h1 a { color: #fa1; }
	#featuredevent h2, #upcoming h2 { padding-bottom: .6em; }
#upcoming { }
	.upcomingevent { 
		border-top-width: 3px; 
		border-top-style: solid; 
		margin: 0 0 .5em 0; 
	}
	.upcomingevent a span { white-space: nowrap; }
	.eventday { 
		border-width: 2px; 
		border-left-width: 10px; 
		border-style: solid; 
		padding: 1em 1em 0 1em; 
		margin: 0 0 .5em 0; 
	}

/* ! - - - Pervasive Styles - - - */
#navbar .right p { text-align: right; }
#calendarspacer { height: 50px; } 
#daysevents .spacer, .event_details .spacer { height: 20px; }
	#daysevents h1 { padding: 0 0 .5em 0; }
	.eventday h1 { padding: 0; }
.venue_details {
	background-color: #ffd; 
	margin-top: 10px; 
	padding: 12px 16px 6px 16px; 
}
#colorkey { padding: 0 0 1em 0; }
	#colorkey div { 
		display: inline-block; 
		width: 208px; 
		font-size: 1.1em; 
		text-transform: uppercase; 
		padding: 2px 8px; 
	}
.event_details { }
	.event_details h3 { padding-bottom: .8em; }
	#shareit {
		margin-top: 20px; 
		padding-top: 10px; 
		height: 30px; 
		background: left center no-repeat url("../cssimages/share-icons.png") #fff; 
		border-top: 1px solid #ddd; 
		border-bottom: 1px solid #ddd; 
	}

label, input#name, input#email, input#dosomemath { display: inline-block; vertical-align: middle; }
label.error { display: block; font-weight: normal; font-style: italic; color: #c33; }
input#name, input#email, input#dosomemath { padding: 1px; margin: 0 0 0 4px; }
input#name, input#email { width: 330px; }
input#dosomemath { width: 20px; }
textarea#message { width: 460px; }

/* ! - - - Calendar Styles - - - */
#minical { margin: 0 0 0 170px; }
table#minicalendarTable, table.calendarTable { width: 100%;  border: none; }
#minical table { border-left: 1px solid #ddd;  }
	#minical th, table.calendarTable th {  }
		table.calendarTable th a {
			font-size: 12px; 
			color: ; 
			text-decoration: none; 
			font-weight: bolder; 
		}
		table.calendarTable th a:hover { color: ; }
		#minical th, table.calendarTable th h3 {
			font-size: 12px; 
			letter-spacing: 1px; 
			text-transform: uppercase; 
			text-align: center; 
			background-color: transparent; 
		}
			#minical th a { font-size: 1em; }
		table.calendarTable th h3 {
			font-size: 1.4em;
			color: ; 
			background-color: transparent; 
		}
	table.calendarTable td {
		width: 14%; 
		padding: 2px 4px; 
		margin: 0 1em 0 0; 
	}
	#minical td { 
		width: 14%; 
		color: #666; 
		text-align: center; 
		padding: 1px; 
	}
	#minical td, table.calendarTable td {
		border-right: 1px solid #ddd; 
		border-bottom: 1px solid #aaa; 
	}
		table.calendarTable td.calendarHeader {
			border-top: 1px solid #ccc;
			background-color: #ddd; 
			color: #444; 
			font-size: 1em; 
			letter-spacing: 1px; 
			text-transform: uppercase; 
		}
		#minical td.calendarHeader {
			color: ; 
			font-size: 1em; 
			font-weight: bold; 
			text-transform: uppercase; 
			padding: 0 0 1px 0; 
		}
		table.calendarTable td.calendar {
			font-weight: bold; 
		}
		#minical td.calendarToday { color: #fff; }
		td.calendarToday { color: #fff; background-color: #50c; }
	table.calendarTable td a {
		display: block; 
		padding: 2px 3px; 
		margin: 0 0 3px 0; 
		font-weight: normal; 
		background-color: #eee; 
		border-bottom: 1px solid #278; 
	}
		table.calendarTable td a:hover { background-color: #fff; color: #333; }
	#minical td a {
		font-weight: bold; 
		color: ; 
		padding: 2px 5px 1px 5px; 
	}
		#minical td.calendarToday a { color: #fff; }
	#minical td a:hover {
		color: #fa1; 
		text-decoration: none; 
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ! - - - Experimental CSS 3.0 calls... not fully supported! (but really cool) - - - */


:focus { -moz-outline-style: none; }