/* ----------------------------------------*/
/* Creator: Kamil Grzegorczyk -------------*/
/* Contact: kamilgrzegorczyk@gmail.com ----*/
/* Date: April 2010 -----------------------*/
/* Proper usage among with YUI RESET only -*/    
/* ----------------------------------------*/

/* ----------------------------------------*/
/* -------------  MAIN  -------------------*/
/* ----------------------------------------*/

html { font-size:100.01%; }
body {
	font-size:62.5%;
	font-family:verdana;
	background-image: url('../images/back.jpg');
	background-color: black;
	background-position: 50% 1px;
	line-height:1.4em;
	color:white;
	/* ie6 bug fix dla position relative */
	 position:relative;
}
table td { vertical-align: top; }
a {
	text-decoration: none;
	color: #ffcc00;
	font-weight: bold;
}
a:hover { text-decoration: underline; }
h2,h3,h4
{
	color:#FFCC00;
}
h2 {
	font-size:2.8em;
	line-height:1.2em;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
	font-size:1.5em;
	font-weight:bold;
	padding:15px 0 8px;
}
h4 {
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0 5px;
}
.kreski {
	width: 100%;
	height: 31px;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	background-image: url('../images/lines.jpg');
}
#logo
{
	width:974px;
	height:186px;
	background-image: url('../images/back.jpg');

}
#header
{
	position:absolute;
	z-index:10;
}
#container {
	background-image:url('../images/back2a.jpg');
	background-repeat: repeat-y;
	margin: auto;
	width: 974px;
}
#left {
	float: left;
	width: 189px;
	font-size: 1.1em;
	position:relative;
}

#right {
	float: right;
	width: 785px;
}
#content {
	width: 765px;
	padding: 10px;
}
#footer {
	clear: both;
	background-image: url('../images/footer.jpg');
	height:143px;
	width:974px;
	position:relative;
	top:20px;
}
#footer p .first {
	color:#ffd200;
	font-weight: bold;
}
#footer p a {
	color:#ffd200;
	font-weight: bold;
}
#footer p.about {
	position:absolute;
	top:50px;
	left:170px;
	width:765px;
	text-align:justify;
}
#footer p.rights {
	position:absolute;
	top:106px;
	left:170px;
}
#footer p.links {
	position:absolute;
	top:106px;
	right:40px;
}
/* ----------------------------------------*/
/* ------------- SIDEBAR ------------------*/
/* ----------------------------------------*/
#map_box
{
	background-image:url(../images/sidebar/map_box.jpg);
	width:176px;
	height:100px;
	padding-top:19px;
	margin:3px auto;
	
}
#left ul {
	margin-left:8px;
	}
#left ul li { margin:1px 0; }
#left ul li a 
{
	display:block;
	background-image:url(../images/sidebar/list_background.jpg);
	color:white;
	width:169px;
	height:17px;
	padding:3px 0 0 5px;
}
#left ul li a:hover 
{
	background-image:url(../images/sidebar/list_background_hover.jpg);
	text-decoration:none;
}
#left .boxes
{
	text-align:center;
	margin-top:5px;
}
#left .boxes img
{
	margin-top:6px;
}




/* ----------------------------------------*/
/* ------------- CONTENT ------------------*/
/* ----------------------------------------*/
.centered_content
{
	text-align:center;
}
.justified_content
{
	text-align:justify;
}
.longbox {
	margin-top:15px;
	clear:both;
}
.longbox .top {
	background-image: url('../images/header_long.png');
	width:764px;
	height:77px;
	position:relative;
}
.longbox .middle {
	background-color:#241a0f;
	width:764px;
}
.longbox .middle ul {
	margin-left:30px;
	list-style-type:square;
}
.longbox .middle ul.non_text_list
{
	list-style:none;
	margin:0px;
}
.longbox .middle ol {
	margin-left:30px;
	list-style-type:decimal;
}
.longbox .middle ul li, .longbox .middle ol li {
	margin:3px 0;
	font-size:1.2em;
}
.longbox .middle ul.non_text_list li
{
	margin:0px;
	font-size:1em;
}
.longbox .middle ul.teams_list li
{
	float:left;
	margin:5px;
}
.longbox .middle ul.teams_list li.last_team
{
	margin-left:193px;
}
.longbox .middle p
{
	padding:7px 0;
	font-size:1.2em;
	line-height:1.45em;
}
.longbox .middle.text_box{
	background-color:#241a0f;
	width:734px;
	padding:15px;
}
.longbox .middle.advertisement_box{
	background-color:#241a0f;
	width:750px;
	padding:20px 7px;
}
.longbox .bottom {
	background-image: url('../images/bottom_long.png');
	width:764px;
	height:5px;
}
.rss_feed_link
{
	position:absolute;
	right:10px;
	bottom:6px;
}
/*
	smallboxes
*/
.smallbox .top {
	background-image: url('../images/header_short.png');
	width:376px;
	height:77px;
	position:relative;
}
.smallbox .middle {
	background-color:#241a0f;
	width:376px;
}
.smallbox .bottom {
	background-image: url('../images/bottom_short.png');
	width:376px;
	height:5px;
	margin-bottom:20px;
}
.onleft { float:left; }
.onright { float:right; }


