/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
background-color:#000000;
background-image:url(images/pagebg.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family:Arial;
color:#fff;
padding:0px;
margin:0px;
}

@font-face {
  font-family: League Gothic;
  font-style: normal;
  font-weight: normal; 
  src: url('/font/League Gothic.eot');
  src: local('League Gothic'), url('images/League Gothic.otf') format('opentype');
 url('images/League_Gothic-webfont.svg#League Gothic') format('svg'); 

}


h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}





/* comment */

p {
color:#FFF;
font-family:Arial;
font-size:12px;
margin-bottom:10px;
margin-top:10px;
}
h1, h2, h3, h4 { font-family: League Gothic; text-transform:uppercase; }

h1 { 
font-size:36px;
font-weight:100;
line-height:32px;
text-shadow: 2px 2px 2px #000;
}

h2 { 
font-size:28px;
font-weight:100;
line-height:24px;
margin:0.75em 0;
text-shadow: 2px 2px 2px #000;
}

h3 {
font-size:26px;
font-weight:100;
line-height:26px;
margin:0.75em 0;
text-shadow: 2px 2px 2px #000;
}

h4 { }

h5 { font-family: League Gothic; text-transform:uppercase; text-shadow: 2px 2px 2px #000; }

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

blockquote {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-left: 15px;
  border-left: 1px dotted #ccc;
  font-style:italic;
} 

/* Layout */

.nicedate {
width:100px;
float:right;
color:#FFF;
font-family: League Gothic; text-transform:uppercase;
padding:0px;
margin-bottom:20px;
text-align:left;
font-weight:normal;
padding-left:10px;
padding-top:10px;
width:46px;
height:62px;
background:url(images/datebg.png) no-repeat;
}
.nicedate h2 {
width:15px;
margin:0px;
padding:0px;
}
#container {
width:960px;
margin-left:auto;
margin-right:auto;
}
#menu {
width:660px;
float:left;
margin-bottom:25px;
padding:10px;
margin-top:11px;
}
#menu li {
display:inline;
font-family: League Gothic;
font-size:23px;
text-shadow: 2px 2px 2px #000;
text-transform:uppercase;
margin-right:10px;

color:#FF0000;
}
#menu li a {
color:#FF0000;
}
#menu li a:hover {
color:#FFF;
}


#cl1 {
width:400px;
margin-right:10px;
float:left;
height:auto;
}
#cl1 img {
max-width:380px;
float:left;
margin-bottom:10px;
}
#cl2 {
width:210px;
float:left;
background-color:#9D0136;
height:auto;
background:url(images/asidetop.jpg) no-repeat #9D0136;
min-height:400px;
padding-bottom:10px;
border:1px solid #B3023E;
}
#cl2 h1 {
max-width:150px;
padding-top:220px;
padding-left:10px;
}
#cl2 p {
padding-left:10px;
padding-right:10px;
}
#cl2 a:hover {
color:#FF0000;
}
.widget2 {
width:150px;
padding-left:10px;
float:left;
margin-bottom:10px;
font-size:12px;
}

#cl3 {
width:320px;
float:right;
background-color:#000;
border-top:1px solid #3B3B3B;

}

#cl4 {
width:610px;
float:left;
background-color:#9D0136;

height:auto;
min-height:400px;
padding:10px;
margin-bottom:40px;
}
#leftcontent {
float:left;
width:640px;
padding-top:25px;
}

/** Post formatting **/
.post {
background-color:#3B292D;
padding:10px;
margin-bottom:10px;
}

.post h1 {
max-width:250px;
float:left;
}
.post h1 a:hover {
color:#ccc;
}
.clear {
clear:both;
margin-top:20px;
}
/** Header **/
.logo {

width:100px;
height:199px;
float:left;
}
.comments {
width:400px;
float:right;
margin-top:132px;
font-size:12px;
}
.comments h5 {
font-size:20px;
letter-spacing:1px;

color:#FF0000;
font-family:League Gothic;
text-transform:uppercase;
}

/** Widgets **/
.widget {
background-color:#C60044;
margin-bottom:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}
.widget h2 {
margin-top:0px;
margin-bottom:10px;
}
#text-204544853{
background-color:#000;
font-style:italic;
font-size:14px;
}
#text-204544853 h2 {
color:#FF0000;
font-style:normal;
font-size:42px;
margin-bottom:10px;
}

