/*
	File: 			global.css
	Description:	Stylesheet for all aspects of Sticktime Hockey, Inc. www.sticktimehockey.com
	Company: 		Sticktime Hockey, LLC.
	Author:			Captured Living
	Copyright:		Copyright 2011. All Rights Reserved.
*/

/* ========== Page Attributes ========== */
* {
	margin: 0;
	padding: 0;
}

html {
	background:#000 url(../images/global/background.jpg) no-repeat top center fixed;
	height: auto;
	color: #555;
}

body {
	margin: 0 auto;
	color: #fff;
	font:12px Arial, Helvetica, sans-serif;	
	text-align:center;
}
/* Header + Menu */
div#header {
	margin:0 auto 20px auto;
	width:100%;
	height:109px;
	background:url(../images/global/menu_background.png) repeat-x top center;
}

div#head_container {
	margin:0 auto;
	width:1000px;
	height:100px;
}

h1 {
	width:100px;
	height:100px;
	float:left;
}

h1 a {
	border:0;
	text-decoration:0;
}

h1 a img {
	border:0;
}

ul#main_navigation {
	width:900px;
	height:100px;
	background:url(../images/global/sticktimebg.png) no-repeat top center;
	list-style:none;
	float:right;
}

ul#main_navigation li {
	width:125px;
	height:100px;
	float:right;
}

ul#main_navigation li a {
	width:125px;
	height:99px;
	background:none;
	display:block;
}

ul#main_navigation li a:hover {
	background:#000;
}

ul#main_navigation li a img {
	border:0;
}
/* ========== Sections ========== */
div.container {
	margin:25px auto;
	width:1000px;
}

div.content {
	width:700px;
	float:left;
	text-align:left;
}

div.side {
	width:275px;
	float:right;
	text-align:left;
}

div.clear {
	clear:both;
}

/* ========== Headers ========== */
h2 {
	color:#fff;
}
h3 {
	color:#fff;
}

h3 img {
	
}
h4 {
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	margin:5px 10px;
	color:#bdff2e;
	font-weight:bold;
	text-transform:uppercase;
}
/* Articles */
div.article {
	margin:10px 0;
	padding-bottom:10px;
	width:670px;
	background:url(../images/global/content_fade.png);
	border-bottom:3px #aaa solid;
}

div.meta {
	padding:10px;
	width:300px;
	height:15px;
	background:#bdff2e;
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	font-style:italic;
	color:#000;
}

div.title {
	font:18px "Century Gothic",Arial,Helvetica,sans-serif;
	margin:5px 10px;
	color:#bdff2e;
	font-weight:bold;
	text-transform:uppercase;
}

a {
	color:#bdff2e;
}
a:hover {
	color:#eee;
}

a.league {
	font:16px "Century Gothic",Arial,Helvetica,sans-serif;
	margin:5px 10px;
	color:#bdff2e;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	display:block;
	text-transform:uppercase;
}

a.league:hover {
	color:#fff;
}

div.article_content {
	margin:10px 20px;
	font:13px/18px Arial,Helvetica,sans-serif;
	color:#fff;
	
}

a.discuss {
	margin:10px;
	width:125px;
	padding:5px;
	color:#000;
	background:#bdff2e;
	font:11px "Century Gothic",sans-serif;
	font-weight:bold;
	border:1px #bdff2e solid;
	display:block;
	text-decoration:none;
	text-align:center;
}
a.discuss:hover {
	background:#000;
	border:1px #bdff2e solid;
	color:#bdff2e;
}

/* Footer */
ul#footer {
	margin:0 auto;
	width:1000px;
	height:30px;
}

ul#footer li {
	margin:10px;
	list-style:none;
	float:right;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
}

ul#footer li a {
	color:#ccc;
	text-decoration:none;
	background:none;
}

ul#footer li a:hover {
	background:#ccc;
	color:#000;
}


/* Grid */
ul#grid {
	margin:25px auto;
	width:1000px;
	height:175px;
	background:url(../images/content/main/hotmenu_bg.png) top center;
}

ul#grid li {
	margin:4px;
	width:190px;
	height:165px;
	list-style:none;
	float:left;
	border:1px #555 solid;
}

ul#grid li a {
	width:190px;
	height:165px;
	display:block;
}

ul#grid li a:hover {
	background:#fff;
}

ul#grid li a img {
	border:0;
}

/* Brands */
ul#brands {
	width:710px;
	float:right;
	list-style:none;
}

ul#brands li {
	margin:10px;
	width:150px;
	height:75px;
	float:left;
	list-style:none;
	border:1px #eee solid;
	background:url(../images/global/content_fade.png);
	opacity:.1;
}

div#equipment {
	list-style:none;
	float:left;
	width:285px;
}

ul.gear
{
	margin:0;
	width:140px;
	list-style:none;
	float:left;
	overflow:hidden;
}

ul.gear li:hover, ul.gear li:hover {
	background:#fff;
	color:#000;
}

ul.gear li.gear_title {
	margin:5px;
	padding:3px;
	width:120px;
	height:100px;
	text-align:center;
}

ul.gear li.gear_title:hover {
	background:url(../images/global/content_fade.png);
	cursor:none;
}

ul.gear li
{
	margin:5px;
	padding:3px;
	width:120px;
	height: 20px;
	list-style:none;
	font:14px "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px #fff solid;
	background:url(../images/global/content_fade.png);
	text-align:left;
	cursor:pointer;
}

ul.jerseys {
	margin:10px 20px;
	width:670px;
	list-style:none;
}

ul.jerseys li {
	list-style:none;
	margin:10px;
	width:100px;
	height:80px;
	float:left;
	border:1px #eee solid;
}