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

Title : Main CSS
Author : BENJAMIN DAUER
URL : http://www.benjamindauer.net
Copyright: BENJAMIN DAUER

MacBook Pro source image © Apple - www.apple.com

Created : October 31st, 2008

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


*			{
			margin: 0;
			padding: 0;			
			}
			
body 		{
			font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Helvetica Neue", Helvetica, Arial, Sans-serif;
			font-size:62.5%;
			color: #333;
			text-align: left;
			background: #f4f4f4;
			text-shadow: rgba(0,0,0,0.14) 0 1px 0;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 10px;
			overflow-y: scroll;
			overflow-x: hidden;			
			}		

/*a, a:active	{
			text-decoration: none;
			outline: none;			
			}
*/
			
img			{
			border: none;
			background: transparent url(../img/loader.gif) no-repeat 50% 50%;
			}
			
			/*
.column_wrapper a img
			{
			opacity: 0.9;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity = 90);
			-webkit-transition: opacity 0.2s ease-in-out;
			-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			}

.column_wrapper a:hover img,
.column_wrapper a:focus img
			{
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity = 100);
			}
			*/
			
a			{ text-decoration: none; }
a:link		{ color: #6f871e; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
a:visited	{ color: #6f871e; } 
a:hover,
a:focus		{ color: #496378; }
a:active	{ color: #496378; position: relative; top: 1px; }



/* Typography
- - - - - - - - - - - - - - - - - - - - - */

p
			{
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 26px;
			}
			
#details p
			{
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			margin: 4px 0 0 0;
			text-align: right;
			}
			
#footer p
			{
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			margin: 0;
			}
			
div.project_details p,
div.mix_details p
			{
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			margin: 0 0 19px 0;
			}
			
div#aptitude p
			{
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			margin: 4px 0 16px 0;
			}
			
h1
			{
			font-size: 24px;
			margin-bottom: 26px;
			}

h2
			{
			font-size: 16px;
			margin-bottom: 26px;
			}

h1 span, h2 span
			{
			color: #090500;
			font-weight: normal;
			}
			
em			{
			color: #9c3512;
			font-weight: bold;
			}
			
em.recent	{
			color: #333;
			font-weight: bold;
			}
			
em.green	{
			color: #6f871e;
			font-weight: bold;
			}
			
div.hr		{
			clear: both;
			width: 100%;
			height: 0;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #fff;
			margin: 0 0 26px 0;
			}
			
div#aptitude div.hr		
			{
			clear: none;
			width: 100%;
			height: 0;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #fff;
			margin: 0 0 16px 0;
			}

#twitter_div div.hr
			{
			margin: 0 0 10px 0;
			}

/* Main Content
- - - - - - - - - - - - - - - - - - - - - */

#wrapper	{
			overflow:hidden;
			}
			
#site_wrapper
			{
			position: relative;
			width: 940px;
			margin: 50px 0 50px 50px;
			}
			
#header		{
			
			}

#footer		{
			margin: 0 0 20px 0;
			}

div.column_wrapper
			{
			clear: both;
			}
			
div.left_column
			{
			display: inline;
			float: left;
			margin: 0 20px 26px 0;
			width: 300px;
			}
			
div.center_column
			{
			display: inline;
			float: left;
			margin: 0 0 26px 0;
			width: 300px;
			}
			
div.right_column
			{
			display: inline;
			float: right;
			margin: 0 0 26px 0;
			width: 300px;
			}

div.music_player
			{
			display: inline;
			float: right;
			margin: 19px 0 26px 0;
			width: 620px;
			}
			
div.left_column_w
			{
			display: inline;
			float: left;
			width: 620px;
			}
			
div.right_column_w
			{
			display: inline;
			float: right;
			width: 620px;
			}
						
#pro_experience
			{
			display: inline;
			float: left;
			width: 620px;
			}
			
#aptitude
			{
			display: inline;
			float: right;
			margin: 0 0 26px 0;
			width: 300px;
			}
			
#software	
			{
			display: inline;
			float: left;
			width: 200px;
			}
			
#level		
			{
			display: inline;
			float: right;
			width: 100px;
			}
			
div.project_details
			{
			margin: 19px 0 0 0;
			}
									
div.soundcloud
			{
			font-size: 11px;
			margin: 0 0 31px 0;
			}
			
div.soundcloud_bottom
			{
			padding-top: 5px;
			}
			
div.mixcloud
			{
			margin-bottom: 26px;
			}
			
#details	{
			position: absolute;
			top: 0;
			right: 0;
			width: 300px;
			}
			
