/* WARNING: This is pretty kudgy. */

div.wrapper {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   width: 960px;
   border: 1px solid white; /* this. Both are not necessary */
}

div.container {
	width: auto;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-height: 100%;
	background-color: #ffffe1;  /* light blue */
}

div.ablock {
	align: left;
	padding: 0 0 0 50;
	margin: 0 0 0 50;
}

div.singlecolcontainer {
	width: auto;
	clear: both;
	margin: 0 0 0 0;
	min-height: 100%;
	height: 100%;
	padding: 5px 5px 5px 5px;
	background-color: #ffffe1; /* light blue */
}

body {
	font-family: Lucinda Grande, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #000000;
	height: 100%;
	background-color: #D7CBB3; /* this is the color behind everything */
	padding: 0 0 0 0;
	text-align: center;
	min-width: 770px; /* Use this, or */
}

table {
	border-spacing: 0px;
}

td, th {
	font-family: Lucinda Grande, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	padding: 0 0 0 0;  /* this is where to add 5px 5px 5px 5px for space */
}
	
/* used on events/  */

td.month {
	background-color:#cccc99;		
	padding: 0.5em 0.5em 0.5em 0.5em;
	color: #000000;
	font-size: 22px;
}

td.legend {
	background-color: #333333;  /* lt black */
	color: #FFFFFF;
	font-size: 14px;
	text-align:center;
}

a {
	color: #4d6d2e; /* orange */
	text-decoration: none;
}

form {
	background-color: #CCCC99;  /* mint green */
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #4d6d2e; /* orange */
 }

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  	font-weight: bold;
	background-color: #f5b728; /* COLOR BEHIND MENU BAR - right side */
	height:40px;
	width: auto;
	margin: 0 0 0 0;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;  /* lt greyish green */
}

.main {
	background-color: #c8afaa;  /* weird greyish red */
	line-height: 24px;
	color: #fff;
	width: auto;
}

#content-left {
	width: auto;
	padding: 1em 2em 5em 1em;
	float: left;
	vertical-align: top;
	max-width: 500px;
}

#content-right {
	width: auto;
	padding: 1em 1em 1em 1em;
	float: right;
	width: 33%
	}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #fff;
	background-color: #f5b728; /* - FOOTER */
	padding: 15px 15px 15px 15px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:hover {
	text-decoration: underline;
}

a.artist:link {
	font-size: 16px;
	font-weight:bolder;
	text-decoration:none;
}

a.artist:hover {
	text-decoration:underline;
}

h2{
	font-size: 30px;
	font-weight: 900;
}

h2.name {
	font-size: 30px;
	font-weight: 900;
	margin: 5px 0 0 0;
}

h2.sale {
	font-size: 36px;
	font-weight:900;
	color: black;
}

h2.soon {
	font-size: 24px;
	font-weight: 900;
	color: black;
}

h3.month {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 24px;
	font-weight: 900;
}

h3.datetime {
	margin: 2 0 0 0;
	font-size: 24px;
	font-weight: 900;
}

h4{
	margin: 0 0 0 0;
}

/* Defined list used in events/year/artistname.html */

dl {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 14px;
}

dt {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
dd {
	margin: 0 2 0 0;
	padding: 0 0 0 0;
}

/* Don't think these are used */

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

/* Used in index */

a.artist:link {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #47631c;  /* green */
	font-size: 18px; 
}


a.artist:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #315028;  /* darker green */
	font-size: 18px; 
}

a:artist:hover {
	text-decoration: underline; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	color: #315028;  /* green */
	font-size: 18px;
}

a.artist:active {
	text-decoration: underline;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #315028;  /* green */
	font-size: 18px;
}

a.tickets:link {
	color: #0c233b;  /* navy blue */
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

a.tickets:visited {
	color: #0c233b;   /* navy blue */
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

a.tickets:hover {
	color: #0c233b;  /* navy blue */
	font-size: 16px;
	text-decoration: none;
}

a.tickets:active {
	color: #0c233b;  /* navy blue */
	font-size: 16px;
	text-decoration: none;
}

/* Used in the header on all pages, still not perfect */

#headerhide {
	width: 960px;
	height: 114px;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

#headerhide span {
	background: url(http://www.reddingconventioncenter.com/images/header.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

/* Almost definitely unused */


.title {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 24px;
	line-height: 30px;
	  background-color: #b39151;  /* teal */
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;  
}