/*
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:#434343 url(style/images/bg.jpg) repeat-x;
font-family:arial;
}

#wrapper {
width:1000px;
margin:0 auto;
}

/*** header styles ***/
#header {
width:960px;
margin:0 auto;
}
#page-navigation2 {
font-size:12px;
color:#BBB;
height:33px;
}
#page-navigation2 a { color:#BBB; text-decoration:none; } #page-navigation2 a:hover { text-decoration:underline; }
#page-navigation2 li {
padding-top:8px;
float:left;
margin-right:10px;
}
#page-navigation {
font-size:12px;
float:left;
color:#BBB;
height:33px;
margin-right:10px;
}
#page-navigation li {
padding-top:8px;
float:left;
margin-right:5px;
}
#logo {
clear:both;
background:url(style/images/logo2.jpg) no-repeat;
width:209;
height:88px;
float:left;
margin-right:30px;
}
#players {
background:url(style/images/players.jpg) no-repeat;
width:482px;
height:89px;
float:left;
}

#categories {
background:url(style/images/cat-bg.gif) repeat-x;
height:35px;
width:948px;
margin:0 auto;
padding-left:12px;
}
#categories li {
float:left;
background:url(style/images/cat-line.gif) repeat-y right;
height:29px; * height:27px;
padding-top:5px; * padding-top:7px;
margin-right:12px;
padding-right:12px;
}
#categories a {
color:#FFF;
font-size:18px;
text-decoration:none;
}
#mainWrapper {
width:1000px;
background:url(style/images/wrapper-bg.jpg) repeat-y;
overflow:hidden;
}
#main {
width:960px;
margin:0 auto;
overflow:hidden;
}
#sidebar {
float:right;
background:url(style/images/sidebar-bg.gif) repeat-y;
width:300px;
}


/** main **/ 
#mainContent {
float:left;
width:620px;
margin:20px;
}

#hBox {
background:#E6E6E6;
border:1px solid #CCC;
font-family:Georgia;
font-size:20px;
font-weight:normal;
padding:4px;
color:#494545;
margin-bottom:15px;
}

.fItem {
float:left;
width:300px;
}
.fItemleft {
margin-right:20px;
float:left;
width:300px;
}
.fItemleft h2, a {	
color:#d61d82;
text-decoration:none;
}
.fItemleft a:hover {
text-decoration:underline;
}
.fItem h2 {
font-family:Georgia;
font-size:20px;
font-weight:normal;
color:#d61d82;
}
.fItem h2, a {
color:#d61d82;
text-decoration:none;
}
.fItem a:hover {
text-decoration:underline;
}
.fItem p {
font-size:12px;
color:#555;
line-height:17px;
margin-bottom:5px;
}
.fItemleft h2 {
font-family:Georgia;
font-size:20px;
font-weight:normal;
color:#d61d82;
}
.fItemleft p {
font-size:12px;
color:#555;
line-height:17px;
margin-bottom:5px;
}
.fItemRead {
border-top:1px solid #DDD;
}
.fDate {
padding-top:2px;
float:left;
}
.fItemMore {
float:right;
}
.fItemMore a {
text-decoration:none;
color:#468bbf;
font-weight:bold;
}
.item {
float:left;
width:206px;
margin-bottom:15px;
}
.item h3 {
width:196px;
padding-left:4px;
padding-bottom:4px;
padding-top:2px;
font-size:14px;
color:#4185d2;
background:url(style/images/item-bg.jpg) repeat-x;
}
.date {
font-size:12px;
color:#7d7d7d;
float:left;
padding-left:4px;
}
.views {
font-size:12px;
color:#7d7d7d;
float:right;
padding-right:10px;
}
.item img {
margin-bottom:1px; * margin-bottom:0px;
}

