/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background-image:url(../img/body_bg.jpg);
	font-family: 'Merriweather Sans', sans-serif;
}

h1, h2, h3{
	font-family: 'Merriweather Sans', sans-serif;
}

h1{
	font-size:21px;
	clear:both;
}


/***************************
			Topbar
****************************/
body{
	background-color:#ccccce;
}

#topmenu {
	background-image:url(../img/topbar_bg.png);
	background-repeat:repeat-x;
	height:45px;
	
	text-align:right;
	padding-right:20px;
	padding-top:12px;
	
	font-family: 'Merriweather Sans', sans-serif;
	color:#82848c;
	font-size:13px;
	text-transform:uppercase;
	
	border-top-color:#333333;
	border-top-style:solid;
	border-top-width:2px;
}

#topmenu span a{
    margin-right: 25px;
}

#topmenu a{
	color: #A9ABB4;
	text-decoration:none;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#topmenu a:hover{
	color:#FFF;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#topmenu .highlight {
	color: #D36E6C;
	text-decoration:none;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#topmenu img{
	position:absolute;
	left:25px;
	top:5px;
}

#topmenu span{
    float:left;
    margin-left: 125px;
}

/*Formulier settings */
.fancyForm form, .fancyForm form input, .fancyForm form label,
/*#registerFormInfo form, #registerFormInfo form input, #registerFormInfo form label, #registerFormInfo form select*/ {
	font-size: 12pt;
	font-weight:bold;
	width:330px;
}

#loginForm h2{
	margin-top: 0;
	margin-bottom: 0;
}

form input:focus	{ outline: 0;}
form p 						{	position: relative; margin: 10px 0;}
form p label 			{	position: absolute; top: 0; left: 0;}
form p br 				{	display: none;}

form p input, form p select {
	display: block;
	padding: 4px;
	padding-left:12px;
	width: 308px;
	height:32px;
	margin:0;
	
	background-color:#efefef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	color: #8d9093;
	
	box-shadow:inset 1px 1px 3px #cfcaca;
}

form p textarea {
	display: block;
	padding: 4px;
	padding-left:12px;
	width: 308px;
	margin:0;
	
	background-color:#efefef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	color: #8d9093;
	
	box-shadow:inset 1px 1px 3px #cfcaca;
}

form p label {
	width: 380px;
	display: block;
	margin: 12px 5px 5px 12px;
	padding: 0;
}

form p input, form p select {
	border: solid 1px #ccc;
}

form p label {
	color: #8d9093;
	cursor:text;
}

.btnForm {
	text-decoration: none;
	font-size: 24px;
	line-height: 55px;
	color: #fff;
	text-shadow: 1px 1px 1px rgb(63, 63, 63);
	font-family: 'Merriweather Sans', sans-serif;
	
	width:326px;
	height: 60px;
	background-color: rgb(117, 117, 117);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 2px 0 rgb(63, 63, 63);
	-webkit-box-shadow: 0 2px 0 rgb(63, 63, 63);
	box-shadow: 0 2px 0 rgb(63, 63, 63);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(63, 63, 63)), color-stop(0.85, rgb(117, 117, 117)));
	background-image: -moz-linear-gradient(center bottom, rgb(63, 63, 63) 0%, rgb(117, 117, 117) 85%);
}

.fancyForm a{
	font-size:12px;
	text-decoration:none;
	
	color:#222;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

.fancyForm a:hover{
	color:rgb(87, 87, 87);
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

.fancyForm p{
	width: 370px;
}

.fancyForm p select {
	width: 323px;
	margin-left: 2px;
}

#registerForm #gender,
#registerForm #birthdayD,
#registerForm #birthdayM,
#registerForm #birthdayY{
	float:left;
	margin-right:10px;
}

#registerForm #birthdayD	{	width: 53px;}
#registerForm #birthdayM	{	width: 53px;}
#registerForm #birthdayY	{	width: 75px;}
#registerForm #gender			{	width: 85px;}

#registerForm #bbqkeuze p{
	font-size:12px;
}

#registerForm #bbqkeuze select{
	margin-bottom: 5px;
}

/* Styles voor pagination */

#registerForm{
	/* The main container div */
	position:relative;
	width: 330px;
	margin-left: 42px;
}

