@import url('global.css');

/* Header/footer */
/* Header */
header{ margin:48px 0 41px; width: 444px; position:relative; float:right; }
header div { background:url('../img/heading.png') right top; padding: 23px 0 23px 27px; }
header span#hanger { height:100%; background:url('../img/heading_left.png') left top; width:9999px; position:absolute; top:0; left:100%;}

footer { padding-top:20px;}
footer ul span { right:100%; }
footer ul { padding: 6px 10px 6px 0px; border-right:1px solid #1c1c1c; }

/* Heading */
header h1 { font-size:20px; color:#fff; }
header h1 a:hover { background-color:#fff; color:#000; text-decoration:none;}
header p { font-size: 15px; color: #535353; margin: 15px 0; line-height:154%;}

/* Aside */
aside { float:right; width:444px; clear:right; }

aside section#me { float:left; }
aside section#elsewhere { float:right; width:192px; }
aside section#delicious { clear:both;}

/* else where */
aside section#elsewhere h2 { background-color:#000; padding:2px; color:#fff; display:inline-block; margin-bottom: 21px; }
aside section#elsewhere ul li { background:url('../img/blog_divider.gif') no-repeat bottom left; }
aside section#elsewhere ul li a { display:block; color:#fff; font-size: 18px; padding: 20px 0 22px; }
aside section#elsewhere ul li.first a { padding-top: 2px; }
aside section#elsewhere ul li a em { color:#7f7f7f; font-style:normal; font-size:13px; display:block; margin-top: 8px; }
aside section#elsewhere ul li a:hover { text-decoration:none; }
aside section#elsewhere ul li a:hover em { color:#b8b8b8; }

/* Flickr badge */				
body.about aside section#flickr { width: 229px; margin-top: 24px; overflow: hidden; }
    body.about aside section#flickr div { float: left; height: 69px; width: 76px; overflow: hidden; }

/* Content */
div#content { width:445px; float:left;}

div#content section h2 { font-size:17px; color:#fff; padding-top:45px; }
div#content section h2 span { font-weight:normal;color:#c3c3c3;}
div#content section h2#first { margin-top:0;}
div#content p { font-size: 15px; color: #7f7f7f; margin: 15px 0; line-height:154%; }

ul#social { overflow:hidden; padding-top:55px; border-top:1px solid #2b2b2b; margin-top: 40px; padding-left:5px;} 
ul#social li { float:left; }
ul#social li a { color:#999999; display:block; padding-left: 35px; font-size:11px; height:27px; background-repeat:no-repeat; margin:0 36px 25px 0; display:block; width: 75px;}
ul#social li a span { color:#666; }
ul#social li a:hover { color:#fff; text-decoration:none;}
ul#social li a:hover span { color:#fff; }

	/* icon switcher */
	ul#social li a[href='http://twitter.com/michaeldick'] { background-image:url('../img/icon_twitter.png'); }
	ul#social li a[href='http://facebook.com/michaeldick'] { background-image:url('../img/icon_facebook.png'); }
	ul#social li a[href='http://last.fm/user/michaeldick'] { background-image:url('../img/icon_lastfm.png'); }
	ul#social li a[href='http://flickr.com/photos/m1k3net'] { background-image:url('../img/icon_flickr.png'); }
	ul#social li a[href='http://linkedin.com/in/michaeldick'] { background-image:url('../img/icon_linkedin.png'); }
	ul#social li a[href='http://delicious.com/michaeldick'] { background-image:url('../img/icon_bookmark.png'); }