/*
Theme Name: Spellen-Online
Theme URI: http://spellen-online.net/
Description: Thema voor Spellen-Online in opdracht van NDMedia.
Version: 1.0b
Author: Pieter Beulque
Author URI: http://pieterbeulque.be/
*/

body {
	background: url('images/body-bg.jpg') #5ebeff no-repeat top center;
	font-size: 62.5%;
	text-align: center;
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #F4D2B0;
}

#container {
	width: 755px;
	margin: 0 auto;
	text-align: left;
}

.section h2 a, .section h2 a:link, .section h2 a:visited {
	color: #49474e;
	text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
	color: #F4D2B0;
}

a:hover {
	text-decoration: none;
}

/* header #header: #logo, #searchform, #login */
#logo, #searchform, #login {
	float: left;
}

fieldset {
	border: 0;
	padding-top: 0;
}

#header legend {
	display: none;
}

#header .legend {
	width: 165px;
	text-transform: uppercase;
	display: block;
	text-align: right;
	padding: 5px 0;
	font-size: 120%;
}

.input-elements {
	padding-top: 5px;
	font-size: 100%;
}

input {
	margin: 0 0 4px;
}

#searchform .legend {
	border-bottom: 1px solid #f3e973;
}

#searchform .input-elements{
	border-top: 1px solid #efac2a;
}

#login .legend {
	border-bottom: 1px solid #8ddd91;
}

#login .input-elements {
	border-top: 1px solid #0cbd0c;
}

input[type=submit] {
	cursor: pointer;
}

#header {
	height: 170px;
}

#logo {
	height: 183px;
	width: 368px;
	background: url('images/logo.jpg') no-repeat bottom left;
}

#logo a {
	display: block;
	width: 368px;
	height: 183px;
}

#searchform, #login {
	width: 185px;
	height: 116px;
	margin-top: 60px;
}

#searchform {
	background: url('images/search-bg.png') no-repeat top left;
	margin-left: 10px;
	color: #a65817;
}

#login {
	background: url('images/login-bg.png') no-repeat top left;
	margin-left: 5px;
	color: #297727;
}

#header input[type=submit], #header .button:link, #header .button {
	background: 0;
	border: 0;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 120%;
	float: right;
	color: #000;
	text-decoration: none;
	height: 16px;
	margin: 0 4px;
	padding: 2px 13px 2px 2px;
	background: url('images/input-submit-bg.png') no-repeat center right;
}

#header .button, #header .button:link {
	padding-top: 3px;
}

#header input[type=text], #header input[type=password] {
	background: #fafafa;
	border: 0;
	padding: 2px;
}

#searchform input[type=text] {
	border: 1px solid #f68f0a;
}

#login input[type=text], #login input[type=password] {
	border: 1px solid #0cbd0c;
}

/* navigation #nav */

#nav {
	list-style-type: none;
	width: 753px;
	padding: 4px 0;
	height: 24px;
	background: url('images/nav-bg.png') no-repeat top left;
	font-size: 140%;
	text-transform: uppercase;
	text-align: center;
}

#nav li {
	float: left;
	border-left: 1px solid #841914;
	border-right: 1px solid #e84348;
}

#nav li:first-child {
	border-left: 0;
}

#nav li:last-child {
	border-right: 0;
}

#nav a {
	display: block;
	float: left;
	padding: 3px 25px 1px;
}

#nav a:link, #nav a:visited {
	color: #f3ebd2;
	text-decoration: none;
}

#nav a:hover {
	opacity: 0.9;
}

/* end of navigation #nav */

/* content #content */

#content {
	background: url('images/content-bg.gif') repeat-y top left;
	padding: 0 20px;
	width: 715px;
	margin: 0;
	min-height: 600px;
}

#content-top {
	background: url('images/content-top.png') no-repeat top left;
	width: 755px;
	height: 13px;
	margin: 0;
}

#sidebar {
	float: left;
	width: 120px;
	background: #cea66f;
}

#main {
	float: right;
	width: 592px;
	background: #cea66f;
}

/* end of content #content */

