/* 
Title:	Main CSS file for sharpenedpixels.com
Author: 	nathan@sharpenedpixels.com
Notes: 	Trust me, I know this CSS file is a mess.  I just have not had the time to clean up around here.
*/


body{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, georgia;
font-size: small;
color: #000;
text-align: left;
background-color: #272a2d;
}

img{
border-width: 0px;
}

/* links */



#maincontainer a:link, a:visited{
	color: #739653;
	text-decoration: underline;
	}

#maincontainer a:hover{
	color: #000;
	text-decoration: underline;
	}

#footer a:link, a:visited{
	color: #739653;
	text-decoration: underline;
	}

#footer a:hover{
	color: #cbe6b0;
	text-decoration: underline;
	}

/* end links */

#header{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #161719;
border-bottom: 1px solid #272a2d;
}

#logo{
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 20px;
}

/* hCard */

#hcard-Nathan-Slone{
margin: 10px 0px 20px 20px;
padding: 0px 0px 0px 0px;
  background-image: url("../images/business cards.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#hcard-Nathan-Slone .withborder{
float: left;
margin: 0px 20px 0px 0px;
padding: 1px;
border: 4px solid #739653;
}

.downloadhcard{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.downloadhcard img{
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
}

.given-name{
padding: 0px 0px 0px 25px;
  background-image: url("../images/xfn-me.png");
  background-repeat: no-repeat;
  background-position: left;
}

.locality, .skype-name, .twitter{
padding: 0px 0px 0px 25px;
}


/* end hCard */


/* primary navigation bar */

#navlist{
margin: 0px 0px 0px 0px;
padding: 15px 0px 5px 44px;
font-size: 125%;
font-weight: bold;
background-color: #b2e57f;
  background-image: url("../images/nav gradient bg.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}

#navlist li{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

#navlist li a{
margin: 0px 5px 0px 5px;
padding: 0px 15px 0px 15px;
text-decoration: none;
border-bottom: none;
}

#navlist li a:link {
color: #000;
}

#navlist li a:visited{
color: #000;
}

#navlist li a:hover{
padding: 15px 15px 5px 15px;
color: #333;
background-color: #e4ffb1;
  background-image: url("../images/nav gradient hover bg.gif");
  background-repeat: repeat-x;
  background-position: bottom;
border-top: 4px solid #555;
border-bottom: 4px solid #272a2d;
}

#navlist #current{
margin: 0px 5px 0px 5px;
padding: 5px 25px 6px 25px;
color: #000;
background-color: #fff;
  background-image: url("../images/nav gradient current bg.gif");
  background-repeat: repeat-x;
  background-position: top left;
border: 1px solid #272a2d;
border-bottom: none;
}

/* end primary navigation bar */

#maincontainer{
margin: 0px 100px 0px 50px;
padding: 50px 120px 50px 50px;
background-color: #fff;
}

#maincontainer ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
font-size: 120%;
list-style-type: none;
}

#maincontainer li{
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 20px;
  background-image: url("../images/bullet.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

#twitterdiv ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
font-size: 120%;
list-style-type: none;
}

#intro{
margin: 0px 0px 40px 0px;
padding: 20px 190px 10px 0px;
font-size: 120%;
  background-image: url("../images/pencil logo large.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
border-bottom: 2px solid #9c6;
}

h1{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 120px;
font-size: 300%;
text-align: left;
  background-image: url("../images/pencil logo.gif");
  background-repeat: no-repeat;
  background-position: 60px 50%;
}

h1 em{
color: #9c6;
}

h2{
margin: 0px 0px 10px 0px;
padding: 15px 20px 15px 20px;
font-size: 170%;
font-weight: normal;
text-align: left;
color: #000;
background-color: #9c6;
border-bottom: 2px solid #739653;
}

h3{
margin: 20px 0px 10px 0px;
padding: 5px 0px 5px 20px;
text-align: left;
font-size: 135%;
font-weight: normal;
color: #000;
background-color: #f3d3f9;
border-bottom: 2px solid #e39ef0;
}

h4{
clear: both;
margin: 20px 0px 10px 0px;
padding: 5px 5px 5px 20px;
text-align: left;
font-size: 90%;
font-weight: bold;
color: #666;
border-bottom: 1px dotted #666;
}

h5{
clear: both;
margin: 0px 0px 10px 0px;
padding: 0px 0px 1px 20px;
color: #888;
text-align: left;
border-bottom: 1px solid #888;
}

p{
margin: 0px 0px 30px 0px;
padding: 0px 10px 0px 20px;
text-align: left;
font-size: 120%;
line-height: 1.5em;
}

.writeup img{
margin: 0px 20px 5px 20px;
padding: 2px;
background-color: #f3d3f9;
border: 8px solid #272a2d;
}



.withborder{
float: left;
margin: 0px 20px 20px 0px;
padding: 10px;
border: 4px solid #739653;
}

q{
color: #ddd;
font-size: 122%;
}

form dl{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

form dt{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

form dd{
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

dd input{
width: 200px;
padding: 2px 0px 2px 5px;
background-color: #eee;
border-top: 1px solid #999;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-left: 1px solid #999;
}

dd textarea{
height: 200px;
width: 400px;
padding: 2px 0px 2px 5px;
background-color: #eee;
border-top: 1px solid #999;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-left: 1px solid #999;
}

.note{
margin: 20px 80px 20px 20px;
padding: 2px 10px 2px 30px;
font-size: 90%;
  background-image: url("../images/note icon.gif");
  background-repeat: no-repeat;
  background-position: left center;
}

.more{
margin: 0px 0px 0px 0px;
padding: 0px 12px 0px 0px;
  background-image: url("../images/arrow.gif");
  background-repeat: no-repeat;
  background-position: right 65%;
}

#footer{clear: both;
margin: 0px 0px 0px 0px;
padding: 20px 10px 20px 20px;
font-size: 80%;
color: #fff;
background-color: #161719;
  background-image: url("../images/footer gradient bg.gif");
  background-repeat: repeat-x;
  background-position: bottom;
border-top: 1px solid #fff;
}

#footer em{
color: #9c6;
font-style: normal;
}

#footer p{
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 50px;
  background-image: url("../images/med pencil greyscale.gif");
  background-repeat: no-repeat;
  background-position: left center;
}