#registerForm h1, 
#registerForm h2{
	margin:0;
}

#holder{
	/* The unordered list that is to be split into pages */
	width:400px;
	overflow:hidden;
	position:relative;
	padding-bottom:10px;
}

.swControls{
	position:absolute;
	margin-left: -123px;
}

a.swShowPage{
	/* The links that initiate the page slide */
	background-color:#444444;
	float:left;
	height:15px;
	margin:4px 3px;
	text-indent:-9999px;
	width:15px;
	
	/* CSS3 rounded corners */
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#2993dd;
	
	/*	CSS3 inner shadow */
	-moz-box-shadow:0 0 7px #1e435d inset;
	/*-webkit-box-shadow:0 0 7px #1e435d inset;*/
	box-shadow:0 0 7px #1e435d inset;
}

a.btnVolgende,
a.btnVorige{
	/* The links that initiate the page slide */
	background-color:inherit;
	float:left;
	height:15px;
	margin:4px 3px;
	text-indent:0;
	width:45px;
	
	/* CSS3 rounded corners */
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

a.btnVolgende:hover,
a.btnVolgende.active,
a.btnVorige:hover,
a.btnVorige.active{
	background-color:inherit;
	
	/*	CSS3 inner shadow */
	-moz-box-shadow:none;
	/*-webkit-box-shadow:none;*/
	box-shadow:none;
}

.fancyForm ul{
	padding:0;
}

.fancyForm li{
	list-style:none outside none;
	float:left;
}

#signupForm li{
	float:none;
}
.clear{
	/* This class clears the floated elements */
	clear:both;
}

/***************************
			Header
****************************/
#mainmenu{
	width: 820px;
	height:30px;
	margin:auto;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}

#mainmenu .fa-star{
    color: #957b39;
    font-size: 0.8em;
}


#mainmenu li{
	float:right;
}

#mainmenu .highlight a{
	color:#ce0905;
	margin-left:20px;
}


#mainmenu li a{
	color:#957b39;
	
	padding:10px;
	margin-left:5px;
	text-decoration:none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background-color:inherit;
}

#mainmenu li a:hover{
	color:#FFF;
	
	/*background-color:#444447;*/
}

.steelseries_header{
	float: left;
	margin-top: -12px;
}

/***************************
			Content
****************************/

#main{
	margin:auto;
	background-image:url(../img/border_stripe.jpg);
    background-repeat: repeat-x;
    background-color: #FFF;
	width:820px;
	/*box-shadow: 0px 0px 12px 1px #000 inset;*/
	
	padding:10px;
	padding-top:20px;
	
	font-family: 'Merriweather Sans', sans-serif;
	
	overflow: hidden;
}

#banner{
	height:204px;
	width:600px;
	
	background-color:#FFF;
    background-image: url("../img/banner/banner-2016.jpg");
    
    border: 1px solid #e3e3e3;
}

.banner-subtext {
    font-size:12px;
    color: #A19898;

    width: 365px;

    position: relative;
    top: 75px;
    left: 23px;
}

#banner button {
    position: relative;
    top: 75px;
    left: 75px;

    width: 260px;
    height: 40px;

    border-radius: 5px;
    border: none;

    background-color: #ddbd5b;

    color: #514328;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#banner button:hover,
#banner button:active {
    color: #514328;
    background: #ddbd5b;
    border-color: #ddbd5b;
}
#banner button {
    border: 2px solid #A19898;
    color: #A19898;

    background: none;

    display: inline-block;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#breadcrumb{
	margin-left:10px;
	margin-bottom:5px;
}

#breadcrumb a{
	font-size:12px;
	text-decoration:none;
	
	color:#222;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#breadcrumb a:hover{
	color:#e3e3e3;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#breadcrumb .seperator{
	color:#e3e3e3;
	font-size:10px;
}

#main #content{
	width:590px;
	min-height:235px;
	padding:10px;
	padding-top:1px;
	
	background-color:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	font-size:12px;
}

#content #tabs nav ul{
	padding:0px;
	font-size:12px;
	line-height:25px;
}

#content #tabs hr{
	clear:both;
	border-color:#e3e3e3;
	margin:0px;
}

#content #tabs nav ul li a{
	text-decoration:none;
	color:#aeacac;
	outline:0;
}

