/*   

Theme Name: Who Should I Cheer For?

AUTHOR: Pontus Westerberg

All rights reserved.

*/

@charset "utf-8";
/* CSS Document */

/************************ Reset stuff ******************************/


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;
	font-family: arial, sans-serif;
	font-size: 100%;
	
}

html,body {
	height: 100%;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/************************ Elements ******************************/

body {
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
}


h1 {
     font-size: 200%;
     margin: 0px 0 10px 0;
     text-transform: uppercase;
     background-color: #2d2d2d;
     color: white;
     display: inline;
     padding: 0px 3px 2px 3px;
     line-height: 130%;
      }

h2 { 
       font-size: 150%;
       color: #51ba38;
       font-weight: bold;
       text-decoration: none;
       margin: 15px 0 5px 0;
}

h2 a:link, h2 a:visited {
       color: #51ba38;
       font-weight: bold;
       text-decoration: none;
}

h2 a:hover {
        text-decoration: underline;
}

h3, h3 a:link, h3 a:visited { 
       font-size: 130%;
       color: #51ba38;
       font-weight: bold;
       text-decoration: none;
       margin: 15px 0 5px 0;
}

h4 {
      margin: 15px 0 5px 0;
      color: #51ba38;
}

h5 {
      margin: 15px 0 5px 0;
}

p {
	font-size: 80%;
	color: #444444;
	line-height: 120%;
}

a:link, a:active, a:visited {
        color: black;
        font-weight: normal;
}

a:hover {
        text-decoration: none;
}

small {
        font-size: 80%;
}

blockquote {
         color: #cacaca;
         padding: 0 20px 0 20px;
         font-style: italic;
}

ul {
         list-style-type: disc;
         margin: 10px 0 10px 30px;
         font-size: 90%;
}

ol {
         list-style-type: decimal;
         margin: 10px 0 10px 35px;
         font-size: 90%;
}

/************************ Container ******************************/



#container
{
	margin: 0 auto;
	width: 940px;
	background: #fff;
}




/************************ Header ******************************/


#header
{
	height: 155px;
	background-image:url(images/header.jpg);
	background-repeat:repeat-x;
	width: 1000px;
	}

#header img {
	margin: 30px 0 0 0;
}		


/************************ Navigation ******************************/

#navigation
{
	float: left;
	width: 940px;
	padding: 0px 0 0 0;
	margin: -5px 0 0px 0;
	border-bottom: 2px solid #282727;
	}

.compare #navigation {
        margin: -5px 0 20px 0;
}

#navigation ul
{
        margin: 0 0 0 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	font-size: 130%;
        display: block;
	float: left;
	padding: 7px 5px 6px 5px;
	margin: 0 2px 0px 2px;
	color: #2d2d2d;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#navigation li a:hover { 
	background-image:url(images/nav-hover.jpg);
	color: white;
	background-repeat:repeat-x;
}

#navigation ul li.current_page_item a,  #navigation ul li.current_page_parent a {
	background-image: url(images/arrow.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color: #51ba39;
	color: white;
	padding: 5px 5px 21px 5px;
}

#navigation img {
	margin: -65px 0 19px 780px;
}

.home #navigation img {
	margin: -35px 0 0 720px;
}


/************************ Main content ******************************/


#content-container
{
	float: left;
	width: 940px;
	background: #fff url(/wp-content/uploads/layout-two-fixed-background.gif) repeat-y 100% 0;
}

#content-home
{
	clear: left;
	float: left;
	width: 550px;
	padding: 20px 0;
	margin: 0 0 0 10px;
	display: inline;
		}

#content-home h1 {
       color: black
      font-size: 130%;
      font-weight: bold;
      margin: 0 0 30px 0;
}

#content {
	clear: left;
	float: left;
	width: 500px;
	padding: 20px 0;
	margin: 0 0 0 10px;
	display: inline;
		}		

#content p {
       font-size: 90%;
}

