/*
-----------------------------------------------
$Id bwc.css 1215442663, 2008-07-07 16:07:44 msslovi0 $
baseball-worldcup.com
Stylesheet:	bwc.css
Author:		Matt Slovig
Version:	7 July 2008
Revision:	7 July 2008
Colors:
	Blue: #004C93
	Gold: #FECC0B
----------------------------------------------- */


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
@font-face {
	font-family: GraublauWeb;
	src: url(/f/GraublauWeb.otf) format(truetype);
}
@font-face {
	font-family: GraublauWeb;
	font-weight: bold;
	src: url(/f/GraublauWebBold.otf) format(truetype);
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 72.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

img {
	border: 0;
}

p {
	margin: 1em 0em;
	line-height: 1.5em;
	font-size: 100%;
}

	body#intro div {
		width: 800px;
		height: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -200px 0 0 -400px;
	}
	
	body#intro ul {
		list-style: none;
		margin: 0 auto;
		width: 600px;
	}
	
		body#intro li {
			float: left;
		}
		
			body#intro li a {
				display: block;
				width: 150px;
				text-align: center;
				font-weight: bold;
				color: #004C93;
				text-decoration: none;
			}
			
				body#intro li a:hover {
					text-decoration: underline;
				}
				

/* -----------------------------------*/
/* ---------->>> WRAPPER <<<----------*/
/* -----------------------------------*/
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

/* -----------------------------------*/
/* --------->>> BRANDING <<<----------*/
/* -----------------------------------*/
#branding {
	height: 110px;
	border-top: 4px solid #004C93;
	margin-top: 2em;
	background: url(/i/bg.jpg) no-repeat 0 5px;
}

	#branding a {
		text-indent: -999em;
		display: block;
		background: url(/i/baseball-worldcup2009.png) no-repeat center right;
		height: 110px;
	}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/
#navigation {
	list-style: none;
	height: 45px;
	border-bottom: 1px solid #004C93;
	padding-bottom: .5em;
}

	#navigation li {
		float: left;
		height: 45px;
		display: block;
		width: 199px;
		background: #004C93;
		border-right: 1px solid #FFF;
		color: #FFF;
	}
	
		#navigation li.current {
			padding: 5px 0 0 5px;
			height: 40px;
			width: 194px;
		}

		#navigation li a {
			display: block;
			font-weight: bold;
			background: #004C93;
			color: #FFF;
			height: 40px;
			padding: 5px 0 0 5px;
			text-decoration: none;
		}
		
			#navigation li a:hover {
				background: #FECC0B;
				color: #000;
			}

/* -----------------------------------*/
/* ------------>>> META <<<-----------*/
/* -----------------------------------*/
#meta {
	text-align: right;
	font-size: 80%;
}
/* -----------------------------------*/
/* ---------->>> CONTENT <<<----------*/
/* -----------------------------------*/
#content {
	width: 800px;
	margin: 2em 0;
	border-bottom: 1px solid #004C93;
}

	#content ul {
		margin-left: 2em;
		margin-bottom: 1em;
	}

/* ------------>>> TAGS <<<-----------*/

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 250%;
	font-weight: bold;
}

h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 200%;
	font-weight: bold;
	margin: .5em 0;
}

