@import url(typography.css);
@import url(global.css);

/*************************/
/******* Structure *******/
/*************************/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
/*	font-size: 75%; /*important- sets all text to a base of 12px, mostly used by ie*/
	font-family: "Lucida Grande", "Helvetica Neue", "HelveticaNeue", "Tahoma", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

html>body {
	font-size: 12px; /*real browsers follow this rule and allow resize*/
}

#package {
	width: 940px;
	text-align: left;
/*	height:100%;
*//*	margin: 15px auto;
*/
	min-height:500px;
	margin:0px auto;
/*	margin-bottom:100px;
*/	
}

#about {
	float: left;
}



/**************************/
/********** Nav **********/
/*************************/

#top-section, #bottom {
	width:100%;background-color:#000;height:166px;clear:both;
	}

#nav {
/*	float: left;
*//*	margin-left:-20px;
	margin-top:-10px;
	margin-bottom:20px;*/
	background-color:#000;
/*	background: #fff url('../img/crazy-header.png') no-repeat top left;
*/	height:166px;
	width:977px;
	margin:0 auto;
	margin-bottom:30px;

}

#logo {
	float: left;
	margin: 50px 0 0 20px;
}

#links {
	float: right;
}



/***************************/
/******* Home Info *******/
/**************************/

#overview, #overview2, #overview-long {
	float: left;
	width: 627px;
	width: 313px;
	border-bottom: 1px solid #C6C6C6;
	margin-bottom:0;
}
/*
#overview2 {
	width: 313px;
}
*/
#home-page #overview, #home-page #overview, #staff-page #overview, #buy-page #overview, #events-page #overview, #overview-long, #issues-page #overview {
	width: 627px;
}



#event {
	width: 627px;
	float: left;
	clear: none;
}

#event img {
	border: 1px solid #aaa;
	padding: 10px;
	margin: 5px 15px 10px 0px;
}

img.margin-top {
	margin-top: 2.7775em;
	line-height: 1.585em;
}

#info, .info {
	width: 157px;
	float: right;
	clear: none;
	padding: 2px;
	padding-left: 15px;
	margin-top: -2px;
	border-top: 1px solid #C6C6C6;
	padding-bottom: 20px;
	float: right;
	padding-right: 15px;
}
#info p, .info p {
/*	font-size: 94%;*/font-size:11px;line-height:16px;
}

/*
#info h2.event, #buy #info {
	margin-top: 1.2em;
	color: #000;
}
*/
.textright {
	text-align: right;
}
#about form, #about input, #buy form, #buy input {
	
width:auto;height:auto;background-color:#fff;border:none;
}
#stuff {
	width: 100%;
	float: left;
	min-height: 600px;
	margin-bottom:60px;
	background: url(../img/background.jpg) top left no-repeat;
}

/*************************/
/********** Lists *********/
/*************************/
/*
h2.staff {
	font: 1.5em Georgia;
	margin: 20px 0 10px 30px;
	border-bottom: 1px dotted #000;
}
*/
#contact img {
	margin: 0 10px 0 0;
}

.clearboth {
	clear: both;
}
.floatleft {
	float: left;
}

/*************************/
/**** Per Page Content ***/
/*************************/

#about, #submit, #buy, #events {
	width: 940px;
	float: left;
	margin: 0px 10px 0 0;
}
form input#submit {width:150px;}
#aboutPic, #submitInfo {
	float: left;
	width: 300px;
	clear:both;
	/*margin: 75px 0;*/
}

#buyPic {margin-top:-50px;}

#aboutText, #submitText, #buyText, #eventText {
	width: 470px;
	float: right;
	/*text-indent: 20px; */
}

/*
#eventText {
	float: none;
	margin-left: 350px;
	clear: none;
}
*/
/*
#submitText, #aboutText, #contactText {
	margin-top: -30px;
}
*/

#submitInfo {
	float: left;
	width: 300px;
}

#contact {
	float: left;
	width: 350px;
}

#contactText {
	width: 313px;
	float: right;
	/* text-indent: 20px;*/
}