#videosMore {
background:url(style/images/morevideos-bg.jpg) no-repeat;
height:33px;
float:left;
padding-top:5px;
width:610px;
padding-right:4px;
margin-bottom:20px;
}
.videoSub {
background:url(style/images/feed.jpg) no-repeat left;
font-size:18px;
font-weight:normal;
color:#4185d2;
float:left;
padding-left:21px;
}
.moreVids {
background:url(style/images/vids.jpg) no-repeat left;
font-size:18px;
font-weight:normal;
color:#4185d2;
float:right;
padding-left:22px;
}
#videoWrapper {
overflow:hidden;
margin-bottom:6px;
}
#blogWrapper {
overflow:hidden;
clear:both;
}
#matchWrapper {
margin-bottom:26px;
overflow:hidden;
}
.blogItem {
margin-bottom:28px; * margin-bottom:10px;
clear:both;
overflow:hidden;
}
.blogItem h1 {
font-size:30px;
font-weight:normal;
color:#494545;
font-family:Georgia;
margin-bottom:4px;
}
.blogMeta {
background:url(style/images/blogTitle-bg.jpg) repeat-x top;
padding-top:9px;
overflow:hidden;
margin-bottom:15px;
}
.blogMeta a {
color:#4185d2;
text-decoration:none;
}
.blogDate {
font-size:12px;
color:#848484;
float:left;
margin-right:12px;
}
.blogCat{
font-size:12px;
color:#848484;
float:left;
margin-right:12px;
}
.blogAuthor {
font-size:12px;
color:#848484;
float:left;
}
.blogItem img {
float:left;
margin-right:15px;
}
.blogText {
font-size:12px;
line-height:18px;
color:#383535;
}
.blogContinue {
margin-top:18px;
}
.blogThumb {
border:4px solid #bbdaf1;
}


/*** sidebar  ***/
.sidebarBox {
background:url(style/images/sidebar-line.gif) no-repeat bottom;
padding:15px;
overflow:hidden;
width:270px;
}
#sidebarRss {
background:url(style/images/rssBig.png) no-repeat;
padding-left:48px;
height:40px;
margin-bottom:14px;
}
#sidebarRss p { 
margin-top:4px;
color:#8d8c8c;
font-size:12px;
}
#sidebarRss img {
padding-top:2px;
} 
#sidebarTwitter {
background:url(style/images/twitterBig.png) no-repeat;
padding-left:48px;
height:40px;
}
#sidebarTwitter img {
padding-top:2px;
} 
#sidebarTwitter p { 
margin-top:4px;
color:#8d8c8c;
font-size:12px;
}
.sideHbox {
font-size:22px;
font-weight:normal;
color:#373b3e;
margin-bottom:12px;
}
.popularStars img {
border:1px solid #444;
margin-bottom:5px;
}

.popularBlog li {
background:#efebe8;
padding-top:7px; * padding-top:4px;
padding-bottom:6px; * padding-bottom:6px;
padding-left:6px; * padding-left:6px;
border-bottom:1px solid #c9c3bf;
position:relative;
overflow:hidden; * overflow:visible;
}
.popularBlog {
border: 1px solid #c9c3bf;
margin-bottom:4px;
}
.popularBlog a {
color:#3c3939;
text-decoration:none;
}
.popularBlog a:hover {
text-decoration:underline;
}
.popularBlog h3 {
float:left;
* padding-top:2px;
font-size:12px;
color:#3c3939;
font-weight:normal;
padding-left:10px;
background:url(style/images/dot.gif) no-repeat left;
}
.leagueFlag {
float:right;
padding-right:10px;
padding-top:2px;
* padding-top:5px;
}
.rating {
font-size:12px;
color:#FFF;
background:url(style/images/rating-bg.gif) no-repeat;
font-weight:bold;
width:23px;
height:19px;
padding-top:2px;
padding-left:4px;
position:absolute;
right:1px;
top:4px;
}

.sideResult {
float:right;
padding-right:6px;
font-size:12px;
font-weight:bold;
color:#555;
padding-top:2px;
}
.sideFlag {
margin-right:2px;
}

/** footer **/
#footer {
background:url(style/images/footer-bg.jpg) repeat-x;
height:240px;
width:910px;
margin:0 auto;
padding:25px;
}
.footerBox {
float:left;
width:303px;
font-size:12px;
color:#FFF;
}
.footerBox p {
line-height:18px;
}
.footerBox h1 {
margin-bottom:15px;
}
.footerBox li {
margin-bottom:6px;
}
.footerBox a {
color:#FFF;
text-decoration:none;
}
.footerBox a:hover {
text-decoration:underline;
}

#footerBottom {
position:absolute;
bottom:16px; * bottom:12px;
clear:both;
width:915px;
}
#footerBottom p {
color:#777;
font-size:12px;
float:left;
}


