/*
Theme N me: Game in the City
Theme URI: http://www.gameinthecity.nl/
Description: New custom theme for Game in the city.
Version: 1.0
Author: Dana Majid
Author URI: http://danamajid.com/


*/
html>body { overflow:scroll; 
overflow-x: auto;}

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Verdana;
    background: black url('images/headerimg.jpg') top center no-repeat;
    color: white;
    text-align: center;
    margin: 0px;
    
    }
    
    
img {
    border: 0px;
}

#page {
    text-align: left;
    position: relative;
    margin: auto;
    padding: 0;
    width: 785px;
}
    
#header {
    padding: 0;
    height: 150px;
    left: 25px;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    
    }

#slogan {
    font-size: 16px;
    display: inline;
    letter-spacing: -1px;
}

#headerimg {
    float: left;
    width: auto;
    margin-top: 50px;
    position: relative;
    }

.twitterbird {
    position: absolute;
    top: 40px;
    right: 50px;
}

#topmenu {
    position: absolute;
    right: 25px;
    top: 0px;
    text-transform: uppercase;

}

#topmenu a {
    color: white;
    text-decoration: none;
    background-color: #ffa200;
    padding: 5px;
    font-size: 11px;
    letter-spacing: -1px;
    color: white;
}

#topmenu a:hover {
    color: #e9e9e9;
    background-color: black;
}

#topmenu #searchbox {
    clear: both;
    display: block;
    margin-top: 10px;
    padding: 0px;
    background-color: white;
    float: left;
    margin-top:6px;

}
#topmenu .searchbox {
    height: 17px;
    border: 0px;
    width: 80px;
    color: gray;
    font-size: 11px;
    padding-left: 5px;
}

#topmenu form {
    display: inline;
}

#topmenu .ok {
    border: 0px solid black;
    background-color: #d8d8d8;
    margin: 3px;
}

#submit {
    border: 0px solid black;
    background-color: #d8d8d8;
    margin: 3px;
    padding: 7px;
}
#topmenu ul {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#topmenu li {
    float: right;
    padding-top: 5px;

}

#topmenu .current_page_item a{
    background-color: black;
    
}

#mainmenu .active {
    background-color: #ff7800;
}

#mainmenu ul {
    margin: 0px;
    padding: 0px;
    top: 5px;
    list-style-type: none;
    padding-top: 0px;
    font-size: 12px;
    width: 100%;
    height: 33px;
    margin-top: 2px;
    background-color: #ff9700;
    position: relative;
}

#mainmenu a {
    float: left;
    color: white;
    text-decoration: none;
    padding: 9px;

}

#mainmenu .parent {
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-weight: bold;
float: left;
}

#mainmenu .submenu {
    position: absolute;
    top: 23px;
left: 0px;
    text-transform: capitalize;
    background-color: #ff7800;
    width: 100%;
    
}

.submenu a:hover {
    background-color: #232323;
}

#mainmenu .hidden {
    display: none;
}


.parent a:hover {
    color: #dfdfdf;
    background-color: #151515;
}

#mainmenu .selected {
    border-bottom: 4px solid #1aaebb;
    color: black;
}

#mainmenu .eerste {
    margin-left: 0px;
}

#mainmenu .normaal {
    margin-left: 5px;
}

#sidebar {
  float: right;
  width: 200px;
  height: 100%;
  margin: 12px 0 10px 10px;
  /*display: none;*/
}

#sidebar ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;  
}

#content #sidebar h2 {
    background-color: ;
    color: #434445;
    font-weight: normal;
    text-transform: none;
    padding: 2px 5px 2px 5px;
    display:none;
}

#blogs {
    float: left;
    width: 100%;
    clear: both;
    height: auto;
    
}

#blogs h3 {
    color: #ff9700;
}

#blogs #recent {
    float: left;
    width: 100%;
}

#blogs #most {
    margin-left: 11px;
    float: left;
    width: 387px;
}


#blogs .blok {
    float: left;
    width: 387px;
}

