@import "reset.css"; 

body{ font-family: 'Cabin Sketch', serif; color:#555; text-shadow: #bbb 0px 1px; line-height:1.5em; margin: 0px auto;font-size: 25px; }

h1{font-size:40px;margin:30px 0px}
h2{font-size:30px;margin:20px 0px}

p{margin:10px 0px}
ul{ list-style-type: none; display: block; width:100%; overflow:hidden; }

a:link, a:visited { color:#444;text-decoration: none }
a:hover { color:#ff1493 }
img{ padding:10px; background-image: url(../images/stripe.png); }


/* header */
#header{width:800px;margin:0px auto}
div#header div#twitter{padding:0px;margin:0px;position: absolute;top:20px;right:20px}
div#header div#twitter a{width:150px;height:71px;display:block;margin:0px;background-image:url(/images/twitter.png);text-indent: -9999px }
#twitter a:hover{background-position-y: 70px}


/* contents */
div#contents{width:800px;margin:0px auto }




#footer{margin-top: 20px;background-image: url(/images/footer.png);height:314px;position: relative}
#footer p{ margin:0px; padding:0px; color: #242424; }
#footer a{display: block;text-indent: -9999px}
#footer ul li#tumblr{padding:0px;margin:0px;position: absolute;top:81px;left:282px}
#footer ul li#tumblr a{width: 251px;height:188px}
#footer ul li#tumblr a:hover{background-image: url(/images/tumblr.png)}

#footer ul li#fb{padding:0px;margin:0px;position: absolute;top:80px;left:539px}
#footer ul li#fb a{width: 47px;height:53px}
#footer ul li#fb a:hover{background-image: url(/images/facebook.png)}

#footer ul li#blogger{padding:0px;margin:0px;position: absolute;top:123.5px;left:630px}
#footer ul li#blogger a{width: 62px;height:44px}
#footer ul li#blogger a:hover{background-image: url(/images/blogger.png)}

#footer ul li#flickr{padding:0px;margin:0px;position: absolute;top:243px;left:804px}
#footer ul li#flickr a{width: 60px;height:34px}
#footer ul li#flickr a:hover{background-image: url(/images/flickr.png)}