/* Start of CMSMS style sheet 'almtuna' */
@charset "utf-8";

/*-----------------------------------------------
# Project name - Master Css
#------------------------------------------------
#
# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x 	
#
# - Typography
# - - Global
# - - Subpages
# - - - SubHeaders
#
# - Redefined standard elements
#
# - Layout
# - - Content First Containers 
#
# - Content
# - - Header
# - - - Logo
# - - - Search bar
# - - Main Navigation
# - - - Main nav
# - - - Sub nav 
# - - Pagenation
# - - Bread crumbs
# - - Bottom
# - - Startpage
# - - Subpage
#
# - Common Elements 
# - - Backgrounds
# - - Boxes
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
#
# - Misc 
# - - Borders
# - - Display
# - - Text
# - - Floats
# - - Positioning
# - - Clearing
# - - Font sizes
# - - Z-index
# - - Margins
# - - Paddings
#
#----------------------------------------------
# Glossary
#
#	act					- active
#	b bt bl bb br		- Border Top, Left, Bottom, Right
#	bg					- Background
#	cf					- Content First
#	d dIn dBl dInBl   	- Display Inline, Block, Inline-block
#	f					- Float
#	f10					- Font (1em)
# 	m mt mr mb ml     	- Margin Top, Right, Bottom, Left
# 	p pt pr pb pl	 	- Padding Top, Right, Bottom, Left
#	H					- Holder (classNameH)
#   pos1				- Position(1,2,3 etc.)
#	Sp				 	- Spacer (tagNameSp) - For sprites/images to make dynamic rounded corners etc.
# 	txt txtL txtR txtC	- Text Left, Right, Center
#	z					- Z-index
#  
#----------------------------------------------*/

/*---------------------------------------------*/
/*################## Reset ####################*/
/*---------------------------------------------*/

	/* Eric Meyer’s Global Reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	/* Remember to define focus styles! */
	:focus {outline:0; -moz-outline-style: none;}
	
	html {overflow:-moz-scrollbars-vertical}

	body {line-height:1; color:black; background:white}

	ol, ul {list-style:none}

	/* Tables still need 'cellspacing="0"' in the markup */
	table {border-collapse:separate; border-spacing:0}

	caption, th, td {text-align:left;font-weight: normal}

	blockquote:before, blockquote:after,q:before, q:after {content:""}

	blockquote, q {quotes: "" ""}

	a img {border:0}

/*---------------------------------------------*/
/*################## Grid ######################
-------------------------------------------------

  		* Page width:            980 px
   		* Number of columns:     4
    	* Column width:          236 px
    	* Margin width:          12 px             

-----------------------------------------------*/

/* - - Sets up basic grid floating and position - */
        .width-1, .width-2, .width-3, .width-4 	{float: left; position: relative}

/* - - Use these classes to set the width of a column - */
		.width-1  {width: 236px}
		.width-2  {width: 484px}
		.width-3  {width: 732px}
		.width-4  {width: 980px}

/*  - - The last column in a row may need this class depending on your markup - */
		div.last, span.last, .last      {margin-right:0}
		
/*  - - The first column in a row may need this class depending on your markup - */		
		div.first, first.last, .first   {margin-left:0}

/*---------------------------------------------*/
/*############### Typography ##################*/
/*---------------------------------------------*/


/* Main */
	body {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
		line-height: 1.6; /* Unitless for proper inheritance */
		color: #666;
	}

	/* The top one is for IE: The percentage is of 16px (default IE text size)
	   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
	   The second value is what all other browsers see (the wanted font size). */
	   
	body          {font-size: 62.5%}	/* IE */
	html > body   {font-size: 10px}		/* Other browsers */
	
	p			  {font-size: 1.1em; line-height: inherit;}

