/*

	Theme Name:				Wayland Agricultural Show
	Description:			The Wayland Agricultural Show theme
	Version:				2009
	Author:					John Blackbourn
	Author URI:				http://johnblackbourn.com

*/


/*  Global Reset
--------------------------------------------------------- */

@import 'reset.css';


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

body {
	font-family:			Arial, Verdana, sans-serif;
	font-size:				0.875em;			/*  14px  */
	line-height:			1.5em;				/*  21px  */
}

h1, h2, h3, h4, h5, h6 {
	font-style:				normal;
	font-weight:			normal;
}

#nav,
#sidebar,
#navbar,
#gallery #intro p {
	font-family:			'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif;
	font-weight:			bold;
}

#content h2,
#gallery h2 {
	font-size:				1.714em;			/*  24px  */
}

#content h3,
#content h4.caption {
	font-size:				1.426em;			/*  20px  */
}

#content p,
#content ol,
#content ul {
	font-size:				1.071em;			/*  15px  */
}

#footer p {
	font-size:				0.786em;			/*  11px  */
	line-height:			1.4em;
}

/*  Base Layout
--------------------------------------------------------- */

body {
	background:				#fff url( 'img/bg.png' ) repeat-x left 4px;
	border-top:				4px solid #5b8726;
	color:					#333;
	text-align:				center;
}

#outer {
	margin:					0px auto;
	text-align:				left;
	width:					960px;
}

/*  Header
--------------------------------------------------------- */

h1 {
	float:					left;
	margin-right:			7px;
}

h1 a:link,
h1 a:visited {
	background:				#fff url( 'img/header5.png' ) no-repeat left bottom;
	display:				block;
	height:					259px;
	width:					203px;
}

h1 a span {
	display:				block;
	position:				absolute;
	top:					-999px;
}

/*  Top Navigation
--------------------------------------------------------- */

#nav {
	clear:					left;
	list-style:				none;
	margin-left:			210px;
	position:				absolute;
	top:					24px;
}

	#nav li {
		float:				left;
		margin-left:		10px;
		position:			relative;
	}

	#nav a:link,
	#nav a:visited {
		color:				#fffceb;
		cursor:				pointer;	   /*  IE bugfix  */
		display:			block;
		height:				116px;
		text-decoration:	none;
		width:				175px;
		}

	#nav a span {
		background:			url( 'img/navbg.png' ) no-repeat left bottom;
		bottom:				0px;
		height:				1.5em;
		left:				0px;
		padding:			5px 3px 3px 9px;
		position:			absolute;
		width:				163px;
	}

	#nav a:hover span {		/*  TODO: This needs a better solution for IE6  */
		background-color:	#5F9259;
		}

	#nav #nav-vis {
		background:			#fff url( 'img/nav-vis.jpg' ) no-repeat left top;
	}

	#nav #nav-com {
		background:			#fff url( 'img/nav-com.jpg' ) no-repeat left top;
	}

	#nav #nav-exh {
		background:			#fff url( 'img/nav-exh.jpg' ) no-repeat left top;
	}

	#nav #nav-mem {
		background:			#fff url( 'img/nav-mem.jpg' ) no-repeat left top;
	}


/*  Sidebar Navigation
--------------------------------------------------------- */

#sidebar {
	clear:					left;
	list-style:				none;
	padding-top:			20px;
}

	#sidebar li {
		background:			#97907a;
		height:				37px;
		margin-top:			7px;
		text-align:			center;
		width:				203px;
	}

	#sidebar li.current_page_item {
		background:			#6b6552;
	}

	#sidebar li.side-first,
	#sidebar li.side-last {
		height:				44px;
	}

	#sidebar a:link,
	#sidebar a:visited {
		color:				#fff;
		cursor:				pointer;		/*  IE bugfix  */
		display:			block;
		height:				37px;
		text-decoration:	none;
		width:				203px;
	}

	#sidebar .side-first a:link,
	#sidebar .side-first a:visited,
	#sidebar .side-last  a:link,
	#sidebar .side-last  a:visited {
		height:				44px;
	}

	#sidebar a:hover {
		background:			#6b6552;
	}

	#sidebar span {
		background:			url( 'img/sidebg.png' ) no-repeat left top;
		display:			block;
		height:				29px;
		padding-top:		8px;
		width:				203px;
	}

	#sidebar .side-first span {
		background:			url( 'img/sidebg-first.png' ) no-repeat left top;
		padding-top:		15px;
	}

	#sidebar .side-last span {
		background:			url( 'img/sidebg-last.png' ) no-repeat left top;
		padding-bottom:		7px;
	}


/*  Content
--------------------------------------------------------- */

