/***************************************************
	Main layout Style Sheet
	
	TODO: Print Stylesheet

	Adam Quaile - Smiling Wolf
	adamquaile@gmail.com

***************************************************/

/* Random Background Generator: 

	

*/

/* Reset Styles */


body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, a, input, select, option, button, fieldset {
	padding: 0px;
	margin: 0px;
	border: none;
	z-index: inherit;
	list-style-type: none;
}
body {
	font-family: "Courier New", sans-serif;
	height: 100%;
	color: #fff;
	font-size: 10pt;
	background: url('http://www.findyourtalent.net/images/bgs/500/VA02.jpg') repeat 165px 145px fixed;
	
}
body a {
	color: #fff;
}
body a:hover {
	color: #0a0;
}
	#container {
		background: url('http://www.findyourtalent.net/images/bgs/500/VA02.jpg') repeat 165px 145px fixed;
		width: 100%;
		height: auto !important;
		min-height: 100%;
	}
		#header {
			background-color: #000;
			color: #fff;
			border-bottom: 1px solid #000;
			position:fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 145px;
			z-index: 100;
			
		}
			#logo {
				float: left;
				width: 165px;
				height: 100%;
				text-align: center;
				background: #000 url('http://www.findyourtalent.net/images/FYT 120px.png') no-repeat center center;
			}
				#logo h1 {
					visibility: hidden;
					height: 100%;
				}
			#intro {
				font-size: 190%;
				font-family: "Century Gothic";
				float: left;
				width: 440px;
				padding: 0px 30px 0px 30px;
				background: #000 url(http://www.findyourtalent.net/images/strapline.png) no-repeat 4% center;
				height: 100%;
			}
				#intro span {
					visibility: hidden;	
					height: 100%;
					color: #fff;
				}
		#main {
			width: 100%;
			height: 100%;
			position:absolute;
			top: 145px;
			left:0;
			z-index: 10;
			
		}
			#nav {
				position:fixed;
				top: 145px;
				left: 0;
				float: left;
				width: 165px;
				background-color: #000;
			}
				#nav ul {
					margin: 0px 8px 0 8px;
				}
						#nav ul li a {
							display: block;
							color: #fff;
							font-size: 20px;
							text-decoration: none;
							margin: 0 0px 0 0;
							padding-left: 2px 0 2px 8px;
							background-image: url('http://www.findyourtalent.net/images/FYT-nav Production.png');
							background-repeat: no-repeat;
							height: 24px;
							overflow: hidden;
						}
							#nav ul li a em {
								visibility: hidden;
							}
						#nav ul li.home a 				{background-position: 16% 3px;}
						#nav ul li.news a 				{background-position: 16% -20px;}
						#nav ul li.whatson a			{background-position: 16% -42px;}
						#nav ul li.placestogo a			{background-position: 16% -66px;}
						#nav ul li.showcase a			{background-position: 16% -89px;}
						#nav ul li.about a				{background-position: 16% -127px;}
						#nav ul li.makingithappen a 	{background-position: 16% -112px;}
						#nav ul li.joiningin a			{background-position: 16% -135px;}
						#nav ul li.about a				{background-position: 16% -158px;}

						#nav ul li a:hover {
							background-color: #0a0;
							cursor: pointer;
						}
						#page-home #nav ul li.home a,
						#page-news #nav ul li.news a,
						#page-about #nav ul li.about a,
						#page-placestogo #nav ul li.placestogo a,
						#page-projects #nav ul li.showcase a,
						#page-whatson #nav ul li.whatson a,
						#page-events #nav ul li.whatson a,
						#page-tags #nav ul li.whatson a,
						#page-dates #nav ul li.whatson a,
						#page-makingithappen #nav ul li.makingithappen a,
						#page-whatson #nav ul li.whatson,
						#page-joiningin #nav ul li.joiningin
						{
							background-color: #0a0;
						}
						#nav ul li a.active {
							text-decoration: none;
						}
			#body {
				float: left;
				width: 699px;
				overflow: auto;
				position: absolute;
				margin-left: 165px;
			}
				#content {
					float: left;
					width: 416px;
				}
					.pagination {
						background-color: #fff;
						color: #000;
						width: 400px;
						padding-left: 16px;
						font-size: 11pt;
					}
					.pagination a {
						color: #000;
						text-decoration: none;
					}
					
					.post {
						background-color: #000;
						border-top: 8px solid #0a0;
						margin: 0 0 0px 0px;
						padding: 16px 0 16px 0;
					}
						.postcontent {
							background-color: #000;
							padding: 0px 0 0px 0px;
							padding: 0px 0 0px 16px;
							border-left: 1px dashed #fff;
						}
							.postcontent p {
								width: 389px;
								margin-top: 1em;
							}
				#sidebar {
					float: right;
					width: 250px;
					margin: 24px 16px 0 0;
				}
					#sidebar a {
						color: #000;
					}
					#sidebar a:hover {
						color: #0a0;
					}
					#sidebar .sidepanel {
						background: #fff;
						color: #000;
						border-top: 8px solid #000;
						margin-bottom: 16px;
						font-size: 11pt	;
					}
				#sidebar .formrow {
					display: block;
					margin-bottom: 1px;
					clear: both;
					padding-top: 1px;
				}
				#sidebar h3 {
					margin-bottom: 8px;
				}
				#sidebar .formrow label {
					display: block;
					color: #fff;
					background-color: #000;
					clear: both;
					margin-top: 10px;
					margin-bottom: 2px;
					height: 15px;
					text-indent: 4px;
					font-size: 9pt;
					padding-top: 2px;
				}
				#sidebar .formrow label.first {
					margin-top: 0;
				}
				#sidebar .formrow input, #sidebar .formrow select {
					display: inline;
					background-color: #000;
					color: #fff;
					border: 0px;
					width: 190px;
					float: left;
					font-family: "Courier New";
				}
				#sidebar .formrow input {
					padding-top: 2px;
				}
				#sidebar button {
					display: inline;
					float: right;
					line-height: 16px;
					padding: 0 1px 0 2px;
					background-color: #000;
					color: #fff;
				}
				#sidebar button:hover {
					background-color: #0a0;
					cursor: pointer;
				}
						#sidebar .sidepanel .sidepanelcontent h3 {
							text-transform: uppercase;
							font-weight: normal;
							margin-bottom: 8px;
						}
					#sidebar .sidepanel .sidepanelcontent {
						padding: 0 0 16px 0;
						margin: 12px 16px 0 16px;
					}
					/* Event Dates */
					#dates li {
						margin-bottom: 8px;
						padding-bottom: 8px;
						border-bottom: 1px dashed #000;
					}
					/* Showcase Images */
					#showcase_images ul {
						list-style-type: none;
						display: inline;
						padding: 0;
						margin: 0;
					}
					#showcase_images ul li {
						display: inline;
						padding: 0;
						margin: 0;
					}
					#showcase_images ul li a {
						padding: 0;
						margin: 200px 0 0 0 ;
					}
					#showcase_images ul li a img {
						padding: 0;
						margin: 5px 0 0 0;
						border: 0;
						border-top: 	4px solid #fff;
						border-bottom: 	4px solid #fff;

					}
					#showcase_images ul li a:hover img {
						border-top: 	4px solid #0a0;
						border-bottom: 	4px solid #0a0;
					}
					#showcase_images ul li a {
						border-bottom: 1px dashed #000;
					}
			#footer {
				clear: both;
				visibility: hidden;
			}
