/*
Theme Name:     Block Pastel
Description:    Blocks of bright color and pastels.
Author:         Sarah Vessels
Author URI:     http://3till7.net/
*/

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: black; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


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

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 85%; }

code,
pre,
div.synthi_code { font-family: "Andale Mono", "Liberation Mono", "Courier New", monospace; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,
div.lesser-content h2 { font-family: "Helvetica Neue", "Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  margin-bottom: 0.75em;
}

h1 {
font-size: 218%;
}

h2 {
font-size: 164%;
}

h3 {
font-size: 145%;
}

h4,
ul#nav,
h2.synthi_header {
font-size: 118%;
}

h1 { line-height: 1; }
h3 { line-height: 1; }
h4,
h2.synthi_header { line-height: 1.25; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

p.copyright {
  color: white;
  font-size: 110%;
  position: absolute;
  bottom: 16px;
}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre { margin: 1.5em 0; white-space: pre; }
pre, tt { font: 1em; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { /* For pretty ampersands */
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}


/* Layout structure, text
-------------------------------------------------------------- */
a img { border: 0; }

blockquote {
  margin: 0.665em 0 1.33em 0.5in;
  padding: 0;
}

blockquote.with_quotation { text-indent: -0.3em; }

code,
pre {
  font-size: 100%;
  line-height: 1.3;
}

div#about-blurb p {
  font-size: 120%;
}

div.comment_text p:first-child { margin-top: 0; }
div.comment_text p:last-child { margin-bottom: 0; }

div#container {
  position: relative;
  margin: 8px auto 0 auto;
  overflow: hidden;
  width: 1056px;
}

div#content {
  float: left;
  width: 824px;
  overflow: hidden;
  margin-bottom: 16px;
  margin-right: 16px;
}

div#footer {
  width: 624px;
  overflow: hidden;
  position: relative;
  height: 128px;
  padding: 32px 8px 0 32px;
}

div.footer-spacer {
  margin-top: 16px;
  float: left;
  width: 200px;
  height: 128px;
}

div#header {
  width: 624px;
  height: 156px;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}

  div#header a#logo {
    line-height: 1;
    display: block;
    position: absolute;
    bottom: 16px;
    margin-left: 32px;
  }

    div#header span.intro { font-size: 2em; }
    div#header span.name { font-size: 4em; }

  div#header a#logo:hover { text-decoration: none; }

  div#header a.rss {
    width: 20px;
    top: 16px;
    height: 20px;
    display: block;
    position: relative;
    float: right;
    margin-right: 16px;
  }

    div#header a.rss span { display: none; }

div.header-spacer {
  width: 200px;
  height: 160px;
  float: left;
}

div.nav-spacer {
  width: 200px;
  height: 10px;
  float: left;
}

div.photo {
  position: relative;
  font-size: 0.9em;
  line-height: 1.3;
	margin: 0 auto 1.5em auto;
	padding: 4px;
}

div.photo.inline {
  display: inline-block;
  margin-right: 1em;
  vertical-align: top;
}

div.photo.left {
  float: left;
  margin-right: 10px;
}
  
div.photo.right {
  float: right;
  margin-left: 10px;
}

div.post.github blockquote {
  padding: 0.3em 0.6em;
  margin: 0 0 1.5em 0;
}

div.post.github p,
div.post.pandora p {
  display: inline;
  margin: 0;
}

div.post.github ul {
  margin: 1.5em 0 0 0;
  padding: 0;
  list-style: none;
}

div.post-meta,
.space_below,
div.post.twitter,
div.post.github,
div.post.delicious,
div.post.page,
div.post.stack-overflow,
div.post.pandora,
div.post.flickr,
div.post.colourlovers,
h2.post-title.overall,
h2.post-title.space_below,
h3.post-title,
h3.post-title.category,
h3.post-title.description { margin-bottom: 16px; }

div.post.pandora table {
  margin: 0 32px -8px 0;
  padding: 0;
  border-collapse: collapse;
}

