@charset "utf-8";
/* CSS Document */

a {text-decoration: none;}

*{
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
background-color:#fff;
}

img {
border:none;
}

h1 {
Float:left;
width:500px;
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
margin-bottom:5px;
overflow:hidden;
}

h2 {
Float:left;
width:500px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
text-align:right;
letter-spacing:-20%;
padding:4px;
font-weight:bold;
}

/* General Tags */

.spacer {clear:both;}

.clean {
margin:0px;
padding:0px;
}

.right {
float:right;
}

.left {
float:left;
}

.invis {
display:none;
}

/* IDs */

#tag {
color:#f4f4f4;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
float:left;
position:relative;
bottom:8px;
}

#wrapper {
width:800px;
margin:0px auto;
}

#header{
width:800px;
float:left;
}

#header img {
float:left;
height:100px;
}

#nav {
width:800px;
height:34px;
float:left;
background-color:#f4f4f4;
}

#nav ul {
}

#nav li {
display:inline;
float:right;
margin:0px 5px;
width:52px; 
height:23px;
padding-top:7px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#nav li a{
display:block;
padding-bottom:4px;
}

#nav li a:hover {
background-color:#fff;
}

#main {
width:800px;
float:left;
}

#footer {
width:798px;
height:40px;
float:left;
border-left:1px #666666 dashed;
border-right:1px #666666 dashed;
background-color:#f4f4f4;
margin:40px 0px;
}

#footer div {
width:150px;
border-right:1px #666666 dashed;
background-color:#f0efde;
float:left;
text-align:center;
padding:10px;
}

#footer p {
text-align:center;
padding:12px;
color:#666666;
font-family:"Courier New", Courier, monospace;
font-size:12px;
}

#maincol {
width:500px;
float:left;
}

#sidecol {
width:200px;
float:right;
padding:20px 10px 10px 10px;
}

.itemblock {
width:500px;
margin:20px 0px;
float:left;
}

.itemblock img{
float:left;
border:15px #F4F4F4 solid;
}

.stuffblock img{
float:left;
border:5px #F4F4F4 solid;
}

.stuffblock h2{
margin-top:5px;
margin-bottom:15px;
}

.stuffblock h2 a:link { color:#999;}
.stuffblock h2 a:visited { color:#999;}
.stuffblock h2 a:hover { color:#cc0000;}
.stuffblock h2 a:focus { color:#666666;}
.stuffblock h2 a:active { color:#666666;}


.stuffblock img:hover{
border:5px #cc0000 solid;
}

#nav li.home {
border-bottom:4px #ffbf00 solid;
}

#nav li.photo {
border-bottom:4px #f31f34 solid;
}

#nav li.web {
border-bottom:4px #00bdff solid;
}

#nav li.mix {
border-bottom:4px #a1cd43 solid;
}

#nav li.drop {
border-bottom:4px #e1d46a solid;
}

#nav li.stuff {
border-bottom:4px #e81d26 solid;
}

#linkbox {
padding-top:15px;
}

#linkbox a {
color:#999999;
float:right;
clear:right;
}

#linkbox a:hover {
color:#990000;
}

#linkbox a p {
margin:3px;
font-family:"Courier New", Courier, monospace;
font-size:12px;
}

#upto, #into, #like, #recent{
height:25px;
background-position:right;
background-repeat:no-repeat;
}

#recent{
color:#E81D26;
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
}

#upto {
background-image:url(layout/upto.png);
}

#into {
background-image:url(layout/into.png);
}

#like {
background-image:url(layout/like.png);
}

#notebox {
margin:20px 0px;
}

.thisnote {
margin:5px 0px;
}

#notebox a{
border-bottom:1px #999 dashed;
color:#999;
}

#notebox a:hover{
border-bottom:1px #cc0000 dashed;
}

#notebox p{
text-indent:20px;
background-image:url(layout/quote.png);
background-position:top left;
background-repeat:no-repeat;
margin:20px 0px 2px 0px;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:18px;
color:#999999;
line-height:130%;
}

#notebox p img{
margin-left:1px;
}

#indexstuffbox{
width:175px;
border:15px #F4F4F4 solid;
margin:20px 0px;
}

h4{
width:100px;
float:left;
text-align:left;
color:#CCCCCC;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:12px;
}

#indexstuffbox div.box{
position:relative;
float:left;
width:175px;
height:175px;
}

#indexstuffbox img.tag{
position:absolute;
top:0px;
left:0px;
z-index:2;
}

#myform{
width:90%;
margin:10px auto;
padding:10px;
background-image:url(layout/tiledbg.png);
}

#myform p {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
background-color:#DEB421;
padding:10px;
float:left;
}

#myform textarea{
clear:both;
border: 2px #DEB421 solid;
width:100%;
height:50px;
background-color:#FEFADE;
}

#myform input{
}

#emailbox {
margin:20px 0px;
float:right;
background-image:url(layout/tiledbg.png);
padding:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#emailbox a{
color:#DEB421;
}

#emailbox a:hover{
color:#7A6905;
}

.sidebox .more {
float:right;
font-size:12px;
}

#maincol .sidebox {
width: 200px;
position:relative;
left:100px;
padding-top:25px;
}

.spacerleft {
clear:left;
}

.itemblock h2.web{
margin-bottom:5px;
}