form#hello input, form#hello textarea
			{
			margin: 5px 0 0 0;
			padding: 5px;
			}

#playlist
			{
			width: 940px;
			overflow: auto;
			}
			
#player,
#player2,
#player3,
#player4
			{
			margin-bottom: 24px;
			}

#twitter_wrapper
			{
			width: 298px;
			border: 1px solid #ddd;
			}
			
#twitter_div
			{
			border: 1px solid #fff;
			padding: 10px;
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			}
			
#twitter_div ul
			{
			list-style: none;
			}
			
#twitter_div ul li
			{
			margin-bottom: 19px;
			}

#twitter_div ul li span a:link		{ color: #6f871e; }
#twitter_div ul li span a:visited	{ color: #6f871e; } 
#twitter_div ul li span a:hover		{ color: #496378; }
#twitter_div ul li span :active		{ color: #496378; }
			
#twitter_div ul li a:link		{ color: #496378; }
#twitter_div ul li a:visited	{ color: #496378; } 
#twitter_div ul li a:hover		{ color: #6f871e; }
#twitter_div ul li a:active		{ color: #6f871e; }

div.twtr-widget
			{
			font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Helvetica Neue", Helvetica, Arial, Sans-serif !important;
			}
			
#twtr-widget-1 .twtr-tweet a:link		{ color: #6f871e !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a:visited	{ color: #6f871e !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a:hover		{ color: #496378 !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a:active		{ color: #496378 !important; text-decoration: none !important; }

#twtr-widget-1 .twtr-tweet a.twtr-timestamp:link		{ color: #496378 !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a.twtr-timestamp:visited		{ color: #496378 !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a.twtr-timestamp:hover		{ color: #6f871e !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a.twtr-timestamp:active		{ color: #6f871e !important; text-decoration: none !important; }

#twtr-widget-1 .twtr-tweet a.twtr-reply:link		{ color: #496378 !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a.twtr-reply:visited		{ color: #496378 !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a.twtr-reply:hover		{ color: #6f871e !important; text-decoration: none !important; }
#twtr-widget-1 .twtr-tweet a.twtr-reply:active		{ color: #6f871e !important; text-decoration: none !important; }

div.twtr-hd,
div.twtr-ft {
			display: none;
			}

div.twtr-tweet-wrap
			{
			padding: 0;
			}
div.twtr-widget div.twtr-tweet-wrap 
			{
			padding: 0 0 10px 0;
			}
						
div.twtr-tweet
			{
			border-bottom: none !important;
			}

div.twtr-bd	{
			padding: 0px !important;
			}
						
div.twtr-tweets p,
a#twitter-link
			{
			font-size: 11px !important;
			line-height: 11px !important;
			font-weight: bold !important;
			}			

a#twitter-link
			{
			margin: 0;
			}			

a.twtr-reply
			{
			padding-left: 5px;
			}


/* Navigation
- - - - - - - - - - - - - - - - - - - - - */

a.selected
			{
			color: #496378;
			cursor: default;
			}
			
#home a.home,
#music a.music,
#remixes a.remixes,
#mixes a.mixes,
#design a.design,
#sandbox a.sandbox,
#video a.video,
#about a.about,
#friends a.friends,
#contact a.contact
			{
			color: #496378;
			cursor: default;
			}

			
/* AddThis Customizations
- - - - - - - - - - - - - - - - - - - - - */

a.addthis_button
			{
			float: right;
			display: block;
			height: 20px;
			width: 20px;
			margin-top: 3px;
			}
			
a.addthis_button img {
			background: none !important;
			}

#at20mc #at15s 		
			{
			background-color:#f4f4f4 !important;
			border:5px solid #6f871e !important;
			color:#333 !important;
			float:none !important;
			line-height:1em !important;
			margin:0 !important;
			overflow:visible !important;
			padding:1px !important;
			position:absolute !important;
			text-align:left !important;
			}
			
a#at-logo,
a#at15pfpro
			{
			display: none !important;
			}