/* Headers */

	h1,h2,h3,h4,h5 {font-family: "Arial", Helvetica, Verdana, sans-serif; font-weight: bold; line-height:1.2em; color:#2e2d2d; }	

	h1 {font-size: 2.4em; font-weight: bold; }
	h2 {font-size: 1.8em; font-weight: bold; }
	h3 {}
	h4 {font-size:1.2em; color:#fff; }
	h5 {font: bold 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
	h6 {font: bold 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}

/* Links */
   
   	/* LoVe/HAte-order */
    a				{ color:#cc0000; text-decoration:underline; font-size:1.1em; cursor:pointer; }
	a:link 			{ }  
	a:visited 		{ }  
	a:hover 		{ text-decoration:underline;}  
	a:active 		{ }
	a:focus			{ }
	
/* - - Subpages - */


/* - - Text headers */


/*---------------------------------------------*/
/*########  Redefined standard elements #######*/
/*---------------------------------------------*/

	body 			{background: #fff url(../images/misc/bgBody.jpg) no-repeat top center; padding:0 0 20px;}

	p 				{padding:0 1em 0.9em}
        strong                      {font-weight: bold;}

/*---------------------------------------------*/
/*################## Layout ###################*/
/*---------------------------------------------*/   

/* - - Content first holders - */
	
	 /*** NO HORIZONTAL PADDING ALLOWED IN THIS SECTION! ***/
	 
	.cf-container 	{position:relative; background:#FFF; margin:0 auto; text-align:left; width:980px;} 
	.cf-header 		{position:absolute; top:0; left:0; width:980px; height:153px;
					 background:url(../images/misc/bgHeader.jpg) no-repeat top left;}
	.cf-content 	{float:left; position:relative; left:248px; padding:0 0 12px;}
	.cf-rightH		{float:right; padding:0 0 12px;}
	.cf-leftH		{float:left; left:-484px; padding:0 0 12px;} 
	.cf-bottom 		{float:left; margin:0 auto; width:100%;}

    .bottomCorners	{width:1070px; background:url(../images/misc/borderBottom.png) no-repeat; height:38px; margin:0 auto; }
	
	/* cfSp = Content first spacer
	   Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */
	.cfSp		 	{margin-top:165px} 
	
/*---------------------------------------------*/
/*################## Content ##################*/
/*---------------------------------------------*/

	.border{background: url(../images/misc/borderWrapper.png) repeat-y; padding:0 45px; width:980px; margin:0 auto;}

/* Header */

	.logo 			{ position:absolute; top:15px; left:15px; height:100px; width:418px;}
	.logo a			{ display: block; text-indent: -9999px; width: 418px; height: 100px;
		 	  	      background: url(../images/misc/logo_almtuna.png) top left no-repeat; overflow: hidden; cursor:pointer;} 
	.navigation		{ position:absolute; bottom:0; left:0; height: 34px; width:980px;}
	
/* Navigation */
/* - - Main nav - */

	.navigation ul 					{ padding: 0; margin: 0 0 0 7px;}
	.navigation li 					{ float: left; margin:0 -7px; padding:0 0 0 7px;}
	.navigation li a 				{ color: #fff; text-decoration: none; display:inline-block;
									  font: bold 1.2em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
						  	  		  padding:8px 14px 8px 7px; text-transform:uppercase; float:left;}
	.navigation li a:hover 			{ color: #ffd200; text-decoration: none;}
	
	.navigation .act 				{ background:url(../images/misc/navigation.gif) no-repeat top left; float:left; margin:0 -7px; 
									  position:relative; z-index:5; padding:0 0 0 7px; }
	.navigation .act a 				{ background:url(../images/misc/navigation.gif) no-repeat bottom right; display:inline-block;  
									  padding:8px 14px 8px 7px; float:left; position:relative; z-index:6; color:#ffd200}

	.navigation ul .act a:hover		{ background-color:#ffd200; cursor:default;}

/* - - Sub nav - */	
	
	.shadowBox1H .subNav				{margin-left:10px;}
	.shadowBox1H .subNav ul				{margin:6px 0 0 0;}
	.shadowBox1H .subNav li				{display:block; background:url(../images/misc/bgBottomNav.gif) no-repeat bottom; width:216px; padding-bottom:2px;}
	.shadowBox1H .subNav li a			{font:1.2em/1em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; text-decoration:underline; 
										 background:url(../images/misc/spriteNavArrow.gif) no-repeat left 10px; padding:7px 0 10px 9px;																																																	 										 display:block; width:207px; color:#666; }
	.shadowBox1H .subNav li a:hover		{color:#333;}
	.shadowBox1H .subNav .act a			{background:url(../images/misc/spriteNavArrow.gif) no-repeat left -27px; text-decoration:none;
										 color:#a30000; font-weight:bold; }
		
/* Pagenation */


/* Bread crumbs */
	.breadcrumb span		{ float:left; display:block; width: 350px; font-size:1.1em; }
	.breadcrumb a 			{ color:#cc0000; text-decoration:underline; font:1.1em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; }

/* Bottom */

	.cf-bottom  h4  		{background:url(../images/misc/bgSubHeadingGreyBig.gif) no-repeat left top; width:970px; height:20px; 
							 padding:5px 0 0 10px; margin:0px; color:#ffd200; font-size:12px;}

	.stripesShadowBox4		{background:url(../images/misc/stripesShadowBox4.png) repeat-y ; min-height:88px;}
	.logoShadowBox4			{background:url(../images/misc/logoShadowBox4.png) no-repeat center; min-height:88px; }
	.cf-bottom h5			{font:bold 1.1em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cc0000; text-decoration:underline; padding-bottom:4px; cursor:default; }
	.cf-bottom ul			{padding: 20px 24px 20px 22px; float:left; }
	.cf-bottom li a			{background:url(../images/misc/iconArrowBottom.gif) no-repeat left 54%; padding-left: 9px; color:#666666; text-decoration:none; }
		

/* Startpage */

	/* Articles middle content */
	.articleBox				{ background:url(../images/misc/articleBottomBg.jpg) no-repeat center bottom; }		
	.articleBox h1			{ padding:8px 0 0 0; word-spacing:-4px; }
	.articleBox span 	    { whitespace:nowrap; display:block; font-size:1.1em; color:#999; padding-left:2px; }
	.articleBox p			{ padding:0 4px 0 2px; }
	.lastBox				{ background:none; padding:0 4px 10px 2px; }
	
	/* News block */
	.newsItem .date			{ padding:10px 0 4px;}
	.newsItem	 p			{ padding:0;}
	.newsItem				{ padding:0 10px;}

	
	/* Scoreboard Red */
	.scoreCardRed				        {background:url(../images/misc/bgScorecardR.gif) no-repeat left 25px; height:213px; color:#FFFFFF;
										 font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; margin:0 0 12px 0}
	.scoreCardRed p						{text-align:center; padding:6px 0; margin:0 ;}
	.scoreCardRed .bgTeamLogoL			{float:left; background:url(../images/misc/bgTeamLogo.png) no-repeat left top; text-align:center; 
								 	 	 display:inline; margin:0 0 0 9px; width:99px; height:115px;}
    .scoreCardRed .iconAnd				{float:left; width:20px; background:url(../uploads/images/iconVS.png) no-repeat top center; 
										 height:21px; margin:33px 0 0 0}
	.scoreCardRed .bgTeamLogoR			{margin:0 9px 0 0}
	.scoreCardRed .bgTeamLogoL div		{width:99px; height:100px;}
	.scoreCardRed .bgTeamLogoL div img	{margin:3px 0 0}
	.scoreCardRed .bgTeamLogoL p		{margin:0; padding:0; font-size: 1.2em; font-weight:bold;}
	.scoreCardRed .bgTeamLogoL span		{margin:-4px 0 0 0; padding:0; display:block; font-size: 1.8em; font-weight:bold;}
	
	
	/* Scoreboard Grey */
	.scoreCardGrey					 	{background:url(../images/misc/bgScorecardG.gif) no-repeat left 25px; height:192px; color:#FFFFFF;
										 font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; margin:0 0 12px 0}
	.scoreCardGrey p					{text-align:center; padding:6px 0; margin:0 ;}
	.scoreCardGrey .bgTeamLogoL			{float:left; background:url(../images/misc/bgTeamLogo.png) no-repeat top left; text-align:center; 
								 	 	 display:inline; margin:0 0 0 9px; width:99px; height:115px;}
	.scoreCardGrey .iconAnd				{float:left; width:20px; background:url(../images/misc/iconAndG.png) no-repeat top center;
										 height:21px; margin:33px 0 0 0}
	.scoreCardGrey .bgTeamLogoR			{margin:0 9px 0 0}
	.scoreCardGrey .bgTeamLogoL div		{width:99px; height:100px;}
	.scoreCardGrey .bgTeamLogoL div img	{margin:3px 0 0}/*margin:6px 0 0 1px*/
	.scoreCardGrey .bgTeamLogoL p		{margin:0; padding:0; font-size: 1.2em; font-weight:bold;}
	

   /* Sponsors Big */ 
   .cf-rightH .shadowBox1Bottom .rightSponsor a		{background:url(../images/misc/bgRightLogo.png) no-repeat top center; width:222px; 
										 height:93px; display:block; margin:0 0 0 7px;}
 .cf-rightH	.shadowBox1Bottom .rightSponsor a img	{margin:3px 0 0 3px}
	
 	.sponsorsH							{padding:10px 0 0 3px; overflow:hidden; width:977px;}
	.sponsorsH a						{float:left; background:url(../images/misc/bgsponsorerLogo.png) no-repeat left top; 
										 width:131px; height:69px; margin:0px 0 0px 7px}
	.sponsorsH a img					{margin:3px 0 0px 3px}
	
 
	
    /* Club Info */	
    .clubInfo						{width:222px; margin:0em auto;}
    .clubInfo .fadeImgBg			{background:url(../images/misc/bgClubInfo.png) no-repeat top left; width:222px; height:72px;}
    .clubInfo .fadeImgBg img		{margin:8px;}	
    .clubInfo p						{padding:0 4px; margin:0; color:#a30000; font-size:12px; font-weight:bold; width:100%;}
    .clubInfo p .label				{display:block; float:left; width:80px; font-size:11px; color:#666666; font-weight:bold;}
    .clubInfo p .info  				{float:left; display:block; width:136px; font-size:11px; color:#666666; font-weight:normal;}
    .clubInfo p .info a 			{font-size:11px; color:#cc0000; text-decoration:underline;}
    .clubInfo p .info a:hover		{color:#700101}
    .clubInfo p a.fullStand			{font-size:11px; color:#cc0000; text-decoration:underline; font-weight:normal; line-height:25px; 
   									 background:url(../images/misc/readmoreArrow.gif) no-repeat right 7px; padding:0 8px 0 0;}
    .clubInfo p a.fullStand:hover	{color:#700101}
	
    /* Left Small Logos */
	.smallLogoLeft					{padding:3px 3px 3px 4px; width:229px;}
	.smallLogoLeft a				{background:url(../images/misc/bgSmallLogoLeft.png) no-repeat top left;
									 width:114px; height:93px; float:left; display:inline-block; }
	.smallLogoLeft a img			{margin:3px 0 0 3px;}


/* Subpage */

	.breadcrumb				{padding-top:5px;}
	.breadcrumb p			{float:right; padding:0;}
	.breadcrumb .zoomIn		{display:block; float:left; width:17px; height:17px; padding-right:2px; 
							 background:url(../images/misc/spriteZoom.gif) no-repeat top left; }
	.breadcrumb .zoomOut	{display:block; float:left; width:17px; height:17px; padding-right:2px;
							 background:url(../images/misc/spriteZoom.gif) no-repeat -19px top;}
	.breadcrumb .print		{display:block; float:left;  width:17px;height:17px;
							 background:url(../images/misc/spriteZoom.gif) no-repeat -38px top;}
	
	/* Article middle content */
	.subArticleBox			{padding:8px 0 22px 0; background:url(../images/misc/articleBottomBg.jpg) no-repeat center bottom; font-size:1.1em}
	/*.subArticleBox p img	{float:left; margin:0 10px 0 8px;}*/
	.subArticleBox p		{padding:0 0 8px; font-size:1em;}
	.subUpdate				{font-size:1.1em; padding-top:8px; color:#ccc;}



/*---------------------------------------------*/
/*############# Common Elements ###############*/
/*---------------------------------------------*/

/* - - Common classes - */

	.date		{font: normal 1.1em/1em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; 
				 whitespace: nowrap; display: block; color:#999;}
							 
/* - - Backgrounds - */
		
	.bgNone 	{background:none} 

/* - - Boxes - */

   /*** Shadow boxes ***/
		.news h4, .scoreCardRed h4, .scoreCardGrey h4{height:25px; padding:5px 0 0 10px; height:20px; width:236px;  font-size:12px; color:#fff; }
		.news h4 span, .scoreCardRed h4 span, .scoreCardGrey h4 span{color:#ffd200}
		
		/* Red theme */
		.shadowBox1H.red h4 	{background:url(../images/misc/bgSubHeadingRed.gif) no-repeat;}
		.shadowBox1H.red h6	    {color:#a30000;}
		.shadowBox1H.red a	    {color:#a30000;}
		
		/* Grey theme */
		.shadowBox1H.grey h4, .scoreCardRed h4, .scoreCardGrey h4 {background:url(../images/misc/bgSubHeadingGrey.gif) no-repeat;}
		.shadowBox1H.grey h6	{color:#333;}
		.shadowBox1H.grey a		{color:#333;}
		
		/* width-1 */
		.shadowBox1H			{background:url(../images/misc/spriteShadowBox1.png) no-repeat right bottom; margin:0 0 12px;}
		.shadowBox1Bottom		{background:url(../images/misc/spriteShadowBox1.png) no-repeat left 25px; min-height:200px; padding:0 0 8px;}
	
		/* width-4 */
		.shadowBox4H			{background:url(../images/misc/spriteShadowBox4.gif) no-repeat right bottom; min-height:89px; }
		.shadowBox4Bottom		{background:url(../images/misc/spriteShadowBox4.gif) no-repeat left top; min-height:88px; }

/* - - Buttons & Links - */

	/* Red link with Arrow */
	.readMoreArrow			{background:url(../images/misc/readmoreArrow.gif) no-repeat right 8px;
					 	  	 padding: 0 8px 0 0;  display:block; cursor: pointer; float:right; margin:2px 4px 16px;}

/* - - Colors - */	 
		
/* - - Forms - */

/* - - Lists - */

/*---------------------------------------------*/
/*############## Miscellaneous ################*/
/*---------------------------------------------*/

	.hand		{cursor:pointer}
	.noWrap		{white-space:nowrap}

/* Borders */

	.bNo		{border:none}

/* Display */
	.dIn 		{display:inline}
	.dInBl 		{display:inline-block}
	.dBl, .show	{display:block}
	.hide       {display:none}

/* Text */
	.txtL		{text-align:left}
	.txtR		{text-align:right}
	.txtC		{text-align:center}
	.uLine	    {text-decoration:underline}
	.bold		{font-weight:bold}
	.normal		{font-weight:normal}
	.italic  	{font-style:italic}
	.capitalize	{text-transform:capitalize}
	.upperCase	{text-transform:uppercase}
	
/* Floats */
	.fLeft		{float:left}
	.fRight		{float:right}
	.fNo		{float:none}
	
/* Positioning */
	.absolute	{position:absolute}
	.relative	{position:relative}
	
/* Clearing */
	.clear:after	{content: "\0020"; display: block; height: 0; clear: both;
  					 visibility: hidden; overflow:hidden;}
	.clear			{display:block, clear:both}

/* Font sizes */  

/* Z-Index */

 .z2{z-index:2} 

/*-----------------*/
/***** Margins *****/
/*-----------------*/
	
/* TRouBLed-order: Top, Right, Bottom, Left */

	.m8{margin:8px} .m16{margin:16px}
	
/* - Margin Top - */

	.mt12{margin-top:12px} .mt15{margin-top:15px} .mt20{margin-top:20px}

/* - Margin Right - */

 	.mr9{margin-right:9px}

/* - Margin Bottom - */

 	.mb6{margin-bottom:6px} .mb10 {margin-bottom:10px} .mb12{margin-bottom:12px} .mb15{margin-bottom:15px}

/* - Margin Left - */

	.ml8{margin-left:8px} .ml10{margin-left:10px} 	

/*------------------*/
/***** Paddings *****/
/*------------------*/

/* TRouBLed-order: Top, Right, Bottom, Left */

	.p0{padding:0} .p2{padding:2px} 

/* - Padding Top - */

 	.pt14{padding-top:14px} .pt18{padding-top:18px}  
	
/* - Padding Right - */	

	.pr6{padding-right:6px} 

/* - Padding Bottom - */

 	.pb12{padding-bottom:12px}
	
/* - Padding Left - */	

	.pl12{padding-left:12px} .pl16{padding-left:16px}  
/* End of 'almtuna' */