div.post.twitter p,
div.post.delicious p,
div.post.colourlovers p {
  margin: 0;
  font-size: 130%;
}

div.post.twitter p.notes,
div.post.delicious p.notes { font-size: 80%; }

div.post {
  padding: 8px;
  float: right;
  position: relative;
  width: 608px;
}

  div.post a { text-decoration: underline; }
  div.post a:hover { text-decoration: none; }

  div.post p:last-child { margin-bottom: 0; }
  
  div.post ul.inline li,
  div.post ul.wp-tag-cloud li,
  ul.inline.comma li {
    margin: 0;
  }
  
  div.post ul.inline li:after,
  div.post ul.wp-tag-cloud li:after,
  ul.inline.comma li:after { content: ", "; }
  
  div.post ul.inline li:last-child:after,
  div.post ul.wp-tag-cloud li:last-child:after,
  ul.inline.comma li:last-child:after { content: "."; }
  
  div.post ul.inline li:last-child:before,
  div.post ul.wp-tag-cloud li:last-child:before,
  ul.inline.comma li:last-child:before { content: " and "; }
  
  div.post ul.inline li.no-trailer:after,
  div.post ul.wp-tag-cloud li.no-trailer:after,
  ul.inline.comma li.no-trailer:after { content: " "; }

/* cheshire137 posted a photo: */
div.post.flickr p:first-of-type { display: none; }

/* Photo */
div.post.flickr p:nth-of-type(2) {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}

/* Photo description */
div.post.flickr p:nth-of-type(3) {
}

div.post-label {
  float: left;
  font-size: 150%;
  letter-spacing: 0.1em;
  position: relative;
  overflow: hidden;
  font-style: italic;
  text-transform: lowercase;
  width: 200px;
  top: 8px;
}

  div.post-label a {
    text-decoration: none;
    padding: 0 8px 0 10px;
    width: 100%;
    display: block;
  }
  
    div.post-label a span {
      width: 100%;
      padding: 0 0 0 8px;
      height: 100%;
      display: block;
    }
  
  div.post-label a:hover { text-decoration: none; }

div.post-meta {
  padding: 8px;
  margin-top: 0;
  width: 608px;
  float: right;
}

  div.post-meta ul { margin: 0; }

div.post-wrapper,
div.header-wrapper,
div.footer-wrapper,
div.nav-wrapper {
  width: 100%;
}

div.footer-wrapper { width: 624px; }

div.post-wrapper { clear: both; }

div#sidebar {
  float: right;
  width: 200px;
  margin-bottom: 16px;
  line-height: 1.3;
  overflow: hidden;
  font-size: 80%;
  padding: 8px;
}

  div#sidebar *:first-child { margin-top: 0; }
  div#sidebar *:last-child { margin-bottom: 0; }

  div#sidebar h2 {
    font-weight: normal;
    margin: 0 0 0.665em 0;
    font-size: 130%;
  }
  
  div#sidebar input { border: none; }
  
  div#sidebar ul {
    margin: 0 0 1.33em 0;
    padding: 0;
    list-style: none;
  }
  
    div#sidebar ul li { list-style-image: none; }

div.synthi_code {
  margin: 1em 0 1.33em 0;
}

  div.synthi_code *:first-child { margin-top: 0; }
  div.synthi_code *:last-child { margin-bottom: 0; }

form {
  margin: 0;
  padding: 0;
}

  form fieldset {
    border: none;
    padding: 0;
    margin: 0;
  }
  
    form fieldset label {
      display: inline-block;
      line-height: 1.8;
      vertical-align: top;
      width: 6.5em;
    }
    
    form fieldset ol {
      margin: 0;
      padding: 0;
    }
    
      form fieldset ol li {
        list-style: none;
        padding: 5px;
        margin: 0;
      }

form#searchform {
  margin: 0 0 1.5em 0;
}

  form#searchform label { display: none; }

h1 a:hover,
h2 a:hover,
h3 a:hover { text-decoration: none; }

