* {
  margin:0;
}

html, body {
  height: 100%;
}

body {
  background: #fff;
  color:#555;
  font: 14px/1.5 Georgia, Times, serif;
  margin:0;
  padding-top:0;
  height:100%;
}

a { color: #0000EE; text-decoration: underline; }

a:hover, a:focus { color: #00053F; }

h1,h2,h3 {
  font-family: Helvetica, Arial, sans;
}

h1 {
  font-size: 24px;
  margin:0;
  font-weight: normal;

  color:#333;
}

h2 {
  font-size: 20px;
  margin:0;
  color:#333;
}

.clearfix {
  clear:both;
}

li {
  margin-left:0px;
}

p {
  color: #333;
  font-family: georgia, times, "times new roman";
  line-height: 1.3em;
  margin: 0 0 15px 0;
  letter-spacing: 0.5px;
}

h1.title {
  margin-bottom:20px;
}

/* GENERAL LAYOUT */

#top-line {
  height:10px;
  background-color:#000;
}

#page {
  width:910px;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}

#header {
  float:left;
  padding-top:20px;
  margin-bottom:50px;
}

#logo {
  float:left;
}

.button {
  margin-top:10px;
}

a.button {
  -moz-border-radius:8px;
  border-radius:8px;
  background-color:#CCCCCC;
  color:#999999;
  display:inline-block;
  margin-top:20px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  text-decoration:none;
  text-transform:uppercase;
}

a.button:hover {
  background-color:#999999;
  color:#FFFFFF;
}

/* NAVIGATION */

#nav {
  float:left;
  width:460px;
  font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
  letter-spacing:1px;
}

#nav ul {
  width:100%;
  list-style: none;
  margin-top:59px;
  margin-bottom:0px;
  padding-left:30px;
}

#nav li {
  display:inline;
  margin-right:5px;
  height:30px;
}

#nav li a {
  padding:10px;
  text-decoration: none;
  color:#000;
  border-bottom: 1px dotted #ccc;
}

#nav li a:hover, #nav li.current a {
  border-bottom: 3px solid #000;
}

/* GENERAL CONTENT */

#content {
  width:910px;
  height:100%;
  float:left;
  margin-bottom:30px;
}

/* INDEX CONTENT */

#left-content {
  float: left;
  width:290px;
  border-right:1px solid #dfdfdf;
  margin-bottom:30px;
}

#welcome-msg {
  padding-right:40px;
  padding-bottom:20px;
  border-bottom: 1px solid #dfdfdf;
}

#welcome-msg p {
  margin-bottom:0px;
  margin-top: 20px;
}

#twitter_div {
  padding-right:40px;
  padding-top:20px;
  text-align:left;
  font-size:12px;
}

#twitter_div ul {
  margin:20px 0 0;
  padding:0;
}

#twitter_div ul li {
  list-style: none outside;
  margin-bottom:10px;
}

#twitter_div a {
  color:#000;
}

#featured-work {
  width:520px;
  float:left;
  padding-left: 40px;
}

#featured-work .latest {
  -moz-box-shadow:0 0 36px -6px #666666;
  -webkit-box-shadow:0 0 36px -2px #666666;
  box-shadow:0 0 36px -6px #666666;
  border:1px solid #bbbbbb;
  float:left;
  margin-right:20px;
  margin-top:20px;
}

#featured-work p {
  float:left;
  width:140px;
  padding-top:30px;
  padding-left: 10px;
  margin:0;
}

#featured-work .latest {
  float:left;
  margin-right:30px;
}

/* PORTAFOLIO */

#projects {
  margin:auto;
}

.project {
  -moz-box-shadow:0 0 36px -6px #666666;
  -webkit-box-shadow:0 0 36px -2px #666666;
  box-shadow:0 0 36px -6px #666666;
  width:350px;
  border-top:1px dotted #999;
  border:1px solid #bbbbbb;
  padding:18px;
  margin-top:20px;
  float:left;
}

.first {
  margin-right:80px;
}

.project h1 {
  margin-bottom:10px;
  font-family:Helvetica, sans-serif;
  font-weight:normal;
}

.project .details {
  padding-top:20px;
}

/* ABOUT */

div#bio {
  float:left;
  margin-right: 40px;
  width:500px;
}

div#bio .me {
  width:120px;
  float:left;
  padding-right:20px;
}

div#places {
  border-left: 1px solid #DFDFDF;
  float:left;
  height:300px;
  padding:0 8px 8px 30px;
  width:300px;
}

div#places .links {
  margin-top: 20px;
}

div#places a.place {
  background: #fefefe url(../images/twitter.gif) no-repeat center left;
  display:block;
  margin-bottom:10px;
  padding-left:25px;
  text-decoration:none;
  width:80px;
}

div#places a.twitter {
  background: #f5f5f5 url(../images/twitter.gif) no-repeat center left;
}

div#places a.facebook {
  background: #f5f5f5 url(../images/facebook.gif) no-repeat center left;
}


/* FOOTER */

#footer {
  background-color: #000;
  color:#BBBBBB;
  padding:30px;
  height:4em;
}

#footer h3 {
  font-size: 18px;
  margin-bottom:20px;
  color: #fff;
}

#footer a {
  color: #fae80b;
  text-decoration: none;
}

#sub-footer {
  width:910px;
  margin:auto;
}

#footer1 {
  width:260px;
  float:left;
  padding-right:30px;
}

.delblog ul {
  padding:0;
  margin:0;
  padding-left:10px;
}

.delblog li {
  list-style: none outside;
  margin-bottom:10px;
  font-style: italic;
}


#footer2 {
  width:400px;
  float:left;
  border-left: 1px solid #2F2F2F;
}

#books {
  float:left;
  margin-bottom:20px;
  padding-left:30px;
  padding-bottom:20px;
  border-bottom: 1px solid #2F2F2F;

}

#books dt {
  font-family:Georgia,"Times New Roman",Times,Serif;
  font-size:14px !important;
  font-style:italic;
  margin-bottom:5px;
}


#books dt img {
  float:left;
  margin-right:15px;
}

#books dd {
  margin-bottom:10px;
}

#footer-roll {
   padding-left:30px;
}