#content {
	float:					right;
	margin:					140px 10px 10px;
	width:					730px;
}

	#content h2 {
		border-bottom:		2px solid #D1E0CF;
		margin:				1.2em 0px 0.583em;
		padding:			0px 0.583em;
	}

	#content h3 {
		border-bottom:		2px solid #D1E0CF;
		margin:				1.2em 0px 0.7em;
		padding:			0px 0.7em;
	}

	#content p {
		margin:				1em;
	}

	#content ul,
	#content ol,
	#content address,
	#content blockquote {
		margin:				1em 2.5em;
	}

	#content .highlight {
		background:			#faf9d9;
		margin-bottom:		10px;
		padding:			1px 0px;
		-moz-border-radius:	10px;
	}

	#content .nodownload {
		background:			#eee;
		margin-bottom:		10px;
		padding:			1px 0px 1px 10px;
		-moz-border-radius:	10px;
	}

	#content .download {
		background:			#d1e0cf url( 'img/dl.png' ) no-repeat 14px 14px;
		margin-bottom:		10px;
		padding:			1px 0px 1px 76px;
		-moz-border-radius:	10px;
	}

	#content .download a.doc {
		background:			url( 'img/doc.png' ) no-repeat 3px center;
	}

	#content .download a.pdf {
		background:			url( 'img/pdf.png' ) no-repeat 3px center;
	}

	#content .download a.doc,
	#content .download a.pdf {
		color:				#333;
		padding:			3px 5px 3px 23px;
		text-decoration:	underline;
	}

	#content .download a.doc:hover,
	#content .download a.pdf:hover {
		background-color:	#fff;
	}

	#content a:link {
		color:				#080;
	}

	#content a:visited {
		color:				#555;
	}

	#content a:link:hover {
		background-color:	#eee;
	}

	#content a:visited:hover {
		background-color:	#eee;
		color:				#333;
	}

	#content h4.caption {
		margin:				1.2em 0px 0.7em;
		padding:			0px 0.7em;
	}

	#content .attachment {
		text-align:			center;
	}

		#content .attachment img{
			border:			2px solid #D1E0CF;
			padding:		2px;
		}

	#content .navigation {
		margin:				20px 0px;
	}

		#content .navigation .previmg {
			float:			left;
			text-align:		right;
			width:			203px;
		}

		#content .navigation .nextimg {
			float:			right;
			width:			203px;
		}

		#content .navigation .previmg a:link,
		#content .navigation .previmg a:visited {
			background:		url( 'img/nav-prev.png' ) no-repeat center left;
			display: block;
		}

		#content .navigation .nextimg a:link,
		#content .navigation .nextimg a:visited {
			background:		url( 'img/nav-next.png' ) no-repeat center right;
			display: block;
		}

		#content .navigation .previmg img {
			border:			2px solid #D1E0CF;
			padding:		2px;
			margin-left:	20px;
		}

		#content .navigation .nextimg img {
			border:			2px solid #D1E0CF;
			padding:		2px;
			margin-right:	20px;
		}

	#content .aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#content .alignleft {
		float: left;
	}

	#content .alignright {
		float: right;
	}

	#content .wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
	}

	#content .wp-caption img {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}

	#content .wp-caption p.wp-caption-text {
		padding: 3px 4px;
		margin: 0px;
	}


/*  Front Page Gallery
--------------------------------------------------------- */

#gallery {
	background:				#f8f7c5 url( 'img/gallerybg-top.png' ) no-repeat top left;
	clear:					both;
	width:					960px;
}

	#gallery #inner{
		background:			url( 'img/gallerybg-bot.png' ) no-repeat bottom left;
	}

	#gallery #intro {
		display:			inline;	 	  /*  IE bugfix  */
		float:				left;
		margin:				15px 25px 15px 15px;
		width:				180px;
	}

	#gallery #intro h2 {
		margin-bottom:		5px;
	}

	#gallery #intro a:link,
	#gallery #intro a:visited {
		border-bottom:		1px solid #888;
		color:				#333;
		text-decoration:	none;
	}

	#gallery #intro a:hover {
		background:			#e4e3a4;
	}

	#gallery .photo {
		background:			url( 'img/gallery-imgbg.png' );
		float:				left;
		height:				130px;
		margin:				10px 10px 0px 0px;
		width:				175px;
		text-align:			center;
	}

	#gallery #clear {
		clear:				left;
		font-size:			0em;
		height:				10px;
	}


/*  Main Gallery Page
--------------------------------------------------------- */

#ssg-gallery {
}

	#ssg-gallery .gallery-item {
		float:				left;
		margin:				10px 0px 20px 40px;
		width:				190px;
	}

	#ssg-gallery .gallery-item.alt {
		clear:				left;
	}

	#ssg-gallery .gallery-item .gallery-link:link,
	#ssg-gallery .gallery-item .gallery-link:visited {
		background:			#fff;
		border:				2px solid #D1E0CF;
		float:				left;
		padding:			2px;
		margin-right:		10px;
	}


/*  Footer
--------------------------------------------------------- */

#footer {
	border-top:				2px solid #D1E0CF;
	clear:					both;
	margin:					3em 0em 1em;
	padding-top:			1em;
}

	#footer p {
		color:				#999;
		margin:				0.5em auto;
		text-align:			center;
		width:				600px;
	}

	#footer a:link,
	#footer a:visited {
		color:				#666;
		text-decoration:	none;
	}

	#footer a:hover {
		text-decoration:	underline;
	}


/*  Logged-in Navbar
--------------------------------------------------------- */

#navbar {
	clear:					left;
	list-style:				none;
	padding-top:			20px;
	}

	#navbar li {
		background:			#D44C36;
		height:				37px;
		margin-top:			7px;
		text-align:			center;
		width:				203px;
	}

	#navbar li.side-first,
	#navbar li.side-last {
		height:				44px;
	}

	#navbar a:link,
	#navbar a:visited {
		color:				#fff;
		cursor:				pointer;		/*  IE bugfix  */
		display:			block;
		height:				37px;
		text-decoration:	none;
		width:				203px;
	}

	#navbar .side-first a:link,
	#navbar .side-first a:visited,
	#navbar .side-last  a:link,
	#navbar .side-last  a:visited {
		height:				44px;
	}

	#navbar a:hover {
		background:			#771605;
	}

	#navbar span {
		background:			url( 'img/sidebg.png' ) no-repeat left top;
		display:			block;
		height:				29px;
		padding-top:		8px;
		width:				203px;
	}

	#navbar .side-first span {
		background:			url( 'img/sidebg-first.png' ) no-repeat left top;
		padding-top:		15px;
	}

	#navbar .side-last span {
		background:			url( 'img/sidebg-last.png' ) no-repeat left top;
		padding-bottom:		7px;
	}


/*  Miscellaneous
--------------------------------------------------------- */

hr {
	display:				none;
}