html {
background:#222 url(bg.png) no-repeat center top;
}

body {
color:#333333;
font-family:sans-serif;
font-size:12px;
height:100%;
margin:0;
padding-bottom:100px;
}

a {
color:#222;
text-decoration:underline;
}
a:hover {
color:#777777;
}
a img {
border:medium none;
}
p img {
max-width:100%;
padding:0;
}
small {
font-size:9px;
}
hr {
background-color:#777777;
border:0 none;
color:#777777;
height:1px;
}
blockquote {
border-color:#DDDDDD;
border-style:solid;
border-width:1px 1px 1px 5px;
margin:10px;
padding:5px 10px 5px 20px;
}
blockquote cite {
display:block;
margin:5px 0 0;
}
cite {
font-style:normal;
font-weight:bold;
}
code {
background:#EEEEEE none repeat scroll 0 0;
border:1px dotted #777777;
display:block;
font-family:'Courier New',monospace;
overflow:scroll;
padding:10px;
}
acronym, abbr, span.caps {
cursor:help;
}
acronym, abbr {
border-bottom:1px dashed #999999;
}
h1, h1 a, h1 a:hover {
color:#222;
font-size:18px;
display:none;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
}
h2.blog, h2.blog a {
color:#333333;
font-size:14px;
font-weight:bold;
margin:0;
padding:0 3px 0 0;
text-align:left;
text-decoration:none;
}
table.pagetitle {
margin:0;
padding:0;
width:100%;
}

h2.pagetitle {
color:#333;
font-size:14px;
font-weight:bold;
margin:0 0 5px;
padding:0;
text-align:left;
text-decoration:none;
}
h2.pagetitle a {
color:#333;
text-decoration:none;
}
h2.pagetitle a.view-large {
  color:#777;
}

h3, h3 a {
clear:both;
color:#555;
font-size:14px;
font-weight:bold;
margin:30px 10px 0 0;
padding:0;
text-align:left;
text-decoration:none;
}
h2 a:hover, h3 a:hover {
border-bottom:1px dotted #777777;
color:#111111;
}
#header {
margin:0;
width:780px;
}
.description {
color:#999999;
font-style:italic;
letter-spacing:2px;
margin:-3px 0 0;
padding:0 0 10px 30px;
}

#menubar {
background:#222222;
height:24px;
margin:0;
width:780px;
font-size:12px;
}
#menu {
text-align:center;
text-transform:uppercase;
padding-top:4px;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
}
#menu li a {
color:#AAAAAA;
padding: 0;
padding-left:3px;
padding-right: 3px;
text-decoration:none;
}
#menu li.new a {
color:orange;
}
#menu li a:hover {
color:white;
}

#menu-social
{
text-align:right;
margin:0;
padding:0;
position:absolute;
right:3px;
top:123px;
}
#menu-social ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#menu-social li {
display:inline;
}

#comic {
background:white;
margin:0 auto;
padding:10px 25px 10px 25px;
text-align:center;
}

#comic-nav {
height:125px;
padding-top:10px;
color:#444;
}

#comic-nav a {
color:#777;
padding-bottom:2px;
text-decoration:none;
}
#comic-nav a:hover  {
color:#333;
}

#promo {
float:left;
text-align:left;
width:33%;
font-size: 10px;
}

#talk {
font-family:monospace;
font-size:11px;
float:right;
width:230px;
text-align:right;
}
#talk span#talk-likes {
color: green;
font-weight: bold;
}
#talk span#talk-dislikes {
color: red;
font-weight: bold;
}
#talk span#talk-comments {
color: black;
font-weight: bold;
}
#talk TEXTAREA {
font-family: monospace;
width:155px;
}
#talk INPUT {
font-family: monospace;
color: #222;
background: #ccc;
border: 1px solid #222;
width: 100%;
}
#talk a.comment {
font-weight: bold;
}
#talk p {
margin:0;
padding:0;
}
#talk p#comment {
margin-top: 4px;
border:0;
}

.ads-lb {
background:white;
margin:0 auto;
margin-bottom:15px;
padding:0;
padding-top:10px;
padding-bottom:10px;
border:1px solid black;
}
.ads-lb-content {
text-align:center;
padding: 0 26px;
}

#funny {
background:white url(bottom-border.jpg) no-repeat scroll center bottom;
margin:0 auto;
padding:10px 0 55px;
width:780px;
}
#funny-content {
text-align:center;
font-size: 36px;
}

