/*
Theme Name: Game layout
Description: Game layout
Version: 1.0
Author: Jacob Ras
Author URI: http://www.jacobras.nl
*/
* { padding: 0; margin: 0; }
.clear { clear: both; }
img { border: none; }
.links, .alignleft { float: left; }
.center { text-align: center; }
.rechts, .alignright { float: right; }
hr { height: 0; border: none; border-bottom: 1px solid #585c60; margin: 20px 4px; }


/************************************************************************
**	Body + Container
*************************************************************************/
body { text-align: center; background: url('afbeeldingen/bg.png') repeat-x top; color: #c7ddeb; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; }
#container { margin: 0 auto; text-align: left; width: 866px; position: relative; }


/* achtergrond */
html, body { height: 100%; }
#achtergrond { min-height: 100%; }


/* links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* headings & paragrafen */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
p { margin: 10px 0; line-height: 20px; }
p a { text-decoration: underline; }
p a:hover { text-decoration: none; }



/************************************************************************
**	Header
*************************************************************************/
#header { height: 81px; }
#header ul { list-style-type: none; }
#header ul li { display: inline; }


/* hoofdmenu */
#nav { height: 54px; }
#nav ul { font-size: 15px; text-transform: uppercase; color: #bdbdbd; font-family: 'Arial', sans-serif; }
#nav ul li { padding-right: 32px; margin-right: 32px; background: url('afbeeldingen/nav_li.png') no-repeat right top; display: block; float: left; height: 54px; }
#nav ul li#eerste { padding-left: 0; }
#nav ul li.current_page_item a { font-weight: bold; color: #dfdcdc; }
#nav ul li a { color: #bdbdbd; padding-top: 20px; display: block; }
#nav ul li a:hover { color: #dfdcdc; text-decoration: none; }


/* submenu */
#subnav {  }
#subnav ul { font-size: 12px; color: #363b48; }
#subnav ul li { padding-right: 21px; margin-right: 21px; background: url('afbeeldingen/subnav_li.png') no-repeat right top; display: block; float: left; height: 30px; }
#subnav ul li a { color: #363b48; padding-top: 7px; display: block; }
#subnav ul li.current_page_item a { font-weight: bold; }



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

/* bestelknop */
a#bestelknop { float: right; margin-right: 12px; font-family: 'Arial', sans-serif; font-size: 17px; text-transform: uppercase; display: block; text-align: center; width: 229px; height: 53px; line-height: 53px; }
#reactiesubmit { font-family: 'Arial', sans-serif; font-size: 17px; text-transform: uppercase; display: block; text-align: center; width: 229px; height: 53px; line-height: 53px; border: none; }



/* contentvak */
.contentvak { text-align: center; }
.contentvak_boven { display: block; background: url('afbeeldingen/contentvak_boven.png') no-repeat center top; height: 28px; }
.vak_content { text-align: left; padding: 16px; background: url('afbeeldingen/vak_content_bg.png') repeat; border-top: 1px solid #1c1a1a; border-left: 1px solid #353434; border-right: 1px solid #353434; }
.contentvak_onder { display: block; background: url('afbeeldingen/contentvak_onder.png') no-repeat center top; height: 132px; }
.contentvak_onder_kort { display: block; background: url('afbeeldingen/contentvak_onder_kort.png') no-repeat center top; height: 18px;  }


/* indexvak */
#indexvak { width: 542px; margin-top: 72px; }
#indexvak h1.rechts { margin-top: 20px; }


/* pagina content */
.paginacontent { margin-top: 72px; }
h1.kop { margin-top: 20px; }
.paginacontent h2, .paginacontent h3 { margin-top: 30px; }


/* nieuwsoverzicht */
a.nieuwslink { text-decoration: none; color: #c7ddeb; }
a.nieuwslink:hover { text-decoration: underline; }
.jr-post-img { float: left; margin-right: 14px; margin-top: 3px; }


/* overig */
.wp-image, .jr-post-img { border: 1px solid #696969; padding: 1px; }
.wp-image.rechts { margin: 8px 0 8px 12px; }
.wp-image.links { margin: 8px 12px 8px 0; }
h3.nomargintop { margin-top: 0; }



/************************************************************************
**	Reacties
*************************************************************************/
ul.commentlist { list-style-type: none; margin-top: 44px; }
ul.commentlist li { margin-bottom: 44px; position: relative; }
ul.commentlist li .reactie { background: #151a1a; border-bottom: 1px solid #3a3939; padding: 16px;  }
img.avatar { float: right; }
.reactiemeta { font-size: 10px; text-align: right; padding: 6px; }
.reactiemeta, .reactiemeta * { color: #7c7f85; }
.reactiemeta span { margin-right: 50px; }
.reactiebg { background: url('afbeeldingen/reactiebg.png') no-repeat; display: block; width: 31px; height: 30px; position: absolute; right: 24px; bottom: -4px; }


/* reactie formulier */
form#reageer { padding: 0 30px; margin-top: 30px; }
form#reageer #comment { font-family: 'Verdana', Tahoma, sans-serif; width: 600px; }
form#reageer #comment, .invoervak { font-size: 11px; color: #c7ddeb; background: #211f1d; border: 1px solid #363737; padding: 4px; }
form#reageer .invoervak { width: 200px; }
form#reageer label { width: 300px; display: block; float: left; }

p.clearfix { clear: left; margin-bottom: 8px; }
#reactiesubmitw { position: relative; top: -12px; padding-left: 176px; }



/************************************************************************
**	Screenshots slider
*************************************************************************/
#slider { display: block; height: 161px; position: absolute; width: 892px; bottom: -118px; left: -10px; }
#slider #fade { height: 30px; background: url('afbeeldingen/slider_bg.png') repeat-x; }
#slider #screenshots { display: block; height: 108px; border-top: 1px solid #b6c5e2; border-bottom: 1px solid #b6c5e2; border-left: 1px solid #000; border-right: 1px solid #000; background: url('afbeeldingen/slider_screenshots_bg.png') repeat; }
#slider .pijl { width: 52px; height: 108px; display: block;  position: absolute; z-index: 100; outline: none; }
#slider #pijl_links { left: 1px; }
#slider #pijl_rechts { right: 1px; top: 31px; }
#slider #screenshots img { border: 2px solid #000; margin: 12px 6px; z-index: 0; }
#slider #screenshots img:hover { border-bottom: 2px solid #a7b5d1; border-left: 2px solid #677da7; border-right: 2px solid #677da7; border-top: 2px solid #a7b5d1; } /* b6c5e2; */


/* de ul */
ul#screenshotslider { list-style-type: none; }
ul#screenshotslider li { display: inline; }



/************************************************************************
**	Footer
*************************************************************************/
#footer { background: #000; text-align: center; border-top: 6px solid #e0e5eb; color: #797970; padding-bottom: 4px; }
#footer p { margin-bottom: 20px; line-height: 18px; }
#footer p#copyright { color: #dfe0c9; font-size: 12px; font-weight: bold; margin-top: 20px; }
#footer .logo { margin: 0 24px; }

#footer.slidertop { margin-top: 59px; padding-top: 50px; }

#footer.paginafooter { position: relative; top: -50px; }



/************************************************************************
**	jCarousel
*************************************************************************/
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 174px; height: 106px; }