/**
* Main Stylesheet
*
* @author   Florian Wögerer // ELEMENT AGENCY
* @url		http://elementagency.com
* @version  1.0
*                  
* @date		10-02-2010              
*
* The fonts included are copyrighted by the vendor listed below.
*
* @vendor:     FRiTZe
* @vendorurl:  http://www.grafikfritze.de/
* @licenseurl: http://www.fontsquirrel.com/license/Vollkorn
*/

/* 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;
	
}
:focus 	{ outline: 0;}
ol, ul 	{ list-style: none;}

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('../_fonts/ColabThi.eot');
	src: local('Colaborate-Thin'), local('Colaborate-Thin'), url('../_fonts/ColabThi.woff') format('woff'), url('../_fonts/ColabThi.ttf') format('truetype'), url('../_fonts/ColabThi.svg#Colaborate-Thin') format('svg');
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('./_fonts/ColabReg.eot');
	src: local('Colaborate-Regular'), local('Colaborate-Regular'), url('./_fonts/ColabReg.woff') format('woff'), url('./_fonts/ColabReg.ttf') format('truetype'), url('./_fonts/ColabReg.svg#Colaborate-Regular') format('svg');
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('ColabLig.eot');
	src: local('ColaborateLight'), local('Colaborate-Light'), url('ColabLig.woff') format('woff'), url('ColabLig.ttf') format('truetype'), url('ColabLig.svg#Colaborate-Light') format('svg');
}


h1, h2, h3, h4, h5, h6 {
	font: 14px/16px ColaborateLightRegular, sans-serif; 
	color: #000;
}


/*h2.style2 {font: 36px/44px 'DiavloMedium', Arial, sans-serif;letter-spacing: 0;} */

/* GENERAL */

html {
	height: 100%;
}

body 	{ margin: 0px; padding: 0px; color: #000;
		font: 13px/16px Arial, sans-serif; 
		height: 100%; width: 100%; 
		background-color: #f1f2f2;
	/*	-moz-linear-gradient(top left, #dcf6fb, rgba(255,0,0,0));
		background: -webkit-gradient(linear, left top, left bottom, from(#dcf6fb),
		             color-stop(0.5, orange), to(#000));

filter:
    progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
    progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
    progid:DXImageTransform.Microsoft.Wheel(duration=3);*/
    		 }

#wrapper 			{ position: relative; width: 1150px; margin: auto; background: url(../_img/top.jpg) no-repeat; min-height: 500px; background-position: 0px -50px}
#wrapper_content{
	min-height: 500px;
}
#container	{  float:left; width:700px;}

#logo				{ position : absolute;  background: url(../_img/element_logo.png) no-repeat; height:100px; width:250px; z-index: 100; text-indent: -1000px; margin-left:  -40px; }


#header 			{ background-color: #000; min-width: 1150px; width: 100%; height: 40px; margin-top:0px;}
#header h1			{ 	
text-transform: uppercase;
font: 35px/16px Colaborate-ThinRegular, sans-serif; 
letter-spacing: 0;
padding: 10px 20px; width: 1150px;
margin: 0px auto;
color: #FFF;
						 }

#header h1 span{
color: #6da469;	
}

/* START */
	
	#navi{
		width: 650px;
		background: url(../_img/nav_bg.png) no-repeat;
		height: 46px;
		margin-top: 50px;
	}
	
	.page-navi ul li {
		list-style-type: none;
		float: left;
		height: 18px;
		padding: 10px 5px 0px 15px;
		text-transform: uppercase;
		font: 16px/16px Colaborate-RegularRegular, sans-serif; 
	}
	
	#navi a{  
		height:18px; 
		font-size: 18px;
		width:auto;	
		color: #000;
		font-size: 14px !important; 
		text-align: center;
		display: inline; 
		position:relative; 
		letter-spacing: 1px;
		text-decoration:none !important;}
		
	#navi a:hover,  #navi .page-navi ul li.current_page_item a{ 
		height:18px; 
		width:auto;	
		color: #6da469;
		font-size: 14px !important; 
		text-align: center;
		display: inline; 
		position:relative; 
		letter-spacing: 1px;
		text-decoration:none !important;
		}
			
			
	#content{
	background-color: #FFF;
	width: 700px;
	//float: left;
