/*
Theme Name: C64 Midnight
Theme URI: http://www.commodorecomputerclub.com/
Description: C64 Club dark theme.
version: 1.0
Author: Sean R.
Author URI: 
Tags: dark, black, fixed-width, two-columns, right-sidebar
*/

* {
margin:0;
padding:0;
}

a {
text-decoration:none;
color:#777;
}

a:hover {
text-decoration:none;
color:#bf3131;
}

a img {
border:0;
}

body {
background:#111;
color:#bbb;
font-family:Arial,"Segoe UI",Verdana,sans-serif;
font-size:12px;
}

p,h1,h2,h3,h4,h5,h6 {
margin-bottom:18px;
}

h1 {
font-size:24px;
}


h2 {
font-size:18px;
}

h3 {
font-size:14px;
}

h4,h5,h6 {
font-size:12px;
}

#container {
width:980px;
margin:0 auto;
padding:0 40px;
}

#header {
width:900px;
clear:both;
margin:0 auto;
}

#header-title {
width:638px;
border-left:1px solid #333;
border-bottom:1px solid #333;
margin:0;
padding:0;
}

#header-title p {
margin-bottom:0;
}

#header-title h1 {
font-family:Arial;
width:600px;
font-weight:400;
font-size:28px;
color:#bf3131;
margin:0;
padding:20px 0 5px 10px;
}

#header-title h1 a {
/* text-shadow:1px 3px 5px #444; */
color:#ddd;
display:inline;
border-bottom:1px solid #bf3131;
}

#header-title h1 a:hover {
text-decoration:none;
color:#fff;
}

#header-title h2 {
color:#777;
font-weight:400;
font-size:12px;
letter-spacing:.2em;
margin:0;
padding:0 0 15px 35px;
}

#header-rss {
position:absolute;
left:50%;
top:34px;
margin-left:319px;
}

#header-rss a {
padding-left:25px;
width:120px;
line-height:18px;
display:block;
color:#bf3131;
}

#header-rss-logo1 {
overflow:hidden;
border-top:1px solid #ff4e00;
border-right:1px solid #ff4e00;
position:absolute;
left:50%;
top:35px;
margin-left:320px;
width:15px;
height:15px;
}

#header-rss-logo2 {
overflow:hidden;
border-top:1px solid #ff4e00;
border-right:1px solid #ff4e00;
position:absolute;
left:50%;
top:40px;
margin-left:320px;
width:10px;
height:10px;
}

#header-rss-logo3 {
overflow:hidden;
border-top:5px solid #bf3131;
position:absolute;
left:50%;
top:45px;
margin-left:320px;
width:5px;
height:0;
}

#header-menus {
background:#111;
position:relative;
width:899px;
margin:0 auto;
padding:0;
}

#header-menus-page {
float:left;
width:600px;
line-height:20px;
padding:15px 5px 10px;
}

#header-menus-page a {
display:block;
overflow:hidden;
font-size:12px;
text-decoration:none;
text-align:center;
color:#777;
border:1px solid #222;
background:#181818;
padding:0 5px;
}

#header-menus-page a:hover {
text-decoration:none;
color:#bf3131;
background:#222;
}

#header-menus-page li {
position:relative;
list-style:none;
float:left;
margin-right:10px;
width:auto;
}

#header-menus-page ul ul {
visibility:hidden;
position:absolute;
left:0;
top:20px;
width:150px;
}

#header-menus-page ul li:hover ul,#header-menus-page ul li a:hover ul {
visibility:visible;
}

#header-menus-page ul ul li {
clear:both;
text-align:left;
z-index:1;
}

#header-menus-page li.current_page_item a {
color:#fff;
}

#search {
border-left:1px solid #333;
border-bottom:1px solid #333;
float:right;
text-align:right;
margin:0;
padding:14px;
}

#searchform {
background:#222;
text-align:left;
width:230px;
border:1px solid #333;
margin:0;
}

#wrapper {
clear:both;
overflow:hidden;
width:899px;
height:1%;
border-right:1px solid #333;
margin:0 40px 0 auto;
padding:0 0 20px 40px;
}

#content {
width:610px;
float:left;
background:#181818;
border:1px solid #222;
}

.post {
position:relative;
height:1%;
background:#111;
border:1px solid #333;
margin:10px 10px 0;
padding:5px 30px 15px;
}

.date {
color:#bf3131;
background:#222;
border:1px solid #333;
position:absolute;
text-align:center;
left:-50px;
top:10px;
font-size:14px;
width:50px;
line-height:16px;
padding:3px 0;
}

.postinfo h2,.single-title h2,.postinfo-archive h2 {
line-height:40px;
margin:0;
padding:0;
}

.postinfo h2 a,.single-title h2 a,.postinfo-archive h2 a {
text-decoration:none;
font-size:16px;
font-weight:700;
color:#bbb;
display:inline;
}

