/*
Theme Name: Soccerpt
Theme URI: http://ligainggris.info/
Description: Liga Inggris Theme.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
Tags: blue, custom header, fixed width, two columns, widgets

	Soccerpt v1.0
  http://ligainggris.info/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* 1. BASE
===============================================================================================*/	

/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

	html, body, div, span, applet, object, iframe, 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;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
	:focus { outline: 0;}
	ins { text-decoration: none; }
	del {	text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0;}

/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	
	body { background: #fff; font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center; }
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help;}
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
	a { color: #0000CC; text-decoration: none; border-bottom: 1px solid #CCC;}
	a:hover, a:active { color: #ff0000; text-decoration: none; border-bottom: 1px solid #FDD;}

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	
	.hide { display: none;}
	.clearfix { clear: both; overflow: hidden;}

/* 2. LAYOUT
===============================================================================================*/	
	.container { width: 970px; position: relative; margin: 0 auto; text-align: left; }
	#header { height: 150px; margin-bottom: 8px; }
	#topbar { position: absolute; top: 0; left: 0; background: url(img/topbar-bg.gif) no-repeat top left;
		width: 970px; height: 30px;}
	#topnav { position: absolute; top: 120px; left:0; background: #00A4E8;
		width: 970px; height: 30px;}
	#topbanner { position: absolute; top: 45px; left: 500px;
		width: 468px; height: 60px;}
	#content { width: 660px; float: left; }
		#content-wrapper { width: 490px; float:left;}
		#inner-sidebar { width: 160px; float:right;}
	#sidebar { width: 300px; float: right; }
	#footer { clear: both; }
		

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

	#header h1, 
	#header h1 span,
	#header .logo a,
	#header .logo span { display: block; width: 390px; height: 50px; overflow: hidden; cursor: pointer; border:0;}
	#header h1,
	#header .logo { position: absolute; top: 55px; left: 20px; }
	#header h1 span,
	#header .logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(img/logo.gif) no-repeat;}
	#accessibility-links { position: absolute; left: -1000em; text-align: left;}
	.logo_wrapper { position: relative; }
	
	#header .description {color: #333; font-size: 1.1em; height: 30px; line-height: 30px;}
	
/* 2.2	Navigation
-----------------------------------------------------------------------------------------------*/	
	#topbar ul { float:right; font-size: 1.1em; line-height: 1.0em;}
	#topbar li { display:inline; margin:0; padding:0;}
	#topbar li a { color: #000; text-decoration: none; float:left; height: 30px; line-height: 30px; padding: 0 15px 0 0; margin:0; border: 0;}
	#topbar li a:hover { color: #F00;}

	#topnav ul { font-size: 1.1em; font-weight: bold;}
	#topnav ul ul {font-size: 1.0em; font-weight: normal;}
	#topnav li { display:inline; }
	#topnav li a { color: #FFF; text-decoration: none; float:left; height: 30px; line-height: 30px; padding: 0 0 0 15px; margin:0;  border: 0;}
	#topnav li a:hover { color: #F00;}

	