/************************ Sidebar ******************************/


#sidebar-home
{
	float: right;
	width: 360px;
	padding: 20px 0 0 0px;
	margin: 0 0px 0 0;
	display: inline;
}

#sidebar
{
	float: right;
	width: 360px;
	padding: 20px 0;
	margin: 0 10px 0 0;
	display: inline;
	text-align: left;
}

body.compare #sidebar {
        width: 270px;
}

#sidebar-compare
{
	float: right;
	width: 270px;
	padding: 20px 0;
	margin: 0 10px 0 0;
	display: inline;
	text-align: left;
}

#sidebar p {
	font-weight: normal;
	font-size: 80%;
	margin: 0 0 10px 0;
	text-align: left;
}

#sidebar ul, #sidebar ol {
        list-style-type: none;
        margin: 0;
}

#sidebar h3, #sidebar-compare h3 {
	margin: 25px 0 10px 0;
        color: #4dba38;
        font-size: 100%;        
}

#sidebar li a {
         font-size: 90%;
         margin: 0 0 0 10px;
         line-height: 120%;
}


.sidebar-item {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ebebeb;
	tex-align: left;
	padding: 0 0 10px 0;
}

.widget_text {
        border-bottom: 1px solid #ebebeb;
        padding: 0 0 40px 0px;
}

#sidebar-content {
        margin: -30px 0 0 40px;
        float: right;
}

#recent-posts-3 li {
        margin: 0 0 5px 0;
}

/************************ Footer ******************************/

#footer {
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	height: 76px;
	clear: left;
}

#footer-content
{
	text-align: left;
	padding: 20px;
	margin: 0 auto;
	width: 940px;
}

#footer-content p {
	color: white;
	font-weight: bold;
	margin: 7px 0 0 0;
}

#footer-content a:link, a:visited, a:hover {
	color: white;
	text-decoration: underline;
}


#footer-content span {
       font-weight: normal;
       border-left: 2px solid white;
       margin: 0 0 0 15px;
       padding: 0 0 0 15px;
}

/************************ Buttons and links ******************************/


.readmore {
	height: 29px;
	width: 98px;
	position: relative;
	margin: 0 60px 7px 0;
 float: right;
	}
	
.readmore span {
		background: url("images/read-more.png");
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat:no-repeat;
        margin: 0 0px 0 -3px;
       
	}

.find-out-more {
	height: 29px;
	width: 113px;
	position: relative;
	margin: 0 30px 7px 0;
	}
	
.find-out-more span {
		background: url("images/find-out-more.png");
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat:no-repeat;
	}

.compare-teams {
	height: 40px;
	position: relative;
	margin: 0 30px 7px 0;
	overflow: hidden;
	}
	
.compare-teams span {
		background: url("images/compare-teams.png");
		position: absolute;
		width: 100%;
		height: 60px;
		background-repeat:no-repeat;
	}

a.read-more-link {
	float:right;
	color: black;
	font-weight: bold;
	}
	

/************************ Home page H1 ******************************/

.home h1 {
      margin: 0 0 20px 0;
      color: black;
      background-color: white;
      text-transform: none;
}

.home h1 span {
      font-weight: normal;
}
	
	
/************************ Featurebox ******************************/
	
	
#featurebox {
	background-image:url(images/featurebox-top.jpg);
	background-repeat: no-repeat;
	width: 578px;
	padding: 35px;
	margin: 0px 0 0 -30px;
}	

	
#featurebox-bottom {
	background-image:url(images/featurebox-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 35px 50px 15px 35px;
	margin: 204px 0 0 -35px;
	min-height: 100%;
	}

#featurebox h2  {
	background-color: black;
        color: white;
        padding: 1px 3px 2px 3px;
        text-transform: uppercase;
        display: inline;
        margin: 0 0 10px 0;
        font-size: 160%;
	}
	