table {
	margin: 1em 0;
	width: 100%;
	border: 1px solid #004C93;
	border-collapse: collapse;
}

	th {
		color: #FFF;
		background: #004C93;
	}
	
	td {
		border: 1px solid #004C93 !important;
	}

	th#history-no {
		width: 5%;
	}

	th#history-year {
		width: 5%;
	}

	th#history-host {
		width: 20%;
	}

	th#history-teams {
		width: 10%;
	}

	th#history-gold-medal {
		width: 20%;
	}

	th#history-silver-medal {
		width: 20%;
	}

	th#history-bronze-medal {
		width: 20%;
	}
	tfoot {
		text-align: center;
	}

	th, td {
		font-size: 75%;
		padding: 2px;
	}
	
	#col-history-teams, .teams, #col-history-no, .no  {
		text-align: center;
		background: #CCD9E9;
	}
	
	#col-history-silver-medal {
		background: #CCD9E9;
	}
	
	#col-history-year, .year {
		text-align: center;
	}
	
	tfoot td {
		background: #FFF;
	}
	
	td.country {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 2px center;
	}
	
	li.country {
		padding-left: 25px;
		background-repeat: no-repeat;
		background-position: 2px 5px;
	}

	.great-britain {
		background-image: url(/i/flags/gb.png);
	}
	.united-states {
		background-image: url(/i/flags/us.png);
	}
	.cuba {
		background-image: url(/i/flags/cu.png);
	}
	.nicaragua {
		background-image: url(/i/flags/ni.png);
	}
	.venezuela {
		background-image: url(/i/flags/ve.png);
	}
	.mexico {
		background-image: url(/i/flags/mx.png);
	}
	.dominican-republic {
		background-image: url(/i/flags/do.png);
	}
	.costa-rica {
		background-image: url(/i/flags/cr.png);
	}
	.colombia {
		background-image: url(/i/flags/co.png);
	}
	.italy {
		background-image: url(/i/flags/it.png);
	}
	.japan {
		background-image: url(/i/flags/jp.png);
	}
	.south-korea {
		background-image: url(/i/flags/kr.png);
	}
	.netherlands {
		background-image: url(/i/flags/nl.png);
	}
	.chinese-taipei {
		background-image: url(/i/flags/tw.png);
	}
	.canada {
		background-image: url(/i/flags/ca.png);
	}
	.europe {
		background-image: url(/i/flags/eu.png);
	}
	.panama {
		background-image: url(/i/flags/pa.png);
	}
	.puerto-rico {
		background-image: url(/i/flags/pr.png);
	}
	.netherland-antilles {
		background-image: url(/i/flags/an.png);
	}
	.guatemala {
		background-image: url(/i/flags/gt.png);
	}
	.brazil {
		background-image: url(/i/flags/br.png);
	}
	.honduras {
		background-image: url(/i/flags/hn.png);
	}
	.germany {
		background-image: url(/i/flags/de.png);
	}
	.el-salvador {
		background-image: url(/i/flags/sv.png);
	}
	.south-africa {
		background-image: url(/i/flags/za.png);
	}
	.czech-republic {
		background-image: url(/i/flags/cz.png);
	}
	.thailand {
		background-image: url(/i/flags/th.png);
	}
	.australia {
		background-image: url(/i/flags/au.png);
	}
	.belgium {
		background-image: url(/i/flags/be.png);
	}
	.spain {
		background-image: url(/i/flags/es.png);
	}
	.sweden {
		background-image: url(/i/flags/se.png);
	}
	.france {
		background-image: url(/i/flags/fr.png);
	}
	.china {
		background-image: url(/i/flags/cn.png);
	}
	.russia {
		background-image: url(/i/flags/ru.png);
	}
	.croatia {
		background-image: url(/i/flags/hr.png);
	}
	.philippines {
		background-image: url(/i/flags/ph.png);
	}

	div.great-britain {
		background: url(/i/flags/gb.stand.png) no-repeat right bottom;
	}
	div.united-states {
		background: url(/i/flags/us.stand.png) no-repeat right bottom;
	}
	div.cuba {
		background: url(/i/flags/cu.stand.png) no-repeat right bottom;
	}
	div.nicaragua {
		background: url(/i/flags/ni.stand.png) no-repeat right bottom;
	}
	div.venezuela {
		background: url(/i/flags/ve.stand.png) no-repeat right bottom;
	}
	div.mexico {
		background: url(/i/flags/mx.stand.png) no-repeat right bottom;
	}
	div.dominican-republic {
		background: url(/i/flags/do.stand.png) no-repeat right bottom;
	}
	div.costa-rica {
		background: url(/i/flags/cr.stand.png) no-repeat right bottom;
	}
	div.colombia {
		background: url(/i/flags/co.stand.png) no-repeat right bottom;
	}
	div.italy {
		background: url(/i/flags/it.stand.png) no-repeat right bottom;
	}
	div.japan {
		background: url(/i/flags/jp.stand.png) no-repeat right bottom;
	}
	div.south-korea {
		background: url(/i/flags/kr.stand.png) no-repeat right bottom;
	}
	div.netherlands {
		background: url(/i/flags/nl.stand.png) no-repeat right bottom;
	}
	div.chinese-taipei {
		background: url(/i/flags/tw.stand.png) no-repeat right bottom;
	}
	div.europe {
		background: url(/i/flags/eu.stand.png) no-repeat right bottom;
	}
	div.canada {
		background: url(/i/flags/ca.stand.png) no-repeat right bottom;
	}
	div.europe {
		background: url(/i/flags/eu.stand.png) no-repeat right bottom;
	}
	div.panama {
		background: url(/i/flags/pa.stand.png) no-repeat right bottom;
	}
	div.puerto-rico {
		background: url(/i/flags/pr.stand.png) no-repeat right bottom;
	}

a {
	color: #004C93;
	font-weight: bold;
}

ol, #content ul {
	margin-left: 2em;
	margin-bottom: 1em;
	width: 400px;
}

	ol li {
		line-height: 22px;
	}
	
		ol li.none {
			list-style: none;
		}
		
	#content ul li {
		line-height: 22px;
		list-style: none;
	}
		
pre, code, tt {
	border: 1px solid #CCC;
	display: block;
	background: #FCFCFC;
	margin-bottom: 1em;
	padding: .5em;
	font-size: 100%;
	font-family: Consolas, sans-serif;
}
/* ----------->>> /TAGS <<<-----------*/
/* ---------->>> CLASSES <<<----------*/
.medal {
	text-indent: -999em;
	display: block;
	float: right;
	height: 20px;
	width: 30px;
}

	.medal.gold {
		background: url(/i/medal_gold.png) no-repeat center center;
	}
	.medal.silver {
		background: url(/i/medal_silver.png) no-repeat center center;
	}
	.medal.bronze {
		background: url(/i/medal_bronze.png) no-repeat center center;
	}
/* ---------->>> /CLASSES <<<---------*/