/* This stylesheet is used to replace text with nice png graphics w/alpha trancparency */
/* Used for IE6 (no png alpha) or agents that do not support custom font faces. */
/* Copyright Daniel Phin 2009 */
/*     http://danielph.in/    */

html { background:url("../img/body_bg.png") #061202 repeat-y left top; color:#ddd; }
a { color:#eee; text-decoration:none; }
a:hover { color:#ccc; }
.content_block { margin:1em 2em 3em 2em; }
.sidebar_block { margin:1em 1em 1em 0; float:right; clear:right; }

#location, #logo { font-size:1em; text-align:left; width:150px; }
#location { background:url("../img/logo.png") no-repeat right -90px; height:17px; text-indent:-10000px; }
#logo     { background:url("../img/logo.png") no-repeat left top; height:90px; text-indent:-10000px; }

#vcard_danielphin { display:inline;  }
#main { width:100%; height:700px; margin:0; padding:0; background-color:transparent; }
#sidebar, #content { padding-top:80px; }
#content { background:url("../img/main_bg.png") no-repeat -432px top; margin-left: 432px; height:100%; } 
#sidebar { background:url("../img/main_bg.png") no-repeat left top; float:left; width:432px; height:100%; }

#sheet_social { display:none; }

/* Skills */
#skills { }
#skills li { text-indent:-10000px; background-image:url("../img/skills.png"); background-repeat:no-repeat; }
#skills_html { background-position:0 0; }
#skills_jq { background-position:0 -50px; }
#skills_php { background-position:0 -100px; }
#skills_ror { background-position:0 -150px; }
#skills_objc { background-position:0 -200px; display:block; }

#skills2 { background:url("../img/skills2.png") no-repeat 0 0; height:64px; }
#skills2 span { display:none; }

/* Contact */
#contact a, #contact_desc {  display:block; float:left; text-indent:-10000px; background-image:url("../img/contact.png"); background-repeat:no-repeat; }
#contact_desc { background-position:0 top; width:160px; }
#contact_email { background-position:-160px top; width:99px; }
#contact_msn { background-position:-268px top;width:74px; }

/* Sidebar Menu */
#smenu { }
#smenu li { margin:.5em 0; width:128px; float:right; clear:right; width:128px; text-align:right;}
#smenu li a { display:block; height:37px; line-height:3.7em; font-size:1em; outline:none; background-image:url("../img/menu.png"); background-repeat:no-repeat; }
#smenu li a span { display:none; }
#mitem_plain a  { background-position:left 0; }
#mitem_plain a:hover  { background-position:right 0;  }
#mitem_vcard a  { background-position:left -37px; }
#mitem_vcard a:hover  { background-position:right -37px; }
#mitem_social a { background-position:left -74px; }
#mitem_social a:hover { background-position:right -74px; }