/* 2.3	Content
-----------------------------------------------------------------------------------------------*/	
	#headline { width: 660px; height: 250px; overflow: hidden; background: #F9F9F9; margin-bottom: 8px; }
	#content { padding-bottom: 20px; font-size: 11px; line-height: 1.5em;}
		#content h1 {font-size: 1.6em;  font-weight: normal; line-height: 1.2em; margin: 0.5em 0; color: #3F4471;}
		#content h2 {font-size: 1.4em;  font-weight: normal; line-height: 1.2em; margin: 0.5em 0; color: #3F4471;}
		#content h3 {font-size: 1.2em;  font-weight: bold; line-height: 1.2em;  color: #3F4471;}
		#content h4 {font-size: 1.1em;  font-weight: normal; line-height: 1.2em;  color: #3F4471;}
		#content h2 a, #content h3 a, #content h4 a { color: #007DB3; text-decoration: none; border: 0;}
		#content h2 a:hover, #content h3 a:hover, #content h4 a:hover { color: #FF0000;  border: 0;}
		#content p {margin: 0em 0 1.5em 0;}	
		#content small {font-size: .91em;}
		#content a {color: #0000B3; text-decoration: none; border-bottom: 1px solid #CCC;}
		#content a:hover {color: #FF0000; text-decoration: none; border-bottom: 1px solid #C33;}
		#content .postdatetime {margin: .25em 0 0.75em 0px; padding:0; font-size: 10px; color: #666;  line-height: 1.0em;}
		#content ul { list-style: disc;	padding: 0 0 1.5em 0;}
		#content ol { list-style: decimal;	padding: 0 0 1.5em 0;}
		#content li ul, #content li ol { padding: 0.25em 0 0 0;}
		#content ul li, #content ol li { margin-left: 40px; padding-bottom: 5px;}
		#content li li { margin-left: 15px;	padding-bottom: 2px;}
		.postmetadata { line-height: 1.25em; font-size: 11px; clear:both;}
		#content .alignleft {float:left; margin: 0 10px 10px 0;}
		#content .alignright {float:right; text-align: right; margin: 0 0 10px 10px;}
		#content .navigation {display: block; overflow: hidden; padding: 0 0 10px 0;}
		#content .navigation .alignleft, #content .navigation .alignright {width: 50%; margin:0;}
		#content .navigation	a {border:0;}
    #content .tag-list {clear:both; display: block;}
	#content .post {padding: 3px 12px; border: 1px solid #eee; margin-bottom: 5px;  background: #FCFCFC;}
	#content-wrapper .post h2 {font-size: 1.25em; font-weight: bold; margin: 0.5em 0 0 0; padding:0;}
	#content-wrapper .post .entry {margin:0; padding:0;}
	#content-wrapper .postmetadata {padding: 2px 0px; margin:0;} 
	#content .post .content-google-adsense {display: block; overflow: hidden;
		float:left; width: 250px; height: 250px; margin: 5px 10px 10px 0;
	}
	#content .wp-caption {background: #eee; text-align: center; padding: 7px 3px;}
	#content .wp-caption-text {margin:0; padding:0;}
	#content .post_home .wp-caption {display: none;}
	
	
	#comments, #respond {margin: 15px 0; padding-top: 8px; border-top: 1px solid #eee;}
	.commentlist, #commentform {margin-left: 30px;}
	.commentlist li { border-top: 1px solid #eee; margin-top: 5px; padding: 10px 0;}
	.avatar {float:left; margin: 5px 8px 5px 0;}
	.comment_text {display: block; overflow: hidden;}
	textarea {width: 500px;}
	#commentform p {margin: 0 0 5px 0;}
	
/* 2.4	Sidebar
-----------------------------------------------------------------------------------------------*/	

	#sidebar { padding-bottom: 20px; font-size: 1.1em; line-height: 1.5em;}
	#sidebar h2 {margin:0; padding:0 10px; font-size: 1.1em; background: #00A4E8; color: #fff; line-height: 2.4em; }
	#sidebar ul ul {margin-left: 20px;}

/* 2.5	Footer
-----------------------------------------------------------------------------------------------*/	
	#footer { border-top: 2px solid #DDDDDD; font-size: 1.0em; color: #666; line-height: 1.5em; padding: 10px 0 50px 0;}
	.copyright {float:right; text-align: right;}

/* 2.6	Klasemen
-----------------------------------------------------------------------------------------------*/	
	#sidebar .fulltable {width: 100%; border:0; margin: 0.5em 0 1.5em 0; padding:0;}
	#sidebar .fulltable .header {border-top: 1px solid #999; border-bottom: 1px solid #aaa;}
	#sidebar .fulltable .header td {height: 24px; line-height: 24px; font-weight: bold;}
	#sidebar .fulltable td {text-align: center;  line-height: 1.5em; margin:0; padding:0;}
	#sidebar .fulltable td hr { display: block; color: #eee; background: #eee; border:0; size: 1px; margin:0; padding:0;}
	#sidebar .fulltable td.c2 {text-align: left;}
	#sidebar .fulltable .split {display: none;} 
	#sidebar .fulltable .r1 {background: #f7f7f7;}
	#sidebar .fulltable td.c4, 
	#sidebar .fulltable td.c5, 
	#sidebar .fulltable td.c6, 
	#sidebar .fulltable td.c7, 
	#sidebar .fulltable td.c8, 
	#sidebar .fulltable td.c9, 
	#sidebar .fulltable td.c10, 
	#sidebar .fulltable td.c11, 
	#sidebar .fulltable td.c12, 
	#sidebar .fulltable td.c13 {display: none;}
  #sidebar li {padding-bottom: 15px; line-height: 1.5em;}
  #sidebar li li {padding-bottom: 0px;}
  #sidebar ul.related_post {list-style: disc;}
  #sidebar ul.related_post li {padding: 2px 0;}

	table.indextable {width: 100%; border:0; margin: 0.5em 0 1.5em 0; padding:0;}
	table.indextable .header {border-top: 1px solid #999; border-bottom: 1px solid #aaa;}
	table.indextable .header td {height: 24px; line-height: 24px; font-weight: bold;}
	table.indextable td {text-align: center;  line-height: 1.5em; margin:0; padding:0;}
	table.indextable td hr { display: block; color: #eee; background: #eee; border:0; size: 1px; margin:0; padding:0;}
	table.indextable td.c2 {text-align: left;}
  
  table.competitionResults {width: 100%; border:0; margin: 0.5em 0 1.5em 0; padding:0; font-size: 10px; line-height: 1.0em;}
  table.competitionResults td.c1 {text-align: right; width: 40%;}
  table.competitionResults td.c2 {text-align: center; width: 20%;}
  table.competitionResults td.c3 {text-align: left; width: 40%;}
  table.competitionResults td {color: #666;}
  table.competitionResults td b {font-size: 11px; color: #333;}
	
/* 2.7	Navigation
-----------------------------------------------------------------------------------------------*/	
	#nav{width: 550px; margin:0; overflow:hidden; font-size: 12px; padding:0;}
		#nav ul{overflow:hidden; display:block;}
		#nav li{float:left;display:block;}
			#nav li a{display:block;text-decoration:none;text-align: center;line-height: 30px;letter-spacing:0px;color:#fff;}				
			#nav li a span{display:block;padding:5px 13px;color:#666; font-weight:bold; position:relative;}
			#nav li a:hover span,
			#nav li a:hover,
			#nav li.active a,
			#nav li.active a span { color: #fff; }
			#nav li.active a:hover{ margin-left:0px;}
			#nav li.active a:hover span{ margin:0 }
			#nav li a:hover{ margin-left: 0 }				
			#nav li.active{ margin-left:0}
			#nav li a:hover span{margin-left: 0px }
			#nav li ul li:hover, #nav li.sfhover ul li.sfhover {background:#E5F6FD;}

		#nav li ul { /* second-level lists */
			position: absolute;	z-index: 100;	background: #E5F6FD;	width: 160px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			top: 30px; clear:both;
		}

		#nav li ul li { /* all list items */
			padding-right: 0px;
			/*width: 120px; /* width needed or else Opera goes nuts */
		}

		#nav li ul:hover { /* second-level lists */
			position: absolute; background: #E5F6FD;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		#nav li ul a { /* second-level lists */
			display: block;	font-size: 11px; line-height: 26px;	height: 26px;	padding: 0 5px 0 15px; text-align: left;
			text-decoration: none; color:#006F9D;	width: 140px;	border-top: 1px solid #F2FAFE; border-left: 1px solid #F2FAFE;
			border-bottom: 1px solid #C0E7F7;	border-right: 1px solid #C0E7F7;
		}

		#nav li ul a:hover { /* second-level lists */
			display: block;	text-align: left;	text-decoration: none; color: #000;	margin:0;	background: #CAEAF8;}
			
			#nav li ul ul { /* third-and-above-level lists */
				margin: -1em 0 0 180px;
			}
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, 
		#nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; } 

		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, 
		#nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }