/*  
Theme Name: Kickette
Theme URI: http://kickette.com/
Description: Custom theme for Kickette.com
Author: Creative Slice
Author URI: http://creativeslice.com/
Version: 3.0
*/

@import url("superfish.css");

ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {
background:#fff url(images/body.png) repeat 0 0;
font: 77% Georgia,"Times New Roman",Times,serif;
min-width: 900px; /* hack for firefox */
text-align: left;
color: #222;
}

.finestfive, .hothof {
width: 120px;
padding: 10px;
float: right;
}

#rightad {min-height: 100px;}
#adbottom {text-align: center; clear: both; padding-top: 20px;}


#main .finestfive ol li,
#main .hothof ol li {
list-style: decimal;
margin-top: 4px;
margin-left: 20px;}

#main .must-read ul li,
#main .random-must-read ul li {
list-style: disc;
text-align: left;
z-index: 99;
margin: 8px 8px 0 30px;}

#main .random-must-read {
margin: -85px 0 0 60px;
z-index: 99;
position: relative;
}

.twitterfeed ul li {
margin: 8px 8px 0 8px;
}
.twitterfeed ul li a {
background: #fce5ee;
font-size: 1.1em;
display: block;
padding: 5px;
}

.twitterfeed ul li em {
color: #999;
font-size: .9em;
padding-left: 5px;
}

#commentlinkbottom {float: right;}
#commentlinkbottom a {
background: url(images/comments.gif) no-repeat 0 0;
display: block;
height:30px;
width:106px;
text-indent:-1000em;}

#linkwithin_logo_0 {display: none;}
#socialright {
width: 60px;
border: 1px solid #ddd;
float: right;
text-align: center;
margin: 0 23px 20px 0;
}

#socialright #commentright a {
background: #fce5ee;
display: block;
font-size: 10px;
font-family: arial, serif;
padding: 6px 0;
margin: 5px 5px 10px 5px;
}

.FBConnectButton {margin-top: 10px;}

#socialright strong {
font-size: 20px;
line-height: 20px;
font-weight: normal;
}

a:link {
	color: #d93067;
	text-decoration: none;
}
a:visited {
	color: rgb(177,68,86);
	text-decoration: none;
}
a:hover {
	color: rgb(147,58,72);
	text-decoration: underline;
}

.aligncenter,div.aligncenter {display: block;margin: 0 auto;}
.alignleft {float: left; margin: 2px 10px 2px 0;}
.alignright {float: right; margin: 2px 0 2px 10px;}

hr {
border-top: 1px solid #eee;
border-bottom: 1px solid #ccc;
border-right: none;
border-left: none;
text-align: center;
margin: 2em 0;
}

.wrapper {
width: 990px;
background: transparent url(images/wrapper-990.png) repeat-y 0 0;
margin: 0 auto;
padding:0 20px;
}

strong {font-weight: bold;}

#main {
	clear:left;
	background:#fff;
	margin: 0;
	padding:20px 0 0 0;
}


#header h1 {
	float: left;
	background:transparent url(images/logo.png) no-repeat 0 0;
	width:231px;
	margin:70px 0 20px 20px;
	}

#header h1 a {
	display:block;
	height:70px;
	margin:0 0 0 20px;
	text-indent:-1000em;
}	
	
.ie6 #header h1 {margin-left:10px;}
.ie6 #socialright {display: none;}

h1 {
font-size: 3.6em;
font-weight: normal;
font-family: georgia, times, serif;
}

h2 {
font-size: 2em;
font-family: georgia, times, serif;
}

h3 {
font-size: 1.6em;
line-height: 1.8em;
font-family: georgia, times, serif;
}

h4 {
font-size: 1.3em;
font-family: georgia, times, serif;
}

h5 {
font-size: 1.3em;
font-family: georgia, times, serif;
color: #666;
}

h6 {
font-size: 1.3em;
font-family: georgia, times, serif;
color: #999;
}

/* -------------------- Header -------------------- */

#header {
background: #000 url(images/description.png) no-repeat 0 0;
position:relative;
float:left;
width:990px;
}

