/*
 *  layout_small.css
 *  author: nschaden
 *
 *  Table of Contents:
 *  Global (Header/Footer)
 *  Home
 *  Portfolio
 *  Grid
 *  Typography
 */

/*=Global (Header/Footer)
--------------------------------------------------------------------------------------- */

#wrapper {
	width: 480px;
}

#header {
    margin-top: 0;
}

#header .grid_8, #header .grid_16 {
    width: 480px;
    margin: 0;
    padding: 0;
}

#header .grid_8 {
    background: #302d29;
}

#header .highbox {
    float: none;
    margin: 0 88px;
    position: relative;
}

#header ul.nav {
  background: none;
  float: none;
  margin: 10px auto;
  position: relative;
}


#header ul.nav a {
  color: #c26700;
}

#header ul.nav .about,
#header ul.nav .blog,
#header ul.nav .contact,
#header ul.nav .portfolio,
#header ul.nav .rss {
  font-size: 1.3em;
  margin: 10px 0;
  width: auto;
}

#header ul.nav .about a:hover,
#header ul.nav .blog a:hover,
#header ul.nav .contact a:hover,
#header ul.nav .portfolio a:hover,
#header ul.nav .rss a:hover {
  background: none;
}

#header ul.nav .about a.selected,
#header ul.nav .blog a.selected,
#header ul.nav .contact a.selected,
#header ul.nav .portfolio a.selected,
#header ul.nav .rss a.selected {
  background: none;
  color: #8f8f8d;
}

#header .grid_24.hr {
    background: none;
    border-top: 1px solid #302d29;
}

div.sidecontent h6 {
  font-size: 1.5em;
}

div.sidecontent p {
  color: #C7C6C5;
}

div.sidecontent.sidebar_intro {
  border-top: 1px #302D29 solid;
}

div.writecontent {
  font-size: 1.5em;
  padding: 10px;
}

#footer span {
  font-size: 1.333em;
}

#footer .copyr {
  clear: left;
  float: left;
}

div#fancy_outer {
  height: 307px !important;
  width: 460px !important;
}

body#post h2 {
  font-size: 2.5em;
}

/*=Home
--------------------------------------------------------------------------------------- */

body#home .grid_8.burningcpu {
  width: 200px;
}

body#home .grid_16.desc {
  width: 240px;
}

body#home h2 {
  background: none;
  font-size: 2em;
  height: auto;
  margin: 0;
  text-align: right;
  text-indent: 0;
  width: auto;
}


body#home ul#twobutton {
  background: none;
  height: auto;
  margin-bottom: 30px;
  width: auto;
}

body#home ul#twobutton li {
  clear: right;
  float: right;
  height: auto;
  text-indent: 0;
}

body#home ul#twobutton .blog,
body#home ul#twobutton .portfolio {
  font-size: 1.3em;
  width: auto;
}

body#home div.feature {
  font-size: 1.5em;
  margin: 0 10px;
  width: auto;
}

body#home div#settingtheweb {
  border-top: 1px #302D29 solid;
  padding-top: 20px;
  margin: 20px 10px 0 10px;
}

body#home div.feature p,
body#home div.feature h3 {
  height: auto;
}

body#home div.feature p {
  color: #c7c6c5;
  margin-bottom: 1em;
}

body#home h3#latesttweet {
  font-size: 1.5em;
}

body#home div#twitter {
  padding: 10px;
}

body#home div#twitter div.bubble {
  background: none;
  font-size: 1.5em;
  height: auto;
  margin: 0 20px;
  width: auto;
}

body#home div#twitter div.followme {
  font-size: 1.5em;
  width: auto;
}

/*=Portfolio
--------------------------------------------------------------------------------------- */

ul.portfolio {
    margin: 0;
    width: 450px;
}

ul.portfolio li {
    width: 350px;
}

ul.portfolio li.header {
    margin: 0;
    width: 450px;
}

div.portfolio_images, div.portfolio_images a.main, div.portfolio_images img, div.portfolio_images a img {
    width: 450px;
    height: 135px;
}

/*=Grid
--------------------------------------------------------------------------------------- */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
  width: 470px;
}

.grid_spacer {
  display: none;
}

.sidebar_tweets {
  display: none;
}

/*=Typography
--------------------------------------------------------------------------------------- */

ul.portfolio li { font-weight: 400; }
.writecontent p { font-weight: 400; }