#featurebox h3, #featurebox h3 a:link {
	margin: -57px 0 20px 0px;
	padding: 0 0 10px 0;
	color: white;
	font-size: 90%;
	width: 505px;
	}
	
#featurebox h3 span {
	color: #ffff00;
}

#featurebox h3 img {
	float: right;
	margin: -2px -5px 0 0;
}

#featurebox h3 a, featurebox h3 a:hover {
	text-decoration: none;
	color: white;
        font-weight: bold;
	}

#featurebox .compare-teams {
	margin: 0 0 5px 190px;
}

#featurebox p {
        margin: 10px 0 0 0;
}

.feature-content {
	float:left;
	width: 400px;
	margin: -10px 0 20px 0;
	font-weight: bold;
}

.feature-time {
	float:right;
	width: 50px;
	background-color: #f6f6f6;
	padding: 7px 17px 0px 0px;
	text-align: center;
        margin: -100px -110px 10px 0;
	}	

.feature-time p.time {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 3px 7px;	
        text-align: center;
}

.feature-time p.date {
	font-size: 70%;
	color: #919191;
	text-align: center;
	margin: 0 0 3px 12px;	
	}
	

/************************ Home page second match ******************************/

	
#secondmatch {
	background-color: #f6f6f6;
	padding: 20px 16px 0 20px;
	margin: -40px 0 0 -10px;
	width: 507px;
}

#secondmatch .feature-time {	
	background-color: white;
	margin: 0 0 0 14px;
}

#secondmatch h2 {
	color: #51ba38;
	font-size: 120%;
	margin: 0 0 10px 0;
}	


/************************ Home page latest blog posts ******************************/



#latest-blog-posts {
	margin: -60px 0 20px 0;
}

#latest-blog-posts h2  {
	width: 500px;
	height: 75px;
	position: relative;
	overflow:hidden;
	}
	
#latest-blog-posts h2 span {
		background: url("images/latestblogposts.jpg");
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat:no-repeat;
	}

.latest-posts {
	border-bottom: 2px solid #bcbbc6;
	clear: both;
	margin: 0 0 10px 0;
        padding: 0 70px 0 0;
}

.latest-posts h3 {
	font-size: 100%;
	margin: 0 0 15px 0;
}

.latest-posts p {
        margin: -10px 0 15px 0;
}

.latest-posts h3 span {
	color: #51ba38;
	margin: 0 0 0 15px;
	font-size: 80%;
}

.latest-posts p.readmore {
	text-align: right;
        margin: -30px 0 10px 0;
	}

p.home-theauthor {
       font-style: italic;
}
       

/************************ Home page WDM boxes ******************************/



#wdm-boxes img {
	margin: 10px 0 15px 0;
}


.wdm-boxes-left {
	float:left;
	width: 250px;
	}

.wdm-boxes-right {
	float:right;
	width: 250px;
	}

#wdm-boxes h2 {
        background-color: #51ba38;
        color: white;
        padding: 1px 3px 2px 3px;
        text-transform: uppercase;
        display: inline;
        margin: 0 0 10px 0;
}

#support-us {
	background-color: #f6f6f6;
	margin: 30px 0 0 0;
	padding: 20px 10px 0 10px;
}

#support-us h2  {
        background-color: #942d65;
        color: white;
        padding: 1px 3px 2px 3px;
        text-transform: uppercase;
        display: inline;
        margin: 0 0 10px 0;
	}

#support-us img {
	margin: 0px 0 0 68px;
}

#support-us p {
        margin: 15px 0 0 0;
}

#support-us a.read-more-link {
	margin: 10px 0 30px -30px;
	}


/************************ Home page disclaimer ******************************/



#disclaimer {
	margin: 30px 0 20px 0;
}

#disclaimer h2  {
	background-color: #201f41;
        color: white;
        padding: 1px 3px 2px 3px;
        text-transform: uppercase;
        display: inline;
        margin: 0 0 10px 0;
	}

