@font-face { font-family: Xolonium; src: url('res/Xolonium.otf'); }

body {
	background-color:#101010;
	margin:auto;
	height:1500px;
}

h1, h2, h3, h4, h5, h6, h7  {
	font-family:Xolonium;
	color:#f0f0f0;
}

p  {
	font-size:15px;
	color:#d0d0d0;
}

span.headline {
	font-family: Xolonium; src: url('res/Xolonium.otf');
}

ul.nav {
	
}

ul.patchnotes {
	font-size:14px;
	padding-left:0px;
}

ul.subpatchnotes {
	font-size:14px;
	padding-left:1em;
}

img.logo {
	width:500px;
}

div.socialwidgets {
	margin-right:10px; 
	margin-left:0px; 
	position:fixed;
	right:0px;
	top:20%;
}

div.socialwidgets ul {
	list-style-type: none;
	padding:0px;
}

div.socialwidgets li {
	list-style-type: none;
	text-indent:0px;
}

img.socialwidget {
	width:40px;
	padding:3px;
}

div.twitterfeed {
	float:right;
	width:25%;
	padding:1%;
	margin-bottom:20px
}
	
span.newsdate {
	font-weight:bold;
	float:right;
	margin-top:20px;
}

p.anecdote {
	font-size:13px;
	font-style: italic
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bottomfloat {
    display : table-row;
    vertical-align : bottom;
    height : 1px;
}

table  {
	font-size:15px;
	color:#d0d0d0;
}

div#speechbackground {
	margin:auto;
	margin-top:150px;
	max-width:850px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	background-color:rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 30px 40px rgba(0,0,0,0.7);
}

div#speechbackground a{
	font-size:25px;
}

div#speechbackground span{
	font-family: Xolonium;
	font-size:35px;
	color:#f0f0f0;
}

div#speechbackground p {
	font-family: Xolonium;
	font-size:25px;
	color:#f0f0f0;
}



a#unremarkable:visited {
	color:#f0f0f0;
}

a#unremarkable:link {
	color:#f0f0f0;
}

a#unremarkable:hover  {
	color:#70b0ff;
}



a:visited {
	color:#70c0ff;
}

a:link {
	color:#70b0ff;
}

a:hover  {
	color:#ffffff;
}

div#centered {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

div#header {
	margin:auto;
	height:70px;
}

div#nav {
	background-color:rgba(0, 0, 0, 0.4);
	float:right;
	padding-left:10px;
	padding-right:10px;
}

div#nav a:link {
	color:#ffffff;
}

div#nav a.kickstarter:link {
	color:#2bde73;
}

div#nav a.kickstarter:hover {
	color:#2bde73;
}

div#nav a.kickstarter:visited {
	color:#2bde73;
}

div#nav a:link {
	color:#ffffff;
}

div#nav a:visited {
	color:#ffffff;
}

div#nav a:hover   {
	color:#ffffff;
	text-decoration:underline;
}

div#nav ul   {
	padding:0px;
}



ul#menu li {
	display:inline;
	font-size:20px;
	font-family:Xolonium;
	color:#ffffff;
	padding:9px;
}

div#footer {
	margin:auto;
	width:100%;
	margin-bottom:50px
}

ul#footer {
	width:100%;
	padding:0px;
}

ul#footer li {
	display:inline;
	font-size:15px;
	padding:10px;
	color:#ffffff;

}


div#promo-image {
	background:url(http://i.imgur.com/w3hiH0C.png);
	width:100%;
	height:70%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: inset 0px 0px 250px 20px rgba(0,0,0,0.7);
	background-repeat:no-repeat;
	background-position: center center;
}

div#header-background {
	background:url(http://i.imgur.com/pN7JQDL.png);
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: inline-block
}



div#wideFrame{
	max-width:1200px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:50px;
	padding:0px;
}

div#article {
	width:90%;
	max-width:1150px;
	
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;

	padding:2%;
	padding-top:20px;
	color:#ffffff;
}

div#smallarticle {
	width:70%;
	
	font-family:sans-serif;
	padding:1%;
	color:#d0d0d0;
}

p {
	font-family:sans-serif;
}

li {
	font-family:sans-serif;
	list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

a{text-decoration:none}

table#bignewsHeader  {
	width:930px;
	border:1;
}

table#newsHeader  {
	width:790px;
	border:1;
}

tr#Features div {
	width:350px; height:250px;
}

div.videobox {
	width: 50%;
	max-width: 700px;
	max-height: 450px;
	margin:auto;
	margin-top:50px;
	background-color:rgba(0,0,0,1.0);
	box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.7);
}

@media screen and (max-width: 1220px) {

	div#nav {
		width:100%;
		float:none;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
	}
	
}

@media screen and (max-width: 1024px) {

	.socialwidgets {
		display:none;
	}
}
	
@media screen and (max-width: 820px) {
	
	div.twitterfeed {
		display:none;
	}
	
	div#smallarticle {
		width:96%;
	}
}

@media screen and (max-width: 640px) {
	img.logo {
		width:100%;
	}
	
}


@media screen and (max-width: 400px) {

}


@media screen and (max-width: 240px) {
	
	div#speechbackground a{
		font-size:20px;
	}

	div#speechbackground p {
		font-family: Xolonium;
		font-size:20px;
		color:#f0f0f0;
	}

}