/*
Theme Name:		EvanNinja
Theme URI:		http://www.evanarnett.com/
Description:	Evan's Site Theme.
Version:		2.0 Thank God
*/

/* = First we 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,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{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;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}

@font-face { font-family:"HeadingText"; src:url("fonts/LubalinGraphStd-Demi.eot"); src:url("fonts/LubalinGraphStd-Demi.eot?#iefix") format("embedded-opentype"), url("fonts/LubalinGraphStd-Demi.woff") format("woff"), url("fonts/LubalinGraphStd-Demi.ttf") format("truetype"), url("fonts/LubalinGraphStd-Demi.svg#hn_55-roman") format("svg"); font-weight:300; font-style:normal; }  
@font-face { font-family:"MenuText"; src:url("fonts/LubalinGraphStd-Book.eot"); src:url("fonts/LubalinGraphStd-Book.eot?#iefix") format("embedded-opentype"), url("fonts/LubalinGraphStd-Book.woff") format("woff"), url("fonts/LubalinGraphStd-Book.ttf") format("truetype"), url("fonts/LubalinGraphStd-Book.svg#hn_55-roman") format("svg"); font-weight:300; font-style:normal; }  

/* = Global Parameters ================================================================================================================== */
body, html									{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background:url('images/bg.jpg') no-repeat left top #0D0504;}

/* = Text and Links ===================================================================================================================== */
a											{color:#8299B9; text-decoration:none;}
a:hover										{color:#FFF;}

h1, h2, h3, h4, h5, h6, 
.post dt, #sidebar dt, #msg p				{font-family:'HeadingText', serif;}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong									{font-weight:normal;}

h1, h2, h3, h4, h5, h6						{color:#FFF;}
h1											{font-size:30px; margin:0 0 5px 0; line-height:36px;}
h2, h3										{font-size:22px; line-height:28px; margin:0 0 15px 0; clear:both;}
h4, h5, h6									{font-size:16px; margin:10px 0 0 0;}

hr											{clear:both; height:0; border:0; border-bottom:1px dotted #8299B9; margin:10px 0 20px 0;}
small										{font-size:11px;}
big											{font-size:14px; line-height:22px;}
p											{margin:5px 0 15px 0;}
strong, b									{font-weight:bold;}
em, i										{font-style:italic;}

img.alignright,
img.alignleft,
img.aligncenter								{border:4px solid #8299B9; outline:1px solid #333;}

.alignright									{float:right; margin:5px 0 5px 20px;}
.alignleft									{float:left; margin:5px 15px 5px 0;}
.alignnone									{clear:both; margin:5px 0 5px 0;}
.aligncenter								{clear:both; margin:5px auto;}

.clr										{clear:both;}

.logo										{background-image:url('images/sprites.gif'); background-repeat:no-repeat;}

/* = Buttons ============================================================================================================================ */
.btn										{display:block; padding:0; margin:0; font-family:Arial Helvetica, sans-serif; color:#FFF; text-align:center; font-weight:bold; text-decoration:none; border:none!important; background-color:transparent!important;}
	
/* = Layout ============================================================================================================================= */
#wrap										{width:960px; margin:0 0 0 40px;}
	#header									{position:relative; width:960px; height:100px; border-bottom:2px solid #8299B9; margin:0 0 30px 0;}
		.logo								{display:block; position:absolute; width:226px; height:31px; top:47px; background-position:left top; text-indent:-999em;}
		.logo:hover							{background-position:left bottom;}
		#nav								{position:absolute; top:60px; right:0;}
		.top-nav li							{float:left; font-family:'MenuText', sans-serif; font-size:18px; margin:0 0 0 60px;}
		.top-nav li a						{color:#FFF;}
		.top-nav li a:hover,
		.top-nav li.current_page_item a		{color:#8299B9;}

				
		#msg								{float:left; margin:30px 0;}
			#msg h1							{font-size:64px; color:#D5D5D5; line-height:1}
			#msg h2							{font-weight:normal; font-size:33px; color:#D5D5D5; line-height:1}
			#msg h2 strong					{color:#FFF;}
			#msg p							{font-size:17px; line-height:1.3}
			
		#body								{float:left; margin:20px 0; width:960px; line-height:20px;}
			#left, #right, .split			{width:465px;}
			#left, #split_1					{float:left;}
			#right, #split_2				{float:right;}
			
			#left h3,
			#right h4						{font-size:18px; padding:0 0 20px 0;}
			
			#left .posts					{float:left;}
				.posts dt					{font-size:14px;}
				.posts dd					{margin:5px 0 25px 0;}
				
			.releases						{float:left; list-style:none!important; margin:0 0 30px 0!important;}
			.releases li					{float:left; width:90px; height:80px; text-align:left; margin:0 0 10px 0;}
			.releases a						{display:block; border:1px solid #333; width:80px; height:80px;}
			.releases a:hover				{border-color:#8299B9;}

			#content						{width:705px; float:right;}
				.wide						{width:960px!important;}
			#sidebar						{width:225px; float:left;}
			
			#content ul						{list-style:square; margin:5px 0 15px 20px;}
			#content ol						{list-style:decimal; margin:5px 0 15px 25px;}

			#releaseimg						{float:left; margin:0 30px 0 0; border:1px solid #333;}
			#audioplayer					{clear:both; width:300px; height:32px;}
			.purchase a						{display:block; float:left; width:75px; height:25px; text-indent:-999em; background-image:url(images/purchaselinks.png); background-repeat:no-repeat;}
			.purchase a:hover				{border:none;}
				.itunes						{background-position:left top}
				.beatport					{background-position:-75px top}
				.amazon						{background-position:-150px top}
				.juno						{background-position:right top}
				
				.itunes:hover				{background-position:left bottom}
				.beatport:hover				{background-position:-75px bottom}
				.amazon:hover				{background-position:-150px bottom}
				.juno:hover					{background-position:right bottom}
				
			.releasedetail					{float:left; font-size:12px; line-height:18px; margin:10px 0 0 0;}
			.releasedetail dt				{font-weight:bold; clear:left;}
			.releasedetail dd				{margin:0 0 20px 0;}
			.releasedetail ol				{float:left; list-style:decimal; margin:0 0 15px 20px!important;}

			.post							{width:100%; float:left; margin:20px 0;}
				.post dt					{clear:both; width:100%; padding:0 0 10px 0!important; margin:0 0 10px 0!important; font-size:18px; line-height:26px!important; border-bottom:1px dotted #8299B9;}
				.post dd,
				.single .entry				{float:left; width:575px;}
					.postmeta				{float:right!important; width:100px!important; font-size:11px; text-align:left!important;}
					.postmeta strong		{font-size:12px; font-weight:bold;}
					
				.comments					{clear:both;}
					.comment				{float:left; clear:both; margin:15px 0 25px 0;}
					.cmt-auth				{width:50px; float:left; font-size:11px; margin:5px 20px 0 0; line-height:16px!important; text-align:center;}
					.cmt-text				{width:620px; float:left; margin:0 0 0 0;}
					.alt					{color:#999!important;}
				
				.pinglist					{list-style:none; margin:10px 0!important;}
				
	
			#commentform					{float:left; margin:10px 0;}
				#commentform input,
				#commentform textarea		{width:570px; padding:4px; margin:5px 0; background:#000; border:1px dotted #8299B9; font-family:Arial; color:#FFF;}
				#commentform label			{clear:left; margin:5px 0; display:block; width:110px; float:left;}
					label small				{font-size:10px; color:#777;}
				#commentform #submit		{width:120px; padding:0!important; margin:0 0 0 110px!important; height:20px; border:none!important; background:#8299B9; color:#FFF; font-size:11px; font-weight:bold; font-family:Arial; text-transform:uppercase;}
	
			
			.bloglists dt					{font-size:14px;}
			.bloglists dd					{margin:0 0 30px 0;}

			.posts							{list-style:none!important; margin:0!important;}
			.posts li						{display:inline-block; vertical-align:top; margin:0 0 30px 0; padding:0!important; width:475px;}

			.posts .post-date,
			.posts .post-title,
			.posts .post-title a,
			.posts .post-excerpt			{display:inline-block; vertical-align:middle;}

			.posts .post-date				{width:40px; height:24px; padding:8px 0; margin:0 10px 0 0; background-color:#8299B9; text-align:center; text-transform:uppercase; font-weight:bold; font-size:10px; line-height:1.2; border-radius:50%;}
			.posts .post-date .post-date-dm {font-size:9px;}
			.posts .post-date .post-date-y	{font-size:12px;}

			.posts .post-title				{width:400px; font-family:'HeadingText'; font-size:16px;}
			.posts .post-title a			{width:400px;}

			.posts .post-excerpt			{margin:5px 0 0 0; width:345px; padding:0 0 0 55px; color:#999; font-size:11px; line-height:1.5;}
	
		#footer								{clear:both; float:left; margin:20px 0; width:960px; height:100px; border-top:2px solid #8299B9;}
			#footer .left					{float:left; padding:10px 0; font-size:11px;}
			#footer .right					{float:right;}
			#footer .footer-nav				{font-size:11px;}
			#footer .footer-nav li			{float:left; padding:10px 0;}
			#footer .footer-nav li .spacer	{display:inline-block; padding:0 10px;}
			#footer .footer-nav li:last-child .spacer	{display:none;}
			
.tipsy										{padding:10px 10px 10px 5px; font-size:12px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url('images/tipsy.gif');}
.tipsy-inner								{padding:5px 8px 4px 8px; background-color:#FFF; color:#111; font-weight:bold; max-width:200px; text-align:center; line-height:20px;}
.tipsy-north								{background-position:top center;}
.tipsy-south								{background-position:bottom center;}
.tipsy-east									{background-position:right center;}
.tipsy-west									{background-position:left center;}

.toneden-player .tdrow						{max-width:100%!important; border:none!important; background:transparent!important;}
.toneden-player .header						{padding:0!important;}
.toneden-player .header .cover .cover-img img {max-height:50px!important; margin:0!important;}
.video-column 								{width:31.3%; display:inline-block; padding:0 2% 0 0; margin:0 0 20px 0; vertical-align:top; text-align:center; font-size:11px; line-height:1.4; color:#999;}
.video-column:nth-child(3n)					{padding-right:0!important; width:33%;}
.video-column iframe						{width:100%;}
.video-column h4							{font-size:14px;}