/*
Theme Name:	DOS
Version: 1.0
*/

/* basic reset */
	* { margin: 0; padding: 0; }
	ul, ol, li { margin: 0; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, cite, table { margin-bottom: 0.8em; }


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    font-weight: normal!important;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}


@font-face {
    font-family: DOS;
    src: url("font.ttf");
}

img {
 max-width: 100%;
 height: auto;
}

/* page wrappers */
	body {
		text-align: center;
		font-family: DOS, "Lucida Console", Monaco, monospace;
    	font-size: 18px;
    	line-height: 23px;
		color: #aaa;
    	background: #111;
	}
	#wrapper {
		display: block;  	
		width:1000px;
		margin:0px auto;
		text-align: left; 
	}

/* links */
	a:link {
		color: #ffff55;	
    text-decoration: none;
	}
	a:visited {
		color: #ffff55;	
	}
  a:hover {
		background: #00aaaa;	
	}

	/* prettier images */
	img { border: none; }
	/* blockquote */
	blockquote, cite {
		padding-left: 20px;
		padding-right: 20px;
	}
  
/* DOS */

.dosborder {
    padding: 1rem;
    border: 6px double;
    outline: 5px solid;
    margin: 5px 0 20px;
}

.dosblue {
    color: #55ffff;
    background: #0000aa;
    border-color: #55ffff;
    outline-color: #0000aa; 
}

.dosblue a {
    color: #ffff55;
    text-decoration: none;
}

.dosblue a:hover {
    background: #00aaaa;
}

.dosblack {
    color: #a8a8a8;
    border-color: #a8a8a8;
    outline-color: #111; 
    background: #111;
}

.dosblack a {
    color: #ffff55;
    text-decoration: none;
}

.dosblack a:hover {
    background: #00aaaa;
}

.doscyan {
    background: #00aaaa;
    color: #fff;
    border-color: #000;
    outline-color: #00aaaa; 
}

.doscyan a {
    color: white;
    text-decoration: none;
    display: inline-block;
}

.doscyan a::first-letter {
      color: #ffff55;
}

.doscyan a:hover {
    background: #000;
}

/* main contents */

	#content {
    float: right;
    margin: 0 0 20px;
    min-height: 500px;
    padding: 20px 0;
    width: 71%;
	}

	#content.fullwidth {
		width: 100%;
	}

	.postmeta {
		clear: both;	
	}


	#content ul li {
		list-style: none;
	}	
	#content ul li:before {
		content: "■ ";
		color: #f55;
	}

/*** fonts ***/
  h1 {
      color: #ffff55;
      font-weight: normal;
      text-transform: uppercase;
  }
  strong {
      color: white;
  }
  
  em {
      color: white;
      font-style: normal;
  }  

  #logotop {display: inline-block;margin:0;}

  #logotop a {
      text-transform: uppercase;
      color: #ffff55;
      margin: 0 0 1rem;
      text-decoration: none;
	display: block;
  }
  #logotop a:before {
    content: "[";
  }
  #logotop a:after {
    content: "]";
  }
  #logotop a:hover {
      color: white;
      background: #111;
  }
  
/* header */
	#header {
		margin: 30px 0 20px 0;
	}
	
	/* posts */
	body.blog .post .postmeta, body.archive .post .postmeta, body.search .post {
		border-bottom: 1px solid #eee;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
		border-bottom: none;
	}
/* sidebar */
	#sidebar {
		width: 26%;
		float: left;
		padding: 20px 0;
		margin-bottom: 20px;
	}
	#sidebar ul { 
		list-style-type: none;
		margin: 0;
	}
	#sidebar li {
		list-style-type: none;
		margin-left: 0;
	}
	#sidebar li li {
		list-style-type: none;
		margin: 0 -1em 0 0;
	}
	#sidebar ul {
	}
	#sidebar li ul ul {
		margin-left: 0;
	}
	#sidebar h2 {
		padding-bottom: 0.1em;
		margin: 0;
	}
  #sidebar h4 {
    margin: 1em 0 0.5em;
    color: white;
	}
	#sidebar .widget {
		margin-bottom: 20px;	
	}

/* footer */
	#footer {
		display: block;
		clear: both;
		padding: 10px 0 10px 0;
    text-align: right;
	}
	#footer p {
		text-align: center;	
	}

/* topnav and footer nav */
	#topnav {
      width: 100%;
  }
  #topnav ul, #footer ul {
		list-style-type: none; 
		text-align: left;
		margin: 0;
	}
	#topnav li, #footer li {
		list-style-type: none; 
		display: inline; 
		padding-left: 0.5em;
	}
	#topnav li ul, #footer li ul {
		display: inline;
		padding: 0;
	}
	#bottomnav {
		padding-bottom: 20px;
	}

/* comments */
	#comments {
    margin: 3rem 0 0 0;
	}
	#comments .add {
float: right;	
}
	#comments ol {
		margin: 0;
	}
	#comments li {
		list-style-type: none;
		margin: 1em 0;
		padding:0;
	}
	#comments ul li:before {
		content:"";
	}
	#comments li ul {
		padding-left: 2em;
		margin-bottom: 0;
	}
	#comments .comment-body {
		border-bottom: 1px solid #ccc;
	}
	#comments .comment-meta {
		margin-bottom: 1em;
	}
	#comments .reply {
		padding-bottom: 10px;
	}
	#respond {
		margin-top: 30px;
	}
	#respond label {
		display: block;
	}
  textarea#comment {
      width: 100%;
      height: 150px;
  } 
  #comments .form-submit {
      text-align: right;
      margin: 5px 0 25px;
  }
 
  #comments blockquote, #comments cite {
      padding: 0;
  }

  .comment-author img {
      display: none;
  }

  .comment-author,.comment-meta {
  	background: #0000aa;
  	padding-left: 1em;
  }


