/*
	Theme Name: ETTA events calendar
	Theme Author: Anon
	Author URI: None
*/

/* Basic elements */
html{
	background: #186776 url(images/body-grad.jpg) top repeat-x;
}

body{
	position: relative;
	margin: 30px auto 50px auto;
	width: 746px;
	font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #373737 url(images/footer.jpg) bottom no-repeat;
	color: #000;
}

p{
	margin: 15px 0;
}

a{
	text-decoration: none;
	color: #CD0101;
	outline: none;
	font-weight: bold;
}

	#content a:hover, #content a:focus{
		color: #073372;
	}
	
img{
	border: 0;
}
	
/* Headings */
h1{
	width: 512px;
}

	h1 a{
		display: block;
		height: 96px;
		background: url(images/logo.jpg);
		text-indent: -9000px;
	}
	
h2{	
	padding: 5px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	background: #676767 url(images/month-heading.jpg) top repeat-x;
}	

h3{
	padding: 1px 3px;
	background: #B4B4B4 url(images/day-heading.jpg) top repeat-x;
}

#header h4, #content h4, #footer h4{
	padding: 7px 14px;
	line-height: 1.0;
	font-size: 14px;
	font-weight: bold;
	background: #620001 url(images/event-heading.jpg) top repeat-x;
	color: #FFF;
}

/* Layout */
#header{
	position: relative;
	line-height: 1.0;
}

	#masthead{
		position: relative;
		height: 96px;
		background: url(images/header-base.jpg) bottom repeat-x;
		overflow: hidden;
	}

		#masthead p.sponsor{
			position: absolute;
			top: 0;
			right: 0;
			margin: 0;
		}

	#controls{
		padding: 12px 12px 0 12px;
	}

		#views{
		
		}
	
			#views li{
				margin-right: 12px;
				width: 168px;
				float: left;
			}
		
				#views li a{
					display: block;
					height: 24px;
					text-indent: -9000px;
				}
			
				#views li#calendar-view a{
					background: url(images/calendar-view-button.jpg);
				}
			
				#views li#list-view a{
					background: url(images/list-view-button.jpg);
				}
			
		#controls form{
		
		}
			#controls form p{
				margin: 0 12px 0 0;
				width: 168px;
				float: left;
			}
	
				#controls form label{
					display: none;
				}
		
				#controls form select{
					width: 168px;
				}
				
	#search{
		position: absolute;
		bottom: 58px;
		right: 12px;
	}
	
		#s{
			padding: 3px 6px;
			width: 266px;
			height: 20px;
			line-height: 26px;
			border: 0;
			text-align: center;
			background: transparent url(images/search-bg.jpg);
		}
			
	#category-filter{
		margin-left: 12px;
	}
	
		#category-filter ul, #category-filter p{
			margin: 0;
			float: left;
		}
		
			#category-filter li{
				width: 132px;
				float: left;
			}
			
				#category-filter ul li label{
					display: block;
					padding: 5px 10px;
					font-weight: bold;
					color: #FFF;
					background-position: top;
					background-repeat: repeat-x;
				}
				
				#category-filter ul li.cat-list-events label{
					background-color: #462423;
					background-image: url('images/event_categories/checkboxes/events.jpg');
				}
				
				#category-filter ul li.cat-list-performance label{
					background-color: #634425;
					background-image: url('images/event_categories/checkboxes/performance.jpg');
				}
				
				#category-filter ul li.cat-list-coaching label{
					background-color: #1E3F50;
					background-image: url('images/event_categories/checkboxes/coaching.jpg');
				}
				
				#category-filter ul li.cat-list-administration label{
					background-color: #204927;
					background-image: url('images/event_categories/checkboxes/administration.jpg');
				}
				
				#category-filter ul li.cat-list-other label{
					background-color: #3E1D4C;
					background-image: url('images/event_categories/checkboxes/other.jpg');
				}
				
					#category-filter ul li label input{
						margin-right: 5px;
						vertical-align: middle;
					}

