/* BASIC */

	.break									{ clear: both; float: none; }
	body									{ margin: 0; padding: 0; background-color: #2d2d2d; }
	table									{ width: 100%; height: 100%; }
	img, img a								{ border: 0; }
	.stage									{ width: 800px; height: 100%; }
	.top									{ width: 800px; height: 224px; background-image: url(../graphics/basis/top.jpg); background-position: 0 top; background-repeat: no-repeat; margin: 0 0 15px 0; }
	.logolink a								{ width: 220px; height: 68px; position: absolute; margin: 142px 0 0 0; display: block; }

	/* COLUMNS */

	.columns								{ width: 800px; margin: 0 0 0 0; display: block; }
	.columns .left							{ width: 493px; float: left; margin: 0 40px 0 0; }	
	.columns .right							{ width: 267px; float: left; }

	/* MENU */

	#menu									{ width: 800px; height: 20px; font-family: arial; font-size: 10px; text-transform: uppercase; margin: 0 0 30px 0; }
	#menu .normal a							{ text-decoration: none; color: #7f7f7f; float: left; margin: 0 10px 0 0; font-weight: bold; }
	#menu .active a							{ text-decoration: none; color: #4ac3f0; float: left; margin: 0 10px 0 0; font-weight: bold; }

	/* TWITTER */

	#xtwitter								{ width: 800px; height: 38px; float: left; }
	#xtwitter .left							{ width: 151px; height: 38px; background-image: url(../graphics/twitter/left.jpg); float: left; }
	#xtwitter .middle						{ width: 637px; height: 38px; background-image: url(../graphics/twitter/background.jpg); float: left; font-family: Georgia; font-style: italic; font-size: 12px; color: #2f2f2f; text-align: left; }
	#xtwitter .right						{ width: 12px; height: 38px; background-image: url(../graphics/twitter/right.jpg); float: left; }

	#twitter								{ margin: 25px 0 0 0; }
	#twitter .container						{ top: -2px; position: relative; width: 800px; height: 38px; background: url(../graphics/twitter/background.jpg); }
	#twitter .left							{ height: 38px; background: url(../graphics/twitter/left.jpg) no-repeat; float: left; }
	#twitter .left p						{ margin: 0; padding: 12px 0 0 152px; font-family: Georgia; font-style: italic; font-size: 12px; color: #2f2f2f; line-height: 13px; }
	#twitter .right							{ width: 12px; height: 38px; background: url(../graphics/twitter/right.jpg); float: right; }

	/* FOOT */

	#foot									{ background-position: 0 bottom; background-repeat: repeat-x; height: 110px; background-image: url(../graphics/foot/background.gif); }
	#foot .content							{ width: 800px; height: 89px; }
	#foot .logo a							{ width: 42px; height: 42px; float: left; margin: 22px 10px 0 0; }
	#foot .icon a							{ width: 31px; height: 31px; float: right; margin: 29px 0 0 7px; }
	#foot .text								{ font-family: Arial; font-size: 9px; line-height: 12px; color: #636363; float: left; text-align: left; margin: 31px 0 0 25px; }

	/* TEXT */

	.textLarge								{ font-family: georgia; text-align: left; font-size: 11px; line-height: 16px; color: white; margin-top: 0; margin-bottom: 10px; }
	.textLarge h1							{ font-size: 22px; line-height: 16px; color: #d8ed49; font-weight: normal; margin-top: 11px; }
	.textLarge h2							{ font-family: arial; font-weight: bold; font-size: 11px; line-height: 12px; color: #d5e3a4; margin: 0; text-transform: uppercase; }
	.textLarge p							{ margin-top: 10px; }
	.textLarge p.intro						{ font-weight: bold; margin-top: 10px; }
	.textLarge a							{ color: #d8ed49; text-decoration: none; }
	.textLarge a:hover						{ text-decoration: underline; }

	.textSmall								{ font-family: arial; text-align: left; font-size: 10px; line-height: 13px; color: white; margin-top: 11px; }
	.textSmall h1							{ font-weight: bold; font-size: 10px; line-height: 12px; color: #d871ae; margin: 0 0 3px 0; text-transform: uppercase; }
	.textSmall h2							{  }
	.textSmall p							{ margin-top: 10px; }
	.textSmall p.intro						{ font-weight: bold; margin-top: 10px; }
	.textSmall a							{ color: #d8ed49; text-decoration: none; }
	.textSmall a:hover						{ text-decoration: underline; }

	ul										{ padding-left: 0px; margin: 15px; }
 	li										{ padding-left: 0px; margin: 0; }

	/* PHOTOSTRIPE */

	.photostripe							{ width: 800px; height: 111px; margin: 30px 0 0 0; }

	/* PUFFAR */

	.week									{ margin: -150px 0 0 680px; position: absolute; width: 124px; height: 125px; background-image: url(../graphics/basis/weekPuff_small.gif); cursor: hand; }
	.weekStart								{ position: absolute; margin: -70px 0 0 570px; width: 184px; height: 185px; background-image: url(../graphics/basis/weekPuff.gif); cursor: hand; }
	
	#puffar									{ width: 829px; height: auto; float: left; margin: 25px -29px 0 0; }
	#puffar .container						{ width: 246px; height: auto; float: left; text-align: left; font-family: arial; font-size: 10px; line-height: 14px; color: white; }
	#puffar .container a					{ color: white; }
	#puffar .head							{ width: 246px; height: 30px; margin: 0 0 5px 0; background-image: url(../graphics/basis/arrow.gif); background-repeat: no-repeat; padding: 7px 0 0 40px; line-height: 11px; text-align: left; font-family: georgia; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #87cef2; }
	
	/* FOTO RIGHT */

	.photo									{ border-color: white; border-style: solid; border-width: 6px; width: 255px; }
	.shadow									{ width: 267px; height: 15px; background-image: url(../graphics/basis/photoShadow.jpg); }

	/* PDF RIGHT */

	.pdf a									{ line-height: 9px; padding: 10px 0 8px 25px; text-decoration: none; font-family: arial; font-weight: bold; font-size: 10px; color: #d7f082; display: block; margin: 10px 0 10px 0; border-bottom-color: #575757; border-top-color: #575757; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; background-image: url(../graphics/basis/pdf.gif); background-repeat: no-repeat; }

	/* ALBUMS */

	.album									{ margin: 0 -20px 0 0; width: 820px; }
	.album .container						{ width: 185px; height: 173px; float: left; margin: 10px 19px 0 0; cursor: hand; }
	.album .frame							{ float: left; width: 185px;  background-color: white; padding: 6px 0 6px 0; overflow: hidden; }
	.album .image							{ width: 173px; height: 115px; background-color: gray; }
	.album .shadow							{ float: left; width: 185px; height: 10px; overflow: hidden; background-image: url(../graphics/basis/photoShadow.jpg); }
	.album .text							{ font-family: arial; font-size: 11px; color: white; margin: 0; text-align: left; line-height: 13px; padding: 0 0 0 7px; }
	
	/* IMAGES */

	.images									{ margin: 0 -5 0 0; width: 805px; }
	.images .container a					{ width: 93px; height: 62px; margin: 5px 5px 0 0; padding: 1px; background-color: white; float: left; }
	.images .container a:hover				{ background: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }