/* RESET */
* { padding: 0; margin: 0; border:none;}
h1,h2 {height: 0; width: 0;}

body {font-size:62.5%; font-family: "Calibri", Helvetica, Arial, sans-serif; letter-spacing: 0.1em;}
a {text-decoration: none;color:black;outline:none;}
a:hover {color:red;}

/* Backround */
html { background: url(/assets/images/bg.jpg) fixed; }

#wrap { width: 900px; margin: 0 auto; }



/* HEADER STUFF */

a.home { display: block; width: 203px; height: 112px; background-image: url(../images/sprite.png); background-position: -497px 0px; text-indent: -9999px; float: left;}

a.home:hover { background-position: -497px 112px; }

#header { width: 900px; height: 125px; overflow: visible; position:relative; margin: 20px auto; margin-bottom:25px; }

#header ul { margin-left: 85px; float:left; }

#header li { float:left; list-style-type: none; margin-right: 45px; }

#header li a.nav		{ display: block; width: 112px; height: 112px; background-image: url(../images/sprite.png); text-indent: -9999px; }

#header .blog a		{}
#header .about a	{ background-position: -112px 0px; }
#header .hate a		{ background-position: -224px 0px; }
#header .shop a		{ background-position: -334px 0px;  }

#header .blog a:hover { background-position: 0px 112px; }
#header .about a:hover{ background-position: -112px 112px; }
#header .hate a:hover { background-position: -224px 112px; }
#header .shop a:hover { }

#header .shop { position: relative; margin-right: 0; }

#portfolio { clear:both; margin-top: 30px }

#thumbs { float: left; width: 210px; }
#thumbs ul { margin-left: 25px; }
#thumbs li { float: left; margin-right: 10px; margin-bottom: 10px; list-style-type: none; }
#thumbs li a { display: block; height: 75px; width: 75px; }

#bigpics { display: block; float: right; width: 640px; height: 640px; }
#bigpics li { list-style-type: none; display: block; width: 640px; height: 640px; }
#bigpics li img { position: relative; display: block; margin: 0 auto; }
#bigpics li.visible { display: block; }
#bigpics li.hidden { display: none; }

/* BLOG STUFF */

div#blog { position: relative; margin: 0 auto; width: 900px; }

div#content { float: left; width: 640px; }
div#content h3 {font-size:2em;margin-bottom: 15px;}
div#content p {font-size:1.2em;margin-bottom:20px;}
div#content span {margin-bottom:30px;}

div#sidebar {float: right; width: 190px; margin-left: 5px; padding-top: 40px;}

a.rss { display: block; height:32px; width:143px; background-image:url(../images/rss.png); outline:none;text-indent: -9999px; margin-bottom: 15px;}
a.delicious { display: block; height:32px; width:143px; background-image:url(../images/delicious.png); outline:none;text-indent: -9999px; margin-bottom: 30px;}

div#sidebar h2 {}
div#sidebar ul {list-style-type: none;margin: 10px 20px 25px 30px;}
div#sidebar li {font-size: 1.2em;}

div#sidebar hr {width:100%;height:2px;color:silver;}

div#comment {width:300px;position: relative; margin-right: auto; margin-left: auto;}
div#comment h3 {font-size: 1.4em;}
div#comment p  {margin-bottom: 5px; margin-top: 5px;}
div#comment ol {margin-bottom: 1.4em;}
div#comment li {line-height: 1.6em;margin-bottom: 1.8em;}
div#comment form {width:260px;position: relative; margin-right: auto; margin-left: auto;}
div#comment input {border: 1px solid gray;padding:2px;}
div#comment textarea {width:256px;height:100px;border: 1px solid gray;padding:2px;}

p.postfooter { margin-bottom: 40px !important; }

div#blognav p {margin-left: 178px;}




/* handy classes */

.overclear {
	width: 100%;
	overflow: hidden;
}