/*
Junction Arts Festival
2007-8 Design: Deborah Torr / paris123@yahoo.com
2007 Build: Adam Campbell / adam@hotmeteor.com
2008 Updates: Paul Reynolds / paul@radiognosis.net


Typography
*/

* {
	outline:none;
}

body {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:62.5%; background-color: #000000 ;
}

h1, h2, h3, h4, h5, h6,
address, blockquote, dl, dt, ol, p, ul {
	margin:0 0 1em;
	padding:0;
}

button, input, select, textarea {
	font-family:arial, helvetica, verdana, sans-serif;
}

/* Typography -------------*/

/* Image Replacement */

.ir {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-999em;
}

.ir a {
	display:block;
	height:100%;
	width:100%;
}

#logo {
/*	background-image:url(../images/logo.png); */
	height:88px;
	width:338px;
}

/* General Typo */

a:link,
a:visited {
	color:#777;
}

a:hover {
	color:#000;
}

a img {
	border:0;
}

address {
	font-size:1.2em;
	font-style:normal;
	line-height:1.5em;
}

blockquote {
	color:#666;
	font-style:italic;
	margin:0 0 0 20px;
}

dd {
	font-size:1.2em;
	line-height:1.6em;
}

dt {
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
}

.intext {
	background-color:#DDD;
	padding:5px 8px;
}

h2 {
	font-size:1.8em;
	line-height:1.3em;
}

	h2 span {
		display:block;
		font-size:0.8em;
	}

h3 {
	font-size:1.4em;
	line-height:1.3em;
}

h3#notice {

	background-color:#E9A93C;
	padding:5px 8px;

}

h3#notice a:link, h3#notice a:visited {

	color:#EF2031;
}

hr {
	background-color:#ccc;
	border:0;
	clear:both;
	color:#ccc;
	height:1px;
	margin:0 0 2em;
	width:100%;
}

p {
	font-size:1.2em;
	line-height:1.6em;
}

table {
	border-collapse:collapse;
	clear:both;
	width:100%;
}

ol li {
	margin:0 0 8px 20px;
}

ul li {
	font-size:1.2em;
	line-height:1.6em;
}

	#main ul {
		margin:0 0 15px 20px;
	}

/* Page Specific -------------*/


/* Contact List */

.contacts {
	float:left;
	width:50%;
}

.contacts dt {
	color:#7da43f;
	font-size:1.4em;
	margin:0 0 3px;
}

.contact dd {
	font-size:1.3em;
	line-height:1.5em;
}

.contitle {
	font-weight:bold;
}

.conemail {
	margin:0 0 15px;
}


/* Workshop Lists */

.wslist {
	margin:0 0 2em;
	padding:15px 0;
}

	#schedule .wslist {
		border-bottom:0;
		margin:0 0 1em;
	}

	.wsleft {
		float:left;
		width:48%;
	}
	
	.wsright {
		float:right;
		width:48%;
	}

.wslist dt span {
	display:block;
	font-size:0.8em;
}

.wsdate {
	clear:both;
	margin-left:15px;
	width:100%;
}

	.wsdate strong {
		float:left;
		padding-right:30px;
		text-align:right;
		width:30%;
	}
	
.wsadm {
	margin:0 0 6px;
}

	.wsadm strong {
		float:left;
		margin-right:15px;
	}
	
.wsloc {
	clear:both;
	color:#666;
	width:100%;
}
	
.wslast {
	margin-bottom:1.5em;
}

.wstitle {	
	color:#7da43f;
	font-size:1.3em;
	font-weight:bold;
}

/* Artist Lists */

.artlist {
	margin:0 0 2em;
	padding:0;
}

.artlist dt {
	background-color:#ddd;
	clear:both;
	padding:5px 8px;
}

.artname {
	clear:both;
	color:#7da43f;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 7px;
	width:100%;
}	

	.artname em {
		color:#999;
		font-size:0.9em;
		font-style:normal;
		font-weight:normal;
	}
	
.artimg {
	clear:left;
	float:left;
	height:131px;
	margin:5px 0 0;
	overflow:hidden;
	width:131px;
}

	.artimg img {
		border:3px solid #ddd;
	}