.headertext a {
	color: #000;
	text-decoration: none;
}
.details {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 16px 16px 8px 0;
	padding: 8px 0 8px 0;
}
.pre-details {
	border-top: 1px dashed #fff;
	margin: 16px 16px 8px 0;
	padding: 8px 0 0px 0;
}
.post-details {
	border-bottom: 1px dashed #fff;
	margin: 8px 16px 8px 0;
	padding: 8px 0 8px 0;	
}
.event-details {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 16px 0 8px 0;
	padding: 8px 0 8px 0;
}
.more.event-details {
	border-top: none;
}
.headline-fix {
	display: block;
	clear: left;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
}
#backgroundfix{
	z-index: 0;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 165px;
	background: #000 repeat-y top left;
	overflow: hidden;
}
#logo {
	position:relative;
	z-index: 10;
}
.top {
	background-color: #0a0;
	margin-bottom: 20px;
	line-height: 15pt;
}
.top a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 16px;
	font-size: 11pt;
}
.top a:hover {
	text-decoration: underline;
	color: #000;
}
#credit {
	position:fixed;
	bottom: 15px;
	left: 15px;
	font-size: 9pt;	
	width: 165px;
	z-index: 100;
	color: #fff;
}
#youtube-channel {
	margin-bottom: 10px;
	width: 133px;
}
#youtube-channel a {
	color: green;
}
#youtube-channel a img {
	display: block;
	border: 0;
	margin-bottom: 7px;
}
#contact a {
	color: green;
}
#contact a:hover, #youtube-channel a:hover {
	color: white;
}
#contact {
	padding-bottom: 13px;
	margin-bottom: 10px;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: white;
	width: 133px;
	
}