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

[Stylesheet styles.css] 

Project:    		We Ain't Plastic 
Version:    		1.0 
Last change:    	
Autor:		    	Roland Loesslein (rl) 
Primary use:    	Screen 

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



/*------------------------------------------------------------------ 
GENERAL DEFINITIONS
-------------------------------------------------------------------*/

h1{
	font-size: 16px;
	margin: 0 0 16px 0;
}

h2{
	font-size: 14px;
	margin: 0 0 16px 0;
}


p{
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 13px 0;
}

blockquote{
	font-size: 15px;
	line-height: 20px;
	font-style: italic;
	
}

ul{
	list-style: inside;
	list-style-type: none;
}

ul li{
	margin: 0 0 5px 0;
}

em{
	margin: 5px 0 0 0;
	display: block;
}


/*------------------------------------------------------------------ 
LAYOUT
-------------------------------------------------------------------*/

#wrapper{
	width: 960px;
	min-height: 100%;
	height: auto !important;  /* for modern browser */
	height: 100%;  /*for IE */;
	margin: 0px auto;
	padding: 0 0 0 0;
}

#header{
	position: relative;
	padding: 20px 0 0 0;
	height: 240px;
}

#content{
	clear: left;
	width: 960px;
	padding: 10px 0 50px 0;
}

#logo{
	margin: 0px 0 0 40px;
}

#footer{
	position: relative;
	height: 20px;
	width: 940px;
	margin: -20px auto 0 auto;
	border-top: 1px solid #ffffff;
	padding: 5px;
}


.col-1{
	float: left;
	padding: 10px 0;
	margin:10px;
	width:220px;
}

.col-2{
	float: left;
	width: 460px;
	padding: 10px 0;
	margin: 10px;
}

.col-3{
	float: left;
	width: 700px;
	padding: 10px 0;
	margin: 10px;
}

.col-4{
	float: left;
	width: 940px;
	padding: 10px 0;
	margin: 10px;
}

.border-top{
	border-top: 1px solid #ffffff;
}

.border-bottom{
	border-bottom: 1px solid #ffffff;
}


/*------------------------------------------------------------------ 
MENU
-------------------------------------------------------------------*/

#menu{
	list-style-type: none;
	display: block;
	padding: 20px 0 0px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#menu li{
	float: left;
	margin: 0 10px 0 0;
}

#menu li a{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	padding: 3px 5px;
	letter-spacing: -0.5px;
}

#menu li a.active, #menu li a:hover, #menu li.tabs-selected a{
	color: #000000;
	background: #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


/*------------------------------------------------------------------ 
TABS
-------------------------------------------------------------------*/

.tabs-container{
	width: 960px;
}

.tabs-hide{
	display: none;
}

/*------------------------------------------------------------------ 
FACEBOOK
-------------------------------------------------------------------*/


/*------------------------------------------------------------------ 
GALLERY
-------------------------------------------------------------------*/

#content .thumbs a{
	
	position: relative;
	display: block;
	
}

#content .thumbs a span{
	
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	background: none;
	width: 220px;
	height: 450px;
		
}

#content .thumbs a:hover span{

	background: url(../img/gallery_over.png);
		
}


#content .gallery{
	position: relative;
	height: 500px;
}

#content .gallery{
	height: auto;
	position: static;
}

#content .gallery em{
	margin: 5px 0 10px 0;
}


#footer ul li{
	float: left;
	margin: 0 15px 0 0;
}