/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS 

*/


.post {
	margin-bottom: 4%;
}

/* 10 CONTENT 		============================================================================= */
#small_screen_navigation {
  display: none;
}


/* 11 MAIN 			============================================================================= */
.content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#main {
  float: left;
  width: 65%;
}

footer #powered_by_snowfire {
  position: static;
  text-align: left;
}


/* Page specific - Startpage */
.startpage .snippet-columns .column_1, 
.startpage .snippet-columns .column_2 {
  float: left;
  width: 47%;
  margin-bottom: 30px;
}

.startpage .snippet-columns .column_1 {
  margin-right: 5%;
}

.startpage .snippet-columns .column_3 {
  clear: both;
  float: none;
}



.startpage #showcase .image_text {
  position: absolute;
  bottom: 60px;
  left: 20px;
  width: 300px;
  height: 63px;
  padding: 20px 30px;
  margin-bottom: 0;
}


/* 12 COMPLEMENTARY ============================================================================= */
#complementary {
  float: right;
  width: 30%;
}

  #complementary nav {
    display: block;
    margin-bottom: 20px;
  }

  #complementary ul {
    /*margin-left: -24;*/
    margin-left: 0;
    padding-left: 0;
  }
  
	  #complementary ul ul {
	    margin-left: 20px;
	  }

  #complementary li {
    list-style: none;
  }
  
  #complementary li a {
    display: block;
    padding: 8px 25px 6px 18px;
    margin: 0 0 5px 0;
    background: #fff;
    font-size: 17px;
  }
    
  #complementary li.active > a {
    /*border-top-color: #0E5012;*/
    color: #fff !important; /* Protect from Design Studio */
  }
  
  #complementary li a:hover {
    border: 0;
  }
  
  	/* Doesn't work with active state */
    /*#complementary nav .decoration {
      background: url('../images/nav_decoration.png') no-repeat;
      width: 16px;
      height: 31px;
      float: left;
      margin-left: -16px;
    }*/