//	clear: both;
}

/* ENTRY WIDTH = 635PX!*/ 
.post_meta li{
	float: left;
	font-size: 11px;
	margin-left: 5px;
}
.post_meta{
	clear: both;
	width: 635px;
	border-bottom: 1px dotted #000;
	height: 15px;
	margin-bottom: 20px;
}

.post{
	padding: 20px;
}
.entry{
		clear: both;
		width: 580px;
		min-height: 50px;	
}

.entry img {
	margin-bottom: 10px;
}

.entry h2{
font-size: 14px;
font-weight: 400;	
margin-bottom: 5px;
margin-top: 10px;
}


.entry h3{
font-size: 14px;
font-weight: 400;	
margin-bottom: 5px;
margin-top: 10px;
}

.entry h4{
font-size: 12px;
font-weight: 400;	
margin-bottom: 5px;
margin-top: 10px;
}


.entry b, .entry strong {
	font-weight: bold;
}

.entry p{
	display: block;
	margin-bottom: 10px;
}

.entry i {
font-style: italic;
}







.clear {
clear:both;
}

h1 					{ font-size:24px;  text-transform:uppercase;}
h2 					{ font-size:20px; line-height: 24px;  text-transform:uppercase; margin-bottom:10px; font-weight:normal;}

.pagetitle {
	padding: 20px;
}
a					{ color: #6da469; text-decoration: none;}
a:hover				{ color: #6da469; text-decoration: underline;}

h2 a, h2 a:link, h2 a:visited {	color: #000; }
.highlite			{ color: #FFF; }


#footer				{ width: 1000px;  background: transparent url(../_img/footer.png) no-repeat; line-height: 30px; text-align:right; height:159px; min-width: 1150px; margin: auto; margin-top:20px;}	
#footer_line{
	width: 100%; height: 50px; background-color: #000;
}
#footer li { float:right; margin-left: 20px; margin-right: 5px; }

#footer_meta {
	
	padding-top: 15px;
	color: #FFF;
}

/* Search */

#sidebar 		{ width:310px; float: left; position: relative;  margin-left:0px; margin-top: 30px; font: 12px/18px Arial, sans-serif; }

#sidebar li {
	padding:10px;
	font-size: 11px;
	width: 300px;
	margin-left: 20px;
}

#sidebar li ul li{
	padding:0px;
	font-size: 11px;
	width: 300px;
	margin-left: 0px;
}
#sidebar li.about 	{ background-color: #000; position: relative; margin-top:320px; color:#FFF; }
#sidebar li.about h3 {
	color: #6da469; 
	margin-bottom: 10px;
} 
#sidebar li.widget {
	background-color: #FFF; margin-top: 10px;
}

#sidebar li h3 	{ text-transform: uppercase;
font: 18px/16px ColaborateLightRegular, sans-serif; 
	margin-bottom: 10px;
 }

#frm_search label {
	visibility: hidden;
	display: none;
}
#applesearch {
	margin-left: 20px;
}

#applesearch .sbox_l  {
	background: transparent url('../_img/frm_search_l.png') no-repeat top left;
	float: left;
	width: 23px; height: 23px;
}

#applesearch .sbox_r  {
	background: transparent url('../_img/frm_search_r.png') no-repeat top left;
	float: left;
	width: 20px; height: 23px;
}

#applesearch .sbox input {
	background: transparent url('../_img/frm_search_bg.png') repeat-x top left;
	float: left;
	border: 0;
	height: 23px; width: 142px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

/* FORM */

#comment-area {
	padding: 20px;
}
#comment-area textarea {
	width: 630px;
}

#comment-area h3{
text-transform: uppercase;
font-size: 16px;
margin: 10px 0px;
}



.commentlist .quote {
	background:url('../_img/comment_quotes.png') no-repeat top right;
		min-height: 62px;
	
	}

.commentlist li {
 	padding: 10px 18px 22px 18px;
	margin-top:15px;
	background:#000 url('../_img/bg_commentlist.png') bottom left no-repeat;
	width: 600px;
	color:#FFF;
	}

.commentlist cite {
	display:block;
	font-style:normal;
	margin-left:35px;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#6da469;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#6da469;
	text-decoration:underline;
	}