h2.post-title,
h3.post-title {
  padding: 0.2em 8px;
  line-height: 1.3;
  font-weight: normal;
  margin: 0;
  width: 608px;
  float: right;
}

  h2.post-title span.date {
  	text-transform: uppercase;
  	float: right;
  	opacity: 0.25;
  	font-weight: normal;
  }

h2.post-title.overall.archive.category,
h2.post-title.overall.archive.tag { margin-bottom: 0; }

h3.post-title {
  font-size: 1.1em;
  line-height: 1.2;
  font-style: italic;
  text-indent: 0.3in;
}

  h3.post-title p {
    margin: 0;
    display: inline;
  }

hr {
  margin: 0;
  width: 624px;
  float: right;
  padding: 0;
  border: none;
  border-top: 16px solid;
}

hr.header { border-top-width: 8px; }

img.avatar.photo {
  border: none;
  float: left;
  margin-right: 10px;
  margin-bottom: 0.665em;
}

input,
textarea,
select {
  font-size: 100%;
  line-height: 1.1;
}

input[type=text],
textarea,
input[type=password] {
	 padding-left: 0.2em;
	padding-right: 0.2em;
}

li.delicious-post {
  padding: 0.2em 4px;
}

p.notes {
  margin: 0;
  font-size: 90%;
  padding-top: 4px;
}

p.notes.stack-overflow { padding-top: 0; }

pre {
  width: 100%;
  overflow: auto;
}

small { font-size: 0.8em; }

.space_above { margin-top: 16px; }

span.author {
  font-variant: small-caps;
  font-size: 1.2em;
}

span.large {
  font-size: 240%;
  float: left;
  margin-right: 0.2em;
  line-height: 1;
}

span.quote_text {}

span.campaign-meta {
  font-size: 90%;
  display: block;
  margin-top: 8px;
  text-align: right;
  width: 100%;
}

span.social {
  float: right;
  text-align: right;
  line-height: 1.1;
  margin-left: 10px;
  font-size: 90%;
}

span.social a {
  width: 32px;
  height: 32px;
  display: block;
  background-repeat: no-repeat;
  background-position: right top;
}

span.social img.photo {
  border: none;
  background-color: transparent;
  padding: 0;
}

span.social a span { display: none; }

span.social.avatar {
  width: 32px;
  height: 32px;
  display: block;
  padding: 4px;
}

table {
  margin: 0.665em 0 1.33em 0;
  padding: 0;
  border-collapse: collapse;
}

  table td,
  table th {
    text-align: left;
    vertical-align: top;
    padding: 0 0.3em 0.665em 0;
  }
  
  table th {
    font-weight: normal;
  }

ul {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 1.5em;
}

  ul li ul { margin-bottom: 0; }

ul.inline,
ul.wp-tag-cloud {
  padding: 0;
  list-style-image: none;
}

  ul.inline li,
  ul.wp-tag-cloud li,
  div.post-meta ul.inline li {
    display: inline;
    margin: 0 1.5em 0 0;
    padding: 0;
    list-style-image: none;
  }
  
  ul.inline li:last-child,
  ul.wp-tag-cloud li:last-child { margin-right: 0; }

ul#nav {
  margin: 8px 0;
  width: 624px;
  float: right;
  text-align: center;
  text-transform: uppercase;
}

  ul#nav li a {
    padding-top: 4px;
  }
  
  ul#nav li a:hover { text-decoration: none; }

ul.padded li,
ul.padding li,
ol.padded li,
ol.padding li,
dl.padded dd,
dl.padding dd { margin-bottom: 0.75em; }

ul#recent_entries span.date {
  float: right;
  padding-left: 10px;
}

ul.wp-tag-cloud {
  line-height: 1;
}

.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .pages { padding-right: 5px; }
.wp-pagenavi .current { font-weight: bold; }

