/*
Theme Name: 960bc
Theme URI: http://www.guardianwebdesign.com.au/960bc
Description: A blank canvas WordPress theme for developers based on the 960 CSS framework.
Version: 1.6
Author: Troy Dean
Author URI: http://www.guardianwebdesign.com.au/
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar

	960bc v1.6
	http://www.guardianwebdesign.com.au/960bc

	This theme was designed and built by Troy Dean
	as a starting point for WordPress developers who
	like the 960 grid system.
	http://www.960.gs
	The theme includes no images and minimal styling,
	providing a blank canvas for the designer to unleash
	her css magic.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(/wp-content/themes/960bc/colours.css);
@import url(/wp-content/themes/960bc/typography.css);

/* Begin Structure */

body {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		color: #111;
		background-color: #fff;

		}

#tempblurb {
	background-color: #fff;
	padding-bottom: 0px;
}

#tempblurb p {
	margin-bottom: 0px;
}

a {
	color: #333;
	text-decoration: under-line;

}
p a {
	color: #333;
	padding: 0 1px 0 1px;
	text-decoration: none;
	background-color: whitesmoke;
}

#page {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;

		}

#headerwrap {

}
#header {
		height: auto;
		border-bottom: 2px #ddd dotted;
		/*background-color: #f1f2f2;*/
		background-color: #fff;
		border-top: 5px #DDD solid;
		padding-bottom: 20px;
		padding-top: 10px;
		width: 960px;
		margin: 0 auto;
		}

	#logo {
		float: left;
		margin-top: 25px;
	}


#search li{
	float: right;
}

#headermenu {
	margin-top: 30px;
}

#mainmenu {
	display: block;
	margin-bottom: 40px;
}
#headermenu ul {
	margin-top: 0px;
	list-style: none;
	display: block;
}


	#headermenu li {
		float: right;

	}


		#headermenu li a {
			color: #fff;
			padding: 5px 20px 5px 20px;
			text-decoration: none;
			font-weight: bold;
			margin-left: 20px;
			background-color: #fff;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			#headermenu li a.stroll {
				background-color: #A5C7C7;
			}

			#headermenu li a.overlay {
				background-color: #DDD998;
			}
			#headermenu li a.playur {
				background-color: #9BAF84;
			}

			#headermenu li a.arena {
				background-color: #999;
			}

			#headermenu li a:hover {
				text-decoration: underline;
			}

#submenu {
	display: block;

}

#submenu ul {
	list-style: none;
	display: block;

}

	#submenu li {
		float: right;

	}

		#submenu li a {
			font-size: 10px;
			color: #555;
			padding: 5px 10px 5px 10px;
			margin-left: 10px;
			text-decoration: none;
			font-weight: 600;
			background-color: #eee;
			-moz-border-radius: 1px;
			-webkit-border-radius: 1px;
			border-radius: 1px;
		}

		#submenu li a:hover {
			text-decoration: underline;
		}


#headerwrap {

}

#featured {
	width: 960;
	overflow: hidden;
	background-color: #fff;
}
/************************************************
*	jFlow									*
************************************************/
#controller {
	background: #ddd;
	text-align: center;
	float: left;
	height: 20px;
}

#jFlowSlide {
	float: left;
	display: inline-block;
	clear: both;
	margin: 0px;
	background-color: #eee;
	padding: 0px;
	}

#controller a span, #controller a:link span, #controller a:visited span {
	color: #FFFFFF;
	background: #fff url(/wp-content/themes/960bc/images/bullet_btn_normal.gif) no-repeat;
	background-repeat: no-repeat;
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 0px 5px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#controller a:hover span, #controller a:active span {
	background: #0099CC url(/wp-content/themes/960bc/images/bullet_btn_over.gif) no-repeat;
	}
#controller a span.jFlowSelected {
	background: #999 url(/wp-content/themes/960bc/images/bullet_btn_over.gif) no-repeat;
	}
