/** HTML5 RESET ------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:0;  border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle}

/** HTML ELEMENTS ------------------------------ */

body {
	background: #F0E9CD url(../img/bg.png) top center fixed no-repeat;
	color: #333;
	font: 14px/20px Arial,Helvetica,sans-serif;
	height:100%;
	padding: 0 0 160px;
}

/*
 * Links 
 */

a:focus, 
a:hover {
	
}
a {
  border-bottom: 1px dotted #dd6b12;
	color: #dd6b12;
	text-decoration: none;
}

/* 
 * Headings 
 */

h1,h2,h3,h4,h5,h6 {
  color:#111;
	font-weight:normal;
}

h1 {
  font-family:'Lobster',Arial,serif;
	font-size:48px;
	line-height:normal;
	padding:40px 0;
	text-align:center;
	/*text-shadow: #888 0 1px 1px;*/
}
h2 {
	font-family:'Lobster',Arial,serif;
	font-size:24px;
	line-height:40px;
	padding:0 0 20px;
	text-align:center;
	/*text-shadow: #3f2118 0 1px 1px;*/
}
h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}
h6 {
	font-size:11px;
	font-weight:normal;
}

h1 a, h2 a, h3 a {
	
}
h4 a, h5 a, h6 a {
	
}

/*
 * Text
 */

p {
	margin:0 0 10px 0;
}

blockquote {
	font:18px Georgia,Times,serif;
	font-style:italic;
	margin:0 0 10px 0;
}
blockquote a {
	text-decoration:none;
}
cite {
	
}
strong {
	font-weight:bold;
}
em,dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}

abbr, 
acronym {
	border-bottom:1px dotted #666;
}
address {
	font-style:italic;
	margin:0 0 20px 0;
}
del {
	color:#666;
}

pre,
code {
	margin:1.5em 0;
	white-space: pre;
}
pre,
code,
tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
} 


/*
 * Lists
 */

li ul, 
li ol {
	margin:0 10px;
}
ul, ol {
	margin:0 0 10px;
}

ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}

dl {
	margin:0 0 20px 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:20px;
}


/*
 * Tables
 */

table {
	width:100%;
}
tbody {
	
}
tbody th {
	
}
thead th {
	text-align:left;
}
th {
  padding:20px 0 5px;
	text-align:left;
}
td {
	padding:5px 0;
}
tfoot {
	font-style:italic;
}
caption {
	
}

/*
 * Forms
 */

form {
  margin-top: 20px;
}

label {
	font-weight:bold;
}
fieldset {
	border:1px solid #ccc;
	padding:15px;
	margin:0;
}
legend {
	font-weight:bold;
	margin-left:-15px;
	font-size:14px;
}

input, 
textarea, 
select {
	border:1px solid #ccc;
	padding:5px;
}

input[type=radio] {
	border:0;
}

input:focus, 
textarea:focus, 
select:focus {
	border:1px solid #666;
}

textarea {
	background:#fff;
	height:120px;
	padding:5px;
}

/** TYPOGRAPHY ------------------------------ */

p.intro {
  font-size:18px;
  margin:0 0 20px;
}

/**
 * Match table - Day view
 */

table.matches, #table {
  margin:0 auto 60px;
  width:460px;
}

  table.matches th, #table th {
    font-family:'Lobster',Arial,serif;
  	font-size:16px;
  	line-height:40px;
  }

  table.matches td, #table td {
    background:#fff;
    border-bottom:2px solid #DBD3B3;
    line-height:30px;
  }

  #table .out td
  {
    background: #f4efe0;
  }

  table.matches td.type, #table td.pos {
    padding-left:10px;
    width:68px;
  }

  #table .team img
  {
    margin-right:10px;
  }

  #table .point
  {
    text-align: center;
  }
  
  table.matches td.kickoff {
    width:52px;
  }
  
  table.matches td.teams {
    width:260px;
  }
  
  table.matches td.hometeam {
    background:#fff url(../img/flags/mx.png) center left no-repeat;
    padding-left:25px;
    width:105px;
  }
  
  table.matches td.awayteam {
    background:#fff url(../img/flags/za.png) center right no-repeat;
    padding-right:25px;
    text-align:right;
    width:105px;
  }
  
  table.matches img.hometeam {
    margin-right:4px;
  }
  
  table.matches img.awayteam {
    margin-left:4px;
  }

  table.matches td.tv {
    padding-right:10px;
    text-align:right;
    width:60px;
  }
  
    .js table.matches td.tv span {
      display:none;
    }
    
    table.matches td.channel-tv4 {
      background:#fff url(../img/tv/tv4.png) center right no-repeat;
    }
    
    table.matches td.channel-tv4sport,
    table.matches td.channel-tv4-sport {
      background:#fff url(../img/tv/tv4sport.png) center right no-repeat;
    }
    
    table.matches td.channel-svt,
    table.matches td.channel-svt1 {
      background:#fff url(../img/tv/svt1.png) center 10px no-repeat;
    }
    
    table.matches td.channel-svt2 {
      background:#fff url(../img/tv/svt2.png) center right no-repeat;
    }
    
    table.matches td.channel-kunskaps {
      background:#fff url(../img/tv/kunskapskanalen.png) center right no-repeat;
    }
    
    table.matches td.channel-svt24 {
      background:#fff url(../img/tv/svt24.png) center right no-repeat;
    }

    table.matches td.channel-tv4 span,
    table.matches td.channel-tv4sport span,
    table.matches td.channel-tv4-sport span,
    table.matches td.channel-svt span,
    table.matches td.channel-svt1 span,
    table.matches td.channel-svt2 span,
    table.matches td.channel-kunskaps span,
    table.matches td.channel-svt24 span {
      display:none;
    }

table.matches .inactive td {
  background-color: #f4efe0;
}
/**
 * Match table - Full schedule
 */

table.full-schedule {
  margin-top:-20px;
}

/**
 * RSS tables
 */

table.rss {
  
}

  table.rss td {
    width:25%;
  }

/**
 * Buttons
 */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 0 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial,Helvetica,serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.button-bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.button-large {
 font-size:20px;
 padding:.7em 1em .75em;
}
.button-medium {
	font-size: 14px;
	padding: .4em 1.5em .42em;
}
.button-small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.button-orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button-orange:hover,
.button-orange-active {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button-orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.button-gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.button-gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.button-gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}


/** STRUCTURE ------------------------------ */

/**
 * Header
 */

 #header-bg {
   background:url(../img/header_bg.png) repeat-x;
   height:100px;
   left:0;
   position:fixed;
   top:0;
   width:100%;
 }

/**
 * Regular page
 */

#page {
  background:#fff;
  border-bottom:2px solid #DBD3B3;
  margin:60px auto;
  padding:30px 0;
  width:580px;
}

  #page article {
    margin:0 60px;
    width:460px;
  }
  
  #page h1 {
    padding:0 0 30px;
    text-align:left;
  }
  
  #page h3 {
    padding-top:10px;
  }


/**
 * User flashes.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.flash_notice {
  background-color: #cec;
  border: 2px solid #686;
  padding: 5px 8px;
}


/* >> CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End clearfix */