.postinfo h2 a:hover,#postinfo-archive a:hover,.single-title h2 a:hover {
color:#bf3131;
text-decoration:none;
}

.post .postinfo {
margin:0;
}

.display-info {
margin-top:10px;
text-align:center;
font-size:18px;
color:#ddd;
}

p.read-more {
position:absolute;
left:30px;
bottom:-5px;
}

p.read-more a {
text-decoration:none;
color:#a5a5a5;
}

.post .postcontent {
line-height:20px;
overflow:hidden;
}

.post ul,.post ol {
font-size:12px;
margin:15px 30px;
}

.post ul li {
margin-bottom:4px;
}

.post .postcontent table {
background:#222;
border:1px solid #222;
border-collapse:collapse;
border-width:2px;
margin:5px 0 10px;
}

.post .postcontent th,.post .postcontent td {
border:1px solid #383838;
text-align:left;
vertical-align:top;
padding:3px 10px;
}

.post .postcontent tr.even td {
background:#333;
}

.post .postcontent th {
background:#181818;
}

.commentslink1-top,.commentslink2 {
border-top:1px solid #252525;
line-height:18px;
font-size:12px;
color:#555;
margin:0 -20px 20px;
padding:0 20px;
}

.commentslink1-top a,.commentslink1-bottom a,.commentslink2 a {
color:#555;
text-decoration:none;
}

.commentslink1-top a:hover,.commentslink1-bottom a:hover,.commentslink2 a:hover {
color:#bf3131;
text-decoration:underline;
}

.commentslink1-bottom {
text-align:right;
line-height:18px;
font-size:12px;
color:#555;
margin:0 -20px;
padding:0;
}

.post .postcontent blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #333;
} 

/* color:#777; background:#222; border:1px solid #333; padding:15px; margin:10px 0 20px; } */

.post .postcontent .postcontent code {
background:#222;
}

.post .postcontent pre {
color:#ddd;
background:#444;
border:1px solid #333;
overflow:auto;
margin:10px 0 20px;
padding:15px;
}

#add-info {
margin:10px 0 0;
padding:18px 0;
}

#add-info h3 {
margin:9px 0;
}

#add-info ul li {
padding:3px 0;
}

#pagination {
overflow:hidden;
margin:10px 0;
padding:10px 15px;
}

#pagination a,.navigation a {
color:#bf3131;
font-weight:700;
}

#pagination a:hover,.navigation a:hover {
color:#9d9ea6;
font-weight:700;
}

.navigation {
font-weight:700;
color:#bf3131;
margin:0 0 0 10px;
padding:10px;
}

.nav_link {
background-color:#222;
width:500px;
color:#ddd;
padding:3px 10px;
}

.nav_link .page_number {
border:1px solid #333;
padding:2px 10px;
}

#sidebar {
width:260px;
float:right;
position:relative;
color:#777;
margin:0;
padding:10px 0;
}

#sidebar li.current_page_item a,#sidebar li.current-cat a {
color:#fff;
border-bottom:1px solid #bf3131;
}

#sidebar li {
list-style:none;
line-height:19px;
margin:0;
}

#sidebar ul li {
padding:0;
}



#sidebar .ul.link li {
list-style-type:none;
/* background:transparent url(images/li_link.png) top left no-repeat; */
color:#000;
/* text-align:left; */
margin:0 0 2px;
padding:0 0 0 22px;
}





#sidebar .widget {
height:1%;
padding:5px 10px 20px; /* 10px 10px 20px; */
}

*html #sidebar .widget {
margin-left:-16px;
}

#sidebar .widget_search {
text-align:center;
padding-left:5px;
}

#sidebar .widget_search input#s {
border:2px solid #777;
background:#f9f4f9;
color:#bf3131;
padding:5px;
}

#sidebar a {
color:#999;
text-decoration:none;
}

#sidebar a:hover {
color:#fff;
text-decoration:none;
}

#sidebar h2,#sidebar .widget h2,#sidebar h3,#sidebar h4 {
border-bottom:1px solid #222;
font-family:Arial;
font-size:14px;
font-weight:700;
color:#ddd;
line-height:30px;
margin:0 -10px 10px;
padding:0 10px;
}

#sidebar .widget h2 img {
vertical-align:middle;
}

*html #sidebar .widget h2 img {
width:14px;
height:14px;
margin:6px 0;
}

#sidebar .widget_calendar h2 {
background:none;
}

#sidebar p,.textwidget {
line-height:20px;
margin:10px 0;
}

#footer {
clear:both;
overflow:hidden;
width:900px;
height:1%;
border-top:1px solid #333;
border-left:1px solid #333;
margin:0 auto;
padding:10px 0;
}