#staff {
	float: left;
	clear: left;
	width: 627px;
	border-bottom: 1px dotted #444;
}

#staffList {
	float: left;
	position: relative;
	margin-top:0;
}

.staffbox{width:350px;background-color:#F8FCFF;padding:4px 24px 2px 24px;margin:8px;border: 1px dotted #A6A6A6;height:14em;}


.staffbox:hover{background-color:#D3F9E8;}

#event-list {
	float: left;
	clear: left;
	margin: 20px 0 30px 0;
	width: 587px;
	padding:20px;
	background-color:#fff;border: 1px solid #fff
}
#event-list:hover{background-color:#E7FCFF;border: 1px solid #D7D7D7;
}
#event-list img {
	margin: 10px 30px 0 0;
	
}

.event-thumb {
	min-height: 100px;
	float: left;
}
.event-details{float:left;clear:none;width:380px;overflow: hidden;margin-left:20px;}
body#extras-page #events{width:587px;}

#galleryGrid {width:940px;float:left;background-color:#fff;}
body#issues-page #galleryGrid, body#extras-page #galleryGrid {width:360px;}
#galleryGrid a:hover img {background-color:#52B0AE;}
#galleryGrid img {padding:5px;margin:6px;background-color:#D2D2D2;}

/*************************/
/******** Footer ********/
/************************/

#footer {
	width: 940px;
/*	float: left;
*/	clear: both;
/*	margin: 20px 0 10px 0;
*/	border-top: 4px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 3px solid #000;
	background-color:#000;
	color:#fff;
	font-size:12px;
	margin:0 auto;
}
#footer p{
	margin-right:30px;color:#fff;
	}




.floatright {float:right;}
.floatleft {float:left;}
.negativetop {margin-top:-100px;}
/*************************/
/******** etsy ********/
/************************/

#etsy {
	width: 550px;
}
		/*************************/
/******** TEST NEW DESIGN CSS STYLES ********/
		/************************/
		
#home-page #package {width:960px;margin:0 auto}		
h2.author-name {margin-top:-30px;font-size:12px;}

.main-feature {width:700px;float:left;clear:both;}
.main-feature img {float:left;margin-top:10px;}

.header-container{width:686px;background-color:#000;padding:20px 10px 0px 10px;}

#home-page #overview {width:600px;}

#four-column-container {width:960px;float:left; clear:both;
	background: url(../img/columns-bg.png) no-repeat;
	}
#home-page div.column img {margin-bottom:20px;margin-left:-10px;}
#home-page div.column h2 {font-size:18px;}
#home-page div.column h3 {font-size:12px;margin-top:12px;background-color:#000;margin-left:-10px;padding-left:10px;margin-right:20px;}
#home-page div.column p, .main-feature p {color:#777; float:left;font-family: Tahoma, Arial, sans-serif; font-size:11px;letter-spacing:0.2px;line-height:20px;}
.main-feature p { float:left; margin-left:30px;margin-top:10px;clear:none;width:200px;line-height:20px;}
#home-page div.column {padding:10px;width:200px; margin-right:20px; float:left;}
#home-page div.column dl dt {margin-top:-10px;color:#ffffff;}
#home-page div.column dl.listing dd p strong{color:red;}
#home-page div.column div.column-heading {height:80px;margin-bottom:6px;}

#home-page div#col4 {margin-right:0px;}

#content {float:left;clear:both;width:960px;margin:10px;}

div.highlighted {background-color:#222;padding:10px;width:200px;height:auto;margin-right:20px;border-top:9px solid #E2113C;}

div.extra-list {
	width:200px;height:400px;margin:10px;margin-left:-10px;margin-right:40px;float:left;clear:right;
}
.extra-list img {padding-bottom:10px;}
div.extra-list h5 {margin-left:10px;margin-top:30px;font-size:14px;}
div.extra-list p {margin-left:10px;}

div.extra-list h2 {font-size:16px;color:#000;}
#extraText {
	float:right;width:500px;margin-right:20px;
}
#extraText p {font-size:11px;line-height:20px;color:#444;margin-top:0px;}