/* 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, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baselinebaseline; }  

/* Basic */
body { font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.8em; background: #000 url('../img/bg.jpg') no-repeat top center; text-align: center; }

/* Text */
h1 { width: 315px; height: 200px; background: url('../img/h1.gif') no-repeat top left; text-indent: -9999px; }
#h2_social { width: 315px; height: 50px; background: url('../img/h2_social.gif') no-repeat top left; text-indent: -9999px; }
#h2_tweet { width: 315px; height: 50px; background: url('../img/h2_tweet.gif') no-repeat top left; text-indent: -9999px; }
p { font-size: 1.4em; margin-bottom: 40px; font-weight: normal; }

/* Links */
a, li span a { color: #ca992c; text-decoration: none; }
a:hover, li span a:hover { color: #efb533; border-bottom: 1px dotted #efb533; }

/* Fader effect social links */
.social { margin-bottom: 20px; overflow: auto; clear: both; }
.social a { display: block; text-indent: -9999px; width: 78px; height: 71px; float: left; background: url('../img/socialsprite.jpg') no-repeat; cursor: pointer; }

#fader_linkedin { background-position: 0 0; }
#fader_linkedin:hover, #fader_linkedin.hover { background-position:0 -71px; border-bottom: none; }

#fader_fb { background-position: -80px 0; }
#fader_fb:hover, #fader_fb.hover { background-position: -80px -71px; border-bottom: none; }

#fader_delicious { background-position: -159px 0; }
#fader_delicious:hover, #fader_delicious.hover { background-position:-159px -71px; border-bottom: none; }
        
#fader_twitter { background-position:-238px 0; }
#fader_twitter:hover, #fader_twitter.hover { background-position: -238px -71px; border-bottom: none; }

/* Lists */
ul { list-style-type: none; }
li { font-size: 1.2em; }
li a { color: #ccc; text-decoration: none; }
li a:hover { border-bottom: 1px dotted #ccc; }

/* Divs */
#wrapper { width: 960px; height: 100%; margin: 0 auto; text-align: left; color: #ccc; }
#maincontent { width: 315px; height: 100%; margin: 60px 0 40px 575px; }