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

    Theme Name: Greendown
    Theme URL: http://www.greendown.com/
    Author: Dennis Bräu
    Author URL: http://www.dbraeu.com
    Version: 1.00


/*-----------------------------------------------------------------------------------*/
/*		Global
/*-----------------------------------------------------------------------------------*/
html,body{font-family: 'Dosis', sans-serif; margin: 0; padding: 0;}
a			{color: #1f1f1f; text-decoration: none;}
.clear		{clear: both;}


/*-----------------------------------------------------------------------------------*/
/*		Typography
/*-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5	{font-family: 'Dosis', sans-serif;}
h1,h2			{font-weight: lighter; text-transform: uppercase;}
h3,h4,h5		{font-weight: normal;}

/*-----------------------------------------------------------------------------------*/
/*		Header
/*-----------------------------------------------------------------------------------*/
header	{width: 250px; height: 100%; position: fixed; left: 0; top: 0;background: #f4f4f4; box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
		 -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box;font-family: 'Dosis', sans-serif;}
header #logo	{margin: 20px 0;text-align: center;}

	/*-----------------------------------------------------------------------------------*/
	/*		Header Menu
	/*-----------------------------------------------------------------------------------*/
	header #menu				{display: block;margin-right: 0;margin-top: 100%;padding-right: 25px;position: relative;right: 0;text-align: right;
								 width: 95%;}
	header #menu h5				{text-transform: uppercase; margin: 0px 15px 10px;cursor: default;font-weight: bold;}  
	header #menu ul				{margin: 0px; padding: 0px;}  
	header #menu ul li			{display: block;}
	header #menu ul li a		{ -moz-box-sizing: padding-box;display: block;list-style: none outside none; padding: 8px 12px 8px 0;text-transform: uppercase;
								 width: 100%;-moz-transition: .25s all ease-in; font-size: 18px; font-weight: lighter;}
	header #menu ul li a.active	{background:#008900; }
	header #menu ul li a:hover	{background:#008900; color: white; }

	/*-----------------------------------------------------------------------------------*/
	/*		Header Social
	/*-----------------------------------------------------------------------------------*/
	header #social 	{margin-top: 80px; text-align: center;}
	header #social ul		{margin: 0; padding: 0;}
	header #social ul li	{display: inline; margin: 0px 10px;}
	header #social ul li a	{text-transform: uppercase; font-weight: lighter; font-size: 14px;}
	header #social ul li a:hover	{font-weight: normal;}

	/*-----------------------------------------------------------------------------------*/
	/*		Header Legal Information
	/*-----------------------------------------------------------------------------------*/
	header #legal 			{text-align: center;}
	header #legal ul		{display: inline;text-align: center; margin: 0 0 0 15px;float: left;padding: 0;}
	header #legal ul li		{display: inline;float: left;margin: 0 10px;}
	header #legal ul li p,
	header #legal ul li a	{text-transform: uppercase; font-weight: lighter; font-size: 11px;}
	header #legal ul li a:hover {font-weight: normal;}


/*-----------------------------------------------------------------------------------*/
/*		Body & Content
/*-----------------------------------------------------------------------------------*/

#main		{margin-left: 250px;padding: 15px 30px;width: auto;}
#main h1	{background:#008900; padding: 5px 10px;}
#main p.subtitle	{font-family: 'Dosis', sans-serif; font-size: 16px; line-height: 24px; }
#main p		{ font-family: 'Helvetica Neue', helvetica, arial, sans-serif; font-size: 12px; line-height: 18px;}
	/*-----------------------------------------------------------------------------------*/
	/*		Content-Block
	/*-----------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------*/
	/*		Content-Block
	/*-----------------------------------------------------------------------------------*/
	.content-block{margin-bottom: 420px;}
	
	/*-----------------------------------------------------------------------------------*/
	/*		Projects
	/*-----------------------------------------------------------------------------------*/
	#projects {  background: none repeat scroll 0 0 #000000;
    margin-left: -27px;
    width: 100%;}
    #projects ul	{padding: 0;}
	#projects ul li {display: block;cursor: pointer;float: left;margin-bottom:0px;opacity: 0.5; width: 33.3%;-moz-transition: .5s all ease-in;
					 -webkit-transition: .5s all ease-in;transition: .5s all ease-in;}
	#projects ul li:hover {opacity: 1.0}
	#projects ul li a img	{width:100%}
	
	#contact	{margin-bottom: 40px;}
	
	/*-----------------------------------------------------------------------------------*/
	/*		Grid
	/*-----------------------------------------------------------------------------------*/
	.fluid			{margin: 15px 0;}
	.fluid .grid12	{width: 99%; display: block}
	.fluid .grid6	{width: 44%; float: left; margin:0 15px;display: block}
	.fluid .grid4	{width: 33%; float: left; margin-right: 5px;display: block}
	.fluid .grid2	{width: 20%; float: left; margin-right: 35px;display: block; font-size: 10px!important;}
	
	.fluid .grid2 p	{ font-size: 12px!important; font-family: arial, sans-serif; line-height: 18px!important;}
	/*-----------------------------------------------------------------------------------*/
	/*		Ajax Content
	/*-----------------------------------------------------------------------------------*/
	.ajax-article {width: 100%;}
	.ajax-left		{width: 50%; margin-right: 10px; float: left; padding-right: 10px; border-right: 1px solid #ccc;}
	.ajax-left img	{width: 100%;}
	.ajax-right		{width: 46%; margin-right:0; float: right;}
	.ajax-right p	{font-size: 14px; line-height: 20px;}
	.ajax-right p a	{font-weight: bold; text-decoration: underline;}
	.other-pictures 		{margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc;}
	
	.other-pictures ul		{margin:0;padding: 0;}
	.other-pictures ul li	{display: inline; margin-right: 10px;}
	.other-pictures h2		{margin: 0; margin-bottom: 5px;}