/* sidebar #sidebar: #categories, #new */

#categories, #new {
	list-style-type: none;
	font-size: 120%;
	padding: 0 0 5px 0;
	width: 115px;
	margin: 0;
}

#categories li, #new li {
	width: 105px;
	padding: 0;
	margin: 2px 5px;
}

#categories li:nth-child(odd), #categories .odd {
	background: #4990af;
}

#categories li a, #new li a {
	display: block;
	width: 99px;
	padding: 4px 3px 3px;
	color: f8d7b7;
	text-decoration: none;
}

#categories a:link, #categories a:visited, #new a:link, #new a:visited {
	color: #f8d7b7;
	text-decoration: none;
}

#categories a:hover, #new a:hover {
	opacity: 0.9;
}

#categories {
	background: #4486a8 url('images/sidebar-categories-bg.jpg') no-repeat bottom left;
	margin-top: 0;
}

#new {
	background: #b63e36 url('images/sidebar-new-bg.jpg') no-repeat bottom left;
	margin: 5px 0 0;
}

#new li:nth-child(odd), #new .odd {
	background: #c84838;
}

#sidebar h3 {
	margin: 0 0 3px;
	color: #fafafa;
	font-weight: normal;
	width: 105px;
	height: 14px;
	padding: 3px 10px;
}

#categories h3 {
	background: url('images/sidebar-categories-h3-bg.jpg') no-repeat;
}

#new h3 {
	background: url('images/sidebar-new-h3-bg.jpg') no-repeat;
}

/* end of sidebar #sidebar: #categories, #new */


/* #category main #main: .section, .games */

#category #main .section {
	background: #be5c2d url('images/category-section-bg.gif') no-repeat bottom center;
	padding: 0;
	margin-bottom: 6px;
}

#category .section h2 {
	display: block;
	width: 527px;
	height: 20px;
	margin: 0;
	padding: 8px 0 0 65px;
	background: #fff url('images/category-section-h2-bg.jpg') no-repeat;
	font-size: 120%;
	color: #49474e;
}

#category .games {
	list-style-type: none;
	padding: 0 10px;
}

#category .games li {
	display: block;
	float: left;
	width: 276px;
	min-height: 70px;
	overflow: hidden;
	padding: 5px 5px 0;
	margin: 0 0 5px;
}

#category .games .thumb, #related-games .thumb {
	width: 68px;
	height: 57px;
	padding: 3px;
	background: #be5c2d;
	border: 1px solid #d7913d;
	float: left;
	margin-right: 5px;
}

#category .games h3, .games h3 a:link, .games h3 a:visited {
	margin: 0;
	color: #e89050;
	text-decoration: none;
}

#category .description, .rating {
	margin: 3px 0;
	line-height: 150%;
	color: #f8c8a8;
}

#category .section p {
	font-size: 120%;
	line-height: 160%;
	padding: 5px;
}

#category .rating strong {
	color: #e5b888;
}

#category .games .even {
	background: #c06a41;
}

#category .pagination {
	list-style-type: none;
	float: right;
	margin-right: 3px;
}

#category .pagination a:link {
	color: #f8c8a8;
	text-decoration: none;
	display: block;
	padding: 6px;
}

#category .pagination li {
	display: block;
	float: left;
	width: 20px;
	height: 22px;
	padding: 0;
	margin: 0 2px 2px;
}

#category .pagination .active, .pagination .active a:link {
	background: url('images/pagination-active-bg.gif') no-repeat;
	color: #b0623b;
}

#category .pagination .next, .pagination .prev {
	width: auto;
}


/* end of #category main #main: .section, .games */

/* #index main #main: .section, .games */

#index #main {
	float: right;
	width: 594px;
	background: #cea66f;
}

#index .odd-section, #index .even-section {
	width: 193px;
	float: left;
	margin: 0 5px 5px 0;
	position: relative;
}

#index .odd-section h2, #index .even-section h2 {
	background: url('images/index-section-h2-bg.jpg') no-repeat;
	width: 128px;
	height: 18px;
	display: block;
	padding: 7px 5px 5px 60px;
	color: #333;
	margin: 0;
}