/* Colors and images
-------------------------------------------------------------- */
a { text-decoration: none; }
a:link { color: #038678; }
a:visited, a:active { color: #edaf0e; }
a:hover {
  color: #494949;
  text-decoration: underline;
}

a.delicious { background-image: url('/wp-images/social-media-icons/delicious-32x32.png'); }

a.flickr { background-image: url('/wp-images/social-media-icons/flickr-32x32.png'); }

a.github { background-image: url('/wp-images/social-media-icons/github-32x32.png'); }

a.pandora { background-image: url('/wp-images/social-media-icons/pandora-32x32.png'); }

a.stack-overflow {
  background-image: url('/wp-images/social-media-icons/stack_overflow-32x32.jpg');
  border: 1px solid #2d5b21;
}

a.twitter { background-image: url('/wp-images/social-media-icons/twitter-32x32.png'); }

body {
  background: black url('images/swirls.jpg') no-repeat -1774px -994px;
  color: #303030;
}

div#content {
  background: url('images/container_bg.gif') repeat-y right top;
}

div#footer {
  background: url('images/footer.png') no-repeat left top;
}

  div#footer a { color: #595700; }

div#header {
  background-color: #14a596;
  border-top: 16px solid #7bca99;
}

  div#header span.intro { color: #74E8DC; }
  div#header span.name { color: white; }

  div#header a.rss { background: url('images/rss.png') no-repeat left top; }
  
div.photo {
  border: 1px solid #f3bf13;
}
  
  div.photo a { color: inherit; }

div.post {
  background-color: white;
  border-top: 8px solid #edaf0e;
}

div.post.colourlovers {
  border-top-color: #9cc8ad;
  background-color: #76b69a;
}

  div.post.colourlovers p img { border: none !important; }

div.post.comment {
  border-top-color: #7cc217;
}

div.post.comment.admin {
  background-color: #0d9a8b;
  border-top-color: #6f0386;
}

