/*



Theme Name: Atari 800


Description: A tweaked version of the C64 theme, made to look like the classic atari 800 XL. Keyclick included!



Author: Ben Romer



Version: 1.4



Tags: blue, light, two-columns, one-column, right-sidebar, fixed-width, custom-menu



License: GNU General Public License v2.0



License URI: http://www.gnu.org/licenses/gpl-2.0.html


*/



@font-face {



font-family: atari800;



src: local('atari800'), url('atari800.ttf') format('truetype');



}



html {



 height: 100%;



}



body {



margin: auto;



    height: 100%;



    width: 90%;



padding: 0;



font-family: atari800, courier, monospaced;



color: #8CD8FF;



background-color: black;



position: relative;



font-size: 14px;



line-height: 1.7em;



background-size: 100%;



min-height: 100%;



}



#container {



    background:#1C71C6;



    margin: 50px auto;



    max-width: 960px;



}



.content {



    padding: 5px;



    min-height: 500px;



}



.content a {



color: #8CD8FF;



}



.content a:hover {



    background-color: #8CD8FF;



    color: white;



    text-decoration: none;



}



a:hover {



    background-color: #8CD8FF;



    color: white;



    text-decoration: none;



}



mark {



background-color: #fff;



font-weight: bold;



color: #000;



}



#wrapper {



width: 960px;



margin: 0 auto;



}



.header {



padding: 10px 0 20px 0;



    text-align: center;



}



.header h1 {



text-align: center;



font-size: 30px;



font-weight: bold;



letter-spacing: -0.06em;



line-height: 30px;



margin: 0 auto 5px auto;



}



.header h1 a {



color: #8CD8FF;



text-decoration: none;



}



.header h1 a:hover {



background-color: #8CD8FF;



color: white;



text-decoration: none;



}



.header p {



font-size: 14px;



font-weight: bold;



padding: 0 0 0 0;



margin: 0 0 0 0;



letter-spacing: 0em;



width: 930px;



margin: 0 auto;



}



body.has_sidebar .content {



width: 720px;



margin: 0 auto;



position: relative;



float: left;



}



#cursor {



    background:#8CD8FF;



    width:19px;



    height:19px;



    font-size:1px;



    position: relative;



    display:inline-block;



    vertical-align:top;



}



section {



display: block;



}



blockquote {



  padding: 0 40px;



  position: relative;



  border: 1px dashed #ccc;



  margin: 0 0 20px 0;



}

table {



 width: 100%;



 border: 1px solid #ccc;



  font-size: 12px;



 margin-bottom: 20px;



}



th {



 background-color: #666;



color: #fff;



text-align: left;



}



th, td {



padding: 5px;



}



dl {



font-size: 12px;



}



dt {



font-weight: bold;



}



dd {



margin-bottom: 5px;



margin-left: 10px;



}



address {



 font-size: 12px;



}



acronym {



border-bottom: 1px dashed #ccc;



}



s, strike, del {



text-decoration: line-through;



}



.size-full {



max-width: 550px;



height: auto;



overflow: hidden;



}



footer {



text-align: center;



color: #8CD8FF;



padding: 10px 0;



display: block;



clear: both;



}



footer a {



color: inherit;



}



nav {



display: block;



text-align: left;



font-size: 12px;



width: 200px;



float: right;



line-height: 1.6em;



}



nav ul {



list-style: none;



line-height: 1.6em;



padding: 0;



margin: 0 0 0 0;



color: #8CD8FF;



}



nav a {



color: #8CD8FF;



}



/* comment form */



#respond {



clear: both;



padding: 15px 15px 15px 15px;



}



#respond h3 {



margin: 0 0 15px 0;



padding: 0 0 0 0;



}



#commentform p {



clear: both;



}



#commentform p input, #commentform p textarea {



width: 400px;



float: right;



}



p.form-allowed-tags {



clear: both;



padding-top: 20px;



color: #999;



}



p.form-submit input {



width: auto !important;



}



/* footer nav thingy */



.prevnext {



list-style: none;



padding: 0;



margin: 0;



text-align: center;



font-size: 12px;



width: 720px;



}



.prevnext li {



display: inline;



padding: 10px;



}



/* compulsory wordpress stuff */



.wp-caption {



margin-bottom: 20px;



text-align: center;



overflow: hidden;



height: auto;



}



.wp-caption img {



margin: 5px;



border: none;



  margin: 0 0 2px 0;



}



.wp-caption p.wp-caption-text {



color: #888;



font-size: 12px;



margin: 5px 0 5px 0;



}



hr.clearfix {



 clear: both;



 visibility: hidden;



 }



.widget_text div {



 color: #999;



padding: 15px;



}



.pie_search_form #s{



left: -1000px;



position: absolute;



border:0 none;



background:transparent none;



color: #8CD8FF;



font-family: atari800,courier,monospaced;



font-size: 14px;



line-height: 1.7em;



}



#terminal {



margin: 1px 1px 15px;



cursor: text;



height: auto;



overflow: hidden;



max-width:900px;



}



#writer {



color: #8CD8FF;



display: inline-block;



font-family: atari800,courier,monospaced;



font-size: 14px;



height:22px;



line-height: 1.7em;



overflow: hidden;



max-width: 870px;



vertical-align:top;



}



#getter {



margin: 1px;



}



.menu li {display: inline; }



.menu a {color: #8CD8FF;}



.menu a:hover {



    background-color: #8CD8FF;



    color: white;



    text-decoration: none;



}



.menu li + li {



    background:url('images/sep.png') no-repeat top left;



    padding-left: 15px



}



code {



font-family: atari800,courier,monospaced;



font-size: 10px;



}