@charset "UTF-8";

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive-webfont.eot');
	src: local('?'),
		url('Chunkfive-webfont.woff') format('woff'),
		url('Chunkfive-webfont.ttf') format('truetype'),
		url('Chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media projection, screen {
	/**
	 * Peter Bartsch - Gitarenunterricht-Worms.de
	 * @project       Peter Bartsch - Gitarenunterricht-Worms.de
	 * @site          http://www.gitarenunterricht-worms.de/
	 * @media         screen, projection, print
	 * @note          all media types are combined in this one CSS file using at(@)-rules
	 * @date          2010-06-09
	 * @version       2010-06-09
	 * @package       xhtml-css
	 * @copyright     Copyright(c) 2001-2010 Peter Bartsch
	 * @author        Frontend Development by Eduard Seifert <seifert DOT eduard AT googlemail DOT com>, http://www.mindspage.de/
	 * @author        Design by YLF.DESIGN, http://www.youlookfor.us/
	 * @css-for       fx, ie, opera, safari, chrome > trying to reach all a-grade browsers
	 * @tested        fx3, ie8, opera10, safari4, chrome4
	 * @note          ie6 and ie7 are not supported any more
	 */

	/**
	 * RESOURCES
	 *
	 * =RESET
	 *   @see http://developer.yahoo.com/yui/reset/
	 *   @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	 *   @see http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/
	 */
	/**
	 * TABLE OF CONTENTS [TOC]
	 * =YUI 3: CSS Reset
	 * =YUI 3: CSS Fonts
	 *   =FONT SIZES
	 * =GLOBAL STYLES
	 *   =960GS - 960 Gird System
	 *   =BLOCK ELEMENTS
	 *   =META ELEMENTS
	 *   =TABLE ELEMENTS
	 *   =INLINE ELEMENTS
	 *   =LIST ELEMENTS
	 * =LINKS / =ANCHORS
	 * =HEADINGS
	 * =HEADER
	 * =PAGE STRUCTURE
	 * =NAVIGATION
	 * =FOOTER
	 * =HELPER
	 * =PRINT STYLES
	 */

	/**
	 * =YUI 3: CSS Reset
	 * @section YUI 3: CSS Reset
	 * @see http://developer.yahoo.com/yui/3/cssreset/
	 * @see http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css
	 *
	 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	 * Code licensed under the BSD License:
	 * http://developer.yahoo.com/yui/license.html
	 * version: 3.1.1
	 * build: 47
	 */
	/*html{color:#000;background:#FFF;}*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

	/**
	 * =YUI 3: CSS Fonts
	 * @section YUI 3: CSS Fonts
	 * @see http://developer.yahoo.com/yui/3/cssfonts/
	 * @see http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts-min.css
	 *
	 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	 * Code licensed under the BSD License:
	 * http://developer.yahoo.com/yui/license.html
	 * version: 3.1.1
	 * build: 47
	 */
	body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

		/**
		 * =FONT SIZES
		 *
		 * YUI 3: CSS Fonts - Font-size Adjustment
		 * @see http://developer.yahoo.com/yui/3/cssfonts/#fontsize
		 */
		/* 10px = 77% */
		/* 11px = 85% */
		/* 12px = 93% */
		/* 13px = 100% */
		#brand h2 { font-size: 100%; }
		/* 14px = 108% */
		/* 15px = 116% */
		#content p, .teaser .links ul li, #navigation li a { font-size: 116%; }
		/* 16px = 123.1% */
		/* 17px = 131% */
		.sub-teaser h2 { font-size: 131%; }
		/* 18px = 138.5% */
		/* 19px = 146.5% */
		/* 20px = 153.9% */
		/* 21px = 161.6% */
		/* 22px = 167% */
		/* 23px = 174% */
		/* 24px = 182% */
		/* 25px = 189% */
		/* 26px = 197% */
		h2, #main-teaser p, #contact p, .teaser li { font-size: 197%; }
		/* 35px = 269.23% */
		/* 40px = 307.69% */
		#brand h1 { font-size: 307.69%; }

	/**
	 * =GLOBAL STYLES
	 * @section  all global styles of this site
	 */

	/**
	 * =960GS | 960 Gird System (minified)
	 * Version 1.2 (see README.txt)
	 *
	 * +-------- 960px ----------+
	 * |                         |
	 * +-------------------------+
	 *
	 * @section  960 Gird System (minified)
	 * @see      http://960.gs/
	 * @see      http://github.com/nathansmith/960-grid-system/tree/master
	 */
	.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

	/**
	 * =CLEARFIX
	 * @section  Clearing floats with clearfix method (Holly Hack)
	 * @see      http://www.positioniseverything.net/easyclearing.html
	 * @see      http://little-boxes.de/?p=149
	 * @see      http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ (slightly enhanced, universal clearfix hack )
	*/
	.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
	/* IE-Patches for Clearfix */
	.clearfix { display: inline-block; }
	/* Holly Hack (targets IE Win onliny) / hide from IE5/Mac with commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* END Holly Hack */
	
		/* Clear floating Elements */
		.clearleft { clear: left; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
		.clearright { clear: right; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
		.clearboth { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
		.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }

	/**
	 * =BLOCK ELEMENTS
	 * @section  XHTML Block Elements
	 * @see      http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-block-text.html
	 */
	address, blockquote, body, dd, div, dt, form, h1, h2, h3, h4, h5, h6, hr, html, map, p, dl, pre { display: block; }
	html, body { height: 100%; }
	body { background: #EEE url(img/bartsch-bg.jpg) repeat-y scroll top center; color: #1A1A18; font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; line-height: 120%; /* should be defined in body */ }
	/* hide horizontal line */
	hr { border-color: #858585; border-style: solid; border-width: 1px 0 0 0; clear: both; height: 0; display: none; }

	/**
	 * =TABLE ELEMENTS
	 * @section  XHTML Tables Module
	 * @see      http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-tables.html
	 */
	table { border-collapse: collapse; border-spacing: 0; text-indent: 0; width: 100%; }
	caption { text-align:center; }
	table th, table td { padding: 0.25em; padding-left: 0; vertical-align: top; }
	table th p, table td p { padding: 0; }
	th { font-weight: bold; }
	tbody, thead, tfoot { vertical-align: middle; }

	/**
	 * =INLINE ELEMENTS
	 * @section  XHTML Inline Text Module
	 * @see      http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-inline-text.html
	 */
	strong { font-weight: bold; }
	cite, em, var, dfn { font-style: italic; }
	code, kbd, samp { font-family: monospace; }
	ins { text-decoration: underline; }
	del { text-decoration: line-through; }
	sub { vertical-align: -0.25em; font-size: smaller; line-height: normal; }
	sup { vertical-align: 0.5em; font-size: smaller; line-height: normal; /* fix the line box to be taller than normal */}
	abbr[title],
	abbr,
	acronym[title],
	acronym { border-bottom: dotted 1px ; cursor: help; }

	/**
	 * =LIST ELEMENTS
	 * @section  XHTML List Module
	 * @see      http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html
	 */
	/* unordered lists */
	ul { list-style-type: disc; margin: 0; padding: 0; }
	/* ordered lists */
	ol { list-style-type: decimal; margin: 0 2em; }
	/* remove top & bottom margins for nested lists */
	ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top: 0; margin-bottom: 0; }
	/* use circle when ul nested 2 deep */
	ol ul, ul ul { list-style-type: circle; margin-left: 1em; }
	/* use square when ul nested 3 deep */
	ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; }
	dd { margin: 0.25em 0 0 0.5em; }
	li { padding: 0.25em 0; }

	/**
	 * =LINKS / =ANCHORS
	 * @note Whenever you use :hover, also use :focus (just apply the same CSS to both) + :active for <= IE7 (IE8 was first version to support :hover)
	 * @see http://www.456bereastreet.com/archive/201004/whenever_you_use_hover_also_use_focus/
	 */
	/* targets all unvisited links */
	a:link { color: #FFF; outline: none; outline-width: 0; text-decoration: none; }
	/* target all visted links */
	a:visited { color: #5FB6C0; outline: none; outline-width: 0; text-decoration: none; }
	/* targets links when hovered or activated / focus added for keyboard support */
	a:hover, a:focus, a:active { color: #5FB6C0; outline: none; outline-width: 0; }
	a:visited:hover { color: #FFF; outline: none; outline-width: 0; text-decoration: none; }

	/**
	 * =HEADINGS
	 * @section XHTML Headings
	 * @see http://www.w3schools.com/tags/tag_hn.asp
	 */
	h1, h2, h3, h4, h5, h6 { display: block; }
	h1, h2, #main-teaser p, .teaser li { font-family: 'ChunkFiveRegular', Georgia, Arial, sans-serif; letter-spacing: 0; }
	#brand h1, #brand h2 { text-transform: uppercase; color: #DEDEDE; font-weight: normal; line-height: 1.5em; }
	#content h2, #footer h2 { color: #5FB6C0; }

	/**
	 * =HEADER
	 */
	#header .wrap { background: #282828; border-bottom: 1px solid #5FB6C0; overflow: hidden; padding: 20px 0; }
		#brand { text-align: right; }

	/**
	 * =PAGE STRUCTURE
	 */
	#page { /*background: transparent url(img/960gs/16_col_trans.gif) repeat-y scroll 0 0; */ /* show grid 960gs */ overflow: hidden; text-align: left; margin: 0 auto; }
	#content {  }
	#content #slider-wrap { border-bottom: 1px solid #5FB6C0; }
		/**
		 * jQuery Nivo Slider v1.9
		 * http://nivo.dev7studios.com
		 *
		 * Copyright 2010, Gilbert Pellegrom
		 * Free to use and abuse under the MIT license.
		 * http://www.opensource.org/licenses/mit-license.php
		 * 
		 * March 2010
		 */
		/* The Nivo Slider styles */
		.nivoSlider { position: relative; }
		.nivoSlider img { position: absolute; top: 0px; left: 0px; }
		/* If an image is wrapped in a link */
		.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; }
		/* The slices in the Slider */
		.nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; }
		/* Caption styles */
		.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ width: 100%; z-index: 89; }
		.nivo-caption p { padding: 5px; margin: 0; }
		/* Direction nav styles (e.g. Next & Prev) */
		.nivo-directionNav a { position: absolute; top: 40%; z-index: 99; cursor: pointer; width: 60px; height: 60px; text-indent: -9999em; }
		.nivo-prevNav { left: -30px; background: transparent url(img/bartsch-css-sprite-icons.png) no-repeat 0 -400px scroll; }
		.nivo-prevNav:hover { background-position: 0 -500px; }
		.nivo-nextNav { right: -30px; background: transparent url(img/bartsch-css-sprite-icons.png) no-repeat 0 -200px scroll; }
		.nivo-nextNav:hover { background-position: 0 -300px; }
		/* Control nav styles (e.g. 1,2,3...) */
		.nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; }
		.nivo-controlNav a.active { font-weight: bold; }

	#content p { font-family: Georgia, Arial, sans-serif; line-height: 1.5em; }
	#main-teaser { border-bottom: 1px solid #5FB6C0; margin: 35px 0 0 0; padding: 0 0 35px 0; text-align: center; }
		#main-teaser p { font-family: 'ChunkFiveRegular', Georgia, Arial, sans-serif; letter-spacing: 0; display: inline; line-height: 1.5em; }
	
	.section { border-bottom: 1px solid #5FB6C0; margin: 35px 0; padding: 0 0 35px 0; position: relative; }
		.teaser { margin: 0 0 35px 0; }
			.teaser h2 { margin: 0 0 20px 0; }
			.teaser .list { background-image: url(img/brace-left-big.png), url(img/brace-right-big.png); background-repeat: no-repeat, no-repeat; background-position: center left, center right; height: 210px; text-align: center; }
				.teaser .list ul { margin: 0 40px; }
				.teaser .list ul li { font-family: 'ChunkFiveRegular', Georgia, Arial, sans-serif; letter-spacing: 0; display: inline; line-height: 1.5em; }
			.teaser.key { background: transparent url(img/musikschluessel.jpg) no-repeat 265px 50% scroll; }
				.teaser .links ul { margin: 0; } 
				.teaser .links ul li { font-family: Arial, sans-serif; display: block; line-height: 1.5em; }
				.teaser .links .wrap { background: #282828; padding: 25px 20px; }
				
		.sub-teaser { background: #282828; }
			.sub-teaser .wrap { padding: 25px 20px; }
				.sub-teaser .wrap h2 { font-weight: normal; margin: 0 0 15px 0; }
				.sub-teaser .wrap p { color: #FFF; }
				
		.section .totop a { background: transparent url(img/bartsch-css-sprite-icons.png) no-repeat 0 -600px scroll; position: absolute; bottom: -20px; right: -45px; width: 40px; height: 40px; text-indent: -9999em; }
			.section .totop a:hover { background-position: 0 -700px; }
		.section #toform { margin: 50px 0 0 0; }
			.section #toform a { color: #5FB6C0; }
			.section #toform a:hover, .section #toform a:focus, .section #toform a:active { color: #1A1A18; }
		
		#contact { text-align: center; background-image: url(img/brace-left-small.png), url(img/brace-right-small.png); background-repeat: no-repeat, no-repeat; background-position: 1% center, 99% center; margin: 0; border: none 0; }
			#contact .wrap { padding: 25px 60px; }
				#contact p { font-family: 'ChunkFiveRegular', Georgia, Arial, sans-serif; letter-spacing: 0; line-height: 1.5em; position: relative; }
				#contact p.mail a { background: transparent url(img/bartsch-css-sprite-icons.png) no-repeat 0 -800px scroll; cursor: pointer; width: 36px; height: 24px; position: absolute; top: 50%; left: 47%; text-indent: -9999em; }
				#contact p.mail a:hover { background-position: 0 -900px; }

	/**
	 * =NAVIGATION
	 */
	#navigation ul { margin: 0 0 0 55px; }
		#navigation li a, #navigation li a:link { font-weight: bold; padding: 0 0 0 10px; }
		#navigation li a:hover, #navigation li a:focus, #navigation li a:active {background: transparent url(img/bartsch-css-sprite-icons.png) no-repeat 0 -95px scroll; }
		#navigation li a:visited:hover { color: #5FB6C0; }

	/**
	 * =FOOTER
	 */
	#footer { background: transparent url(img/footer-bg.jpg) repeat-x 0 0 scroll; margin: 35px 0 0; overflow: hidden; padding: 40px 0; width: 100%; }
		#footer .section { margin: 0 0 30px 0; padding: 0 0 30px 0; }
			#footer p { color: #FFF; }
			#footer h2 { margin: 0 0 20px 0; }
			form fieldset .part.first { margin: 0; }
			form fieldset .part { float: left; margin: 0 0 0 20px; }
				form fieldset .part p { margin: 0 0 20px 0; }
			form label { color: #FFF; display: block; font-weight: bold; margin-bottom: 5px; }
			form input.input { height: 20px; }
			form input, form textarea { width: 255px; padding: 3px; border: 1px solid #282828; }
				form input:hover, form input:focus, form input:active,
				form textarea:hover, form textarea:focus, form textarea:active { border: 1px solid #5FB6C0; }
			form textarea { height: 157px; }
			form input.submit { border: 0 none; background: #5FB6C0; color: #FFF; cursor: pointer; font-weight: bold; height: 25px; width: auto; margin: 20px 0; }
				form input.submit:hover { color: #1A1A18; }
			span.req { display: none; }
			p.successmsg { margin: 20px 0; font-weight: bold; color: #5FB6C0 !important; }

	/**
	 * =HELPER
	 */
		/* Offscreen position for elements to remove from view range */
		.offscreen { position: absolute; left: -9999em !important; }
		/* Hiding elements (display: none) */
		.hide { display: none; }
		/* Floats */
		.fl-left { float: left; }
		.fl-right { float: right; }
		/* Debugging */
		.debug { background-color: #FFBABA; border: 1px solid; color: #D8000C; padding: 0.25em; }
} /* END @media screen */


/**
 * PRINT STYLES
 */
@media print {} /* END @media print */