#content #tabs nav ul li{
	float:left;
	width:100px;
	height:25px;
	background-color:#e3e3e3;
	text-align:center;
	margin-right:2px;
	outline:0;
}

#content #tabs nav ul .ui-state-active{
	color:#9d9494;
	font-weight:bold;
	background-color:#f6f6f6;
}

#content #tabs article{
	clear:both;
	padding-top:10px;
}

#content #date{
	font-size:19px;
	font-weight:bold;
	line-height:12px;
	text-align:center;
	color:#444447;
	float:left;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	width:40px;
	height:35px;
	margin-right:10px;
	padding-top:6px;
	
	background-color: rgba(0, 0, 0, 0.09);
}

#content #date #month{
	font-size:10px;
	color:#82848c;
}

#content h2 {
	margin:0;
}

#content p{
	margin-left: 50px;
	margin-top: 0px;
}

#content #tabs p{
	margin-left: 0;
}

#content .secundary {
	margin-left:50px;
	text-decoration:none;
}

#content .secundary:hover {
	text-decoration:underline;
}

/***************************
			Sidebar
****************************/
#mainleft{
	width:620px;
	float:left;
}

#mainright{
	width:185px;
	float:right;
}

#sidebar #info{
	background-image:url(../img/infoplate_bg.png);
	background-repeat:no-repeat;
	
	height:60px;
	padding-left:25px;
	padding-top:10px;
    
    color: #754f06;
}

#sidebar #info #datum{
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

#sidebar #info #seats,
#sidebar #info #prijzen{
	border: solid 1px #e0c577;
    display:inline-block;
    
    padding:3px;
}

#sidebar #info #seats{
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}

#sidebar #info #prijzen{
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}

#sidebar #countdown{
	background-image:url(../img/countdown_bg.png);
	background-repeat:no-repeat;
	
	height:50px;
	padding-left:6px;
	padding-top:5px;
	margin-top:10px;
	
	color:white;
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:4px;
}

#sidebar #countdown #dagen,
#sidebar #countdown #uren,
#sidebar #countdown #minuten,
#sidebar #countdown #seconden{	float:left;}
#sidebar #countdown #uren{			padding-left:6px;}
#sidebar #countdown #minuten{		padding-left:11px;}
#sidebar #countdown #seconden{	padding-left:10px;}

#sidebar #stats{
	background-image:url(../img/stats_bg.png);
	background-repeat:no-repeat;
	height:112px;
}

#sidebar #stats p{
	font-weight:bold;
	padding-top:25px;
	padding-left:17px;
	font-size:13px;
	text-transform:uppercase;
	
	transform:rotate(-2deg);
	-ms-transform:rotate(-2deg); /* IE 9 */
	-webkit-transform:rotate(-2deg); /* Safari and Chrome */
}

#sidebar #stats .rood{
	color: #b07418;
}

#sidebar #feed{
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	margin-top:8px;
	width:150px;
	height:295px;
	
	font-size:10px;
	padding:10px;
	padding-top:5px;
}

#sidebar #feed a{
	text-decoration: none;
	color: #000000;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#sidebar #feed a:hover{
	color :#82848c;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

#sidebar #feed #date{
	font-size:19px;
	font-weight:bold;
	line-height:12px;
	text-align:center;
	color:#444447;
	float:left;
	width:20px;
	margin-top:5px;
	margin-right:10px;
}

#sidebar #feed #date #month{
	font-size:10px;
	color:#82848c;
}

#sidebar #feed h2{
	font-size:12px;
	line-height:20px;
	height:20px;
	margin:0px;
	overflow:hidden;
}

#sidebar #feed p{
	width:120px;
	height:42px;
	margin:0px;
	margin-left:30px;
	overflow:hidden;
}

#sidebar #feed article{
	height:67px;
	padding-top:5px;
	
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color: #e3e3e3;
}

/***************************
			Seatplan
****************************/

#zaalplan{
	clear:both;
	margin-top:50px;
	margin-left:80px;
	padding-bottom:20px;
	margin-bottom:20px;
	background-color:#FFF;
	width:80%;
}

#zaalplan {
	border-collapse:inherit;
}

#zaalplan .titel, #participants_div .titel {
	text-align:center; 
	height:60px; 
	margin-left: auto; 
	margin-right: auto; 
	border-bottom: none;
	
	background-color:#6AC7BF;
	color:#FFF;
}

