/* CSS by Eric Arquilla
 *  * Written for www.niutke.com*/

body, div, h1, h2, h3, p, ul, ol, li, img
{
	margin:0;padding:0;border:0;list-style:none;		/*Start with a blank slate*/
}

html, body, div#right, div#index_right			
{
	height:100%;						/*Set height for main divs*/
	min-height:850px;
}


body
{
	color:#6E6E6E;
	min-width:1200px;
	background-color:#F2F2F2;
}
div#menu							/*Left Menu (Home | Join | News | etc)*/
{
	width:15%;
	min-height:300px;
	background-color:#c6c6c6;
	text-align:center;
	min-width:180px;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	z-index:1;
}
img#logo							/*TKE logo in upper left*/
{
	position:absolute;
	top:10px;
	left:10px;
}
div.house
{
	position:absolute;
	bottom:0px;
	width:100%;
}
div.container							/*House at the bottom of the menu*/
{
	display:inline-block;
	position:relative;
	width:100%;
}
div.house_dummy
{
	margin-top:75%;
}
div.house_element
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
	div.house img
	{
		width:100%;
		height:100%;
	}
div#nav{							/*Div around the menu ul to center and align*/
	display:inline-block;
	margin-top:20%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:-40px;
}
#menu ul#links							/*Actual menu*/
{
	width:100%;
	padding:40px;
}
#menu ul#links li
{
	font-family:'Arvo';
	margin:5px 0px 5px 0px;
	width:100%;
}
	#menu ul#links li hr
	{
		background-color:#6E6E6E;
		height:2px;
		border:0;
	}
	#menu ul.social
	{
		display:inline-block;
		width:100%;
	}
		#menu ul.social li
		{
			display:inline-block;
		}

div#index_right, div#right, div.forums_right
{
	background-color:#F2F2F2;
	text-align:center;
	float:left;
	display:inline-block;
	margin-left:15%;
	height:auto;
}
div#index_right
{
	width:70%;
	overflow-x:hidden;
	height:100%;
}
div.forums_right
{
	height:auto;
	text-align:left;
}
div#right, div.forums_right
{
	width:85%;
}
div#top_intro							/*Div for NIU TKE and address at top of page*/
{
	margin-top:1%;
	text-align:left;
	position:relative;
	display:block;
	margin-bottom:3%;
	margin-left:3%;
	text-align:left;
}

div#top_intro ul li
{
	display:inline-block;
	margin-right:1%;
}
div#top_intro ul li h1						/*NIU TKE at top of page*/
{
	border-top:1px solid #6E6E6E;
	border-bottom:1px solid #6E6E6E;
	position:relative;
}
div#top_intro ul li h3						/*Address at top of page*/
{
	float:left;
	font-size:.8em;
	vertical-align:bottom;
	font-family:'Arvo';
	color:#1C1C1C;
}
div#ss								/*Slideshow on right hand side of home page*/
{
	width:15%;
	height:100%;
	float:right;
	background-color:#F2F2F2;
}
div#ss table
{
	float:right;
	height:100%;
	text-align:center;
}
	th
	{
		font-family:'Italiana';
		font-size:2em;
	}
embed.ss							/*Set size of individual slideshows*/
{
	width:100%;
	height:192px;
}
h1
{
	font-size:3em;	
	font-family:'Italiana';
	float:left;
	color:#C70000;
}
div#main_container
{
	margin:0px auto;
	display:inline-block;
	width:96%;
	max-width:1052px;
}
div#main_block							/*Big gray div on home page*/
{
	height:47%;
	max-height:400px;
	min-height:350px;
	background-color:#1C1C1C;
	text-align:left;
	display:block;
	position:relative;
	overflow:auto;
	margin-bottom:1px;
}
#main_block div 						/*Div for alignment purposes*/
{
	margin:0 auto;
	text-align:center;
}
h2 								/*Welcome to best years*/
{
	text-align:center;
	font-size:2em;
	font-family:'Open Sans';
	text-transform:uppercase;
	color:#C70000;
}
h3
{
	font-size:1.5em;
	font-family:'Open Sans';
	text-transform:uppercase;
	color:#C70000;
}
#main_block table tr td 
{
	font-family:'Ubuntu';
}


/********************* News Items ****************/
ul#index_news, ul.news							/*Unordered list for news items*/
{
	text-align:left;
	overflow:hidden;
	margin-top:1px;
	text-align:center;
}
ul#index_news li.news, ul.news li.news
{
	max-width:350px;
       	position:relative;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin-left:1px;
}
ul#index_news li
{
	width:33.25%;
}
ul#index_news li:first-child, ul.news li:first-child
{
	margin-left:0px;
}
ul.news li
{
	width:24%;
}
div.dummy
{
	margin-top:100%;
}
div.element
{
	position:absolute;
	overflow:hidden;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
ul.news li img, ul#index_news li img
{
	width:100%;
	height:100%;
}
	ul.news li ul, ul#index_news li ul
	{
		position:absolute;
		top:0px;
	}
	ul.news li.news ul li, ul#index_news li.news ul li
	{
		display:block;
		width:100%;
	}
	ul.news li ul li h1, ul#index_news li ul li h1 
	{
		display:none;
		font-size:2em;
		text-transform:uppercase;
		color:#6E6E6E;
		font-family:'Open Sans', sans-serif;
	}
	ul.news li ul li h2, ul#index_news li ul li h2 
	{
		display:none;
		font-size:1.5em;
		text-transform:uppercase;
		color:#C70000;
		text-align:left;
		font-family:'Open Sans', sans-serif;
	}
	ul.news li ul li p, ul#index_news li ul li p
	{
		display:none;
		font-size:.9em;
		color:white;
		font-family:'Ubuntu', sans-serif;
		text-indent:5%;
		float:left;
	}
	ul.news a, ul#index_news a
	{
		color:#C70000;
	}
	ul.news li.news:hover, ul#index_news li.news:hover
	{
		background-color:#1C1C1C;
		overflow:hidden;
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-o-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	ul.news li:hover img, ul#index_news li:hover img
	{
		opacity:0.1;
	}
	ul.news li:hover p, ul.news li:hover h1, ul#index_news li:hover p, ul#index_news li:hover h1, ul.news li:hover h2
	{
		display:inline;
		overflow:hidden;
		width:100%;
	}
/*******************End of News Items******************************/

div.content_box
{
	width:80%;
	background-color:#1C1C1C;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	display:inline-block;
	color:white;
	font-family:'Ubuntu', sans-serif;
	padding:25px;
	margin-bottom:1%;
}
ol li
{
	list-style:upper-roman inside none;
	text-indent:25px;
}
div#pagination
{
	float:left;
	position:fixed;
	bottom:1%;
	left:0;
	right:0;
	margin:0 auto;
	color:#1C1C1C;
}
div#calendar
{
	width:800px;
	margin:9% auto 0 auto;
}
iframe#gcalendar
{
	width:800px;
	height:600px;
}

.left
{
	float:left;
}
a
{
	text-decoration:none;
	color:#1C1C1C;
}
ul#contact
{
	width:100%;
	display:inline-block;
}
	ul#contact li
	{
		display:inline-block;
		width:30%;
		background-color:#1C1C1C;
		height:400px;
		vertical-align:top;
		padding:15px;
	}
		ul#contact li h1
		{
			text-align:center;
			float:none;
		}