/* 

STYLE SHEET FOR Huonkerville Website

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts

Notes
@charset "utf-8";
/* CSS Document */

*/
/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #280844 url(assets/karicula_24.png) repeat-x;
		color: #280844;
		padding-bottom: 40px;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		margin: 0 auto;
		width: 738px;
		border-top: 2px solid #666666;
		border-left: 2px solid #666666;
		border-right: 4px solid #333333;
		border-bottom: 4px solid #333333;
		}
		
#masthead {
		height: 300px;
		background: url(assets/masthead.png) no-repeat;
		}

#content {
		background: #333333 url(assets/contentbackground.png) repeat-x;
		padding: 40px 14px 20px 0;
		}

#sidebar {
		float: right;
		width: 199px;
		padding-top: 24px;
		}
		
#mainContent {
		float: right;
		width: 490px;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #7c8a99;
		}
#singleContent  {
		float: center;
		width: 700px;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #7c8a99;
		}


.separator {
		clear: both;
		height: 0;
		}
		
/* ---------- 3. links and navigation ---------- */

}
.site_logo {
	position: relative;
	display: block;
	float: left;
	width: 9em;
}
.site_logo img {
	width: 9em;
}
.logo {
	opacity: 1;
}
.site-nav {
	position: relative;
	float: right;
	z-index: 400;
	top: 0;
	left: 0;
	display: block !important;
	width: 80%;
	padding: .5em 0em 0 0;
	opacity: .95;
	background: none;
}
.site-nav ul {
	list-style-type: none;
	margin: 0;
	text-align: right;
}
.site-nav ul li {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 1.5em;
}
.site-nav ul li a {
	font-size: .85em;
	padding-bottom: .1em;
	text-decoration: none;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.site-nav ul li a:hover {
	outline: none;
	border-bottom: 2px solid #BDBFC1;
}
/*--- old stuff */



body.welcomePage #welcomePage a, body.gazingPage #gazingPage a, body.watchingPage #watchingPage 
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {
		font: bold 2.0em/100% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 10px;
		}

p {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}

#sidebar h1, #sidebar p {
		color: #1b4b7d;
		font: bold 1.1em Arial, sans-serif;
		}

#sidebar h1 {
		margin-bottom: 2px;
		}

#sidebar p {
		line-height: 1.3em;
		margin-bottom: 0.8em;
		}
/*--- Footer ---*/
footer {
	margin-top: 1.5em;
	padding-top: 5em;
	background-image: -webkit-linear-gradient(bottom left, #BDBFC1 0%, #280844 100%);
	background-image: -o-linear-gradient(bottom left, #BDBFC1 0%, #280844 100%);
	background-image: linear-gradient(to top right, #BDBFC1 0%, #280844 100%);
}
.footer-content {
	width: 64%;
	margin: 0 auto;
	padding-bottom:1.7em;
}
.footer-social {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}
.footer-social li {
	display: inline-block;
	margin: 0 1.2em;
}
.footer-social li a {
	line-height: 3.5em;
	display: inline-block;
	width: 4em;
	height: 4em;
	text-align: center;
	border: 2px solid rgba(255,255,255,.3);
	border-radius: 50%;
}
.footer-social li a:hover {
	border-color: #fff;
	background: #fff;
}
.footer-social li a img {
	width: auto;
	height: 1em;
}
.footer-social li a .social-hover {
	display: none;
}
.footer-social li a:hover .social-default {
	display: none;
}
.footer-social li a:hover .social-hover {
	display: inline;
}
.footer-info {
	padding-top: 5em;
}
.footer-info p {
	font-size: .8em;
	color:#fff;
	line-height: 1.55;
	max-width: 36em;
	margin-bottom: 1em;
}
.footer-info {
	clear: both;
}
.footer-legal {
	opacity: .8;
}
.footer-credit a:hover {
	text-decoration: none;
}