.artloc {
	clear:left;
	float:left;
	font-size:1.1em;
	line-height:1.4em;
	margin:0 0 5px;
	width:140px;
}

	.artloc strong {
		display:block;
	}

.artdesc {
	min-height:160px;
	height:auto !important;
	height:160px;
	margin:0 0 0 160px;
	text-align:left;
}

.artlast {	
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	padding-bottom:20px;
}

	.wide {	
		clear:both;
		width:100%;
	}

.artlink {
	clear:left;
	margin-left:150px;
	text-align:right;
}

.artdesc blockquote strong {
	color:#000;
	display:block;
	font-style:normal;
	margin-top:15px;
	margin-left:-20px;
}

.artdesc blockquote span {
	color:#333;
	display:block;
	font-size:0.95em;
	font-style:normal;
	line-height:1.2em;
	margin:0 0 20px 40%;
	text-align:right;
}

.artdesc h4 {
	font-size:1em;
	margin:0;
}

.artdesc p {
	font-size:1em;
}

.artlist ul li {
	font-size:1em;
}

.collist {
	float:left;
	list-style-type:none;
	margin-bottom:0 0 2em;
	width:45%;
}

.linklist {
	border-bottom:1px solid #999;
	margin:0 0 2em;
	padding:0 0 15px;
}

.linklist li {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
	list-style-type:none;
	margin:0 0 10px;
}

.linklist a {
	display:block;
	font-weight:normal;
}

/* Tables */

.schedsimple {
	border-bottom:8px solid #eee;
	clear:both;
	margin:0 0 3em;
	width:100%;
}

.schedsimple caption {
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 10px;
	text-align:left;
}

.schedsimple th {
	color:#777;
	font-size:1.2em;
	padding:5px;
	text-align:left;
}

	th.loc {
		width:45%;
	}

.schedsimple td {
	border-top:1px solid #ccc;
	font-size:1.2em;
	line-height:1.4em;
	padding:8px;
	text-align:left;
	vertical-align:top;
}

	.schedsimple td strong {
		display:block;
	}
	
	td.title {
		color:#7da43f;
		font-size:1.3em;
		font-weight:bold;
	}
	
	td.title a:link,
	td.title a:visited {
		color:#7da43f;
	}
	
	td.title a:hover,
	td.event a:link,
	td.event a:visited {
		color:#333;
	}
	
	td.event a:hover {
		color:#7da43f;
	}
	
.schedtable {
	border-bottom:8px solid #eee;
	clear:both;
	display:block;
	margin:0 0 4em;
	padding:0;
	width:100%;
}

.schedtable caption {
	clear:both;
	color:#666;
	font-size:1.2em;
	height:60px;
	line-height:1.3em;
	padding:0 0 10px;
	text-align:left;
	width:100%;
}

	.schedtable caption span {
		color:#000;
		float:left;
		font-size:1.2em;
		font-weight:bold;
		height:100%;
		margin-right:15px;
		margin-bottom:40px;
	}

.schedtable th {
	background-color:#7da43f;
	border-bottom:2px solid #fff;
	color:#fff;
	font-size:1.2em;
	line-height:1.3em;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}

	.schedtable th.empty {
		visibility:hidden;
	}

	.schedtable th span {
		display:block;
		font-size:0.95em;
		font-weight:normal;
	}
	
.schedtable td {
	border-bottom:1px solid #ddd;
	font-size:1.1em;
	line-height:1.3em;
	padding:5px 7px;
	vertical-align:top;
}

	.schedtable td strong {
		display:block;
	}
	
	.schedtable td.time {
		font-weight:bold;
		padding:5px 15px 5px 0;
	}
	
	.schedtable td.event {
		background-color:#faf3db;
	}

/* Classes and Spans ---------*/

img.fr {
	float:right;
	margin:0 0 15px 15px;
}

img.frt {
	float:right;
	margin:0 0 0 15px;
}

img.frb {
	float:right;
	margin:0 0 15px 15px;
}

img.fl {
	float:left;
	margin:0 15px 15px 0;
}