#footer .left {
color:#555;
width:470px; /* 680px; */
line-height:30px;
float:left;
text-align:left;
margin:0;
padding:0 10px;
}

#footer .right {
color:#555;
width:350px; /* 150px; */
line-height:30px;
float:right;
text-align:right;
}

#commentform {
text-align:left;
font-size:14px;
color:#bbb;
padding:5px 10px;
}

#commentform p {
margin:5px 5px 0 0;
padding:0;
}

#commentform a {
text-decoration:none;
line-height:20px;
}

#commentform textarea {
padding:5px;
}

#commentform h3 {
font-size:14px;
font-weight:300;
color:#777;
margin:0;
padding:0;
}

#comment {
width:80%;
}

#author,#email,#url,#comment {
border:1px solid #333;
font-size:12px;
background:#ccc;
margin:5px 5px 0 0;
padding:3px;
}

#submit {
color:#bbb;
background:#222;
border:1px solid #333;
font-size:14px;
font-weight:700;
margin-top:5px;
padding:5px;
}

#submit:hover {
color:#ddd;
background:#282828;
}

#respond {
margin:20px;
}

#respond .cancel-comment-reply a {
font-size:12px;
color:#bf3131;
margin-left:10px;
}

#respond h2 {
color:#ddd;
margin:0 10px;
}

#comments,.nocomments {
color:#ddd;
line-height:40px;
font-size:18px;
margin:20px 0 0;
padding:0 10px;
}

#comments a {
margin-left:200px;
color:#ddd;
font-size:14px;
font-weight:400;
text-align:right;
}

.nocomments {
line-height:30px;
font-size:12px;
text-align:center;
padding:0 10px;
}

ol.commentlist {
position:relative;
list-style:none;
text-indent:0;
margin:0;
padding:10px 10px 0; /* 10px 10px 20px; */
}

ol.commentlist li {
border:1px solid #252525;
background:#151515;
height:1%;
position:relative;
margin:0 0 20px;
padding:0 0 20px;
}

ol.commentlist li div.comment-author {
border-bottom:1px solid #222;
height:45px;
margin:0 20px 10px 80px;
}

ol.commentlist li div.vcard cite.fn {
text-align:center;
position:absolute;
left:82px;
top:25px;
overflow:hidden;
color:#bbb;
font-style:normal;
font-weight:700;
}

ol.commentlist li div.vcard img.avatar {
position:absolute;
left:20px;
top:20px;
width:48px;
height:48px;
padding:2px;
}

ol.commentlist li div.vcard span.says {
position:absolute;
left:-9999px;
top:-9999px;
}

ol.commentlist li div.comment-meta {
position:absolute;
right:70px;
top:25px;
font-size:11px;
font-weight:400;
}

ol.commentlist li div.comment-meta a {
color:#333;
text-decoration:none;
}

ol.commentlist li ol.commentlist li ul {
list-style:square;
text-indent:0;
margin:0;
padding:0;
}

ol.commentlist li p {
color:#bbb;
margin:0 0 0 82px;
padding:0 85px 10px 0;
}

ol.commentlist li div.reply {
position:absolute;
top:25px;
right:20px;
}

ol.commentlist li div.reply a {
display:block;
width:40px;
line-height:14px;
text-align:center;
color:#666;
}

ol.commentlist li ul.children {
list-style:none;
text-indent:0;
margin:0;
}

ol.commentlist li ul.children li {
border:none;
padding-bottom:0;
margin:15px 0 0 30px;
}

ol.commentlist li ul.children li.depth-2 {
margin:15px 20px 0 82px;
}

ol.commentlist li ul.children li div.comment-author {
height:15px;
border-top:1px solid #222;
border-bottom:none;
margin:0;
padding:0 0 10px;
}

ol.commentlist li ul.children li div.vcard cite.fn {
text-align:left;
position:absolute;
left:30px;
top:5px;
color:#777;
}

ol.commentlist li ul.children li img.avatar {
position:absolute;
top:2px;
left:0;
border:1px solid #ccc;
width:16px;
height:16px;
background:#fff;
padding:1px;
}

ol.commentlist li ul.children li div.comment-meta {
top:5px;
right:50px;
}

ol.commentlist li ul.children li p {
color:#666;
margin:0;
padding:5px 0 10px;
}

ol.commentlist li ul.children li div.reply {
top:5px;
right:0;
}

ol.commentlist li.pingback div.vcard cite.fn {
overflow:hidden;
text-align:left;
left:70px;
top:47px;
width:430px;
}

ol.commentlist li.pingback div.comment-author {
padding-bottom:25px;
}

ol.commentlist li.pingback div.comment-meta {
position:absolute;
right:10px;
top:20px;
}

ol.commentlist li.pingback div.reply {
right:-9999px;
top:-9999px;
}