#content{
	padding: 0 12px;
}

	#content table.events-calendar, #content table.events-list{
		margin-top: 4px;
		width: 722px;
		overflow: hidden;
		border-left: 1px solid #B1B1B1;
	}
	
	#content table.events-calendar{
		background: url(images/table-bg.jpg) top left;
	}
	
	#content table.events-list{
		background: #FFF;
	}
	
		#content table.events-calendar tbody tr{
			
		}
		
			#content table.events-calendar tr th, #content table.events-list tr th{
				padding: 2px 4px;
				border-right: 1px solid #B1B1B1;
				font-weight: normal;
				text-align: center;
				background: #686868 url(images/table-header.jpg) top repeat-x;
			}
			
				#content table.events-list tr th#listing-heading{
					width: 544px;
				}
			
			#content table.events-calendar tr td{
				width: 102px;
				height: 100px;
				border-right: 1px solid #B1B1B1;
				background: #FFF;
				vertical-align: top;
			}
			
			#content table.events-calendar tr td.inactive{
				height: auto;
			}
			
				#content table.events-calendar tr td ul{
					position: relative;
				}
			
			#content table.events-list tr td{
				padding: 4px 0;
			}
			
			#content table.events-calendar tr td.inactive{
				background: #E6E6E6;
			}
			
				p.no-events{
					margin: 0;
					height: 100px;
					text-indent: -9000px;
				}
				
				span.dateLabel{
					display: block;
					padding: 0 5px;
					background: #B4B4B4 url(images/day-heading.jpg) top repeat-x;
					white-space: nowrap;
				}				
				
				.event-link{
					display: block;
					padding: 0 5px;
					font-weight: normal;
					color: #000;
				}
				
				.events-calendar .event-link{
					position: absolute;
					width: 93px;
					height: 20px;
					line-height: 20px;
					overflow: hidden;
					text-align: center;
					white-space: nowrap;
				}
				
					.category-events{
						background: #DAA8A9 url(images/event_categories/events.jpg) top repeat-x;
					}
					
					.category-performance{
						background: #ECC59C url(images/event_categories/performance.jpg) top repeat-x;
					}
					
					.category-coaching{
						background: #A6C0CD url(images/event_categories/coaching.jpg) top repeat-x;
					}
										
					.category-administration{
						background: #A6C8AD url(images/event_categories/administration.jpg) top repeat-x;
					}
					
					.category-other{
						background: #BDA3C8 url(images/event_categories/other.jpg) top repeat-x;
					}
	
	p.back-button{
		margin: 12px 0;
	}
	
		p.back-button a{
			display: block;
			width: 93px;
			height: 24px;
			text-indent: -9000px;
			background: url(images/back-button.jpg);
		}
		
	p.event-date{
		margin: 0;
		padding: 5px 14px;
		font-size: 14px;
		line-height: 1.0;
		background: #676767 url(images/event-date.jpg) top repeat-x;
	}
	
	.event-details{
		margin-top: 12px;
		width: 100%;
		font-size: 14px;
		background: #FFF;
	}
	
		.event-details tr.listing-nav{
			border-top: 12px solid #373737;
			background: #E6E6E6;
		}
	
			.event-details th, .event-details td{
				padding: 10px;
				border: 1px solid #000;
				vertical-align: top;
			}
			
			.event-details th{
				width: 140px;
			}
		
				.event-details td p{
					margin: 0 0 12px 0;
				}
				
	
.error{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #900;
}			
	
#footer{
	
}

	#add-this{
		position: relative;
		display: block;
		margin: 18px 200px -42px 0;		
	}

	#footer p{
		margin: 12px 0;
		width: 100%;
	}
	
		.rss-link{
			display: block;
			margin-right: 12px;
			width: 105px;
			height: 32px;
			float: right;
			text-indent: -9000px;
			background: url(images/rss-button.jpg);
		}
		
/* Forms */
label{
	cursor: pointer;
	cursor: hand;
}

button.img-button{
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

/* Generic classes */
.hidden{
	display: none;
}

/* Clearing floats */

#views, #controls form, #footer p, #category-filter{
	display: inline-block;
	_height: 1%;
}

#views:after, #controls form:after, #footer p:after, #category-filter:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* Global */
#top-nav{
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
}