/*
Theme Name: Damian Muti
Theme URI: http://damianmuti.com.ar
Description:Damian Muti 10 Splash
Version:  '10 (WP2.8.4)
Author: Damian Muti
Author URI: http://damianmuti.com.ar
Tags: starkers, naked, clean, basic
*/


@import "style/css/reset.css";



/* TABLE OF CONTENTS

00 - Utilities
01 - Global Elements - Standard Elements and Main Structure
02 - Typography - All Type throughout the site
03 - Main Content - Post boxes, post meta, etc.




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

/* 00 - UTILITIES
/* ----------------------------------------------*/

.floatleft,
.alignleft																{ float:left; }
.floatright,
.alignright																{ float:left; }
.clearfix																{ clear:both; }




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

/* 01 - GLOBAL ELEMENTS AND MAIN STRUCTURE
/* ----------------------------------------------*/

html, body, #wrap 												{ height:100%; background:#000000; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:11px; }
body > #wrap 														{ height:auto; min-height:100%; }
#wrap 																	{ background:url(images/bg_header.jpg) top left no-repeat; 	width:880px; margin:0 auto; padding-left: 40px; padding-right: 40px; }

/* must be same height as the footer */
#main 																	{ padding-top:200px; width:30%; float:left } 
#side 																	{ width:70%; float:right } 




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

/* 02 - TYPOGRAPHY
/* ----------------------------------------------*/

h1																	{ width:206px; height:142px; display:block; background:url(images/bg_logo-full.png) no-repeat; }
h1 a																	{ width:100%; height:100%; display:block; text-indent:-9999px; }

p.txt																	{ color:#FFFFFF; float:left; width:300px; line-height:20px; margin-top:273px; margin-left:10px; }
a																		{ text-decoration:none; }

#main p															{ color:#666666; text-align:right; padding-right:71px; }
#main a															{ color:#999999; clear:both }
	#main a:hover												{ color:#ee424a; }


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

/* 03 - MAIN CONTENT
/* ----------------------------------------------*/

ul																		{ color:#FFFFFF; margin-top:20px; }
	ul li																{ background:url(images/bg_sprite-socialmedia.png) no-repeat; height:41px; padding-top:8px; font-size:10px;
																		margin-bottom:10px; float:left; width:auto; clear:both; text-align:right }
	ul li.rss															{ background-position:0 0; }
	ul li.twitter													{ background-position:0 -55px; }
	ul li.facebook												{ background-position:0 -109px; }
	
	ul li a															{ padding:4px 5px; font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; }
		ul li.rss	 a													{ background:#f26f28; }
		ul li.twitter a											{ background:#42bac7; }
		ul li.facebook a										{ background:#3766c9; }
	ul li p															{ clear:both; padding-left:60px; }
		ul li.rss p span											{ color:#f26f28; }
		ul li.twitter p span									{ color:#42bac7; }
		ul li.facebook p span								{ color:#3766c9; }