#sleepArea {
	text-align: center;
	height:50px;
	background-color: #e3e3e3;
	border-color: #e3e3e3;
	border-width: 1px;
	border-style: solid;
	color: #aeacac;
	font-weight: bold;
	
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.2);
}

#barKitchen {
	width: 50px;
	background-color: #e3e3e3;
	border-color: #e3e3e3;
	border-width: 1px;
	border-style: solid;
	color: #aeacac;
	font-weight: bold;
	
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.2);
}

#podium {
	text-align: center;
	height:50px;
	background-color: #e3e3e3;
	border-color: #e3e3e3;
	border-width: 1px;
	border-style: solid;
	color: #aeacac;
	font-weight: bold;
	
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.2);
}

#zaalplan .door {
	border-left: 10px solid #FF7B20;
	font-size: 9px;
}

#zaalplan .doorHor {
	border-top: 10px solid #FF7B20;
	font-size: 9px;
	text-align: center;
}

#zaalplan .redCarpet {
	background-color: #D60200;
	color: white;
}

#zaalplan .special {
	text-align: center;
	background-color: #e3e3e3;
	border-color: #e3e3e3;
	border-width: 1px;
	border-style: solid;
	color: #aeacac;
	font-weight: bold;
	
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.2);
}


.vertical {
	width: 1em;
	text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	word-wrap: break-word;
}

.color_o{
	background-color: #e3e3e3;
}

.seat{
	height: 30px;
	width: 20px;
	text-align: center;
	border: 1px solid #E3E3E3;
}

.seat .vertical {
	font-size: 6px;
}

.taken{
	background-color: #E97A77;
}

.hover{
	background-color: #FAF87D;
}

.spacing{
	height: 20px;
	width: 20px;
	text-align: center;
}
/***************************
			Codes
****************************/
#codeForm {
    text-align: center;
}

#codeForm input {
    width: 70px;
    text-align: center;
}

/***************************
			Forums
****************************/
.box .header {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.box .footer{
	margin-top: 15px;
}

.box .footer a{
	color: #82848c;
	text-decoration:none;
}

.box .footer a:hover{
	text-decoration:underline;
}

.tbTransparent h2{
	margin-top: 0;
	margin-bottom: 0;
}

.tbTransparent h2 a{
	text-decoration:none;
	color: #605d5d;
}

.tbTransparent h2 a:hover{
	text-decoration:underline;
}

.tbTransparent tr{
	height: 60px;
}

#postMsg {
	margin-top: 20px;
}

#postMsg tr{
	height:auto;
}

#postMsg textarea{
	height: 100px;
	width: 580px;
}

.tbTransparent tr .txtNr{
	color: #82848c;
}

.tbTransparent tr .txtC{
	color: #CCCFDB;
}

.tbTransparent tr .numpost,
.tbTransparent tr .numtopic{
	color: #000;
}

/* Forum topics */
.tbTopics,
.tbTopics td{
	margin:0px;
	padding:0px;
}

.tbTopics{
	margin-left:10px;
	margin-bottom:5px;
	
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:rgba(204, 207, 219, 0.33);
}

.tbTopics tr {
	height:45px;
}

.tbTopics .topicTitle {
	padding:0px;
	width:400px;
}

.tbTopics .rdficon{
	width:35px;
	text-align:center;
}

.tbTopics .topicStats{
	width:100px;	
}

.secundary{
	color: #82848c;
}

.tbTopics .secundary,
.tbTopics .tertiary{
	font-size:10px;
}

.tertiary {
	color: #CCCFDB;
}

.tbTransparent .views{
	float:left;
	width:100px;
}

.tbTopics .topicTitle h3{
	margin:0px;
}

.tbTopics .topicTitle h3 a{
	text-decoration:none;
	color: #605d5d;
}

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

.forumfooter{
	margin-left:10px;
}

.topicTitle{
	width: 500px;
}

#topicmessage {
	margin-left: 36px;
	margin-top: 20px;
}

#topicmessage textarea{
	height:100px;
}

#postText{
	width: 500px;
}

/* Forum posts */

.pauthor{
	vertical-align: top;
	padding-bottom:10px;
}

.pauthor h3{
	float:left;
}