#toptext {
background: transparent url(images/notebook.png) no-repeat 0 0;	
text-indent: -1000em;
display:block;
position:absolute;
top:0;
right:-45px;
color: #666;
font-family: georgia, times, serif;
font-size: 1.2em;
width:400px;
height:206px;
}

#topsearch {
position:absolute;
bottom:4px;
right:10px;
padding: 4px;
}

#searchform .textfield {
color: #666;
padding: 2px;
float: right;
}

#searchform #mag {
float: right;
padding: 0 0 0 6px;
}

#ad-space {
	position:absolute;
	top:60px;
	right:0;
	z-index:3;
}

/* =navigation ------------------------- */	
	
.nav.main {
margin-left:20px;
clear:left;
float:left;
list-style:none; 
width:725px;	
font:normal 1em/1.3 "hoefler text", Georgia,"Times New Roman",Times,serif;
letter-spacing:1px;
text-transform:uppercase;
z-index:6;
}	

.nav.main ul { margin:0;}

/***  SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  {
	color:	#fdbad1;
}
.sf-menu li {
xbackground:rgb(255,230,140);

}
.sf-menu li li {
background:#000;
}
.sf-menu li li li {
	background:		;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		;
	outline:		0;
}

.nav.main li a,
.nav.main li a:visited {
	color:#fdbad1;
	text-decoration:none;
	display:block;
	}
	
.nav.main li.current_page_item a, 
.nav.main li.current a,
.nav.main li.current_page_item a:visited, 
.nav.main li.current a:visited
 { 
	background:#fff;
	color:#000;
	text-decoration:none; }		

.nav.main li.current_page_item a:hover, 
.nav.main li.current a:hover { 
	background:#fff;
	color:#000;
	text-decoration:none; }

.nav.main li a:hover,
.nav.main li li a:hover {
	background:rgb(98,129,178);
	background:rgba(255,255,255,.2);
	color: #fff;
	}


ul.sub-nav li { margin-left:0; list-style:none; }

.sub-nav li a {
	display:block;
	padding:.1em .3em;
	margin:.3em;
	}
	
.sub-nav .current_page_item {
	background:rgb(242,249,252);
	-moz-border-radius:8px;
	}	


/* ---------------------- Sidebar ---------------------- */
#sidebar {
background: #fff;
float:right;
display:inline;
width:300px;
padding: 20px;
text-align:left;
voice-family:inherit;
}
.ie6 #sidebar {padding: 10px;}

#sidebar .sidebarnav {
position: relative;
z-index: 5;
}

#sidebar h2 {
margin:10px 0;
text-transform: uppercase;
font-weight: normal;
font-size: 1.2em;
letter-spacing: .05em;
}

#sidebar li {list-style: none;}

#sidebar a.contact {
font:bold 1em/1.3 Georgia,"Times New Roman",Times,serif;	
background: transparent url(images/contact.png) no-repeat 0 0;
display:block;
float:right;
margin:0 0 20px;
padding:18px 84px 24px 10px;
}

.cosmo {
text-align: center;
padding-top: 10px;
}

#social {
	float:right;
	margin:20px 0;
	position:relative;
	z-index:2; /* for ie6 */
}

#social li {float:left;}

#social li a {
	display:inline;
	float:left;
	margin:0 10px;
	text-indent:-1000em;
	width:50px;
	height:50px;
}

li a#facebook {
	background: transparent url(images/facebook.png) no-repeat 0 0;
}

li a#twitter {
	background: transparent url(images/twitter.png) no-repeat 0 0;
}

li a#rss {
	background: transparent url(images/rss.png) no-repeat 0 0;
	margin-right:50px;
}

#sidebar h2#crowd-pleasers {
	background: transparent url(images/crowd-pleasers.png) no-repeat 0 0;
padding:100px 0;
position:relative; 
text-indent:-1000em;
width:400px;
margin: 30px -140px -40px 0;
z-index:1; /* for ie6 */
}

.ie6 #sidebar h2#crowd-pleasers {
	margin-top: -60px;
}