#disclaimer p {
       margin: 15px 0 0 0;
}


/************************ Social media ******************************/

#social-media {
	margin: -10px 0 22px 0;
	text-align: right;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #cacaca;
}

#social-media img {
	margin: 0 0 0 10px;
}





/************************ Home page Who are you supporting? ******************************/



#pitch {
	background-image:url(images/pitch-top.jpg);
	background-repeat: no-repeat;
	width: 300px;
	padding: 35px 55px 0 35px;
	margin: -10px 0 0 0px;
	height: 357px;
}	


#pitch h2 { 
	color: white;
        font-size: 150%;
        margin: 0 0 18px 0;
}

#pitch p {
	font-family: arial, verdana, sans-serif;
        font-weight: bold;
        font-size: 90%;
	color: white;
	margin: 10px 0 0 0;
} 

#pitch #updated {
        margin: 20px 0 0 0;
}

#pitch #updated p {
        font-size: 80%;
}
	
#pitch p.officina {
        font-size: 100%;
}



#pitch input#support {
        display: block;
        width: 149px;
        height: 34px;
        margin: 40px 0 0 160px;
}

#input-boxes {
        background-image: url(images/input-boxes.png);
        background-repeat: no-repeat;
        height: 100px;
        margin: 20px 0 -20px 0px;
        padding: 0px 0px 0 0;

}

select#cd_country {
        width: 190px;
        height: 19px;
        border: none;
        margin: 0px 20px 0px 0px;
        font-size: 90%;
}

input#name {
         width: 190px;
         height: 17px;
        margin: 0px 20px 0px 0px;
         border: none;
}

input#email {
         width: 190px;
         height: 16px;
        margin: 0px 20px 0px 0px;
         border: none;
}

/************************ Home page What is / Who are ******************************/

#what-is {
	background-image:url(images/large-football.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
        margin: -20px 0 0 0;
}

#what-is p {
	margin: 10px 0 0 0;
	font-weight: bold;
	}
	
#what-is a:link, a:visited, a:hover {
	color: black;
	text-decoration: underline;
}	

#what-is h2 {
        color: #51ba38;
        padding: 1px 3px 2px 3px;
        margin: 0 0 10px -7px;
        font-size: 140%;
	}

#what-is h2 span {
        color: black;
        font-weight: normal;
        display: block;
        margin: 0 0 0 2px;
}
       
#who-are {
         margin: 20px 0 0 0;
}


/************************ Home page Twitter ******************************/

#twitter-top {
	background-image:url(images/twitter-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px 35px 0 15px;
	width: 388px;
	margin: 30px 0 10px 0;
        height: 500px;
}



#twitter h2 {
	 background-color: #33ccff;
        color: white;
        padding: 1px 3px 2px 3px;
        text-transform: uppercase;
        display: inline;
        margin: 0 0 10px 0;
	}

#twitter p {
        margin: 10px 0 0 0;
}

a.twitterwidget-title {
        display: none;
}

a.twitter-user {
         color: #2276bb;
}

#twitter-top ul {
        margin: 10px 40px 0px 10px;
        list-style-type: none;
        font-size: 80%;
}

#twitter-top li {
         margin: 10px;
         border-bottom: 1px solid #f2f2f2;
         padding: 0 0 10px 0;
}

.reply-to, .from-meta {
         display: none;
}

.time-meta {
         display: block;
         font-style: italic;
         font-size: 80%;
         color: #8c8c8c;
         margin: 10px 0 0px 0;
}

.twitterwidget-rss {
         display: none;
}


/************************ Home page Facebook ******************************/

#facebook {
         padding: 0 0 0 10px;
         margin: 20px 0 0 0;
}

/************************ Compare teams ******************************/

h1.h1-compare-teams {
	width: 400px;
	height: 40px;
	position: relative;
	overflow:hidden;
        margin: 0 0 0 -10px;
	}
	