.blok a {
    text-decoration: none;
    color: #8e908f;
}

.blok ul {
    min-height: auto;
}

.leftmargin,
.stdmargin 
{
    margin-left: 0px;
    margin-top: 30px;
}

.stdmargin {
  margin-top: 10px;
}

#lijst h3 a {
    color: #ff9700;
    text-decoration: none;
}

#lijst h3 a:hover {
    text-decoration: underline;
}

#lijst {
    float: left;
}

.alles {
    float: left;
    padding: 5px;

    margin-left:480px;
}

.alles a {
    color: gray;
}

.alles a:hover {
    color: black;
}

.bloglist {
    width: 70.3%;
    height: auto;
    
    
}

.bloglist ul {
    margin: 0px;
    padding: 0px;
    list-style-type: square;
    list-style-position: inside;
    color: white;
}

.bloglist li {
    padding: 5px;
    background: #434445;
}

#content .bloglist li a
{
    color: white;
    text-decoration: underline;
    
}

#content .bloglist li a:hover
{
    color: #FF9700;
    text-decoration: none;
}

.bloglist li:hover {
    background-color: #434445;;
}

.bloglist a {
    color: white;
    text-decoration: none;
}

.bloglist a:hover {
    color: #ff9727;
}

.metainfo {
    width: 381px;
    float: left;
    margin-bottom: 2px;
    padding: 5px;
    margin-right: 2px;
}

.resultmetainfo {
    float: left;
    
}

.rechterinfo {
    margin-right: 0px;
}

#searchresults {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.searchresult {
  border-style:solid;
    border-width: 1px;
  border-color:#575a5d;
    padding: 10px;
    padding-top: 2px;
    background-color: black;
    position: relative;
    border-bottom: 4px solid #8e908f;
}

.searchresult:hover {
    border-bottom: 4px solid #8e908f;

}

#searchresults .time {
    position: absolute;
    right: 0px;
    top: 15px;
    padding: 5px;
}

#searchresults .author {
    margin-top: 10px;
    position: relative;
    width: auto;
    padding: 5px;
    background-color: black;
    font-size: 11px;
    float: left;
    
}

#searchresults .category {
    margin-top: 10px;
    position: relative;
    width: auto;
    padding: 5px;
    background-color: black;
    font-size: 11px;
    float: left;
    
}

#searchresults .tags {
    margin-left: 10px;
    float: left;
    margin-top: 10px;
    position: relative;
    width: auto;
    padding: 5px;
    background-color: black;
    font-size: 11px;
    
    
}



.category a {
    text-decoration: none;
}

#metainfo {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 10px;
}

#content {
    margin-top: 24px;
    font-size: 1.2em;
    padding-top: 10px;
    color: white;
    margin-bottom: 30px;
    position: relative;
    min-height: auto;
    }

#content h2, #respond h3 {
    font-weight: normal;
    font-size: 16px;
    color: #ff9700;
    text-transform: uppercase;
    
}



.marginb0 {
    margin-bottom: 0px;
}

.marginb20 {
    margin-bottom: 20px;
}


#orderby,
#game_category,
#pagination
{
    margin: 0;
}

#orderby,
#game_category,
#pagination
{
	padding-top: 3px;
}

#game_category select,
#game_category option
{
	background: black;
	color: #ff9700;
	/*border: 1px solid white;*/
	font-size: 13px;
	font-weight: normal;
}

#content a,
.more
{
    color: #ff9700;
    text-decoration: none;
}

#content a:hover
{
    color: #ffb345;
}

#content .entry {
    color: white;
    margin-top: 5px;
    float: left;
    width: 100%;
    margin-bottom: 10px;    
}

#content .entryright {
float: right;
width: 200px;
height: 100px;
margin: 12px 0 10px 10px;
}

.entry .attachment-thumbnail {
    float:right; margin: 0 0 15px 15px;
    border: 4px solid white;
}

.entry .attachment-medium {
    float:right; margin: 0 0 15px 15px;
    border: 4px solid white;
}