/*** video page ***/
#theVideoWrapper {
background:url(style/images/video-bg.gif) no-repeat;
width:620px;
height:401px;
padding:10px;
}

#videoShare {
float:left;
margin-left:22px;
}

#videoEmbed {
float:left;
}








.matchItem {
background:url(style/images/matchItem.gif) repeat-x;
height:23px;
font-size:12px;
padding-top:9px;
padding-left:5px;
}
.date {
color:#77a0c7;
float:left;
margin-right:20px;
}
.flag {
float:left;
padding-top:2px;
margin-right:5px;
}
.league2 {
float:left;
color:#54708b;
font-weight:bold;
width:42px;
}
.league {
float:left;
color:#54708b;
font-weight:bold;
width:145px;
}
.league2 a {color:#54708b; text-decoration:none;}
.league2 a:hover {text-decoration:underline;}
.league a {color:#54708b; text-decoration:none;}
.league a:hover {text-decoration:underline;}
.teams {
float:left;
color:#54708b;
width:292px;
}
.teams a {color:#54708b; text-decoration:none;}
.teams a:hover {text-decoration:underline;}
.result {
float:left;
color:#54708b;
font-weight:bold;
}
.result a {color:#54708b; text-decoration:none;}
.result a:hover {text-decoration:underline;}


/*** match video page ***/
#matchAdsense300 {
float:left;
margin-right:15px;
}
.matchTeam {
float:left;
}
.matchTeam img {
border:1px solid #CCC;
}
.matchResult {
float:left;
width:121px;
text-align:center;
}
.matchResult h2 {
background:url(style/images/result-bg.gif) no-repeat center;
font-size:44px;
padding-top:18px;
padding-bottom:14px;
font-weight:normal;
color:#7bc65e;
}
.matchShort {
padding-top:6px;
float:left;
font-size:14px;
color:#555;
margin-bottom:9px;
}
.matchShort a {
text-decoration:none;
color:#54708b;
}
.matchShort a:hover {
text-decoration:underline;
}
.matchShort ul {
border:1px solid #CCC;
padding-top:12px;
padding-left:8px;
padding-right:8px;
width:287px;
}
.matchShort li {
margin-bottom:12px;
}
.mDate {
background:#e6e6e6 url(style/images/date.png) no-repeat;
padding-left:20px;
}
.mKick {
background:#e6e6e6 url(style/images/whistle.png) no-repeat;
padding-left:20px;
}
.mComp {
background:#e6e6e6;
}
.matchShare img {
float:left;
margin-right:3px;
padding-left:3px;
}
#matchInfoWrapper {
margin-bottom:12px;
overflow:hidden;
}
#matchVidWrapper {
background:url(style/images/video-bg.png) no-repeat;
width:620px;
height:550px;
}
#matchOtherWrapper {overflow:hidden; margin-bottom:15px;}
#matchVid {
padding-left:12px;
padding-right:13px;
padding-top:20px;
}
#matchAdsense468 {
width:468px;
height:60px;
background:#222;
margin-left:15px;
margin-top:5px;
float:left;
}
#matchShareSmall {
float:left;
}
#matchShareSmall p {
font-size:11px;
color:#777;
padding-left:6px;
padding-top:3px;
padding-bottom:6px;
background:url(style/images/share-line.png) no-repeat bottom;
}
.matchShareImg {
padding-left:12px;
padding-top:8px;
}

