/*  
Theme Name: SkullJackpot
Theme URI: 
Author: Chris Patterson
Author URI: http: //skulljackpot.com
*/
/*-----------------------
HTML5 Support (in progress)
-----------------------*/
article,
aside,
dialog,
figure,
footer,
header,
listing,
menu,
nav,
rp,
section,
xmp {
display: block;
}

audio,
bb,
canvas,
datagrid,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {

}


/*-----------------------
General styles
-----------------------*/
body {
background: #fff;
color: #333;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
text-align:left !important; /* override blueprint's ie.css */
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family: Futura, Helvetica, Arial, sans-serif;
line-height: 1.2em;
height: auto; /* override blueprint's screen.css */
font-weight: bold; /* override blueprint's screen.css */
color: #222; /* override blueprint's screen.css */
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

h4 {
font-size: 1.4em;
}

h5 {
font-size: 1.2em;
}

h6 {
font-size: 1em;
}

strong, 
em,
dt, 
b, 
i {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}

a {
color: #000;
font-weight: bold;
outline: none !important; /* avoid ugly dotted border for Firefox */
}

h1 a {
text-decoration: none;
}

a:hover {
color: #fe0000;
}

a img {
border: none; 
}

div {
outline: none !important; /* avoid ugly dotted border for Firefox, when listeners are added via js */
}

table, 
td, 
th {
vertical-align: baseline; /* override blueprint's screen.css */
}

code {
white-space: normal; /* override blueprint's screen.css */
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}

.error, 
.notice, 
.success { /* override blueprint.css */
border: 0 none transparent;
margin-bottom: 0;
padding: 0;
background: transparent;
border-color: transparent;
}

/*-----------------------
Utility Classes
-----------------------*/
.selfclear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.selfclear {
display: inline-block; /* IE 7 */
}

.selfclear {
display: block;
}

* html .selfclear {
height: 1px; /* IE < 7 */
}

/* Alpha transparency for IE6 */
* html .pngfix {
zoom: 1;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1 ?  (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/wp-content/themes/skulljackpot/img/transparent.gif") : (this.origBg = this.origBg ? this.origBg :  this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + (this.currentStyle.backgroundRepeat=='no-repeat' ? 'crop' : 'scale') +"')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

.leftwise {
float:left;
}

.rightwise {
float:right;
}

.nobreak {
white-space: nowrap;
}

.hidden {
display: none;
}

.wrap {
width: 83em;
margin: 0 auto; 
padding: 0;
}

/*-----------------------
Structural Elements
-----------------------*/
header {
border-bottom: 0.2em solid #000;
margin: 0 0 1em;
padding: 1em 0 0;
}

#main {
}

#content {
width: 50em; /*53.5em total*/
float: left;
margin: 0;
padding: 0 3em 0 0.5em;
}

#sidebar {
float: left;
width: 29.5em;
}

#footer {
}

/*-----------------------
Header
-----------------------*/
header .wrap {
position: relative;
}

#logo {
float: left;
width: 485px;
height: 55px;
background: url(./img/logo-pulse.gif) no-repeat;
margin: 0;
padding: 0;
}

#logo a {
float: left;
width: 485px;
height: 55px;
overflow: hidden;
text-indent: -9999em;
background: url(./img/logo.png) no-repeat;
margin: 0;
padding: 0;
cursor: pointer;
}

#logo a:hover {
background-color: #f10000;
}

#tagline {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
}

/*-----------------------
Posts
-----------------------*/
.entry {
font-size: 1.2em;
line-height: 1.62em;
}

.entry .date {
font-weight: bold;
}

.entry h2, 
.entry h3,
.entry h4, 
.entry h5,
.entry h6 {
margin-bottom: 0.4em;
}

.entry .content {
overflow: hidden;
}

.entry .end-sign {
margin: 0 0 0 0.5em;
}

.morelink {
text-align: right;
font-size: 0.9em;
margin: -0.75em 0 0.75em;
}

.metadata {
background: #111 url(./img/metadata-corner-bg.png) 100% 100% no-repeat;
color: #fff;
padding: 0.5em 1em;
margin: 0 -0.5em 2em;
}

.metadata a {
color: #fff;
}

.metadata a:hover {
color: #f10000;
}

.metacomments {
float: right;
font-size: 0.9em;
}

.commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}

.commentlist li {
margin: 0 0 0.5em;
padding: 0;
}

.comment-meta {
font-size: 0.85em;
border-bottom: 3px double #000;
padding: 0 0 0 25px;
line-height: 1.3em;
}

.comment-date {
float: right;
}

.commentlist li .avatar {
border: 1px solid #000;
float: left;
margin: -22px 0 0;
}

.comment-content {
margin: 3px 0 0 25px;
}

/*-----------------------
Sidebar
-----------------------*/

.widget {
margin: 0 0 1.5em;
}

.widget-title {
margin: 0 0 0.2em 0.1em;
font-weight: normal;
}

#tag_cloud .widget-title {
margin-bottom: 0;
}

.elsewhere {
margin: 0;
padding: 0;
}

.elsewhere li {
list-style-type: none;
margin: 0 7px 0 0;
padding: 0;
float: left;
}

.elsewhere li a {
float: left;
margin: 0;
padding: 0;
width: 45px;
height: 45px;
overflow: hidden;
text-indent: -9999em;
}

.elsewhere li a.elsewhere-flickr {
background: url(./img/elsewhere-flickr.png) no-repeat;
}

.elsewhere li a.elsewhere-github {
background: url(./img/elsewhere-github.png) no-repeat;
}

.elsewhere li a.elsewhere-steam {
background: url(./img/elsewhere-steam.png) no-repeat;
}