.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 33.33%;
	float: left;
	padding-right: 1em;
	box-sizing: border-box;
}

.comment-form-url {
	padding: 0;
}

#wp-comment-cookies-consent {
	float: left;
    margin: 4px 10px 0 0;
}

/* wordpress classes */
	.alignleft {
		float: left; 
		padding: 0;
                margin: 0 10px 5px 0;
	}
	.alignright {
		float: right;
		padding: 0;
                margin: 0 0 5px 10px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption-text, .gallery-caption { 
		color: #666; 
		padding: 3px 0; 
	}
	.gallery {
		padding: 10px 10px 25px 10px;
	}

/* customize search widget here */
	.widget #searchform label {
		display: block;
	}
	.widget #searchform #s {
		width: 133px;
	}

/*** forms ***/

input, textarea {
    font-family: DOS, "Lucida Console",Monaco,monospace;
    max-width: 100%;
}

input[type="button"],
input[type="submit"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="button"],
input[type="submit"] {
    border: none;
    background: #00aa00;
    color: #ffff55;
    padding: 3px 5px;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    background: #00aaaa;
}

input[type="text"],
textarea {
    background: #aa5500;
    color: white;
    border: none;
    padding: 3px;
}


/*** single game ***/

.terms li {
    display: block;
    list-style: none;
}

.gamemeta {
    width: 100%;
}

.gamemeta .terms {
    width: 48%;
    float: right;
} 

.gamemeta .terms.nd {
    width: 30%;
}

.gamemeta .thumb {
    float: left;
}

.gamemeta a small {
	color: #a8a8a8;
}

.single-game  .thumb>div {
	padding: 0;
}

.single-game .thumb {
	width: 48%;
}

.single-game .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.gamemeta .download-attachments li>span {
    display: block;
}  

.gamemeta .download-attachments img {
  padding-right: 0.5rem;
}         

.gamemeta .download-attachments ul li {
    border: none;
}

.gamemeta li:before {
	content: ""!important;
}

/*** archive game ***/

.archive .terms {
    float: left;
    padding-left: 2rem;
}    

/*** forum overrides ***/

#main #af-wrapper * {
    font-size: 18px!important;
    font-style: normal!important;
}

#main #af-wrapper #forum-breadcrumbs {
    font-size: inherit;
    line-height: inherit;	
}

#main #af-wrapper input[type="button"], 
#main #af-wrapper input[type="submit"], 
#main #af-wrapper .editor-row .cancel, 
#main #af-wrapper .editor-row .cancel-back, 
#main #af-wrapper .forum-menu a {
    border: none;	
}

#main #af-wrapper .forum-menu a:before,
#main #af-wrapper .forum-post-menu a:before {
	display: none;
}

#main #af-wrapper .post-author {
	width: 166px;
}

#main #af-wrapper .forum-stats, 
#main #af-wrapper .topic-stats {
	color: yellow;
}
#main #af-wrapper #bottom-navigation,
#main #af-wrapper #read-unread {
	background: #00aaaa;
}

#main #af-wrapper .highlight-admin, 
#main #af-wrapper .highlight-admin a {
	color: #ffff55!important;
}

#main #af-wrapper img.avatar {
	border-radius: 0;
}

#main #af-wrapper .forum-poster-summary, 
#main #af-wrapper .topic-poster-summary {
    overflow: hidden;
    max-width: 230px;
    white-space: nowrap;
}

#main #af-wrapper .forum-poster, 
#main#af-wrapper .topic-poster {
	width: 320px;
}

/*** news ***/

h2.news {
    margin-top: 3rem;
}

ul.news {
    margin-top: 1rem;
}

.news li {
    list-style: none;
}

.no_games {
    float: right;
}
.no_games strong {
    color: #ffff55;
}

#menu-top {
    float: left;
}

hr {
padding: 0;
margin: 20px 0;
height: 1px;
line-height: 1px;
background: none;
border: 1px dashed;
}

.support {
	float: right;
}

.paypal {
    float: right;
    margin-left: 15px;
}

.boat {
	display: none;
}

@media (min-width: 1024px) {

.boat {
display: block;
  width: 100%;
  overflow: hidden;
}
.boat pre {
	font-weight: normal;
  font-family: "Lucida Console", Monaco, monospace;
  color: #aaa;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
  float: right;
}
b {font-weight: normal}
b.BLK {color: #000}
b.BLU {color: #0000aa}
b.GRN {color: #00aa00}
b.CYN {color: #0aa}
b.RED {color: #a00}
b.MAG {color: #a0a}
b.YEL {color: #ffff55}
b.HIK {color: #555}
b.HIB {color: #55f}
b.HIG {color: #5f5}
b.HIC {color: #00aaaa}
b.HIR {color: #f55}
b.HIM {color: #f5f}
b.HIY {color: #ff5}
b.HIW {color: #fff}
b.BOLD {color: #fff} 

}