@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Average+Sans);

#splash{
	background-color: #222;
	padding: 20px 0;
	overflow: hidden;
}

#splash img{
	margin: 10px 0px;
}

body{
	padding-top: 80px;
	padding-right: 45px;
}

.production{font-family: 'Gentium Book Basic', serif;}

.modal, .players{font-family: 'Average Sans', sans-serif;}

.blue{
	color: #0f7081;
}

.blue-bg{
	background-color: #0f7081;
}

.yellow{
	color: #feb101;
}

.yellow-bg{
	background-color: #feb101;
}

.red{
	color: #be2826;
}

.red-bg{
	color: #be2826;
}

.popup{
	position:absolute;
	margin: auto 0;
	width:100%;
	height:2000px;
	background-color: rgba(0,0,0,.75);
}

.popup .container{
	background: #fff;
	padding:20px;
	font-family: 'Average Sans', sans-serif;
	font-weight: 500;
	font-size: 17px;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
    	    border-radius: 4px;
}

.content{
	padding-top: 80px;
}

#logo{
	padding:2px 2px 2px 20px;
}

.modal-body img{
	height: 600px;
}

.item img{
	width: 620px;
}

.logo img{ margin: 0 0 0 10px; }

#popup{
	-webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
    background-color: #000;
    width: 460px;
}
.float-left {
	float: left;
}

#popup .modal-body {
  max-height: 800px;
}
body table {
}