/*  Theme Name: HockeyTheme URI: http://themey.com/hockey-wordpress-theme/Description: Hockey is another sports-inspired theme. Widget enabled. This theme is supported by <a href="http://www.avivadirectory.com/">Aviva Web Directory</a>. Licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons</a>. </p><p>Looking for a custom theme? Contact <a href="http://themey.com">Themey</a> with your ideas for a quotation.</p>Version: 1.0Author: ThemeyAuthor URI: http://themey.com/*//* Begin Typography & Colors */* {	margin:0;	padding:0;	}	body {	font-size: 62.5%; /* Resets 1em to 10px */	font-family: Arial, Helvetica, Sans-serif;	background: #D2D2D2 url('images/yellowbg.jpg') repeat-x top;	color: #454545;	text-align: center;	}#page {	background-color: white;	text-align: left;	}	#header {	background: #000;	}.headerimg 	{	/*define main header image with size 793x165px */	background: url('images/headerbg.jpg') no-repeat top center;	height: 165px; 	width: 793px; 	} .headbg {	position:absolute;	width:42px;	height:165px;	margin:0;	top:0;	}#grad1 {	left:0;	background: url('images/headerbg_01.jpg') no-repeat top center;	}* html #grad2 {	right:-1px;	}	#grad2 {	width:41px;	right:0;	background: url('images/headerbg_03.jpg') no-repeat top center;	}	#content {	font-size: 1.1em	}.narrowcolumn .entry {	line-height: 1.4em;	}.alt {	background-color: #f8f8f8;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	}#footer {	background: #AC2A2A url('images/footerbg.jpg') no-repeat; 	}small {	font-family: Arial, Helvetica, Sans-Serif;	font-size: 0.9em;	line-height: 1.5em;	}h1, h2, h3 {	font-family: Arial, Helvetica, Sans-Serif; color: #8C040D;	font-weight: bold;	}h1 {	font-size: 3em;	text-align: center;	}.headerimg .description {	font-size: 1.4em;	text-align: center;	font-weight:bold; color: #8C040D;	}h2 {	font-size: 1.6em;	}h2.pagetitle {	font-size: 1.6em;	}#sidebar h2 {	font-family: 'Lucida Grande', Verdana, Sans-Serif; color: #8C040D;	font-size: 1.2em;	}h3 {	font-size: 1.3em; color: #8C040D;	}h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {	text-decoration: none;	color: #333;	}h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {	color: #333;	}h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {	text-decoration: none;	}.entry p a:visited {	color: #333;	}.commentlist li, #commentform input, #commentform textarea {	font: 0.9em Arial, Helvetica, Sans-serif;	}.commentlist li {	font-weight: bold;	}.commentlist cite, .commentlist cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}.commentlist p {	font-weight: normal;	line-height: 1.5em;	text-transform: none;	}#commentform p {	font-family: Arial, Helvetica, Sans-serif;	}.commentmetadata {	font-weight: normal;	}#sidebar {	font: 1em Arial, Helvetica, Sans-serif;	}small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {	color: #8C040D;	}div .textwidget {	padding: 5px 11px 5px 11px;	}	code {	font: 1.1em 'Courier New', Courier, Fixed;	}acronym, abbr, span.caps{	font-size: 0.9em;	letter-spacing: .07em;	}a, h2 a:hover, h3 a:hover {	color: #8C040D;	text-decoration: none;	}a:hover {	color: #8C040D;	text-decoration: underline;	}#wp-calendar #prev a, #wp-calendar #next a {	font-size: 9pt;	}#wp-calendar a {	text-decoration: none;	}#wp-calendar caption {	font: bold 1.3em Arial, Helvetica, Sans-serif;	text-align: center;	}#wp-calendar th {	font-style: normal;	text-transform: capitalize;	}/* End Typography & Colors *//* Begin Structure */body {	margin: 0;	padding: 0; 	}#page {	background-color: white;	margin: 0px auto;	padding: 0;	width: 875px;	position:relative;	}#header {	background-color: #000;	margin: 0; 	padding: 0; 	height: 165px; 	width: 875px;	}.headerimg {	margin: 0;	height: 165px;	width: 100%;	}* html .narrowcolumn {	margin: 0 0 0 24px;	}.narrowcolumn {	float: left;	padding: 0 0 10px 10px;	margin: 0px 0 0 44px;	width: 560px;	position:relative;	}.post {	margin: 0 0 40px 0;	padding-bottom:10px;	text-align: justify;	}.post hr {	display: block;	}.postmetadata{	background:url('images/pageline.jpg') no-repeat;	font:bold 1em Arial, Helvetica, Sans-serif;	color:white;	padding:4px 0 2px 5px;	margin:0 0 10px 0;	text-align: left;	height:22px;	}	.postmetadata2{	background:#868686;	font:bold 1em Arial, Helvetica, Sans-serif;	color:white;	padding:4px 0 2px 5px;	margin:0 0 10px 0;	text-align: left;	}	.postmetadata2 a {	color: white;	text-decoration: none;	}.postmetadata2 a:hover {	color: white;	text-decoration: underline;	}	.postmetacomment {	position:absolute;	margin:-16px 10px 0 ;	color:#000;	text-align:right;	}.postmetadata a {	color:#fff;	}.postmetacomment a {	color:#000	}#footer {	padding: 0;	margin: 0 auto;	width: 875px;	height:19px;	clear: both;	}#footer a {	color:white;	text-decoration:none;	}#footer a:hover {	color:white;	text-decoration:underline;	}#footer p {	font:1.1em Arial, Helvetica, Sans-serif;	margin: 0 0 0 45px;	padding: 2px 0 0 7px;	text-align: left;	color:white;	}.footerrss {	margin-left:80px;	}/* End Structure *//*	Begin Headers */h1 {	padding-top: 50px;	margin: 0;	}h2 {	margin: 20px 0 5px;	}h2.pagetitle {	margin-top: 30px;	text-align: center;}#sidebar h2 {	margin: 5px 0 0;	padding: 0;	color:#DA0707;	}h3 {	padding: 0;	margin: 30px 0 10px;	}h3.comments {	padding: 0;	margin: 40px auto 20px ;	}/* End Headers *//*Header menu*/.menu {	background:#8C040D;	border:1px solid #000;	position:absolute;	margin:-35px 0 0 52px;	padding:4px 20px 0 10px;	width:auto;	height:20px;	text-align:center;	}.menu li {	float:left;	text-align:center;	margin:0 0 0 3px;	color:#fff;	list-style:none;	top:0;	}	.menu a {	text-decoration:none;	font:bold 1.2em Arial,Helvetica,Sans-serif;	color:#fff;	}	/* End menu *//* Begin Images */p img {	padding: 0;	max-width: 100%;	}/*	Using 'class="alignright"' on an image will (who would've	thought?!) align the image to the right. And using 'class="centered',	will of course center the image. This is much better than using	align="center", being much more futureproof (and valid) */img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}.alignright {	float: right;	}.alignleft {	float: left	}/* End Images *//* Begin Lists	Special stylized non-IE bullets	Do not work in Internet Explorer, which merely default to normal bullets. */html>body .entry ul {	margin-left: 0px;	padding: 0 0 0 30px;	list-style: none;	padding-left: 10px;	text-indent: -10px;	} html>body .entry li {	margin: 7px 0 8px 10px;	}.entry ul li:before {	content: "\00BB \0020";	}.entry ol {	padding: 0 0 0 35px;	margin: 0;	}.entry ol li {	margin: 0;	padding: 0;	}.entry p img {	position:relative;	}#sidebar ul, #sidebar ul ol {	margin: 0;	padding: 0;	}#sidebar ul li {	list-style-type: none;	list-style-image: none;	margin-bottom: 15px;	}#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;	}#sidebar ul ul, #sidebar ul ol {	margin: 5px 0 0 10px;	}#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;	}ol li, #sidebar ul ol li {	list-style: decimal outside;	}#sidebar ul ul li, #sidebar ul ol li {	margin: 3px 0 0;	padding: 0;	background: url('images/bullet.gif') no-repeat;	padding-left:15px;	}/* End Entry Lists *//* Begin Form Elements */#searchform {	position:absolute;	margin: -19px 0 0 615px;	padding: 0; 	text-align: center;	width:200px;	}.widget_search #searchform {	position:relative;	padding:0;	margin:0 0 0 7px;	width:142px;	}.widget_search #searchform #s {	width:142px;	height:16px;	}	#s {	width: 120px;	height:12px;	padding: 0px;	font-family:  Arial, Helvetica, Sans-Serif;	font-size:0.9em;	}#searchsubmit {	position:absolute;	margin-left:5px;	}.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center;	}select {	width: 130px;	}#commentform input {	width: 170px;	padding: 2px;	margin: 5px 5px 1px 0;	}#commentform textarea {	width: 100%;	padding: 2px;	}#commentform #submit {	margin: 0;	float: right;	}/* End Form Elements *//* Begin Comments*/.alt {	margin: 10px 0 0 0;	padding: 10px;	}.commentlist {	padding: 0;	text-align: justify;	}.commentlist li {	margin: 15px 0 3px;	padding: 5px 10px 3px;	list-style: none;	}.commentlist p {	margin: 10px 5px 10px 0;	}#commentform p {	margin: 5px 0;	}.nocomments {	text-align: center;	margin: 0;	padding: 0;	}.commentmetadata {	margin: 0;	display: block;	}/* End Comments *//* Begin Sidebar */#sidebar{	padding: 20px 0 10px 0;	margin: 0px 0 0 640px;	width: 160px;	position:relative;	}#sidebar form {	margin: 0;	}#sidebar ul .favorite {	margin:0;	padding:0;	border-bottom:1px solid #8C040D;	width:160px;	height:30px;	}* html .favorite {	list-style-image:none;	}	* html .favorite img {	margin-left:618px;	}.favorite a {	margin:0;	font:bold 1.1em Arial,Helvetica,Sans-serif;	text-decoration:none;	}.favorite li {	float:left;	left:10px;	}	/* End Sidebar *//* Begin Calendar */#wp-calendar {	empty-cells: show;	margin: 10px auto 0;	width: 155px;	}#wp-calendar #next a {	padding-right: 10px;	text-align: right;	}#wp-calendar #prev a {	padding-left: 10px;	text-align: left;	}#wp-calendar a {	padding:0;	margin:0;	display: block;	}#wp-calendar caption {	text-align: center;	width: 100%;	}#wp-calendar td {	padding: 3px 0;	text-align: center;	}#wp-calendar td.pad:hover { /* Doesn't work in IE */	background-color: #fff; }/* End Calendar *//* Begin Various Tags & Classes */acronym, abbr, span.caps {	cursor: help;	}acronym, abbr {	border-bottom: 1px dashed #999;	}blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}blockquote cite {	margin: 5px 0 0;	display: block;	}.center {	text-align: center;	}hr {	display: none;	}a img {	border: none;	}.navigation {	display: block;	text-align: center;	margin: 30px 0 30px 0;	}	.navigation a {	font:bold 1.2em Arial, Helvetica, Sans-serif;	color:#AC2A2A;	padding:10px;	text-decoration:none;	}/* End Various Tags & Classes*/