#matchRating {
background:url(style/images/rate-bg.png) repeat-x;
border:1px solid #c1c1c1;
margin-top:13px;
font-size:14px;
color:#666;
padding-left:9px;padding-top:6px;padding-bottom:6px;
overflow:hidden;
position:relative;
margin-bottom:14px;
}
.ratings {
position:absolute;
padding-left:6px; *padding-left:2px;
}
.views {
float:right;
font-size:14px;
color:#666;
}
#matchDescrip {
float:left;
width:250px;
margin-right:20px;
}
#matchDescrip h1 {
font-size:18px;
color:#555;
padding-bottom:2px;
font-weight:normal;
border-bottom:1px solid #999;
}
#matchDescrip h4 {
font-size:12px;
color:#333;
padding-top:8px;
font-weight:bold;
float:left;
margin-right:5px;
}
#matchDescrip ul {
padding-top:7px;
font-size:12px;
}
#matchDescrip li {
float:left;
margin-right:6px;
background:url(style/images/tag-bg.png) repeat-x;
border:1px solid #ac296e;
margin-bottom:6px; *margin-bottom:0px;
}
#matchDescrip a {
text-decoration:none;
color:#54708b;
font-weight:normal;
}
#matchDescrip a:hover {
text-decoration:underline;
}
#tags a {
padding:2px;
text-decoration:none;
color:#FFF;
font-weight:bold;
}
#matchDescrip p {
font-size:12px;
color:#444;
padding-top:4px;
padding-bottom:4px;
line-height:17px;
border-bottom:1px solid #999;
}
#matchRelated h1 {
font-size:18px;
color:#555;
padding-bottom:2px;
font-weight:normal;
border-bottom:1px solid #999;
}
#matchRelated {
float:left;
width:350px;
}
#matchCommentsWrapper {
margin-bottom:20px;
overflow:hidden;
}
#matchCommentsWrapper h1 {
font-size:18px;
color:#555;
padding-bottom:2px;
font-weight:normal;
border-bottom:1px solid #999;
margin-bottom:16px;
}
.commentItem {
background:#ebebeb url(style/images/comment-bg.png) repeat-x;
padding:12px;
overflow:hidden;
}
.commentItem img {
float:left;
margin-right:8px;
}
.commentItem h3 {
font-size:14px;
font-weight:bold;
color:#4385be;
}
.commentItem p {
font-size:12px;
}
.commentDate {
font-size:12px;
color:#747474;
margin-bottom:3px;
}
#respond {
background:url(style/images/post-comment.png) no-repeat left;
font-size:20px;
color:#444;
font-weight:normal;
margin-top:18px;
margin-bottom:16px;
padding-left:34px;
}
.commentField {
background:url(style/images/field-bg.png) repeat-x;
border:1px solid #c9c9c9;
height:26px;
font-size:20px;
padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:3px;
color:#737373;
margin-bottom:12px;
width:610px;
}
.commentField2 {
background:url(style/images/field2-bg.png) repeat-x;
height:108px;
border:1px solid #c9c9c9;
width:606px;
font-size:12px;
color:#333;
font-family:arial;
padding:6px;
margin-bottom:8px;
margin-top:4px;
}
.inputLabel {
font-size:12px;
font-weight:bold;
color:#333;
float:left;
margin-right:4px;
}
.inputLabelReq {
font-size:12px;
color:#555;
float:left;
}
#blogContent {
margin-bottom:15px;
}
#blogContent p {
font-size:12px;
line-height:18px;
color:#383535;
}
#blogShare {
border-top:1px dotted #AAA;
margin-top:10px;
padding-top:12px;
margin-bottom:25px;
text-align:center;
}

#dropLcWrap {
height:100px;
background:#FFF url(style/images/drop-bg.png) repeat-x;
border:1px solid #c4c4c4;
margin-bottom:20px;
padding:6px;
}
#dropLcWrap {
display:none;
overflow:hidden;
}
.dropLC {
width:202px; * width:204px;
float:left;
}
.dropLC a {color:#222;}
.dropLC a:hover {text-decoration:underline;}
.dropLC li {
font-size:12px;
margin-bottom:5px; * margin-bottom:3px;
}
.dropLC h1 {
font-size:14px;
font-weight:bold;
color:#333;
margin-bottom:4px; *margin-bottom:2px;
}


#searchWrapper {
position:absolute;
right:0;
top:6px;
height:18px;
}
.searchInput {
background:url(style/images/search-bg.png) repeat-x;
height:18px;
border:1px solid #000;
float:left;
margin-right:2px;
color:#FFF;
padding-left:3px;
}
.searchButton {
vertical-align:top;
}
.post {
font-size:12px;
border-bottom:1px solid #CCC;
padding-bottom:10px;
padding-top:10px;
}
.post a {
color:#54708b;
}
.post a:hover {
text-decoration:underline;
}
#pageContent {
font-size:12px;
line-height:17px;
color:#222;
}
#chart {
float:right;
overflow:hidden;
}

#worldCup {
float:right;
margin-top:20px;
}
.streampic {margin-bottom:10px;}