/*
Theme Name: A Restless Transplant
Description: Custom theme for Foster Huntington
Author: Jermaine Davis
Author URL: http://andnoneshallsurvive.com/
*/

* {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
 line-height: 16px;
 margin: 0;
 padding: 0;
 -webkit-font-smoothing: antialiased;
}

/* Sizes */
 @content: 660px;
 @gutter: 15px;
 @sidebar: 300px;
 @full: @content + @gutter + @sidebar;
 @baseline: 16px;

/* Color */
 @grey: #E3E3E3;
 @red: #ff2b32;

/* Elements */
 @border: 1px solid @grey;

h1 {
 font-size: 1.5em;
 margin-bottom: @baseline;
 color: @red;
}

h2, h2 a {
 color: @red;
 text-transform: uppercase;
 font-weight: normal;
 margin-bottom: @baseline;
 letter-spacing: 2px;
}

p {
 margin-bottom: @baseline;
}

a {
 color: black;
 text-decoration: none;
}

a img { border: none;}

li {list-style-type: none;}

ul { list-style-type: none;}

ul li { list-style-type: none;}

#ad {
 margin-bottom: @baseline;
}

#ad.header {
 width: 728px;
 margin: 0 auto;
 margin-bottom: 1 * @baseline;
}

#ad.long  img {
 width: 300px;
}

#wrapper {
 width: @full;
 margin: 0 auto;
 padding: 20px 0 0 0;
}

#header {
 width: @full;
 float: left;
 margin-bottom: 2 * @baseline;
}

#content {
 width: @content;
 float: left;
 margin-right: @gutter;
}

.post {
 border-top: @border;
 padding-top: 2 * @baseline;
 margin-bottom: 2 * @baseline;
 
 .comments_link {
  float: right;
 }
 
 img {
  margin: 0 auto @baseline;
 }
 
 a {
  color: @red;
 }
 
 a:hover {
  text-decoration: underline;
 }

 .metadata {
  padding-top: @baseline;
 }
}

#comments {
 border-top: @border;
 padding-top: @baseline;
 
 .item {
  padding: 10px 0 0 10px;
  background: @grey;
 }
 
 .alt {
  background: white;
  padding-top: 20px;
 }
 
 .commentauthor {
  font-size: 14px;
  font-weight: bold;
  
  a {
   color: @red;
  }
 }
 
 #respond {
  border-top: @border;
  padding-top: @baseline;
 
  label.name {
   padding-right: 100px;
  }
  
  label.mail {
   padding-right: 28px;
  }
  
  label.website {
   padding-right: 97px;
  }
 
  input {
   width: 225px;
   height: 20px;
   border: @border;
  }
  
  textarea {
   border: @border;
  }
  
  input.submit {
   cursor: pointer;
   width: auto;
   background: white;
   letter-spacing: 2px;
   color: @red;
   text-transform: uppercase;
   border: none;
  }
 }
}





#sidebar {
 border-top: @border;
 padding-top: 2 * @baseline;
 width: @sidebar;
 float: left;
}

.social {
 width: @sidebar - 48px;
 padding-left: 60px;
 margin-bottom: 2 * @baseline;
 
 .button {
  width: 40px;
 }
 
 img {
  margin-right: 20px;
 }
}

.block {
 border-top: @border;
 padding-top: @baseline;
 margin-bottom: 2 * @baseline;
 
 ul li:after {
  content: "\00a0-";
 }
 
  ul li.last:after {
  content: "";
 }
 
}

 .category {
 padding-top: 0;
}

.friends li, .archive li, .category li {
 display: inline;
 padding-right: 3px;
}

.archive li:after, .friends li:after {
 content: "\00a0-";
}

.archive li.last:after, .friends li.last:after {
 content: "";
}

 
.burning {
 width: @sidebar;
 border-top: @border;
 margin-bottom: 2 * @baseline;
}

.prevnext {
 margin-bottom: 2 * @baseline;
}

#footer {
 float: left;
 border-top: 1px solid @grey;
 width: @full;
 height: 100px;
}