/* @override http://www.angrianan.com/site.css */

body {
	background: url(images/layout/pagebg.jpg) repeat-y center;
	font: .8em/1.4em verdana, arial, sans-serif;
}

a:link {
		text-decoration: none;
		color: #67BE29;
}

a:visited {
	text-decoration: none;
	color: #67BE29;
}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #67BE29;
}
a:active {
	text-decoration: none;
}

* {margin:0px; padding:0px;}

img {
	border:0;
	}

div#mainwrapper {width:780px; margin-left:auto; margin-right:auto;}

div#header {width:720px;
	height: 156px;
	padding-left: 29px;
	padding-bottom: 29px;
	background: url(images/layout/header.jpg) no-repeat 201px 0;
} 

div#contentarea {float:left; width:780px;
				 }
div#contentarea2 {float:left; width:780px;
}
				
div#column1 {float:left; width:143px; margin-left:-573px;
	padding-left: 29px;
}


div#column2 {float:left; width:343px; margin-left:171px; display:inline;
	padding-top: 1px;
	padding-left: 29px;
	padding-right: 28px;
}

div#column3 { float:left; width:180px;
padding-top: 1px;
}

div#footer {float:left;
	width:760px;
	padding-left: 29px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 20px;
}

div#footer1 {
	float:left;
	width:693px;
	color: gray;
	font-size: .8em;
	text-align: left;
	padding-left: 29px;
}

h1 {font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
}

h2 {
	color: #2b43b3;
	font-weight: bold;
	font-size: 1em;
}
h3 {
	color: #2b43b3;
	font-size: .8em;
}
.preamble {font-size: .8em}

.address {
	font-size: .9em;
	letter-spacing: 2px;
}

.note {
	color: red;
}
.crumb { font-size: .8em;
			color: gray;
}

.caption { font-size: .8em;
			color: gray;
}

/* styles for show entries */
.artform {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #a80063;
	padding-left: 5px;
}
.date {
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	letter-spacing: 1px;
	background-color: #67BE29;
	padding-left: 5px;
}
.title {
	font-weight: bold;
	color: #000;
	font-size: 1.1em;
	letter-spacing: 2px;
	padding-left: 5px;
}
.title2 {
		color: #000;
	font-size: 1.1em;
	letter-spacing: 2px;
	padding-left: 5px;
}
.subtitle {
	font-size: .9em;
	color: #fff;
	letter-spacing: 2px;
	background-color: #67BE29;
	padding-left: 5px;
}
.tickets {
	font-size: 0.9em;
	color: #fff;
	letter-spacing: 1px;
	background-color: #67BE29;
	padding-left: 5px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}


/* end styles for show entries */


/* column 2 list */

#column2 ul {
	list-style-type: none;
	border-top: 1px dotted #67BE29;
	}


#column2 ul li a:link {
	color: black;
}

#column2 ul li a:hover {
	background-color: #67BE29;
	color: white;
}

#column2 ul li a:visited {
	text-decoration: none;
	}
	
#column2 ul li {
	border-bottom: 1px dotted #67BE29;	
}

#column2 ul li a {
	display:block;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	color: black;
	font-size: .8em;
	}


/* end column 2 list */



/* column 3 list */

#column3 a:link {
	text-decoration: none;
}
#column3 a:hover {
	background-color: #67BE29;
	color: white;
}

#column3 a:visited {
	text-decoration: none;
	}
	
#column3 ul {
	list-style-type: none;
	border-top: 1px dotted silver;
}	

#column3 ul li {
	border-bottom: 1px dotted silver;
}

#column3 ul li a {
	display:block;
	padding:9px 10px 9px 20px;
	}
	
/* end column 3 list */	
	
.green {
  background-color: #99cc00;
  color: #f5f5f5;
  padding: 10px;
}	

.blue {
	background-color:#a1dcf5;
	padding: 5px;
}

.pink {
	background-color:#fac2e3;
	padding: 5px;
	border: solid 1px black;
}

.red {
	color: #a80063;
	padding: 5px;
	border: solid 1px #a80063;
}
.lilac {
	background-color:#ffccff; 
	padding:20px;
	}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */


/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */