* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Nobile', serif;
  background: #fff;
  color: #333;
}

header {
  display: block;
  text-align: center;
  padding: 1em;
}

body > header {
  background: #fff url('/images/bg.jpg') repeat-x top left;
  text-align: left;
  height: 100px;
}

article {
  max-width: 40em;
  margin: auto;
  display: block;
  border-bottom: 1px solid #EEE;
  margin-bottom: 1em;
}

article p {
  line-height: 1.4em;
}

footer {
  padding: 1em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

time {
  display: block;
}

h1 > a, h2 > a {
  text-decoration: none;
  color: #333;
}

body > header > h1 {
  font-size: 3.0em;
  font-family: Tangerine, serif;
  color: #fff;
}
body > header > h1 > a {
  color: #fff;
}


h2, h1 {
  font-weight: normal;
  margin-bottom: 0.1em;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.2em;
}

blockquote {
  font: 14px/20px italic Times, serif;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  /*background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url('/images/openquote4.gif');
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
}

.cloud {
	width: 95%;
	margin: 20px auto;
	font-family: 'Nobile', Arial, Verdana, Helvetica, sans-serif;
	text-transform: lowercase;
	text-align: center;
	line-height: 1em;
}
.cloud a {
	color: #999;
}
.cloud a:hover {
	border: none;
	color: #bbb;
}

a { color: #666; text-decoration: none; }
a:visited { color: #999; }
a:hover { color: #999; }

#sidebar {
  float: right;
  min-height: 500px;
  width: 200px;
  padding: 1em;
  overflow: hidden;
}
#sidebar ul {
  list-style-image: url('/images/twitter.png');
}
#sidebar ul li {
  margin-bottom: 1em;
}
#sidebar h3 {
  font-size: 1.2em;
  font-weight: normal;
}

html { -webkit-font-smoothing: antialiased; }

html { overflow-y: scroll; }

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
 
  a, a:visited { color: #444 !important; text-decoration: underline; }
 
  a:after { content: " (" attr(href) ")"; }
 
  abbr:after { content: " (" attr(title) ")"; }
   
  .ir a:after { content: ""; }  /* Don't show links for images */
   
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   
  img { page-break-inside: avoid; }
 
  @page { margin: 0.5cm; }
 
  p, h2, h3 { orphans: 3; widows: 3; }
 
  h2, h3{ page-break-after: avoid; }
}

/*
 * Media queries for responsive design
 */
 
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
   
}
 
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
   
}
 
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
   
   
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
  
  #sidebar {
    float: none;
  }
  
  .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 {
    float: none;
    width: auto;
    display: block;
  }
  
  .container_12, .container_16 {
    margin-left:0;
    margin-right:0;
    width: auto;
  }
}