h1.h1-compare-teams span {
	background: url("images/h1-compare-teams.jpg");
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	}

#compare-teams {
	background-image:url(images/compare-teams-form.jpg);
	background-repeat:no-repeat;
	padding: 20px 20px 40px 20px;
	margin: 10px 0 0 -15px;
        width: 600px;
}	
	
#compare-left {
	float:left;
	width: 250px;
	}

#compare-right {
	float:right;
	width: 250px;
	text-align: right;

	}


#results {
	background-image:url(images/results-top.jpg);
	background-repeat:no-repeat;
	padding: 20px 0 20px 20px;;
	width: 630px;
	margin: 10px 0 0 -15px;
}

#frame-1 {	
	float:left;
	margin: 0 0 0 -10px;
	padding: 0;
}

#frame-r {
	float:right;
	margin: 0 0 0 0;
		margin: 0 0 0 -2px;
height: 800px;
}

body.compare iframe {
	width: 312px;
	height: 930px;
	padding: 0 0 0 0;
	}

/************************ The rankings ******************************/

#rankings {
        background-color: #f2f2f2;
        padding: 5px;
         border: 1px solid #51ba38;
        margin: 10px 0 10px 0;
}

body.page-id-96 ol {
        background-color: #f2f2f2;
}

body.page-id-96 ol li {
         font-size: 100%;
         font-weight: bold;
         border-bottom: 1px solid #dfdfdf;
         padding: 0 0 5px 20px;
         margin: 5px 0 0 0;
}


/************************ The fixtures ******************************/

table {
       border: 1px solid #51ba39;
}


/************************ Pages and posts ******************************/

.entry {
        margin: 20px 0 30px 0;
        padding: 0 20px 0 0;
}

.entry p {
        font-size: 90%;
        margin: 15px 0 0 0;
}

.post {
        margin: 20px 0 0 0;
}

.postmetadata {
        border-bottom: 1px solid #e1e1e1;
        margin: -12px 0 10px 0;
        padding: 0 0 10px 0;
}

p.postmetadata2 {
        border-top: 1px solid #e1e1e1;
        margin: 20px 0 -12px 0;
        padding: 10px 0 0px 0;
}

.post-categories {
        margin: 12px 0 0 0;
}

.author-description {
        border: 1px solid #51ba38;
        background-color: #f5f5f5;
        padding: 7px;
        margin: 10px 0 0 0;
        font-size: 90%;
}

.author-description p {
        margin: 0;
        line-height: 130%;
}


/************************ Categories ******************************/

#categories-3 ul {
        margin: 0 0 0 10px;
}

#categories-3 ul.children {
        margin: 3px 0 7px 10px;
}

#categories-3 ul li a:link, #categories-3 ul li a:hover, #categories-3 ul li a:visited, #categories-3 ul li a:active {
        font-weight: bold;
        text-decoration: none;
}

#categories-3 ul li ul.children li a:link {
        font-weight: normal;
        padding: 0 0 0 10px;
        text-decoration: underline;
}

/************************ Comments ******************************/

#respond input, #respond textarea {
      border: 1px solid black;
      margin: 0 0 7px 0;
}



#submit {
      background-color: #ffff03;
      padding: 3px;
      font-weight: bold;
      font-family: arial, verdana, sans-serif;
      margin: 10px 0 0 0;
}

#respond h3 {
      margin: 0 0 10px 0;
}

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

ol.commentlist li {
      padding: 10px;
      margin: 10px 0 10px 0;
      border: 1px solid #d5d5d5;
     background-color: #f6f6f6;
}

ol.commentlist p {
      margin: 10px 0 0 0;
}

.commentmetadata {
       margin: 10px 0 10px 0;
}

/************************ Extras ******************************/

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.clear {
	clear: both;
}

.align-l, .alignleft {
	text-align: left;
}

.align-r{
	text-align: right;

}

.alignright {
float-right;
}

.not-bold {
        font-weight: normal;
}