#prev_btn a {
	float: left;
	background: #999 url(/wp-content/themes/960bc/images/prev_btn.png);
	color: #666666;
	width: 20px;
	height: 20px;
	clear: both;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
#prev_btn a:hover {
	background-position: -3px 0px;
	color: #000000;
	}
#next_btn a {
	float: right;
	background: #999 url(/wp-content/themes/960bc/images/next_btn.png);
	color: #666666;
	width: 20px;
	height: 20px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
#next_btn a:hover {
	background-position: 3px 0px;
	color: #000000;
	}
.jFlow {
	margin-top: 20px;
	float: left;
	background: none;
	display: block;
	clear: both;

	}
.jFlow hr {
	border: none;
	width: 100%;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	}
.jFlow img {
	float:left;
	margin: 0 20px 0px 0;
	padding: 0;
	}
.jFlow h3 {
	margin: 10px 0 0px 0;
	}

.jFlow h3 a {
	color: #333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: none;
	}

.jFlow h3 a:hover {
	text-decoration: underline;
}

jFlow p {
	margin: 0px;
}
.bannercontent {
	float: left;
	display: block;
	width: 360px;
	padding: 5px 10px 10px 10px;
	margin: 0px;
	background-color: #eee;
	}

#read_more {
	float: left;
	display: block;
	background: #FFFFFF;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px;
	padding: 4px 12px;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#read_more:hover {
	background: #0099CC;
	color: #FFFFFF;
	border: 1px solid #0099CC;
	text-decoration: none;
	}


/* This hides the 'skip to' links and maintains accessibility */

#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}

#wrapper {
		/*background-color: #F1F2F2;*/
		background-color: #fff;
}
#content {
		margin-top: 20px;
		background-color: #fff;
		color: #000;
		float: left;
		display: inline-block;
		}

	#content .post, #content .page {
		width: 300px;
		max-height: 455px;
		min-height: 455px;
		display: inline-block;
		margin-right: 20px;
		float: left;
		border-left: 0px;
		margin-bottom: 20px;
		padding: 0px;
		/*padding: 0 10px 10px 0px;*/
		background-color: #eee;
		color: #333;
	}

	.category-stroll {
			border-top: 5px solid #A5C7C7;
	}
	.category-playur {
			border-top: 5px solid #9BAF84;
	}
	.category-overlay {
			border-top: 5px solid #DDD998;
	}
	.category-arena {
			border-top: 5px solid #999;
	}

	#content .even {
		margin-right: 0px;
	}
	#content img {
		float: left;
		margin-right: 5px;
		margin-bottom: 10px;
	}


	.postblurb {
		padding: 10px;
		border:
	}





	#content h2{
		font-size: 20px;
		margin-bottom: 0px;
		font-family: "facitweb-1","facitweb-2", Calibri, Helvetica, Arial, sans-serif, serif;
		font-size-adjust:0.479;
		font-weight:600;
		font-style:normal;

}


		#content h2 a:hover {
			text-decoration: underline;
			color: #333;
		}


/*--------------------------- END MAIN CONTENT ----------------*/

#footercontainer {
	border-top: 2px #ddd dotted;
	border-bottom: 5px #ddd solid;

}
#footercontent, #footercontainer a {
	color: #333;
	font-size: 12px;
	line-height: 15px;
}



#footercontent h3{
	font-family:"facitweb-1","facitweb-2", Calibri, Helvetica, Arial, sans-serif, serif;
	font-size: 18px;
	font-weight: lighter;
	color: #ddd;
	margin-bottom: 5px;
	margin-top: 5px;

}
#footercontent h3 a{
	color: #ddd;

}


#footercontent ul{
	list-style: none;
	display: block;
}

	#footercontent ul li {
		float: left;
		width: 220px;
		padding: 0px;
		margin-right: 20px;
	}

	#footercontent ul li.widget_tag_cloud {
		margin-right: 0px;
	}

			#footercontent ul li ul li.rss {
				margin: 0px;
				margin-bottom: 5px;
				padding: 2px;
				background-color: #aaa;

			}
			#footercontent ul li ul li a{
				text-decoration: none;
			}

			#footercontent ul li ul li:hover{
				background-color: #eee;
			}

