@charset "UTF-8";
/* Design and code by J Hogue and James Re at Highchair designhaus 

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	color: #222;
	text-align: left; 
	font-size: 12px; 
	line-height: 18px;
	background-color: #dfe; 
}
img { display: inline-block; }
img, img a, a img { border: none; }
a { text-decoration: underline; color: #222; }
a:hover { text-decoration: none; color: #5c6; }

big { font-size: 1.5em; }

div.clearit { clear: both; }

#everyoneneedsawrapper {
	width: 980px;
	margin: 0 auto 20px auto; 
}
	#littleheader {
		text-align: right; 
		height: 19px; 
		background-color: #ff9; 
		padding: 5px 8px 6px 8px; 
	}
	#header { }
		#header img { display: block; }
	#mainnav {
		height: 30px; 
		background-color: #5c6; 
	}
		#mainnav a, #mainnav .asterik {
			display: block; 
			float: left; 
			height: 30px; 
			background: top left no-repeat url("../cssimages/igl_images/navigation.png") transparent; 
		}
		#mainnav .asterik { width: 18px; background-position: -78px -2px; }
		#mainnav a#musik { width: 80px; background-position: 0px 0px; }
		#mainnav a#musik:hover { background-position: 0px -29px; }
		#mainnav a#artz { width: 54px; background-position: -94px 0px; }
		#mainnav a#artz:hover { background-position: -94px -29px; }
		#mainnav a#film { width: 164px; background-position: -167px 0px; }
		#mainnav a#film:hover { background-position: -167px -29px; }
		#mainnav a#health { width: 180px; background-position: -350px 0px; }
		#mainnav a#health:hover { background-position: -350px -29px; }
		#mainnav a#activizm { width: 200px; background-position: -548px 0px; }
		#mainnav a#activizm:hover { background-position: -548px -29px; }
		#mainnav a#about { width: 92px; background-position: -768px 0px; }
		#mainnav a#about:hover { background-position: -768px -29px; }
		/*
		#mainnav a#contact { width: 94px; background-position: -872px 0px; }
		#mainnav a#contact:hover { background-position: -872px -29px; }
		*/

	#columnwrap {
		clear: both; 
		border-left: 1px solid #5c6;
		border-right: 1px solid #5c6;
		border-bottom: 1px solid #3a4;
		background-color: #fff; 
	}
		#columnwrap .left { float: left; }
		#columnwrap .right { float: right; }
		#columnwrap #columnright { 
			float: right;
			width: 416px; 
			border-left: 1px solid #5c6; 
		}
		#columnwrap #columnleft { 
			float: left;
			width: 560px; 
		}
		#columnwrap .onecolumn { 
			width: 279px; 
		}
		#columnwrap .twocolumn { /* border-right: 1px solid #5c6; */ }
			
			#columnwrap .homestory, #columnwrap .otherstory { padding: 10px 10px 5px 10px; }
				.otherstory { border-bottom: 1px solid #ccc; }
			
			#columnwrap .onecolumn h1 {
				height: 30px; 
				background: top left no-repeat url("") transparent; 
			}
				#columnwrap .onecolumn h1#musik { background-image: url("../cssimages/igl_images/h1_musik280.png"); }
				#columnwrap .onecolumn h1#artz { background-image: url("../cssimages/igl_images/h1_artz280.png"); }
				#columnwrap .onecolumn h1#film { background-image: url("../cssimages/igl_images/h1_film280.png"); }
				#columnwrap .onecolumn h1#health { background-image: url("../cssimages/igl_images/h1_health280.png"); }
				#columnwrap .onecolumn h1#activizm { background-image: url("../cssimages/igl_images/h1_activizm280.png"); }
				#spread a {
					display: block; 
					height: 80px; 
					background: top left no-repeat url("../cssimages/igl_images/spreadtheword280.png") transparent; 
				}
				#spread a:hover {
					background-position: bottom left; 
				}
			#columnwrap .onecolumn h1, #columnwrap .twocolumn h1 {
				color: #4a5; 
				font: normal 20px/24px Georgia, TimesNewRoman, "Times New Roman", Times, serif; 
				padding-bottom: 12px; 
			}
			#columnwrap .onecolumn h2, #columnwrap .twocolumn h2 {
				color: #666; 
				font: normal 16px/20px Georgia, TimesNewRoman, "Times New Roman", Times, serif; 
				padding-bottom: 14px; 
			}
			#columnwrap .onecolumn h3, #columnwrap .twocolumn h3 {
				color: #393; 
				font: normal 14px/20px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; 
			}
			#columnwrap .onecolumn p { text-align: left; padding-bottom: 10px;  }
			#columnwrap .twocolumn p { padding-bottom: 10px;  }
				.homestory p:first { padding: 0; }
			#columnwrap .onecolumn img {
				display: block;
				width: 85px; 
				height: 85px; 
				float: left; 
				margin: 0 8px 4px 0; 
			}
			#columnwrap ol, #columnwrap ul { padding-left: 25px; }
			#columnwrap .onecolumn ol, #columnwrap .onecolumn ul { list-style-type: none; }
		#columnwrap #sponsors {
			float: right; 
			width: 125px;   
			padding: 6px 5px 0 0; 
			border-left: 1px solid #5c6; 
		}
		.red { color: #911; }
		
/* !- - - Carousel Styles using jqueryCarouselLite - - - */
.carouselwrap_reg { 
	position: relative; 
	top: -18px; 
	left: -10px; 
	border-bottom: 1px solid #5c6;
}
.carouselwrap_reg, .carouselwrap_reg .carousel, .carouselwrap_reg .carousel ul, .carouselwrap_reg .carousel li, .carouselwrap_reg .carousel li img { width: 560px; min-height: 240px; }
.carouselwrap_right, 
.carouselwrap_right .carousel, 
.carouselwrap_right .carousel ul, 
.carouselwrap_right .carousel li,  
.carouselwrap_left, 
.carouselwrap_left .carousel, 
.carouselwrap_left .carousel ul, 
.carouselwrap_left .carousel li { width: 320px; height: 320px; }
	.carouselwrap_right .carousel li, .carouselwrap_left .carousel li { text-align: center; background-color: #222; }
	.carouselwrap_right .carousel li img, .carouselwrap_left .carousel li img { max-width: 320px; max-height: 320px; }
	.carouselwrap_right { float: right; margin: 0 0 0 8px; }
	.carouselwrap_left { float: left; margin: 0 8px 0 0; }

.carousel a#previous, .carousel a#next {
	font: bold 12px/16px Arial, Helvetica, sans-serif; 
	background-color: #5c6; 
	color: #fff; 
	text-decoration: none;
	padding: 2px 3px 0 3px; 
	height: 16px; 
	margin: 0 0 -22px 0; 
	position: relative; 
	top: -22px;
	overflow: visible;
	z-index: 100; 
}
	.carousel a#previous:hover, .carousel a#next:hover { color: #000; }
.carousel a#previous { float: left; }
.carousel a#next { float: right; }


#footer {
	clear: both; 
	background-color: #5c6; 
	margin: 16px 0 0 0; 
	padding: 6px 8px 3px 8px; 
	color: #fff; 
}


:focus { -moz-outline-style: none; }