/*

Theme Name: Commodore

Description: Simple and lightweight theme in the style of the good old Commodore 64. The search box has been modified - just type and press Return to search - classic blinking cursor included!

Author: United Networks

Version: 1.3

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

Theme URI: http://unitednetworksonline.com/themes/commodore/

Author URI: http://www.unitednetworksonline.com/wordpress-themes/

*/

@font-face {

font-family: c64;

src: local('c64'), url('C64.ttf') format('truetype');

}

html {

 height: 100%;

}

body {

margin: auto;

    height: 100%;

    width: 90%;

padding: 0;

font-family: c64, courier, monospaced;

color: #A6A1FF;

background-color: #A6A1FF;

position: relative;

font-size: 14px;

line-height: 1.7em;

background-size: 100%;

min-height: 100%;

}

#container {

    background:#4342E6;

    margin: 50px auto;

    max-width: 960px;

}

.content {

    padding: 5px;

    min-height: 500px;

}

.content a {

color: #A6A1FF;

}

.content a:hover {

    background-color: white;

    color: black;

    text-decoration: none;

}

a:hover {

    background-color: white;

    color: black;

    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: #A6A1FF;

text-decoration: none;

}

.header h1 a:hover {

background-color: white;

color: black;

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:#A6A1FF;

    width:19px;

    height:19px;

    font-size:1px;

    position: relative;

    display:inline-block;

    vertical-align:top;

}

section {

display: block;

}

article.post header h2, article.post header h1, nav aside h3, {

font-size: 20px;

    margin: 0px
}

blockquote {

  padding: 0 40px;

  position: relative;

  border: 1px dashed #ccc;

  margin: 0 0 20px 0;

}

blockquote:before {

  content: '\201C';

  font-size: 55px;

  color: #ccc;

  position: absolute;

  top: 0px;

  left: 10px;

}

blockquote:after {

  content: '\201D';

  font-size: 55px;

  color: #ccc;

  position: absolute;

  bottom: -30px;

  right: 10px;

}

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: #A6A1FF;

padding: 10px 0;

display: block;

clear: both;

}

footer a {

color: inherit;

}

nav {

display: block;

text-align: left;

font-size: 12px;

width: 200px;

float: right;

}

nav ul {

list-style: none;

line-height: 1.6em;

padding: 0;

margin: 0 0 0 0;

color: #A6A1FF;

}

nav a {

color: #A6A1FF;

}

/* 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: #A6A1FF;

font-family: c64,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: #A6A1FF;

display: inline-block;

font-family: c64,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: #A6A1FF;}

.menu a:hover {

    background-color: white;

    color: black;

    text-decoration: none;

}

.menu li + li {

    background:url('images/sep.png') no-repeat top left;

    padding-left: 15px

}

code {

font-family: c64,courier,monospaced;

font-size: 10px;

}