#main_video_box
{

}

.normal { background-color: #3e2c1a; }
.odd {
	background-color:#362c10;
	border-top:2px solid #241a0f;
	border-bottom:2px solid #241a0f;
}
/*
	social box
*/
.sociallogo { margin:10px 0; }
#twitter_updates ul li {
	padding:10px;
	text-align:justify;
	font-size:1.1em;
}
.relative {
	color:#c7c7c7;
	margin-top:4px;
	font-style: italic;
}
#social_box ul li { padding:6px 0; }
#social_box ul li
{
	float:left;
	margin:10px;
}
/*wordpress*/
.news
{
	margin-bottom:30px;
}
.news_info
{
	text-align:center;
	color:#FFCC00;
}
.news_content p
{
	text-align:justify;
}
.news_content p img
{
	margin:5px;
}

.readmore
{
	display:block;
	text-align:center;
	font-size:1.1em;
	padding:5px;
	background-color:#553a20;
	text-transform:uppercase;
	color:#fff;
	border-top:1px solid #877128;
}
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/*
	gallery
*/
.longbox .middle.gallery_box {
	background-color:#362c10;
	padding:5px;
	width:754px;
	text-align:center;
}
.longbox .middle .gallery ul
{
	margin:0;
	list-style:none;
	width:610px;
	float:left;
}
	
.longbox .middle .gallery ul li { float:left; margin:4px;}
.gallery ul li img {
	border:1px solid white;
}
.gallerybig {
	margin-right:6px;
	float:right;
}
.clear {
	clear:both;
}
.gallery .gallerybanner {
	margin:10px 0;
	border:0px;
}

/*
	media section
*/
#media_player
{
	padding:20px;
}
.video_thumb
{
	width:179px;
	height:143px;
	background-image:url(../images/video.png);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	margin:1px;
}
.video_thumb a
{
	position:absolute;
	bottom:15px;
	display:block;
	width:179px;
	text-align:center;
	font-size:1.1em;
	line-height:1.3em;
}

/*
	rosters
*/
#mydock, #mydock2010
{
	position:relative;
	left:-15px;
}
.comingsoon, .teambanner { margin:35px 0; }
table.roster { 
	margin:10px 0 50px; 
	width:100%;
	font-size:1.1em;
}
.roster th {
	padding:3px 10px;
	font-size:1.1em;
	text-align: left;
	background-color:#3d1605;
}
.roster tr
{
	background-color:#3d2c18;
}
.roster tr.odd
{
	background-color:#654a29;
}
.roster td {
	padding: 3px 10px;
	text-align:left;
}
.rosterpage { text-align:center; }
/*
	Tabs
*/
.ui-tabs {
	padding: .2em;
	zoom: 1;
}
.ui-tabs .ui-tabs-nav {
	position:absolute;
	top:40px;
	left:110px;
}
.ui-tabs .ui-tabs-nav li {
	float:left;
	margin-left:5px;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a.long {
	background-image: url('../images/short.png');
	width:100px;
	display:block;
	height:18px;
	padding:12px 0px 5px 0px;
	text-transform: uppercase;
	text-align:center;
	font-family:tahoma;
	font-size:1.1em;
	margin-left:2px;
	color:black;
}
.ui-tabs .ui-tabs-nav li a.long {
	background-image: url('../images/long.png');
	width:183px;
	height:20px;
	padding:10px 0px 6px 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-panel { }
.ui-tabs-hide { display: none !important; }
/* Videos */
	/* container has a background image */
a.player {
	margin-top:40px;
	display:block;
	width:480px;
	height:342px;
	padding:60px 40px 75px 40px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
/* splash image */
a.player img {
	margin-top:115px;
	border:0;
	display:none;
}
a.player { margin-top:0px; }