#sidebar h2#fantasy-football {
	background: transparent url(images/fantasy-football.png) no-repeat 0 0;
padding:117px 0;
position:relative; 
text-indent:-1000em;
width:332px;
margin: 30px 0 0 -35px;
}

#sidebar h2#twitter-talk {
background: transparent url(images/twitter-talk.png) no-repeat 0 0;
padding:74px 0;
position:relative; 
text-indent:-1000em;
width:332px;
clear: both;
margin: 30px 0 0 -35px;
}

#sidebar h2#gossip-filters {
background: transparent url(images/gossip-filters.png) no-repeat 0 0;
padding:87px 0;
position:relative; 
text-indent:-1000em;
width:360px;
margin: 30px 0 0 0;
z-index:1;
}

.ie6 #sidebar h2#gossip-filters {
width:360px;
margin-right:-60px;
}


#sidebar h2#footy-must-read {
background: transparent url(images/footy-must-read.png) no-repeat 0 0;
padding:43px 0;
position:relative;
text-indent:-1000em;
width:301px;
margin: 30px 0 0 0;
}

#sidebar h2#random-must-read {
background: transparent url(images/random-must-reads.png) no-repeat 0 0;
padding:80px 0;
position:relative; 
text-indent:-1000em;
width:301px;
z-index: 5;
margin: 30px 0 0 0;
}

#sidebar h2#our-bffs {
background: transparent url(images/our-bffs.png) no-repeat 0 0;
padding:10px 0;
position:relative; 
text-indent:-1000em;
width:301px;
margin: 30px 0 0 0;
}


#monthly-archives {
	position:relative;
	margin:-83px 0 0 120px;
	z-index:2;
}


#category-dd {
	position:relative;
	margin:20px 0 0 120px;
	z-index:2;
}

.ie6 #monthly-archives,
.ie6 #category-dd {
	margin-left:110px;
}

.ie6 #category-dd {
	margin-top:12px;
}

.ie6 #monthly-archives select {	width:170px; }




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

.sidebarnav a {
font-weight:bold;
font-style: normal;
display:block;
font-size: 1.1em;
height:1%;
padding:6px 2px 1px 2px;
text-decoration: none;
}

.sidebarnav li a:hover,
.sidebarpages li a:hover,
.sidebarnav .home li.current_page_item a:hover {
xbackground: #004c99;
xcolor: #fff;
}

.sidebarnav li.current_page_item a,
.sidebarpages li.current_page_item a {
xcolor:#fff;
xbackground: #065fb9;
}

.sidebarnav .home li.current_page_item a {
xcolor:#065fb9;
xbackground: #efefef;
}

.sidebarnav ul {
border-top:1px solid #ccc;
font-style: italic;
color: #999;
font-size: .9em;
}

#main #sidebar .sidebarnav ul li {
list-style: none;
z-index: 99;
padding: 0 0 4px 0px;
border-bottom:1px solid #ccc;
}

.sidebarpages h2 {
margin: 2em 0 .2em 0;
border-bottom:1px solid #ccc;
}


.widget_pages a {
font-weight:bold;
display:block;
font-size: 1.1em;
text-align: left;
height:1%;
padding:2px;
text-decoration: none;
}

.widget_pages li {
font-weight: bold;
font-size: .9em;
}

.widget_pages li li {
padding-left: 1em;
}

/* ------------------------------ Content ---------------------------- */


#content {
text-align: left;
float:left;
width: 649px;
}

#content .entry {
clear: both;
padding: 20px 20px 20px 20px;
border-bottom: 1px solid #ddd;
}

.readmore {
float: right;
font-size: 1.2em;
margin-top: 20px;
}

.blogpost, .post {
background: #fff;
margin-bottom: 10px;
}

#content p {
font-size: 1.2em;
margin: 0 0 1.1em 0;
line-height: 1.4em;
}

#content p.date {
	color:rgb(183,183,183);
	margin:0;
}

#content h2 {
color: black;
}

#content h2.pagetitle  {
color:#666;
margin-left:20px;
font-size: 1.2em;
border-bottom: 1px solid #999;

}

