/* your stylesheet */ 
body{
  font: 12px "Helvetica", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
/*  background: #fff url(../images/bg-tile.jpg) repeat-x scroll top;*/
  background: #fff url(../images/bg-tile-ds.jpg) no-repeat fixed top center;
}

body a{
  text-decoration: underline;
}

body a:hover{
  background-color: #000;
  color:#fff;
}

body a.img:hover{
  background:transparent;
}

body a:active{
  color: #000;
  background:#fff;
}

#logo{
  margin-bottom:10px;
}

#container{
  background: #fff url(../images/bg-tile.jpg) repeat-x scroll top;
  padding: 10px;
  width: 800px;
  position:absolute;
  left:50%;
  margin: 0 0 0 -400px;
}

#container .work-in-progress{
  z-index:10;
}

#container h2{
  font-family: "Helvetica", sans-serif;
  font-size:13px;
  font-weight: medium;
  padding: 5px 5px 5px 10px;
  background-color:#000;
  color:#fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.ie #container h2{
  padding-top:5px;
}

#container p{
  margin: 20px 0;
}

#container h3{
  font: 1.25em "Helvetica", sans-serif;
  margin-top:10px;
  font-weight: bold;
  padding: 10px;
  border-top:2px solid #4c4c4c;
  color: #505050;
  text-align:right;
}

.ie #container h3{
  font-weight: medium;
  margin-top:6px;
}

#nav{
  text-align:center;
  margin-bottom:5px;
  padding-top: 10px;
  padding-bottom:4px;
  margin-bottom:4px;
}

#nav a{
  padding:10px;
  margin-left:4px;
  font-size: 12px;
  color: #000;
  text-shadow: #ccc 0px 0px 2px;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
}

#nav a:hover, #nav a.over{
  background-color:#000;
  color:#fff;
}

#nav a:hover, #nav a.over, #about-btn:hover{
  text-shadow: #fff 0px 0px 3px;
}

.portfolio{
  text-align: center;
  padding:20px 10px;
}

#container div.portfolio img{
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color:#fff;
  padding:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#container div.portfolio img:hover{
  border:0;
  -moz-box-shadow: 1px 1px 10px #999;
  -webkit-box-shadow: 1px 5px 10px #999;
  box-shadow: 1px 1px 10px #999;
}

#about-btn{
  padding: 5px 10px;
  background-color:#000;
  color:#fff;
  float:left;
  margin-top:-10px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-right-radius:5px;
}

#about-btn:hover{
  color:#ffff00;
}

#about-btn:active{
  background-color:#ffff00;
  color: #000;
}

#about{
  background-color:#000;
  color:#fff;
  padding: 20px;
  font-weight: normal;
}

#about a{
  color: #fff;
  text-decoration: underline;
}

#about a:hover{
  background-color:#fff;
  color:#000;
}

#about h1{
  font: 14px Georgia, serif;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px dotted #ccc;
  color: #fff;
  font-size:16px;
  text-align:center;
}

#about h2{
  clear: both;
  display:inline;
  padding:5px;
  margin:10px 0;
  background-color:#fff;
  color:#000;
}

/* auto clear for modern browsers */
#about h2:after{ 
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0; 
  clear: both; 
  visibility:hidden; 
}

/* auto clear for the browser that could... this needs the css_browser_select js script */
.ie #about h2{
  height: 1%;
  display:block;
}

#about p{
  margin: 8px 0 20px 0;
  font: 14px "Helvetica", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#about img{
  background-color:#fff;
  border:1px solid #ccc;
  padding:5px;
  margin:0 20px 10px 0;
}

#logo-container{
  margin:5px;
}

.hi-lite{
  background-color:#ffff00;
  color:#000;
}

/*extra fancy box stuff*/
#fancy_content p, #fancy_content h3, #fancy_content form{
  margin: 10px 20px;
}

#fancy_content h3{
  font-size: 1.15em;
  text-align:center;
}

/*forms*/
label{
  display: block;
  font-weight: bold;
  font-size:1em;
  margin:5px 0;
}

input{
  margin-top:4px;
  margin:5px 0;
}

.big{
  font-size:1.15em;
}

/* twitter stuff */
#twitter_update_list{
  padding: 10px;
}

#twitter_update_list .firstTweet{
  font: 18px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#twitter_update_list li{
  border-bottom:1px solid #ccc;
  padding:5px;
}

#profileLink{
  padding: 5px;
  margin: 10px;
  display: block;
  text-align:center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}