.entry .image-medium {
    border: 4px solid white;
}
.post-edit-link {
    position: absolute;
    right: 2px;
    top: 22px;
    background-color: white;
    font-size: 10px;
    padding: 5px;
    z-index: 999;
    text-decoration: none;
}



#respond {
    float: left;
    position: relative;
    width: 100%;
}

.invoer {
    border: 1px solid #b9b9b9;
    padding: 5px;
    margin-bottom: 4px;
}




#respond .userlogged {
    position: absolute;
    right: 0px;
}

#respond p {
    margin: 0px;
}




#comment {
    float: left;
    border: 1px solid #b9b9b9;
    border-bottom: 6px solid #d1d1d1;
    
}
.comment_text {
    background-color: white;
    padding: 10px;
}
.commentlist {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 40px;
    width: 100%;
    float: left;
}

.commentlist li {
    position: relative;
}

.comment-meta {
    position: absolute;
    right: 0px;
    padding: 5px;
}

.comment-meta a {
    
}

.comment-author {
    position: absolute;
    left: 0px;
    padding: 5px;
}


#submit:hover {
    background-color: #f4f4f4;
}

#submit {
    float: right;
}

#thumbnails {
    position: relative;
    float: left;
    margin-top: 20px;
    width: 100%;
    height: auto;

}

.thumbtitel {
    padding: 5px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 172px;
    height: auto;
    background-color: #2db3bf;
}

.logout {
    background-color: #1dbac8;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.thumbtitel:hover {
    background-color: #5fe2ee;
}

#thumbnails img {
    width: 182px;
    height: 122px;
    border: 4px solid white;
}


#thumbnails ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
}

#thumbnails li {
    float: left;
    position: relative;
}

#thumbnails .laatste {
    margin-right: 0px;
}

#thumbnails .normaal {
    margin-right: 8px;
}

#thumbnails a {
    color: white;
    text-decoration: none;
}

#thumbnails a:hover {
    color: #e7e7e7;
    text-decoration: underline;
}

#thumbnails b {
    left: 0px;
    bottom: 0px;
    position: absolute;
    padding: 5px;
    width: 172px;
    height: auto;
    background-color: #2db3bf;
}

/*** Artwork ***/
div#artwork ul
{
    padding: 0;
    margin: 0;
}

div#artwork ul li
{
    float: left;
    list-style: none;
    margin-right: 8px;
}

div#artwork ul li img
{
    width: 183px;
    height: 121px;
}

div#artwork object
{
    float: left;
    width: 390px;
}

#footer {
    float: right;   
    background-color: #ff9700;
    width: auto;
    margin-top: 20px;
    padding: 8px;
    text-transform: uppercase;
}

#footer p {
    color: #b6b6b6;
    font-size: 12px;
    float: left;
}

#footer ul {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#footer li {
    float: left;
    font-size: 11px;
    color: white;
    padding-left: 10px;
}

#footer .eerste {
    padding-left: 0px;
}

#footer .current_page_item a {
    background-color: #ff9700;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    color: #232323;
}

#sponser {
    background: black url('images/footerimg.jpg') top center no-repeat;
    float: left;
    margin-top: 16px;
    bottom: 0px;
    width: 100%;
    height: 82px;
    background-color: black;
}

/*** Game Register Form ***/

form#registerDutchGame
{
    margin: 0;
    padding: 0 0 0 48px;
}

form#registerDutchGame fieldset
{
    border: none;
    color: white;
    padding: 0;
    margin: 0;
}

form#registerDutchGame fieldset legend
{
    color: #FF9700;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0;
}

form#registerDutchGame fieldset table tr td.label
{
    width: 160px;
    vertical-align: top;
}

form#registerDutchGame fieldset table tr td.right
{
    width: 100px;
}

form#registerDutchGame fieldset table tr td input#zipCode
{
    width: 74px;
}

form#registerDutchGame fieldset table tr td input#zipCity
{
    width: 168px;
}