.widget_calendar h3 {
display:none;
color:#ddd;
}

#wp-calendar {
width:100%;
}

#wp-calendar #today {
background:#444;
color:#ddd;
}

#wp-calendar tbody a {
font-weight:bolder;
}

#wp-calendar caption {
font-family:Arial;
font-weight:bolder;
letter-spacing:-.05em;
font-size:150%;
text-align:left;
padding-bottom:5px;
color:#ddd;
}

#wp-calendar th,#wp-calendar td {
text-align:center;
}

#wp-calendar tbody td {
border:1px solid #222;
}

#wp-calendar tbody td.pad {
border:0 none;
}

#wp-calendar th {
background:#222;
color:#999;
}

#wp-calendar td#prev {
text-align:left;
padding-top:5px;
}

#wp-calendar td#next {
text-align:right;
padding-top:5px;
}

.wp-caption {
border:1px solid #333;
text-align:center;
background-color:#222;
padding-top:4px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.alignleft {
float:left;
margin-right:10px;
width:auto;
}

.alignright {
float:right;
margin-right:10px;
width:auto;
}


/* .aligncenter {
clear:both;
display:block;
text-align:center;
margin:0 auto;
} */

.contactform {
position:static;
overflow:hidden;
width:95%;
}

.contactleft {
width:25%;
white-space:pre;
text-align:right;
clear:both;
float:left;
display:inline;
margin:5px 0;
padding:4px;
}

.contactright {
width:70%;
text-align:left;
float:right;
display:inline;
margin:5px 0;
padding:4px;
}

.contacterror {
border:1px solid red;
}

#videos {
border:1px solid #7d8f9f;
width:425px;
height:344px;
margin:8px auto;
padding:2px;
}

.videos {
border:1px solid #7d8f9f;
width:425px;
height:344px;
margin:8px auto;
padding:2px;
}

.videossmall {
border:1px solid #7d8f9f;
width:420px;
height:315px;
margin:8px auto;
padding:2px;
}

.videosb1 {
border:1px solid #7d8f9f;
width:500px;
height:375px;
margin:8px auto;
padding:2px;
}

.videosbig {
border:1px solid #7d8f9f;
width:500px;
height:405px;
margin:8px auto;
padding:2px;
}

.aligncenter {
clear:both;
display:block;
text-align:center;
border:1px solid #7d8f9f;
margin:8px auto;
padding:2px;
}

img.left {
float:left;
border:1px solid #7d8f9f;
margin:5px 12px 3px 0;
padding:2px;
}

img.right {
float:right;
border:1px solid #7d8f9f;
margin:5px 0 3px 12px;
padding:2px;
}

img.leftlogo {
float:left;
border:0;
margin:0 12px 3px 0;
padding:2px;
}

h1,h2,h3,h4,h5,h6,#respond a {
font-weight:700;
}

h1,h1 a,h1 a:hover,h2,h2 a,h2 a:hover,h3,h3 a,h3 a:hover,h4,h4 a,h4 a:hover,h5,h5 a,h5 a:hover,h6,h6 a,h6 a:hover,.nav_link a {
text-decoration:none;
}

#header-rss a:hover,.display-info a,#respond .cancel-comment-reply a:hover,ol.commentlist li div.vcard cite.fn a.url {
color:#ddd;
}

#header-menus input#s,#sidebar input#s {
background:transparent;
border:none;
color:#999;
font-size:12px;
width:198px;
padding:3px 8px;
}

#header-menus input#searchsubmit,#sidebar input#searchsubmit {
border:1px solid #e5e5e5;
border-top:1px solid #fafafa;
border-left:1px solid #fafafa;
background:#f2f2f2;
font-size:12px;
padding:4px 5px;
}

.display-info a:hover,#add-info a:hover,#footer .left a:hover,#footer .right a:hover,#comments a:hover,ol.commentlist li div.vcard cite.fn a.url:hover,ol.commentlist li ul.children li div.vcard cite.fn a.url:hover {
color:#bf3131;
}

#add-info a,ol.commentlist li div.comment-meta a:hover {
color:#777;
}

#sidebar ul ul li,#sidebar ul ul ul li {
margin-left:0;
padding:0;
}

#footer .left a,#footer .right a {
color:#666;
}

ol.commentlist li div.reply a:hover,ol.commentlist li ul.children li div.vcard cite.fn a.url {
color:#999;
}

.wp-caption p.wp-caption-text,.wp-caption-dd {
font-size:12px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

.navigation {
display: block;
text-align: center;
margin-top: 5px;
margin-bottom: 20px;
}

/* #login { margin:0 auto 0 auto width:250px; } */
#login { margin:0 auto 0 10px; width:250px; }
#login p.submit { padding:15px; }
#login ul { margin:0; padding:0; }
#login ul li { display:inline; margin-left:10px; }