#container {
position:relative;
margin:0 auto;
height:auto !important;
height:100%;
width:780px;
min-height:100%;
}

#main-pane
{
  position: relative;
  top:0;
  left: 0;
  margin: 0;
  padding: 0;
  width:780px;
}

#side-pane
{
  margin: 0;
  padding: 0;

  position:absolute;
  top:0;
  right:0px;
  width:200px;
}

#side-box
{
  margin: 0;
  padding: 0;

  padding-top: 30px;
  width: 190px;
  height: 650px;
}

#page {
background:white;
border: 1px solid black;
text-align:left;
width:780px;
margin:0 auto;
}

.footer-parent {
    clear: both;
    text-align: center;
    margin-top: 15px;
}

#footer {
background:transparent;
color:#999999;
margin:0;
text-align:center;
border:1px solid grey;
display:inline-block;
font-size: 11px;
}

#footer h3 { color:#aaa;}

#footer a {
border:medium none;
color:#eee;
text-decoration:none;
}
#footer a:hover {
border-bottom:1px dotted #FFFFFF;
}
#footer .col {
float:left;
margin:10px;
margin-bottom:20px;
padding-left:10px;
border-left: 1px solid grey;
height:260px;
width:160px;
}
#footer .col:first-child {border:none;}

#footer .col p {
text-align:left;
}

.nav {
float:left;
width:33%;
}
.pagenav {
clear:both;
color:#999999;
font-weight:bold;
padding:40px 20px 20px;
}
.pagenav-left {
float:left;
}
.pagenav-right {
float:right;
}
.nav a, .pagenav a, .nav-single a {
color:#333333;
padding:0 2px;
text-decoration:underline;
}
.nav a:hover, .pagenav a:hover, .nav-single a:hover {
color:#111111;
}
.nav p { margin:0 }

#column {
float:left;
overflow:hidden;
padding:20px 0 20px;
width:558px;
}
.post-frontpage {
padding:0 20px;
text-align:justify;
}
.post, .content {
padding:0 20px;
text-align:justify;
}
.comicdate {
color:#777777;
font-weight:bold;
padding: 0;
margin-bottom:15px;
display:none;
}
.postdate {
color:#777777;
}

.postmeta ul {
display:inline;
list-style-image:none;
list-style-type:none;
}

.postmeta a[rel]
{
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
border:1px solid #999;
}

.postmeta p
{
line-height: 22px;
}
.sharethis a {
}

#arc
{
margin-top:10px;
}

.balloon {
color:#CCCCCC;
font-family:'Webdings',fantasy;
font-size:18px;
}
h4 {
color:#AAAAAA;
font-size:16px;
padding:0;
margin: 0 0 0 20px;
}

h4.pagetitle {
margin:0;
}