form#registerDutchGame fieldset table tr td input,
form#registerDutchGame fieldset table tr td textarea,
form#registerDutchGame fieldset table tr td select
{
    background: #a6a4a5;
    border: none;
}

form#registerDutchGame fieldset.en table tr td input.left
{
    margin-left: 71px;
}

form#registerDutchGame fieldset table tr td input
{
    width: 250px;
    height: 20px;
}

form#registerDutchGame fieldset table tr td input#releaseDate
{
    /*width: 135px;*/
    /*margin: 0 75px 0 0;*/
}

/*form#registerDutchGame fieldset table tr td input#platform
{
    width: 210px;
}*/

form#registerDutchGame fieldset table tr.textArea td textarea
{
    width: 571px;
    height: 95px;
    /*overflow:hidden;*/
}

form#registerDutchGame fieldset table tr td select
{
    width: 135px;
    float:left;
}

form#registerDutchGame fieldset table tr td input.gameImages,
form#registerDutchGame fieldset table tr td input#companyLogo
{
    height: 20px;
}

form#registerDutchGame input.button
{
    background:black;
    border: none;
    font-size: 16px;
    color: #a6a4a5;
    font-weight: bold;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

div.succes
{
    padding: 10px;
    text-align: center;
}

div#content div.entry div.succes h2
{
    font-size: 18px;
    border: 1px solid #FF9700;
    font-weight: bold;
    padding: 10px;
    margin: 0 auto;
    width: 400px;
}

/*** Inzendingen ***/
.nomination
{
    /*float:right;*/
    margin-bottom: 14px;
}

h3
{
    font-size: 14px;
}

#detailImg,
#motivation img
{
    float: left;
    margin: 0 5px 12px 0;
}

#detailDesc h4,
#motivation h4,
#juryComment h4
{
    margin-bottom: -10px;
}
/*
#releaseDate
{
    float: left;
    margin: 0 50px 0 0;
}*/

#platform
{
    float: left;
}

#releaseDate span,
#platform span
{
    font-weight: bold;
}

#motivation
{
    clear: both;
}

#juryComment p
{
    color: #f6b330;
}

#nomNavigation ul
{
    padding: 0;
    margin: 0;
}
#nomNavigation ul li
{
    display: inline;
}

form#registerDutchGame fieldset table tr td.selector ul
{
    margin: 0;
    padding: 0;
}

form#registerDutchGame fieldset table tr td.selector li
{
    list-style: none;
}

form#registerDutchGame fieldset table tr td input.checkbox
{
    width: auto;
    display: inline;
    vertical-align: middle;
    background: black;
}

form#registerDutchGame #video1,
form#registerDutchGame #video2
{
    width: 571px;
    margin: 3px 0 0 2px;
}

form#registerDutchGame fieldset table tr td.video
{
    vertical-align: middle;
}

/*** Game Register Form AND Visitor Form Error ***/
form#registerDutchGame input.error,
form#registerVisitor input.error,
form#registerDutchGame select.error,
form#registerVisitor select.error,
form#registerDutchGame textarea.error,
form#registerVisitor textarea.error
{
    border: 1px solid red;
}

form#registerDutchGame p.error,
form#registerVisitor p.error,
p.error,
label.error,
dt.error
{
    color: red;
    font-weight: bold;
}

.clear
{
    clear: both;
}

p#pagination
{
    margin: 0;
}

table#pages td span.current,
table#pages td.current span.more
{
    color: white;
}

/** Congres Form **/

form#registerDutchGame fieldset table tr td.radio,
form#registerDutchGame fieldset table tr td input.radio
{
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: top;
    margin-right: 3px;
    margin-left: 3px;
}

form#registerDutchGame dt
{
	margin: 1em 0 0 0;
}
form#registerDutchGame dd
{
	margin-top: 5px;
}

form#registerDutchGame legend.congres
{
	margin: 0 0 1em 0;
	padding: 12px 0 0;
}

form#registerDutchGame textarea.textArea
{
	height: 200px;
    width: 571px;
	background: #A6A4A5 none repeat scroll 0 0;
	border: 0 none;
}