#index .odd-section {
	background: #bf5c2c;
}

#index .even-section {
	background: #b1623b;
}

#index .games {
	list-style-position: inside;
	padding: 0 5px;
	font-size: 120%;
	margin: 0;
}

#index .games li {
	padding: 3px;
	color: #fbaa2c;
	font-weight: bold;
}

#index .games li a, #index .games li a:link, #index .games li a:visited {
	color: #f6debc;
	text-decoration: none;
	font-weight: normal;
}

#index .odd-section .games .odd {
	background: #d06530;
}

#index .even-section .games .odd {
	background: #c16b40;
}

#index .odd-section .more, #index .even-section .more {
	display: block;
	margin: 0;
	background: url('images/odd-section-more-bg.gif') no-repeat;
	width: 193px;
	color: #fff;
	text-decoration: none;
	font-size: 110%;
	height: 16px;
	padding: 4px 0 0;
	text-align: center;
	position: absolute;
	bottom: 0;
}

#index .even-section .more {
	background: url('images/even-section-more-bg.gif') no-repeat;
}

/* specific for single.htm */

#the-game-container {
	padding: 0;
	margin: 0 0 6px;
	background: #be5c2d url('images/the-game-container-bg.jpg') no-repeat bottom left;
	text-align: center;
}

#the-game-container h2 {
	display: block;
	width: 650px;
	height: 20px;
	margin: 0;
	padding: 8px 0 0 65px;
	background: #fff url('images/the-game-container-h2-bg.jpg') no-repeat;
	font-size: 120%;
	color: #49474e;
	text-align: left;
}

#the-game {
	width: 715px;
	margin: 10px auto;
	font-size: 120%;
}

#the-game p {
	text-align: left;
	margin: 0 5px 5px;
	color: #F4D2B0;
	line-height: 160%;
}

/* #the-game p:first-child {
	text-align: center;
} */

#the-game object, #the-game embed {
	margin: 0 auto;
	display: block;
}

#related-games {
	list-style-type: none;
	padding: 0 10px;
}

#related-games li {
	width: 90px;
	float: left;
	font-size: 120%;
	font-weight: bold;
	color: #e2ac84;
}

#related-games a:link, #related-games a:visited {
	color: #E89050;
	text-decoration: none;
}

#related-games .thumb {
	float: none;
}

#related-games p {
	margin-top: 5px;
}

#comments {
	list-style-type: none;
	padding: 5px;
}

#comments li {
	padding: 5px;
	margin-bottom: 5px;
}

#comments .odd {
	background: #c16f46;
}

.fn {
	font-style: normal;
	font-weight: bold;
	color: #7d472d;
}

.avatar-container {
	float: left;
}

.avatar {
	padding: 3px;
	border: 1px solid #e18d43;
}

.comment-content-container {
	width: 495px;
	float: right;
}

.comment-content {
	width: 473px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #ce7c52;
	color: #f4d2b0;
	line-height: 150%;
	min-height: 40px;
}

.comment-content p {
	margin: 2px 0;
}

.comment-header, #commentform .comment-label {
	width: 475px;
	height: 13px;
	background: url('images/comment-header-bg.gif');
	padding: 5px 10px;
	margin: 0;
}

.comment-date {
	float: right;
	color: #edb295;
	text-decoration: none;
}

#commentform {
	padding: 5px;
	color: #F4D2B0;
}

#commentform input, #commentform textarea {
	background: #bf5c2c;
	border: 1px solid #CE7C52;
	padding: 4px;
	color: #F4D2B0;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 110%;
}

#commentform textarea {
	width: 485px;
	margin: 0;
}

#commentform label {
	width: 72px;
	float: left;
	padding: 4px;
}

.wpfp-img {
	display: none;
}

#registerform {
	font-size: 120%;
	padding: 0 15px;
}

/* footer */

#footer {
	display: block;
	width: 997px;
	height: 240px;
	background: url('images/footer-bg.jpg') no-repeat;
	margin: 0 auto 50px;
}




/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}