/*
Stylesheet for the Acoustic Vortex site, designed for Screen Media

Author: Christopher Werby of Pipsqueak Productions, LLC
http://www.pipsqueak.com

*/

/* @group FONT FACE ASSIGNMENTS */
body { font-family: arial, sans; }

/* @end FONT FACE ASSIGNMENTS*/
/* @group DEFAULTS FOR MARGINS AND PADDING */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{
	line-height: 1;
	color: black;
	background: white;
}

ul, ol { list-style-position: outside; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* @end DEFAULTS FOR MARGINS AND PADDING */
/* @group GENERAL FORM ELEMENT STYLES */
label
{
	display: block;
	margin-top: .15in;
	font-size: 11pt;
	text-indent: -.35in;
	padding-left: .5in;
}

label.ac
{
	margin-left: .5in;
	font-size: 10pt;
	margin-top: .1in;
	margin-bottom: 0;
	display: block;
	text-indent: 0;
	padding-left: 0;
}

div.supp label
{
	margin-left: .5in;
	font-size: 10pt;
	text-indent: 0;
	padding-left: 0;
	display: inline;
}

div.supp label span
{
	font-size: 10pt;
	display: block;
	padding-left: .5in;
}

label small
{
	display: block;
	text-indent: 0;
}

input.solo
{
	margin-left: .55in;
	display: block;
}

label b
{
	/*number*/
	font-size: 1.3em;
	font-weight: normal;
}

textarea { margin-left: .5in; }
textarea.ac { margin-bottom: .2in; }

select
{
	display: block;
	margin-left: .5in;
}

/* @end END GENERAL FORM ELEMENT STYLES */
/* @group MAIN STRUCTURE SECONDARY PAGES*/
body.second { background-color: black; }

body.second div#paper
{
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url(../images/Second_MidSection_BG.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	z-index: 1;
}

body.second div#paper span#papertop
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 450px;
	width: 770px;
	display: block;
	background-image: url(../images/Second_Topper_BG.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 3;
}

body.second div#paper span#papertop a
{
	display: block;
	height: 190px;
	width: 500px;
	position: absolute;
	top: 50px;
	left: 240px;
	text-decoration: none;
	z-index: 14;
}

body.second div#paper span#paperbottom
{
	position: relative;
	left: 0px;
	top: 0px;
	min-height: 189px;
	width: 770px;
	display: block;
	background-image: url(../images/Second_Footer_BG.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 3;
}

body.second div#content
{
	width: 510px;
	margin-left: 230px;
	padding-top: 320px;
	margin-bottom: -10px;
	min-height: 350px;
	z-index: 10;
}

/* @end MAIN STRUCTURE SECONDARY PAGES*/
/* @group NAVIGATION */
body.second div#navigation
{
	position: absolute;
	top: 50px;
	left: 30px;
	width: 180px;
	height: 370px;
	z-index: 1;
	font-size: .6em;
}

body.second div#navigation ul
{
	list-style-type: none;
	list-style-position: outside;
}

body.second div#navigation li { margin-bottom: .2in; }

body.second div#navigation li a
{
	font-size: 1.3em;
	display: block;
	text-decoration: none;
}

body.second div#navigation li a:hover { text-decoration: underline; }
body.second div#navigation li.big { font-size: 1.4em; }

/* @end NAVIGATION */
/* @group MAIN HEADLINES AND SUBHEADS */
/* @end MAIN HEADLINES AND SUBHEADS */
/* @group CREDITS (FOOTER) */
/* @end CREDITS (FOOTER) */
/* @group LINK TREATMENTS GENERALLY */
a.button:hover { background-position: 1px 1px !important; }
a.button span { display: none !important; }

/* @end LINK TREATMENTS GENERALLY */
/* @group MULTI SECTION TEXT TREATMENTS */
p { margin: 1em; }
.nodisplay, .hidden { display: none; }
.yellow { background-color: yellow !important; }
.blue { background-color: blue !important; }
.red { background-color: red !important; }
.green { background-color: green !important; }
.note, .notes { color: red !important; }
.nobreak { white-space: nowrap; }
.lower, .lowercase { text-transform: lowercase !important; }
.upper, .uppercase { text-transform: uppercase !important; }
.smallcaps { font-variant: small-caps !important; }
.legal, .small { font-size: .8em; }
.normal { font-style: normal; }
.bold { font-weight: bold; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.caption { color: #630; }
.italic { font-style: italic; }

/* @end MULTI SECTION TEXT TREATMENTS */
a
{
	text-decoration: underline;
	color: blue;
}

strong { font-weight: bold; }

cite
{
	font-style: italic;
	font-weight: bold;
}

em { font-style: italic; }

/* @group MULTI SECTION WORD TREATMENTS */
/* @end MULTI SECTION WORD TREATMENTS */
/* @group HOME PAGE */
body#home
{
	background-color: black;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
}

body#home div#nextEvent
{
	position: absolute;
	top: 280px;
	left: 157px;
	width: 345px;
	min-height: 170px;
}

body#home div#nextEvent h1 { text-indent: -9999px; }

body#home div#nextEvent h2
{
	font-size: 1.2em;
	text-transform: uppercase;
}

body#home div#nextEvent h2 span
{
	font-size: .8em;
	font-style: italic;
	text-transform: none;
	margin-right: 10px;
}

body#home div#nextEvent h3 { margin-top: .1in; }

body#home div#nextEvent h3 span
{
	font-size: .7em;
	padding-left: .2in;
}

body#home div#nextEvent p
{
	margin-left: 110px;
	font-size: 1.1em;
	line-height: 1.3em;
}

body#home div#nextEvent p.link
{
	position: absolute;
	top: 70px;
	left: -100px;
}

body#home div#nextEvent span.location
{
	display: block;
	font-size: .8em;
	margin-top: .1in;
}

body#home div#nextEvent span.time
{
	display: block;
	font-size: .8em;
	margin-top: .1in;
}

body#home div#nextEvent span.benefit
{
	display: block;
	font-size: .7em;
}

body#home div#nextEvent p a, body#home div#futureEvents ol li a { text-decoration: none; }
body#home div#nextEvent p a:hover, body#home div#futureEvents ol li a:hover { text-decoration: underline; }

body#home div#nextEvent address
{
	font-size: .7em;
	position: absolute;
	top: 190px;
	left: 0;
}

body#home div#nextEvent a.moreInfoButton
{
	background-image: url(images/Button_More_Info_on_Next_Event_BotRgt.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 100px;
	display: block;
	background-position: 0 0;
	margin-bottom: -10px;
	position: absolute;
	top: 160px;
	right: -20px;
}

body#home div#futureEvents
{
	position: absolute;
	top: 544px;
	left: 256px;
	width: 226px;
	min-height: 133px;
}

body#home div#futureEvents h1 { text-indent: -9999px; }

body#home div#futureEvents ol
{
	list-style-type: none;
	list-style-position: outside;
}

body#home div#futureEvents ol li
{
	line-height: 1.2em;
	margin-bottom: .7em;
}

body#home div#futureEvents ol li span
{
	font-size: .8em;
	font-style: italic;
	text-transform: none;
	float: left;
	display: block;
	width: 90px;
	margin-left: -90px;
}

body#home div#futureEvents li span.location
{
	font-size: .7em;
	font-style: normal;
	float: none;
	width: inherit;
	margin-top: -3px;
	margin-left: 0;
}

body#home div#futureEvents ol li p.small
{
	padding-top: 0;
	margin-left: 0;
	line-height: 1.2em;
	font-size: .7em;
}

body#home div#navigation
{
	position: absolute;
	top: 230px;
	left: 540px;
	width: 220px;
	min-height: 285px;
}

body#home div#navigation ul
{
	list-style-type: none;
	list-style-position: outside;
}

body#home div#navigation li
{
	font-size: .7em;
	margin-bottom: .2in;
}

body#home div#navigation li.home { display: none; }
body#home div#navigation li.big { font-size: inherit; }

body#home div#navigation li a
{
	text-decoration: none;
	font-size: 1.2em;
}

body#home div#navigation li a:hover { text-decoration: underline; }

body#home div#bios
{
	position: absolute;
	top: 200px;
	left: 995px;
	width: 200px;
	min-height: 300px;
}

body#home div#bios h1
{
	font-style: italic;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}

body#home div#bios ul
{
	list-style-type: none;
	list-style-position: outside;
	font-family: sans-serif;
	font-size: .8em;
}

body#home div#bios li { margin-bottom: .01in; }

body#home div#bios li a
{
	text-decoration: none;
	color: black;
}

body#home div#bios li a.website
{
	font-size: .7em;
	position: absolute;
	padding-right: 10px;
	right: 0;
	color: blue;
}

body#home div#bios li a:hover { text-decoration: underline; }

body#home div#businessCards div
{
	font-size: .8em;
	font-family: sans-serif;
	padding-left: .1in;
	padding-top: .1in;
}

body#home div#businessCards div h1
{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: .05in;
}

body#home div#businessCards div h2
{
	font-weight: normal;
	font-size: 1em;
	margin-bottom: .05in;
	text-transform: lowercase;
}

body#home div#businessCards div a { text-decoration: none; }
body#home div#businessCards div a:hover { text-decoration: underline; }

body#home div#businessCards div#cardFirst
{
	position: absolute;
	top: 175px;
	left: 1200px;
	width: 285px;
	min-height: 65px;
}

body#home div#businessCards div#cardSecond
{
	position: absolute;
	top: 350px;
	left: 1225px;
	width: 270px;
	min-height: 70px;
}

body#home div#businessCards div#cardThird
{
	position: absolute;
	top: 530px;
	left: 1215px;
	width: 280px;
	min-height: 70px;
}

body#home div#photos
{
	position: absolute;
	top: 547px;
	left: 659px;
	width: 500px;
	height: 350px;
}

body#home div#photos p
{
	color: red;
	width: 400px;
	margin-left: 30px;
	margin-top: 100px;
	text-align: center;
	font-family: sans-serif;
	font-size: 1.2em;
	border: 2px red solid;
	padding: 20px;
}

body#home div#photos p span
{
	display: block;
	font-size: .7em;
}

body#home div#ticket
{
	position: absolute;
	top: 60px;
	left: 740px;
	width: 190px;
	height: 110px;
}

body#home div#ticket a,  body#home div#magazine a, body#home div#cap a, body#home div#yellowpaper a
{
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
}

body#home div#magazine
{
	position: absolute;
	/* 	When Magazine is on the Right*/
	top: 601px;
	left: 1195px;
	width: 314px;
	height: 378px;
	/* 	When Magazine is on the Left 
		top: 460px;
		left: 150px;
		width: 220px;
		height: 200px;*/
		
}

body#home div#cap
{
	position: absolute;
	left: 300px;
	width: 330px;
	height: 350px;
	/* 	When Cap is Lowered */
	top: 674px;
	/*When Cap is Raised
		top: 610px;*/
}

body#home div#yellowpaper
{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 230px;
	left: 780px;
}

body#home div#yellowpaper p { text-indent: -9999px; }

body#home div#payPalButton
{
	position: absolute;
	/* 	When Donate Button is in the Paper*/
	top: 230px;
	left: 158px;
	/*	When Donate Button is in the Cork
	top: 86px;
 	left: 948px;
*/
}

body#home div#extants p
{
	position: absolute;
	height: 50px;
	width: 50px;
}

body#home div#extants p.left { left: 1540px; }
body#home div#extants p.bottom { top: 1120px; }

/* @end HOME PAGE */
/* @group SECONDARY PAGES CONTENT STYLES GENERAL */
body.second div#definition
{
	position: absolute;
	background-image: url(../images/Purple_Sticky_Note_on_Cork.jpg);
	left: 12px;
	top: 438px;
	width: 187px;
	height: 196px;
	z-index: 30;
	background-repeat: no-repeat;
	color: #444;
}

body.second div#definition dl
{
	height: 150px;
	width: 150px;
	margin-left: 5px;
	margin-top: 35px;
	position: relative;
	top: 10px;
	left: 10px;
}

body.second div#definition dt
{
	margin-top: 20px;
	margin-left: 5px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}

body.second div#definition dt span
{
	font-weight: normal;
	font-size: .65em;
}

body.second div#definition dd
{
	line-height: 1.2em;
	margin-top: .05in;
	margin-left: 5px;
	font-size: .7em;
}

body.second div.polaroid
{
	width: 485px;
	height: 501px;
	margin-left: 10px;
	background-image: url(../images/Photo_Polaroid_Large.jpg);
	background-repeat: no-repeat;
}

body.second div.polaroid img
{
	position: relative;
	top: 52px;
	left: 30px;
}

body.second div#content div.card
{
	background-image: url(../images/BusinessCard_BG_Small.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 176px;
	width: 277px;
	display: block;
	clear: both;
	z-index: 110;
	margin-bottom: .2in;
}

body.second div#content div.card h1
{
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: .05in;
	position: absolute;
	top: 100px;
	left: 20px;
	display: block;
}

body.second div#content div.card h2
{
	font-weight: normal;
	font-size: .9em;
	margin-bottom: .05in;
	text-transform: lowercase;
	position: absolute;
	top: 115px;
	left: 20px;
	display: block;
}

body.second div#content div.card a { text-decoration: none; }
body.second div#content div.card a:hover { text-decoration: underline; }

body.second div#content div.card address
{
	position: absolute;
	top: 130px;
	right: 20px;
}

body.second div#content *
{
	position: relative;
	z-index: 100;
}

body.second div#content h1
{
	font-size: 1.6em;
	text-align: center;
	margin-bottom: .2in;
}

body.second div#content h2
{
	font-size: 1.2em;
	width: 523px;
	background-color: gray;
	color: white;
	height: 30px;
	display: block;
	margin-left: -26px;
	padding-left: 26px;
	padding-top: .1in;
	margin-bottom: .1in;
	clear: both;
}

body.second div#content h3
{
	font-size: 1em;
	font-weight: bold;
	padding-top: .15in;
}

body.second div#content p { margin-left: 0; }
body.second b { font-size: 1.2em; }

/* @end SECONDARY PAGES CONTENT STYLES GENERAL */
/* @group SIRENS OF SAN FRANCISCO */
body#SirensOfSanFrancisco div#content ul
{
	list-style-type: none;
	list-style-position: outside;
	min-height: 50px;
	margin-left: -15px;
}

body#SirensOfSanFrancisco div#content ul li
{
	width: 28%;
	float: left;
	margin-left: 15px;
	font-size: .7em;
}

body#SirensOfSanFrancisco div#content ul li a
{
	font-size: 1.4em;
	margin-right: 10px;
}

/* @end SIRENS OF SAN FRANCISCO */
/* @group WHAT DO WE DO PAGE */
body#whatDoWeDo div#content ul
{
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: .3in;
	margin-top: .3in;
}

body#whatDoWeDo div#content li span.date
{
	display: block;
	font-size: .7em;
	font-style: italic;
	margin-top: .1in;
	margin-left: -1.2in;
	margin-bottom: -.3in;
}

body#whatDoWeDo div#content li
{
	margin-left: 1.2in;
	line-height: 1.6em;
	margin-bottom: .2in;
	clear: both;
}

	body#whatDoWeDo ul#PriorHouseConcerts li
	{
		position: relative;
		width: 288px;
		min-height: 100px;
		margin-right: 130px;
	}
	
	body#whatDoWeDo ul#PriorHouseConcerts li img
	{
		position: absolute;
		right: -408px;
	}


 	body#whatDoWeDo li.AmazonWakani img
 	{
 		float: right;
 		margin-right: -20px;
 		margin-bottom: 10px;
 		margin-left: 20px;
 	}
 	
 	body#whatDoWeDo li.AmazonWakani small { font-size: 75%; }

body#whatDoWeDo li.GuitarsForDemocracy img { float: right; }
body#whatDoWeDo li.GuitarsForDemocracy strong { display: block; }

body#whatDoWeDo li.FolkAlliance2009 p a { font-size: .8em; }

/* @end WHAT DO WE DO PAGE */
/* @group WHO ARE WE PAGE */
body#whoAreWe div.polaroid
{
	width: 277px;
	height: 286px;
	margin-left: 10px;
	background-image: url(../images/Photo_Polaroid_Small.jpg);
	background-repeat: no-repeat;
	float: right;
}

body#whoAreWe div.polaroid img
{
	top: 35px;
	left: auto;
	right: auto;
	float: right;
	margin-right: 30px;
}

/* @end WHO ARE WE PAGE */
/* @group CELTIC CONCERT AT PELICAN INN PAGE */
body#Event20080720 div#content h1
{
	font-size: 1.4em;
	line-height: 1.4em;
}

body#Event20080720 div#content h1 span
{
	display: block;
	font-size: .7em;
}

body#Event20080720 p { text-align: center; }
body#Event20080720 p span.location { display: block; }
body#Event20080720 p span.location a { font-size: 1.3em; }

body#Event20080720 p span.benefit
{
	display: block;
	font-style: italic;
}

body#Event20080720 div#content ul
{
	list-style-type: none;
	list-style-position: outside;
}

body#Event20080720 div#content ul li
{
	width: 250px;
	position: relative;
	height: 200px;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 20px;
}

body#Event20080720 div#content ul li span
{
	font-size: .6em;
	display: block;
}

body#Event20080720 div#content ul li a { text-decoration: none; }
body#Event20080720 div#content ul li a:hover { text-decoration: underline; }

body#Event20080720 div#content ul li img
{
	display: block;
	position: absolute;
	left: 303px;
	top: 10px;
}

/* @end CELTIC CONCERT AT PELICAN INN PAGE */
/* @group UNINCORPORATED STYLES */
/* @end UNINCORPORATED STYLES */