.comment-wrapper {
padding:0 20px;
}
.comment-wrapper h3 {
clear:both;
color:#777777;
font-size:18px;
font-weight:normal;
letter-spacing:-1px;
margin:0;
padding:20px 0 0;
}
.bigballoon {
color:#CCCCCC;
font-family:'Webdings',fantasy;
font-size:28px;
}
.comment-wrapper a {
border-bottom:1px dotted #777777;
text-decoration:none;
}
.comment-wrapper a:hover {
border-bottom:1px solid #777777;
color:#777777;
}
.comment-wrapper p {
margin:10px 0 0;
}
.avatar {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border:1px solid #777777;
float:left;
margin:0 10px 10px 0;
padding:5px;
}
#comment, #author, #email, #url {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border:1px solid #999999;
color:#000000;
padding:2px;
}
#comment:hover, #author:hover, #email:hover, #url:hover {
background:#EEEEEE none repeat scroll 0 0;
}
#comment {
width:100%;
}
#author, #email, #url {
width:200px;
}
#submit {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#888888 none repeat scroll 0 0;
border:2px solid #555555;
color:#FFFFFF;
float:right;
margin:0 0 20px;
padding:0 5px;
}
#submit:hover {
background:#222222 none repeat scroll 0 0;
cursor:pointer;
}
ol.commentlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.commentlist li {
clear:both;
padding:20px 0 0;
}
.comicarchiveframe {
border-color:#CCCCCC #AAAAAA #555555 #777777;
border-style:solid;
border-width:1px;
margin:20px 0 10px;
padding:5px 10px;
}
.comicarchiveframe:hover {
opacity:0.5;
}
.comicarchiveframe {
border:1px solid #000000;
margin:20px 0 10px;
padding:5px 10px;
}
.comicarchiveframe h3 {
margin:0;
}
.comicarchiveframe small {
display:block;
}
.comicarchiveframe:hover {
opacity:0.5;
}
#sidebar {
float:left;
margin:0;
overflow:hidden;
padding:5px 0;
width:200px;
}
#sidebar h2, #sidebar h2 a {
color:#999999;
font-size:14px;
font-weight:normal;
letter-spacing:-1px;
text-transform:lowercase;
}
#sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul li {
margin:0 0 10px 10px;
padding:0;
}
#sidebar ul li ul li {
margin:0 0 0 10px;
padding:0;
}
#sidebar ul li ul li a {
border-bottom:1px dotted #777777;
color:#333333;
display:block;
text-decoration:none;
}
#sidebar ul li ul li a:hover {
background:#DDDDDD none repeat scroll 0 0;
border-bottom:1px solid #777777;
color:#333333;
}
#wp-calendar {
margin:0 0 0 5px;
width:165px;
}
#wp-calendar th {
color:#999999;
font-weight:normal;
text-align:center;
}
#wp-calendar caption {
color:#555555;
font-size:12px;
letter-spacing:-1px;
}
#wp-calendar td {
border:1px solid #999999;
min-width:20px;
padding:0;
text-align:center;
}
#wp-calendar a {
background:#DDDDDD none repeat scroll 0 0;
color:#333333;
display:block;
text-decoration:none;
}
#wp-calendar a:hover {
background:#BBBBBB none repeat scroll 0 0;
color:#333333;
}
#s {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border:1px solid #999999;
color:#000000;
margin:0;
padding:2px;
width:140px;
}
#s:hover {
background:#EEEEEE none repeat scroll 0 0;
}
#searchsubmit {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#888888 none repeat scroll 0 0;
border:2px solid #555555;
color:#FFFFFF;
font-size:12px;
margin:0;
padding:0 0 0 2px;
}
#searchsubmit:hover {
background:#222222 none repeat scroll 0 0;
cursor:pointer;
}
.attachment {
margin:0 auto;
text-align:center;
width:520px;
}
.attachment img {
border:1px solid #000000;
margin:0 0 10px;
}
.attachment p {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border:1px solid #999999;
margin:0 9px 10px;
padding:10px;
}
.imagenav-wrap {
height:77px;
margin:0 auto;
width:502px;
}
.imagenav {
float:left;
height:77px;
width:77px;
}
.imagenav-center {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border:1px solid #999999;
color:#BBBBBB;
float:left;
height:65px;
margin:0 10px;
overflow:hidden;
padding:10px 5px 0;
text-align:center;
width:316px;
}
.imagenav-center a {
border-bottom:1px dotted #777777;
color:#777777;
text-decoration:none;
}
.imagenav-center a:hover {
border-bottom:1px solid #777777;
color:#777777;
}
.imagetitle {
color:#333333;
font-size:18px;
}
.imagenav-bg {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #000000;
height:75px;
position:absolute;
width:75px;
z-index:0;
}
.imagenav-bg img {
height:75px;
width:75px;
}
.imagenav-arrow {
border:1px solid #000000;
color:#FFFFFF;
float:left;
font-size:50px;
height:75px;
line-height:75px;
position:absolute;
text-align:center;
width:75px;
z-index:1;
}
.imagenav-link {
border:1px solid #000000;
float:left;
height:75px;
position:absolute;
width:75px;
z-index:2;
}
.imagenav-link img {
height:75px;
opacity:0.5;
width:75px;
}
.imagenav-link img:hover {
opacity:0;
}
.aligncenter {
display:block;
margin:0 auto;
}
.alignright {
display:inline;
float:right;
margin:10px 0 10px 10px;
}
.alignleft {
display:inline;
float:left;
margin:10px 10px 10px 0;
}
.clear {
clear:both;
font-size:0;
height:116px;
line-height:0;
}

#transcription {
display:none;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

table.wp-table-reloaded {
width: 0;
}

table.wp-table-reloaded td {
text-align:center;
margin:0;
padding: 10px;
}

#store
{
  margin-top: 30px;
}

#store h1
{
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

#store .price-label
{
  font-weight: bold;
}

#store .price
{
  color: red;
}

#store .buy
{
  display: block;
  font-weight: bold;
  color: #222;
}

#store .buy a
{
  text-decoration: none;
  border: 1px solid gray;
  background: #d3ebf0;
  padding: 5px;
}

#disqus-thread
{
  margin:20px;
}

.rounded {  
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}