#footerlogo {
	text-align: left;
	margin: 20px 0 20px 0;
	border-right: 1px #ddd solid;
}

#rss {
	margin: 20px 0 20px 0;
	padding-left: 10px;
	color: #aaa;
	border-right: 1px #ddd solid;
	height: 42px;

	 	}

#rss a {
	color: #aaa;

}

#contact {
	margin: 20px 0 20px 0;
	padding-left: 10px;
	color: #aaa;

}

#contact a {
	color: #aaa;

}
/*-------------- SINGLE POST VIEW --------- */


#singlepost {
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 50px;
}

#singleheading {
/*	height: 80px; */
	padding-bottom: 20px;
}


#singlemetadata {
	background-color: #fff;
	padding: 0px 0 5px 0;
	border-top: 1px #555 solid;
	margin-top: 5px;
}

	#singlepost div.category-stroll {
			/* background-color: #A5C7C7; */
	}
	#singlepost div.category-playur {
			/* background-color: #DDD998; */
	}

	#singlepost div.category-overlay {
			/* background-color: #9BAF84; */
	}
	#singlepost div.category-arena {
			/* background-color: #999; */
	}

#singlecontent {
		background-color: #fff;
		color: #000;
		display: block;
		float: left;
		}

	#singlecontent p {
		margin: 0px 0px 10px 0;
	}


	#singlepost img.alignleft {
		margin-left: 0px;
		padding-left: 0px;
	}
		#singlecontent h2 a:hover {
			text-decoration: underline;
			color: #333;
		}


#singlemetadata ul{

	margin-bottom: 10px;
}


#singlemetadata .info li{
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #555;
}


#singlemetadata .relatedposts {
	border-top: 1px #555 solid;

}


	#singlemetadata .relatedposts  li {
		color: #333;
		height: 21px;
		display: block;
		float: left;
		margin-bottom: 10px;
	}


#singlemetadata .relatedposts  li {
	text-decoration: none;
	padding-bottom: 0px;
	color: #666;
	display: inline-block;
	line-height: 12px;
}
#singlemetadata .relatedposts  li a {
	display: inline-block;
}
#singlemetadata .relatedposts  li a:hover{
	color: #999;
	text-decoration: none;
}

#singlemetadata .tags {
	margin-bottom: 5px;
}

	#singlemetadata .tags li {
		float: left;
		display: inline;
		margin: 0 5px 5px 0;
		color: #333;
	}

		#singlemetadata .tags li a {
			float: left;
			display: inline;
			padding: 5px 7px 6px;
			background: #d6d6d6;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			color: #666;
			text-decoration: none;
		}

			#singlemetadata .tags li a:hover {
				-webkit-transition-property: background;
				-webkit-transition-duration: 1s;
				color: #fff;
				border: none;
			}

.relatedposts h3 {
	margin-top: 5px;
}



/*---------------- END SINGLE PAGE VIEW ------------------*/


/*----------------- PAGE VIEW ----------------------*/

#singlepage {
	background-color: #fff;
}

#singlepage #content {
	background-color: #fff;

}

/*---------------- ARCHIVE VIEW -----------------*/
#archive{
	background-color: #eee;
}

#archive .post {
	padding: 5px;
	width: auto;
}

#categoryblurb {
	text-align: center;
	width: 100%;
	height: 100px;
	background-color: #999;
	color: #eee;
	margin-bottom: 20px;

}
	#categoryblurb p (

	)
/*---------------- SIDE BAR -------------------*/