.widget ul {
list-style: none outside;
padding-left:0px;
margin-left:0px;
font-size:14px;
}
.widget ul li {

list-style: none outside;
padding-left:0px;
margin-left:0px;
}

#text-204544854{
background-color:#000;
background:url(images/playingbg.jpg) no-repeat;
background-position:right;
height:170px;
position:relative;
padding-right:0px;
width:310px;
}
#text-204544854 p {
color:#FFF;
font-size:12px;
width:190px;
float:left;
}
#text-204544854  h2 {
float:left;
max-width:250px;
color:#FFF;
}
.playinggame {
z-index:6;
position:absolute;
right:10px;
top:10px;
width:95px;
height:150px;

}

.playingoverlay {
z-index:9;
position:absolute;
right:0px;
top:0px;
}

/** Footer **/
#footer {
width:100%;
margin-bottom:20px;
margin-top:60px;
clear:both;
height:290px;
background:url(images/footerbg.jpg) repeat-x #880034;
background-position:top center;
padding-top:10px;
}
#footer h3 {
padding-top:0px;
margin-top:0px;
}
.footerinner {
width:960px;
margin-left:auto;
margin-right:auto;
height:260px;
color:#FFF;
padding-top:20px;
text-shadow: 2px 2px 2px #000;
}
.footerinner li {
font-family: League Gothic; text-transform:uppercase;
font-size:26px;
line-height:25px;
text-shadow: 2px 2px 2px #000;
margin:0px;
padding:0px;

}
#footermenu {
width:80px;
margin-right:20px;
float:left;
height:190px;
}
#flickr {
width:170px;
margin-right:20px;
float:left;
height:190px;
border-right: 1px dotted #FFF;
font-family: League Gothic; text-transform:uppercase;
font-size:21px;
line-height:21px;
text-shadow: 2px 2px 2px #000;

}
#flickr img {
width:42px;
height:42px;
float:left;
margin:2px;
border:2px #fff solid;
}

.viewmore {
margin-top:4px;
}

#footer2 {
width:300px;
margin-right:20px;
float:left;
border-right: 1px dotted #FFF;
height:190px;
}
#footer3 {
width:300px;
margin-right:10px;
float:left;
height:190px;
}
.bloginfo {
float:left;
width:560px;
height 60px;
margin-top:30px;
font-size:11px;
}
.creator {
float:right;
width:260px;
height 60px;
margin-top:42px;
font-size:11px;
}

/** Sidebar **/
.adam {
height:266px;
background:url(images/sidebar2bg.png) no-repeat  ;
position:relative;
}
.twitter {
background:url(images/twitterbg.png) no-repeat  ;
width:175px;
height:117px;
position:absolute;
left:-60px;
top:30px;
font-size:10px;
line-height:10px;
padding-left:20px;
padding-right:10px;
padding-top:23px;
}
/** Aside column **/
.facebook, .rss {
width:210px;
float:left;
height:32px;
background:url(images/fanbg.png) no-repeat left;
margin-top:7px;
font-family: League Gothic; text-transform:uppercase;
font-size:25px;
color:#000;
padding-left:15px;
margin-bottom:0px;
}
.facebook a, .rss a {
color:#ccc;
text-shadow: 2px 2px 2px #000;
padding-top:10px;
}
.facebook a:hover, .rss a:hover {
color:#AF0101;
}

/** comments **/

.avatar{
float:left;
width:32px;
height:32px;
padding:4px;
padding-top:0px;
}
.author{
margin-left:10px;
width:300px;
float:left;
height:35px;
font-size:12px;
}

.authorcomment {
padding:12px;
border-bottom: 1px dotted #000;
padding-bottom:20px;
background-color:#ccc;
margin-top:10px;
}
ul #commentlist {
margin:0px;
background-color:#grgrgr;
}
#commentlist li {
padding:12px;
border-bottom: 1px dotted #000;
padding-bottom:20px;
margin-top:10px;
background-color:#000;

}
#commentlist p {
margin-top:20px;
}
textarea {
max-width:610px;
}
.aside_archive_link {
font-family: League Gothic;
font-size:25px;
text-transform:uppercase;
padding-left:10px;
text-shadow: 2px 2px 2px #000;
}

ul.linklog li {
font-size:12px;
background-color:#3B292D;
margin-bottom:5px;
margin-top:5px;
padding:10px;
}

.more-link {
font-weight:bold;
color:#C60044;
text-transform:uppercase;
font-size:14px;
}
.more-link a:hover {
color:#FFF;
}