.pauthor span{
	float:right;
}

.pauthor hr {
	margin-bottom: 0;
	clear: both;
	margin-top: 30px;
}

.forumsmb{
	border-bottom-style:solid;
	border-bottom-width:18px;
	border-bottom-color:rgba(147, 149, 158, 0.18);
}

.forumsmb h3{
	margin:0;
	padding:0;
}

.forumsmb h3 a{
	text-decoration:none;
}

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

.forumsmb {
	margin-bottom:15px;
}

.forumsmb td{
	padding-left: 10px;
	padding-right: 10px;
}

.postfooter{
	padding-top:15px;
}

.postfooter,
.postfooter a{
	color: #82848c;
	font-size:10px;
}

.postfooter a:hover{
	color: #000;
}

/***************************
			Deelnemers
****************************/

#participants_div .titel{
	text-align:center;
}

#participants{
	border-spacing:0px 0px;
	font-size:10px;
	width:580px;
	margin-top:20px;
	
	-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    3px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         3px 3px 2px rgba(0, 0, 0, 0.2);
}

#participants th, #compoTable th{
	background:#e3e3e3;
	color:#555555;
	font-size:14px;
	height:30px;
	text-transform:uppercase;
}

#participants td, #compoTable td {
	border-width:1px;
	border-style:solid;
	border-color:#F7F7F7;
	
	width: 30px;
	height: 30px;
	
	height:30px;
	font-size: 10px;
	text-align: left;
	color: #000;
}

#participants .odd td{	
	background-color:#FFFFFF;
}

#participants .even td{
	background-color:#F7F7F7;
}

#participants .c_status{
	text-align:center;
}

#participants .c_username{
	padding-left:10px;
}

/***************************
			Prizes
****************************/
.prize {
	float : left;
	width : 120px;
	text-align : center;
	text-decoration:none;
	margin-top: 20px;
}

#compos a {
	text-decoration: none;
}

.pointsWon {
    background: #24ba08;
    height: 15px;
    border: 1px solid black;
}
.pointsLost {
    background: #ed0905;
    height: 15px;
    border: 1px solid black;
}
.pointsLeft {
    background: #e9992f;
    height: 15px;
    border: 1px solid black;
}
.pointsExtra {
    background: #0066FF;
    height: 15px;
    border: 1px solid black;
}

#bracketsVisual, #bracketsDoubleVisual, #bracketsSingleVisual
{
    overflow-x: scroll;
}

/***************************
			Footer
****************************/
#sponsors{
	height:50px;
	width:610px;
	
	padding:0px;
	margin-top:10px;
	padding-bottom:0px;
	
	background-color:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	text-align:center;
}

#sponsors img{
	/*padding-right:30px;*/
}

footer{
	/*background-color:#ccccce;
	
	box-shadow: 0 0 10px #888;*/
	padding-top:10px;
	
	z-index:10;
	position: relative;
	
	background-color:#c5c5c5;
	height:90px;
	width:840px;
	margin:auto;
	margin-top: 20px;
	padding-bottom:30px;
	
	color:#82848c;
	font-size:12px;
	font-family: 'Merriweather Sans', sans-serif;
}

#main{
	z-index:20;
	position: relative;
}

footer .steelseries_footer{
	float: right;
	margin-right: 30px;
	margin-top: 10px;
}

footer .phpstorm_footer{
	float: right;
	margin-right: 10px;
	margin-top: 75px;
	width: 150px;
}

footer #sitemap ul{
	float:left;
}

footer #sitemap li{
	list-style-type:none;
}

footer #sitemap li:first-child{
	font-weight:bold;
	text-transform:uppercase;
	color:#968856;
}

footer #sitemap li a{
	text-decoration:none;
	
	color:#82848c;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

footer #sitemap li a:hover{
	color:#605d5d;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

footer #stripes{
	background-image: url("../img/stripes_bg.png");
	width: 100%;
	height: 47px;
	margin-top:20px;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.linkButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
   
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


html {
    height: 100%;
}
  
#mainbody {
    overflow:auto;
    padding-bottom: 45px; /* must be same height as the footer */
	height: 100%;
}  
 
#stripes {
    position: relative;
    margin-top: -45px; /* negative value of footer height */
    height: 45px;
    clear:both;
}
 
/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}