#sidebar
{
	padding-bottom: 25px;
	margin-top: 30px;
}
	#sidebar h3 {
		margin-top: 0px;
		margin-bottom: 5px;
	}

	#sidebar ul li {
		margin-bottom: 20px;
		background-color: #fff;
		padding: 5px;
	}

		#sidebar ul li a {
		color: #333;

	}

		#sidebar ul li ul {
			color: blue;
			margin: 0px;
			padding: 0px;
		}

			#sidebar ul li ul li {
				margin-bottom: 0px;

			}

			#sidebar ul li ul li a {

			}



		.search input.textarea {
			color: #333;
			width: 200px;
			background-color:#fff;
			color:#333;
			-moz-border-radius: 1px;
			-webkit-border-radius: 1px;
			border-radius: 1px;
			border: 0px solid #fff;
			height: 20px;
			padding-left: 3px;
		}

			.search input.textarea:focus{
				background-color: #ddd;
			}

		.search input.submitbutton {
			-moz-border-radius: 1px;
			-webkit-border-radius: 1px;
			border-radius: 1px;
			background-color: #fff;
			color: #333;
			margin: 0px;
			height: 22px;
			border: 0px solid #fff;
		}

			.search input.submitbutton:hover {
				text-decoration: underline;
			}


/*---------------- END SIDEBAR ---------------------------*/


/*---------------- FOOTER -----------------------*/

#footercontainer {
	background-color: #fff;

		}
#footercontent {
	padding: 10px 0 20px 0;
	background-color: #fff;
}

.entry {
	font-family: Arial, sans-serif;
	font-size: 9px;
	display: block;
}

	.entry p {
		line-height: 20px;

	}

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}



/* End Structure */

/* Begin Images */
p img {
		padding: 0;
		max-width: 100%;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

.alignright {
		float: right;
		}

.alignleft {
		float: left;
		}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
		}

html>body .entry li {
		margin: 7px 0 8px 10px;
		}

.entry ul li:before, #sidebar ul ul li:before {
		/*content: "\00BB \0020";*/
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

.pinglist {
		padding: 0;
		text-align: justify;

}

.pinglist li {
		margin: 5px 0 5px;
		padding: 5px 5px 5px 10px;
		list-style: none;
		line-height: 18px;
}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 5px 0 5px;
		padding: 5px 10px 5px 10px;
		list-style: none;
		}

.commentlist li .avatar {
		float: right;
		padding: 2px;
		}

.commentlist li ul li {
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

.commentmetadata {
		margin: 5px 0 10px 0;
		display: block;
		}

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 25px 30px 25px 10px;
		padding-left: 20px;
		font-style: italic;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {

		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

#postnavigation {
	height: 20px;
	margin: 20px 0 10px 0;
	padding: 5px;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}


#postnaviation .left  {
	float: left;
}

#postnavigation .right  {
	float: right;
}

#pagenavigation {
	padding: 0px;
	margin: 0 0 20px 0;
}
	#pagenavigation p a {
		padding: 5px;
	}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.wp-caption {
		text-align: left;
		padding-top: 10px;
		margin: 30px 0 30px 0px;
		}

.wp-caption img {
		margin: 0;
		padding: 0 0 5px 0;
		}

.wp-caption p.wp-caption-text {
		padding: 0 0px 5px;
		margin: 0;
		}
/* End captions */


/* MiscWrapper */
#miscWrapper {
	border-top: 1px solid #eee;
	padding: 0;
	margin: 0;
	height: 300px;
}

/* Events */
#calendar {
		margin: 0  0 20px 0;
		padding: 10px 0 0 0;

}

#calendar ul.eme_events_list {
		margin: 0;
}

#calendar ul.eme_events_list li {
	height: 40px;
	margin: 5px 0 5px 0;
	width: 385px;
	vertical-align: middle;
	line-height: 50px;

}

#calendar ul.eme_events_list li p.event_date {
		background-color: #eee;
		width: 50px;
		float:left;
		margin: 0  5px 0 0;
		color: #000;
		text-align: center;
		line-height: 20px;

}

#calendar ul.eme_events_list li p.event_name {
		background-color: #eee;
		display: block;
		float:left;
		height: 40px;
		margin: 0px;
		padding: 0px 5px 0 5px;
		line-height: 40px;
		width: 315px;

}

.video-wrapper {
	margin: 35px 0;
}