/* globals */

@font-face { 
	font-family: TF2;
	src: url(tf2.ttf);
	}
	
@font-face { 
	font-family: TF2Build;
	src: url(tf2build.ttf);
	}
	
@font-face { 
	font-family: TF2Secondary;
	src: url(tf2secondary.ttf);
	}

a {
	color: #403B39;
	}

body {
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #403B39;
	background: #C8C7D9;
	overflow-x: hidden;
	}
	
/* --- main container --- */	

#main-container {
	margin: 0 auto;
	width: 960px;
	}

#header-container {
	background: #8C182D;
	-moz-border-radius: 0 0 5px 5px;
 	-webkit-border-radius: 0 0 5px 5px;
 	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0px 0px 3px 0px #30343a;
	-moz-box-shadow: 0px 0px 3px 0px #30343a;
	}

#navigation {
	display: inline-block;
	color: #F2E394;
	font-weight: bold;
	padding: 5px;
	}

#navigation a {
	color: #F2E394;
	}

#navigation li, #userpics li { 
	display: inline;
	list-style-type: none;
	}
	
#navigation li a:link, a:visited { 
	text-decoration: none;
	}
	
#navigation li a:hover, #navigation li a:active { 
	text-decoration: underline;
	}

#logo {
	font-size: 3em;
	color: #F2E394;
	text-shadow: #000 1px 1px 1px;
	}

#logo a {
	color: #F2E394;
	}

#userbar, #ads {
	float: right;
	}

#userbar {
	background: #1AA1D9;
	color: #F2E394;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 0px #30343a;
	-moz-box-shadow: 0px 0px 3px 0px #30343a;
	}
	
#userbar a {
	color: #F2E394;
	}

#content {
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
	}
	

	
#page-title {
	font-size: 2em;
	}

#datefooter {
	text-align: center;
	}
	
#item-description {
	text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  padding: 0px 0 0px 0;
  font-weight: bold;
  background-color: #3D7EDB; /* #D10074 #7BBBB2 #B04579 #FDC82F */
  font-size: 1.5em;
  color: #FFF;
	}

#item-description p {
	padding-top: 4px;
	}
	
#about-body {
	font-size: 1.5em;
	font-weight: bold;
	padding: 12px 15px 15px 15px;
	text-shadow: 3px 3px 6px #111C24;
	}
	
#about-body p {
	margin: 0px;
	}

#main {
	clear: both;
	}

#main h1 {
	font-size: 3em;
	}
	
#notice {
	font-family: 'TF2Build', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 3.5em; 
	font-weight: bold; 
	text-shadow: 5px 5px 10px black;
	color: #FEDF00;
	text-align: center;
	}

/* --- welcome page --- */

#intro {
	font-weight: bold;
	margin-top: 10px;
	}
	
#intro p {
	font-size: 1.2em;
	margin-bottom: 10px;
	}

#intro .highlight {
	color: #5C7F92;
	}

#intro a:link {
	color: #5C7F92;
	}
	
/* --- help page --- */
	
#help .highlight {
	color: #5C7F92;
	}
	
#help {
	}

#help ol {
	margin-top: 10px;
	}

#help a {
	color: #fff;
	}
	
#help li {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 3em;
	color: #ffffff;
	background: #8C182D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 0px #30343a;
	-moz-box-shadow: 0px 0px 3px 0px #30343a;
	}

#help li {
	font-family: 'TF2Build', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}

#help .aside {
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}

/* --- gallery stuff --- */

#gallery-container {
	padding-left: 5px;
	}

#gallery-nav {
	font-family: 'TF2Build', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	float: right;
	margin-top: 15px;
	font-size: 2em;
	}

#gallery {
	overflow: none;
	min-height: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

.thumb {

	}	

.thumb img {
	-moz-box-shadow: 1px 1px 5px black;
	-webkit-box-shadow: 1px 1px 5px black;
	margin: 0 5px 5px 0;
	}
	
.photo-box {		
	padding: 6px 30px 6px 30px;
	width: 880px;
	position: relative;
	z-index: 2;
	clear: both;
	-moz-box-shadow: inset 0px 0px 5px 2px #191D1F; 
	-webkit-box-shadow: inset 0px 0px 5px 2px #191D1F;
	}	

/* --- pagination --- */

#topnav .pagination {
	font-size: 2em;
	text-align: center;
	}

#pagination-container {
	color: #F2E394;
	background: #8C182D;
	padding: 5px;
	text-align: center;
	min-height: 100px;
	text-shadow: #000 0px 1px 1px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  }
 
#pagination-container a {
	color: #5075BF;
	}

.pagination {
	font-size: 3em;
	font-weight: bold;
	}

.pagination a {
	color: #F2E394;
	}

.pagination-info {
	font-size: 1em;
	font-weight: bold;
	}


/* --- voting and data ---*/

#votes {
	font-size: 2em;
	}


#votes a:link {
	text-decoration: none;
	color: #FFB612; /* #ffffff */
	}

#topnav-text {
	float: left;
	}
	
#vote-score {
	font-family: 'TF2Build', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	clear: both;
	font-size: 1em;
	}


#pos-vote a:link, #pos-vote a:visited, #pos-vote a:active, #pos-vote a:hover {
	color: #FFB612; /* #69BE28 #427730 #3F9C35 */
	/* border-bottom: 2px solid; */
	}

#neg-vote a:link, #neg-vote a:visited, #neg-vote a:active, #neg-vote a:hover {
	color: #CD202C;
	}
	
#created-at {
	font-size: 0.75em;
	}
	
#notification-area {
	text-align: center;
	background: #009B3A; /* #FF256C #FFB612 */
	font-weight: bold;
	display: none;
	}

#notification-area a {
	color: #FFB612;
	text-decoration: underline;
	}
	
.errorExplanation li {
	list-style-type: none;
	background: red;
	width: 300px;
	padding: 5px;
	}
	
.aside {
	font-size: 0.5em;
	padding-left: 1em;
	margin-bottom: 1em;
	}

#bwr {
	background: red;
	width: 335px;
	padding-bottom: 3px;
	padding-top: 1px;
	text-align: center;
	}
	
/*--- changelog ---*/

#changelog {
	font-family: ‘Courier New’, Courier, monospace;
	margin-top: 10px;
	}
	
#changelog li {
	margin-left: 10px;
	}



/* --- comments --- */

.comments {
	}
	
.comments-add {
	padding-bottom: 10px;
	}

#link-helper {

	}

.comment {
	background: #FFB612;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 0 2px 5px;
	font-weight: bold;
	width: 500px;
	}

.comment-timestamp {
	font-size: 0.65em;
	}
	
.comment-content {
	padding-left: 10px;
	padding-right: 5px;
	}

.comment-warning {
	font-size: 0.6em;
	font-weight: bold;
	}

#item_photo {
	font-weight: bold;
	background: #fff;
	width: 400px;
	font-size: 1.2em;
	}