#content h3 {
color: #666;
font-weight: normal;
padding-bottom: .3em;
}

#content h4 {
font-weight: normal;
font-size: 1em;
font-style: italic;
color: #666;
width: 520px;
margin: -10px 0 20px 0;
}

#content ul {
list-style:disc;
padding-bottom: .6em;
}

#content ol {
list-style-type:decimal;
}

#content li {
margin-left: 30px;
padding-bottom: .3em;
line-height: 1.3em;
}

#content ul ul {
padding-top: .5em;
padding-bottom: 0;
}

#content ol {
margin-left: 5px;
}

#content blockquote {
padding-left: 1em;
border-left: 2px solid #ccc;
font-size: .9em;
color: #666;
}

#content img {
max-width: 500px;
border:12px solid rgb(221,221,221);
}

#content img.size-medium,
#content img.size-thumbnail {
border:4px solid rgb(221,221,221);
}

#content .commentlist img {
border:1px solid #CCCCCC;
}

#content .navigation {
margin:10px;
font-size: 1.2em;
}

.postmetadata {
font-size: 1em;
color: #666;
margin: .2em 0 2em 0;
}

.postmetadata a {
	color: #666;
	text-decoration:underline;
	}

#content .wp-caption {
border: 2px solid #ccc;
text-align: center;
background-color: #eee;
padding: 4px 0 0 0;
}

#content .wp-caption p.wp-caption-text {
padding: 4px;
margin:0;
color: #333;
font-size: 1em;
}

.gallery-caption {
color: #666;
font-size: .9em;
}

h1.four  {
font-size: 20em;
font-style: italic;
color: #ccc;
margin-left: .3em;
}

/* -------- Edit Post/Page Button for admins ------------- */

#content .edit a,
#content .edit a:visited {
background: #999;
color: #fff;
text-decoration: none;
font-size: .7em;
font-weight: bold;
padding: 1px 4px;
border: 1px solid #ccc;
}

#content .edit a:hover {
background: #933A48;
border: 1px solid #e16f00;
color: #fff;
}

/* ----------- Comments ----------- */

#content #commentarea {
padding: 5px 10px;
border: 5px solid #ddd;
margin-top: -10px;
color: #666;
font-family: arial, sans-serif;
}

.commentlist .alt {background: #fff;}

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

ol.commentlist li {
border:1px solid #ddd;  margin:0 0 5px;
padding:5px; position:relative; }

ol.commentlist li.pingback comment-author {
padding:0 170px 0 0; }

ol.commentlist li div.vcard {
font-weight:bold; color: #333;font-size: 14px; line-height: 16px;}

ol.commentlist li div.vcard cite.fn { font-style:normal;  }

ol.commentlist li div.comment-meta {
font-weight:bold; font-size: 9px; line-height: 16px;
letter-spacing: -.06em;
position:absolute; right:3px; text-align:right; top:4px; }

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

ol.commentlist li p {
font-weight:normal; font-size: 12px; line-height: 16px; margin:5px 0 12px;}

ol.commentlist li img {border: none !important;}

ol.commentlist li ul li {
font-weight:normal; font-size: 12px;
line-height: 16px;
list-style:none; margin:0 0 12px;
}

ol.commentlist li ul.children { list-style:none; margin:10px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; list-style: none; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#fde6ee; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform textarea {width: 100%;}

ol.commentlist li div.reply {background:#ddd; padding:0px 4px 0px 4px; width:30px; text-align: }
ol.commentlist li div.reply:hover { background:#fef0b6;}
ol.commentlist li div.reply a {text-decoration:none;font-weight: bold;font-size: 9px;text-transform: uppercase; }

.comment-rules {
padding: 4px 6px;
border: 1px solid #ffc5cf;
background: #fce5ee;
margin-bottom: 5px;
color: #333;
}

/* --------------------------- Footer ---------------------------- */

#footer {
clear: both;
line-height: 1.8em;
font-size: 1em;
color: #666;
}

#footertext {
background-color:#fff;
clear: both;
border-bottom: 2px solid black;
text-align: right;
padding: 2em 1em;
}