div.post.comment.admin,
div.post.comment.admin p.notes { color: white; }

  div.post.comment.admin a { color: #52e3d4; }

div.post.delicious {
  background-color: #14a596;
  border-top-color: #7b0386;
}

  div.post.delicious a {
    color: #9fe7bb;
    font-size: 130%;
  }
  
  div.post.delicious p.notes { color: white; }
  
    div.post.delicious p.notes a { font-size: 100%; }

div.post.dreams {
  background-color: #9adcda;
  border-top-color: #14a596;
}

div.post.flickr {
  border-top-color: #0d9a8b;
  background-color: #ca7bb8;
}

  div.post.flickr a { color: #600f4e; }
  
  div.post.flickr img {
    border: 1px solid #600f4e;
    padding: 4px;
    background-color: #0d9a8b;
  }

div.post.nightmares {
  background-color: #cc8ee6;
  border-top-color: #8e52d2;
}
    
div.post.pandora {
  background-color: #145ca5;
  border-top-color: #14a596;
  color: black;
}

  div.post.pandora a { color: #28c0d2; }

div.post.ruby {
  border-top-color: #a51414;
  background-color: white;
}

  div.post.ruby div.synthi_code {
    border: 1px solid #c0c0c0;
    padding: 8px;
  }

div.post.stack-overflow {
  border-top-color: #ed520e;
  background-color: #a7d255;
}

  div.post.stack-overflow a { color: #2f8318; }
  
  div.post.stack-overflow p.notes { color: #597751; }

div.post.twitter {
  background-color: #a7dfe1;
  border-top-color: #ed6c0e;
}

  div.post.twitter a { color: #038678; }
  
div.post-label a {
  background: url('images/corners.gif') no-repeat 0 0;
  color: #404040;
}

  div.post-label a span {
    background: url('images/label_span_bgs.gif') repeat-y 0 0;
  }

div.post-label a:hover {
  background-position: -200px 0;
  color: #6d841f;
}

  div.post-label a:hover span {
    background-position: inherit;
  }
  
div.post-label.colourlovers a:hover {
  background-position: -1000px 0;
  color: #0d7688;
}

div.post-label.delicious a:hover {
  background-position: -400px 0;
  color: #621f84;
}

div.post-label.flickr a:hover {
  background-position: -800px 0;
  color: #1f847c;
}

div.post-label.twitter a:hover {
  background-position: -600px 0;
  color: #84431f;
}

div.post-label.page {
  background-image: none;
  background-color: transparent;
  color: inherit;
}

div.post-meta.nightmares { color: #5595b0; }

div#sidebar {
  background-color: #202020;
  color: #767676;
}
  
  div#sidebar input {
    background-color: #303030;
    color: #767676;
  }
  
    div#sidebar ul li a { color: #4e7c77; }

h2.post-title,
div.post-meta {
  background-color: #c2bd17;
  color: #555307;
}

  h2.post-title a,
  div#footer,
  div.post-meta a,
  h2.post-title { color: #757200; }
  
h2.post-title.colourlovers {
  background-color: #17a8c2;
  color: #005665;
}

  h2.post-title.colourlovers a { color: #096373; }
  
h2.post-title.comment-author {
  background-color: #c28017;
  color: #e0c337;
}

  h2.post-title.comment-author a { color: #eacd43; }

h2.post-title.comment-author.admin {
  background-color: #7bca99;
  color: #1f7c42;
}

  h2.post-title.comment-author.admin a { color: #126531; }

h2.post-title.dreams,
div.post-meta.dreams {
  background-color: #a6de46;
}

  h2.post-title.dreams,
  h2.post-title.dreams a,
  div.post-meta.dreams a { color: #006338; }
  
h2.post-title.flickr {
  background-color: #7bca99;
}

  h2.post-title.flickr a,
  h2.post-title.flickr { color: #146f37; }

h2.post-title.nightmares,
div.post-meta.nightmares {
  background-color: #035f86;
}

  h2.post-title.nightmares,
  h2.post-title.nightmares a,
  div.post-meta.nightmares a { color: #002d40; }

h2.post-title.ruby,
div.post-meta.ruby {
  background-color: #9a0d0d;
  color: #b45151;
}

  h2.post-title.ruby a,
  div.post-meta.ruby a { color: #cc6b6b; }

h2.post-title.stack-overflow {
  background-color: #74a514;
}

  h2.post-title.stack-overflow a,
  h2.post-title.stack-overflow { color: #375400; }

h3.post-title {
  background-color: #555307;
  color: #c2bd17;
}

hr { border-top-color: #f3bf13; }

hr.colourlovers { border-top-color: #174bc2; }

hr.comment { border-top-color: #c2bd17; }

hr.comment.admin { border-top-color: #ab52e3; }

hr.delicious { border-top-color: #c07bca; }

hr.dreams { border-top-color: #84c217; };

hr.flickr { border-top-color: #eb469f; }

hr.header { border-top-color: #038678; }

hr.nightmares { border-top-color: #1474a5; }

hr.ruby { border-top-color: #ed0e0e; }

hr.stack-overflow { border-top-color: #eaf137; }

hr.twitter { border-top-color: #da3838; }

input,
textarea,
select {
  background-color: white;
  color: black;
  border: 1px solid #14a596;
}

li.delicious-post,
li.delicious-post:hover {
  list-style-image: none;
}

li.delicious-post {
  border-bottom: 1px solid #c2bd17;
}

li.delicious-post:last-child { border-bottom: none; }

li.delicious-post.delicious-odd {
  background-color: #efec7f;
}

p.notes { color: #707070; }

span.large { color: #7e7b07; }

span.social.avatar {
  border: 1px solid #c28017;
  background-color: #c2bd17;
}

span.social.avatar.admin {
  border-color: #6f0386;
  background-color: #ab52e3;
}

ul li { list-style-image: url('images/bull.gif'); }

ul li:hover { list-style-image: url('images/bull-hover.gif'); }

ul#nav li a { color: #14a596; }

ul#nav li a:hover {
  color: #f3bf13;
  border-top: 4px solid #303030;
}