/* typography
--------------------------------------------------------------------------------------- */
* {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#header h1{
  font-family:"Trebuchet MS",Helvetica,sans-serif;
  font-size:1.0em;
}
#header h1 em {
  font-family:"Trebuchet MS",Helvetica,sans-serif;
  font-size:1.8em;
}
p {
  font-size:small;
}
h1 {
  color:#76bc00;
}
h2 {
  color:#ce7b49;;
}
#mainNav li a {
  text-decoration:none;
}
#mainContent h1 {
  font-size:1.4em;
}
#mainContent h2 {
  font-size:1.0em;
  padding:0 0 0 10px;
}
#weblog #mainContent h2, #weblog #mainContent h3 {
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  font-size:small;
}
.clear {
  clear:both;
}
#footer {
}
#footer li, #footer li a {
  font-size:small;
}
/* Layout
--------------------------------------------------------------------------------------- */
* {

}
body {
  background:#fff url(/img/background.gif) top left repeat-x;
  border:0;
  padding:0;
  margin:0;
}
#main {
  width:560px;
  margin:0 auto;
}
#header {
  padding:10px 0 0 0;
  margin:0;
  display:block;
}
#header a {
  text-decoration:none;
  padding:0;
  color:#76bc00;
}
#header a img {
  border:0;
  float:left;
}
#header a em {
  float:left;
  padding:5px 0 0 10px;
  color:#fff;
  font-size:1.4em;
  font-style:normal;
  font-weight:normal;
}
#mainNav {
  clear:left;
  float:right;
  list-style:none;
  padding:0 0 10px 0;
  margin:0;
}
#mainNav li {
  float:left;
  margin:0;
}
#mainNav li a {
  display:block;
  padding:6px 15px 1px 15px;
}
#home #mainNav li.home a, #weblog #mainNav li.weblog a, #about #mainNav li.about a, #portfolio #mainNav li.portfolio a, #contact #mainNav li.contact a {
  background:transparent url(/img/tab.gif) top center no-repeat;
}
#home #mainNav li.home a:hover, #weblog #mainNav li.weblog a:hover, #about #mainNav li.about a:hover, #portfolio #mainNav li.portfolio a:hover, #contact #mainNav li.contact a:hover {
  cursor:default;
}
#mainContent {
  padding:20px 20px;
  clear:both;
  border-left:1px dotted #ccc;
  border-right:1px dotted #ccc;
}
#mainContent h1 {
  border-bottom:1px dotted #76bc00;
  padding:0;
  margin:0;
}
#about #mainContent img {
  float:right;
  width:80px;
  border:3px solid #ccc;
  padding:6px;
  background-color:#f9f9f9;
  margin:10px 0 0 5px;
}
#about #mainContent ul {
  list-style:none;
  padding:0;
  margin:0;
  font-size:small;
}
#portfolio #mainContent ul {
  list-style:none;
  padding:0;
  margin:0;
}
#portfolio #mainContent ul li {
  float:left;
  padding:12px;
}
#portfolio #mainContent ul li a img {
  border:6px solid #ccc;
}
#portfolio #mainContent ul li a:hover span {
  text-decoration:underline;
}
#portfolio #mainContent ul li a span {
  width:220px;
  display:block;
}
#contactForm ol {
  list-style:none;
  padding:0;
  margin:0;
  width:328px;
}
#contactForm ol li label {
  width:120px;
  text-align:left;
  font-size:small;
  padding:6px 5px 0 0;
  display:block;
}
#contactForm ol li input, #contactForm ol li textarea {
  border-top:2px solid #eee;
  border-width:2px 0 0 0;
  width:320px;
  margin-bottom:5px;
  padding:2px;
  background-color:#f9f9f9;
}
#contactForm ol li textarea {
  height:180px;
  clear:both;
  overflow:hidden;
}
#contactForm ol li.submit {
  text-align:right;
}
#contactForm #submit {
  width:200px;
  border:2px solid #eee;
}
#contact #contactInformation {
  width:140px;
  float:right;
  border:1px solid #666;
  background-color:#fffff0;
  padding:10px;
} 
#contact #contactInformation p em {
  font-weight:bold;
}
#weblog #main {
  width:760px;
}
#weblog #mainContent {

}
#weblog #mainContent h1 {
  margin-bottom:0;
  border:0;
}
#weblog #mainContent h2, #weblog #mainContent h3 {
  padding:0;
  margin:0;
}
#weblog #blogPosts {
  width:480px;
}
#weblog #blogRoll {
  float:right;
  width:200px;
  height:400px;
  border: 1px solid #ccc;
  padding: 10px;
}
#weblog #blogRoll h1 {
  color: #3f3f3f;
  font-size: medium;
  font-family: Arial, Verdana, Helvetica;
  font-weight: normal;
}
#weblog #blogRoll p {
  border-bottom:4px solid #76bc00;
  height: 20px;
  margin-bottom: 20px;
}
.postLinks {
  border-top:1px dotted #ccc;
  text-align:right;
  padding:5px 0 15px 0;
}
#footer {
  text-align:center;
}
#footer ul {
  list-style:none;
  padding:10px 0;
  margin:0;
  border-top:1px solid #ccc;
}
#footer ul li {
  padding:5px;
  display:inline;
}
#more {
  background-color:#333;
  text-align:center;
}
#more ul {
  display:none;
}
#more ul li{
  padding:10px 0;
  margin:0;
  padding:5px;
  display:inline;
  width:180px;
}
 #delicious,#flickr, #lastfm {
  width:180px;
}
.clear {
  clear:both;
}

/* Colors
--------------------------------------------------------------------------------------- */
* {
  color:#222;
}
#header, #header a img {
  background-color:#333;
}
#mainNav li a {
  color:#9cf;
}
#mainNav li a:hover {
  color:#39f;
}
#home #mainNav li.home a, #weblog #mainNav li.weblog a, #about #mainNav li.about a, #portfolio #mainNav li.portfolio a, #contact #mainNav li.contact a {
  color:#39f;
}
#more ul li {
  color:#eee;
}
#weblog #mainContent h2, #weblog #mainContent h3 {
  color:#aaa;
}