/* ---------------------------------------------
Title    :   PureHype stylesheet
Author   :   Alvin (alvin@purehype.org)
Updated  :   06 Jun 2010
Copyright:   2009-2010, PureHype, All rights reserved
----------------------------------------------*/

body {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4c4c4c;
  padding: 0;
  margin: 0;
  background: #fff;
}

/* ---[links]-------------------------------- */
a {
  color: #2D66A9;
  text-decoration: none;
}

a:hover {
  color:#933;
}

a img {
  border: none;
}

.tags a {
  color: #909090;
}

.tags a:hover {
  color: #933 !important;
}


/* ---[common element]---------------------- */
abbr {
  text-decoration: none;
  border-bottom: none;
}

code {
  font-family: "Monaco", courier, monospace;
  font-size: 0.938em;
  color: #007601;
  text-align: left;
  letter-spacing: -.01em;
}

p {
  margin: 0 0 .8em;
  line-height: 1.480;
  font-size: 1.3em;
}

blockquote {
  color: #909090;
  line-height: 1.480;
  border-left: 2px solid #666;
  margin: .8em 0 .8em 1em;
  padding: 0 30px 0 10px;
  font-size: 1.3em;
}

h2 {
  font-size: 2em;
  font-family: "Palatino Linotype", Georgia, "Times New Roman", serif;
  padding: 0 0 .2em 0;
  margin: 0 0 0 1em;
}

h4 {
  font-size: 1.2em;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-style: normal;
}

/* --- [logo] ------------------------------- */
#header {
  background: #212121;
  padding: 0 5em;
  margin: 0;
}

#header .h-wrap {
  min-width: 940px;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}

#logo {
  background: #212121 url("/img/bg-logo.png") no-repeat 0 0;
  width: 187px;
  height: 73px;
  margin: 0;
}

#logo a {
  position: absolute;
  z-index: 0;
  border-width: 0;
}

#logo img {
  display: block;
  visibility: hidden;
}

/* --- [nav] -------------------------------- */
#nav ul {
  margin: 0;
  padding: 10px 0 20px 0;
  overflow: hidden;
}

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 20%;
}

#nav ul li#home {
  margin-left: 16%;
}
	
#nav ul li a {
  float: left;
  display: block;
  line-height: 1.539;
  padding: 0 10px 0px 10px;
  margin: 0;
  text-decoration: none;
  text-transform: lowercase;
  border: none;
  color: #979690;
  font-size: 1.3em;
}

#nav ul li a strong {
  display: block;
  line-height: 1.1;
  font-weight: bold;
  text-transform: none;
  color: #b2b2a9;
  font-size: 1.3em;
}
	
#nav li a:hover {
  color: #ebebeb;
}

#nav ul li a:hover strong {	
  color: #ebebeb;
}

#nav li.active a {
  color: #ebebeb;
  font-size: 1.3em;
}

#nav li.active a strong {
  color: #ebebeb;
}

/* ---[structure]--------------------------- */
#container {
  position: relative;
  width: 94em;
  min-width: 940px;
  margin: 0 auto;
  padding: 0 2em;
}

#whitespace {
  margin: 0 0 10px 0; 
  padding: 0 0 10px 0;
}

div.main {
  float: left;
  width: 70%;
  margin-left: 2em;
}

div.main h2 {
  margin: 0;
}

div.sidebar {
  float: right;
  width: 26.5%;
}

/* columns */
div.col {
  float: left;
  width: 100%;
  margin: 0;
  padding: 1.25em 0 0 0;
}

div.col-meta {
  float: left;
  width: 23%;
  text-align: left;
}

div.col-meta h3 {
  font-size: 1.45em;
  font-family: Georgia, serif;
  color: #393939;
  line-height: 1.5;
  margin: .1em .6em 0 0;
  padding: 0;
}

h3.entry-date span.date {
  float: left;
  width: 100%;
  line-height: 1;
  font-size: 1.2em;
  color: #909090;
  padding: 0 0 10px 0;
}

h3.entry-date span.date-day {
  line-height: 1;
}
	
h3.entry-date span.date-month {
  margin: 0;
}

h3.entry-date span.date-year { }

div.col-body {
  float: right;
  width: 73%;
  padding: 0;
  margin: 0;
}

div.col-body p {
  margin: 0 0 16px 0; /* in between paragraphs */
  padding: 0 30px 0 0; /* from the right */
  font-size: 1.25em;
  line-height: 1.539;
}

/* ---[entries]------------------------------ */
div.post blockquote p {
  font-size: 1em;
  margin: 0 0 16px 0; /* in between paragraphs */
  padding: 0 30px 0 0; /* from the right */
}

/* shows line after each entry */
div.post, div.link, div.archive {
  border-top: 1px solid #ceccc7;
}

div.sameday {
  border-top: none;
}

#container .post {	
  border-bottom: none;
}

div.post div.msg {
  font-family: Georgia;
  background: #fbffbe;
  margin: 0 1em 2em 1em;
  border: 1px dashed #aaa;
}

div.post div.msg li {
  padding: 4px 0;
  text-align: left;
  margin: 0;
}

div.post div.msg li.error {
  background: url('/img/icon-error.png') no-repeat 0 0;
  list-style: none;
  padding: 0 0 0 20px;
  margin: .5em;
}

div.post div.msg p {
  color: #444;
  font-size: 1.4em;
  padding: 20px;
  margin: 0;
}
	
/* Individual article title */
div.post h2 {
  float: right;
  font-family: Georgia, serif;
  font-size: 2em;
  font-weight: normal;
  width: 73%;
  margin: 0;
  padding-left: 25px;
  padding-bottom: 10px;
  background: url('/img/icon-article.png') no-repeat 0 0.215em;
  font-style: normal;
}

div.post h2 a {
  color: #4c4c4c;
}

div.post ol {
  margin: 0 0 .8em 2.5em;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.375;
}

div.post ul {
  margin: 0 0 .8em 2.5em;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.375
}

/* image styling */
div.post .left {
  color: #690000;
  float: left;
  margin: 4px 10px 4px 0;
  padding: 2px;
  border: 1px #ccc solid;
  width: auto;
  text-align: left;
}

div.post .right {
  color: #690000;
  float: right;
  margin: 4px 0 4px 10px;
  width: auto;
  padding: 2px;
  border: 1px #ccc solid;
  text-align: left;
}

/* message for images */
.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}

.imgteaser a {
	text-decoration: none;
	float: left;
	width: auto;
}

.imgteaser a:hover span.desc{
  display: block;
  font-size: 1.2em;
  background: #111;
  filter:alpha(opacity=60);
  opacity:.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
  color: #fff;
  position: absolute;
  bottom: .8em;
  left: 10px;
  padding: 6px 10px;
  margin: 0;
  width: 460px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.imgteaser a span.desc {
  display: none;
}

/* tags at end of article */
.tags {
  font-size: 1.25em;
  color: #393939;
  word-spacing: .3em;
}

.tags a:hover {
  color: #4C4C4C !important;
}

/* ---[archives]---------------------------- */
div.archive p {
  padding: 0 30px 0 0;
}

div.archive h2 {
  /*font-family: "Hoefler Text", "Palatino Linotype", Georgia, "Times New Roman", serif;*/
  font-family: "Helvetica", Verdana, Arial, sans-serif;
  margin: 1.8em 0 0 0;
  font-size: 1.4em;
}

div.archive h3 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
  margin: .1em 0 .2em 0;
  padding: 0;
}

div.archive span.emptymonth {
  color: #909090;
}

/* ---[links]------------------------------- */
div.link h2 {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.3em;
  line-height: 1.3;
  font-weight: bold;
  margin: 0 0 .2em 0;
  float: right;
  width: 73%;
  padding-left: 25px;
  background: url('/img/icon-link.png') no-repeat 0 0.215em;
}

div.link h2 a {
  color: #2D66A9;
  text-decoration:none;
}

div.link blockquote p {
  font-size: 1em;
  margin: 0 0 16px 0; /* in between paragraphs */
  padding: 0 30px 0 0; /* from the right */
}

div.link ol {
  margin: 0 0 .8em 2.5em;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.375;
}

div.link ul {
  margin: 0 0 .8em 2.5em;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.375
}

/* ---[comments]---------------------------- */
div.comment h2 {
  background: none;
  font-size: 1.0em;
  margin: .5em 0;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
}

div.comment blockquote {
  font-size: 1.1em;
  color: #444;
}

div.comment dl {
  margin: 0;
  padding: 0;
}

div.comment dd {
  font-size: 1.2em;
  line-height: 1.239;
}

div.comment div.col-meta img {
  float: left;
  width: 48px;
  margin: 0 10px 0 10px;
  padding: 3px;
  background: #dedede;
}
	
div.comment div.col-body {
  background: #cfe5ff;
  padding: 0;
  margin: 0;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}

div.comment div.comment-body {
  padding: 0 12px 0 12px;
  margin-bottom: -1em;
}

.comment-link {
  background: url('/img/icon-comment.png') no-repeat 0 100%;
  padding-left: 19px;
}

.rdtop div, .rdtop, .rdbot div, .rdbot, .rdtop-a div, .rdtop-a, .rdbot-a div, .rdbot-a {
  width: 100%;
  height: 10px;
}

.rdtop div  { background: url('/img/com-top-left.gif') no-repeat top left; padding: 0; margin: 0; }
.rdtop      { background: url('/img/com-top-right.gif') no-repeat top right; padding: 0; margin: 0; }
.rdbot div  { background: url('/img/com-bot-left.gif') no-repeat bottom left; padding: 0; margin: 0; }
.rdbot      { background: url('/img/com-bot-right.gif') no-repeat bottom right; padding: 0; margin: 0; }

/* author style */
div.c-author div.col-body { background: #cdffd1; }
.rdtop-a div { background: url('/img/com-a-topleft.gif') no-repeat top left; }
.rdtop-a { background: url('/img/com-a-topright.gif') no-repeat top right; }
.rdbot-a div { background: url('/img/com-a-botleft.gif') no-repeat bottom left; }
.rdbot-a { background: url('/img/com-a-botright.gif') no-repeat bottom right; }


/* ---[forms]-------------------------------- */
div.form {
  border: none;
  margin: 0 0 10px 0;
}

div.col-body form {
  margin: 0;
  padding: 0 ;
}

div.form div.col-meta {
  text-align: right;
  font-size: 1.2em;
  width: 25%; /* overrides main setting */
}

div.form div.col-meta h4 {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: normal;
  color: #933;
}

form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

form fieldset label {
  margin: 0;
  font-weight: bold;
  line-height: 1.2;
  text-align: right;
  color: #909090;
}
	
form fieldset div.txtfield input.txt {
  width: 97%;
  padding: 5px;
  font-size: 1.2em;
  color: #444;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
	
form fieldset div.txtfield textarea {
  width: 97%;
  padding: 5px;
  font-family: "Lucida Grande", serif;
  font-size: 1.2em;
  color: #444;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

form fieldset div.field select {
  width: 70%;
  padding: 3px;
  font-size: 1.1em;
  color: #444;
}

form fieldset div.txtfield input.txt:focus, 
form fieldset div.txtfield textarea:focus {
  border: 2px solid #4f81b9;
  background: #E3F2F9;
  outline-width: 0;
}
	
form div.submit input {
  padding: 8px;
  font-size: 1.4em;
  background: #dedede url('/img/bg-button.gif') repeat-x 0 0;
  border: 1px solid #8cacbb;
}

/* Contact form */
div.contact {
  margin: 0 0 2em 0;
  padding: 4px 0;
}

div.contact div.txtfield input.txt,
div.contact div.txtfield textarea {
  width: 68%;
  background: #fff;
}

div.contact div.note ul {
  list-style: none;
  padding: 0 10px 0 10px;
  margin: 0;
}

div.contact div.note li {
  padding: 4px 0;
  text-align: left;
  margin: 0;
}

div.contact div.note li.error {
  background: url('/img/icon-error.png') no-repeat 0 0;
  list-style: none;
  padding: 0 0 0 20px;
  margin: .5em;
}

/* search */
div.searchform {
  padding-bottom: 2em;
}

div.searchform div.txtfield input.txt {
  width: 70%;
  background: #fff;
}

div.searchform input.submit {
  padding: 2px;
  margin: 0 1em;
  font-size: 1.2em;
  background: #dedede url('/img/bg-button.gif') repeat-x 0 0;
  border: 1px solid #8cacbb;
}

/* ---[pagination]-------------------------- */
div.pagination {
  margin: 1em 0 4em 0;
}

div.pagination .prev {
  margin-left: 12.3em;
  float: left;
}
  
div.pagination .next {
  float: right;
  text-align: right;
  margin-right: 0.1em;
}

/* --- [sidebar]----------------------------- */
div.info {
  border-top: 1px solid #ceccc7;
  margin: 0;
  padding: 0;
}

div.info h3 {
  font-size: 1.2em;
  line-height: 1.539;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  margin: .6em 0 .2em 0;
  padding: 8px 0 0 0; /* top/left */
}

div.info p {
  font-size: 1.2em;
}

/* entry meta */
div.meta {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ceccc7;
}

div.meta dl {
  margin: 1.2em 0;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.539
}

div.meta dt {
  float: left;
  clear: left;
  margin: 0 0 .3em 0;
  width: 22%;
}

div.meta dd {
  clear: right;
  padding: 0 0 .3em 6em;
  margin: 0 0 .3em 0;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #dfdfdf
}

div.meta div.tag { word-spacing: .5em; line-height: 1.348 }

/* related post */
#sb-rel {
  margin: 0;
  padding: 0;
}

div.related h3 {
  font-size: 1.1em;
  line-height: 1.6;
  text-align: left;
  height: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  margin: .6em 0 0 0;
  padding: 8px 0 0 0; /* top/left */
}

div.related ul {
  margin: 0 0 2em 0;
  list-style: none;
  padding: 0;
  text-align: left;
  line-height: 1.729
}

div.related li a {
  background: url('/img/icon-article.png') no-repeat 0 0.375em;
  font-size: 1.2em;
  padding: 8px 0 0 26px; /* top/left */
}

div.related li a.links {
  background: url('/img/icon-link.png') no-repeat 0 0.325em;
  font-size: 1.2em;
  padding: 8px 0 0 26px; /* top/left */
}

/* tags */
div.info span.dim, div.archive span.dim {
  color: #909090;
}

div.info h3.r {
  letter-spacing: normal;
  text-transform: none;
}

/* twitter */
div.twitter {
  margin: 0;
  border-top: 1px solid #ceccc7;
}

div.twitter img {
  padding: 2px 0 2px 0;
  margin: 0 .8em 0 0;
}

div.twitter h3 {
  background: url('/img/icon-twitter.png') no-repeat 0 -2px;
  font-size: 1.1em;
  line-height: 1.6;
  text-align: left;
  height: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  margin: .6em 0 0 0;
  padding: 8px 0 0 30px; /* top/left */
}

div.twitter ul {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: left;
  list-style: none;
  font-size: 1.2em;
  line-height: 1.4;
}

div.twitter li {
  margin: 0 0 1em;
  text-indent: 0;
}

.twitter-timestamp {
  color: #a98;
  white-space: nowrap;
}

p.t-meta {
  text-align: right;
  font-size: 1.2em;
  margin: 0 0 .8em;
  padding: 0;
}

.t-meta a { color: #1B9ED2; }
.t-meta a:hover { color: #58E6F2 !important; }

/* last.fm */
div.playlist {
  margin: 0;
  border-top: 1px solid #ceccc7;
}

div.playlist h3 {
  background: url('/img/icon-music.png') no-repeat 0 -2px;
  font-size: 1.1em;
  line-height: 1.6;
  text-align: left;
  height: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  margin: .6em 0 0 0;
  padding: 8px 0 0 30px; /* top/left */
}

div.playlist ul {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: left;
  list-style: none;
  font-size: 1.1em;
  line-height: 1.539;
}

div.playlist li {
  margin: 0 0 .1em;
  text-indent: 0;
}

/* --- [feeds] ------------------------------ */
.feeds ul {
  list-style: none;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

.feeds li {
  text-transform: lowercase;
  line-height: 1.539;
  padding: 0;
  margin: 0;
}

.feeds a {
  background: url('/img/icon-rss.gif') no-repeat 0 0;
  padding-left: 20px;
}

/* --- [about] ------------------------------ */
div.about, div.author, div.site {
  border-top: 1px solid #ceccc7;
  padding: 10px 0;
  margin: 0 0 3em;
}

div.about p {
  margin: 0 0 16px 0; /* in between paragraphs */
  padding: 0 30px 0 0; /* from the right */
  font-size: 1.25em;
  line-height: 1.539;
}

div.about img {
  border: none;
}

div.about em {
  font-style: italic;
}

div.about p.thumb {
		position: relative;
		float: right;
		margin-right: 2em;
		padding-top: 12px;
		padding-bottom: 0;
		width: 150px;
}

div.about p.intro {
  display: block;
		position: relative;
		margin: .8em 0 1em 0;
		left: -20px;
		padding: 0 0 0 2em;
		font-size: 2.2em;
		font-family: "Hoefler Text", "Palatino Linotype", Georgia, "Times New Roman", serif;
}

/* thumbnails */
div.thumb img {
  border: 4px solid #d6d6d6;
}

div.thumb a {
  float: left;
  width: 208px;
  margin: 0.5em 2em 0 0;
}

div.thumb {
  float: left;
  width: 100%;
  margin-left: 2.5em;
  padding-bottom: 1em;
}

div.thumb span.caption {
  font-size: 0.9em;
}


/* --- [footer] ----------------------------- */
#footer {
  background: #eaeaea;
  float: left;
  width: 100%;
  margin: 0.8em 0 0;
  padding: 0 0 1em;
  border-bottom: .5em solid #292f31;
}

#footer .f-wrap {
  position: relative;
  width: 98em;
  min-width: 980px;
  max-width: 1000px;
  margin: 0 auto;
}

#footer .inner-wrap {
  padding-left: 1em;
  padding-top: 1em;
}

#footer .c-right .inner {
  padding-right: 1em;
  padding-top: 1em;
}

#footer .c-left {
  float: left;
  width: 42em;
}

#footer .c-left-main {
  float: left;
  width: 100%;
  margin: 0;
}

#footer .c-right {
  float: right;
  width: 48em;
}

#footer .c-right-main {
  float: right;
  width: 47%;
}

#footer .c-right-sub {
  float: left;
  width: 49%;
}

#footer h2 {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  border-top-color: #898480;
  margin: .5em 0 .769em;
  text-transform: uppercase;
  font-size: 1.15em;
  letter-spacing: 2px;
}

#footer p {
  font-size: 1.15em;
}

#footer ul {
  list-style: none;
  font-size: 1.15em;
  margin: 0;
  padding: 0;
}

#footer li {
  line-height: 1.539;
  padding: 0;
  margin: 0;
}


/* --------------------------------------------
   flickr
   The following classes were set by flickr
   badge and can't be changed.
   ------------------------------------------*/

/* Flickr images */
.flickr .b-ftext { color: #0063dc; }
.flickr .e-ftext { color: #ff0084; }

#flickr_badge_wrapper {
  padding: .5em 0 0 0;
}

.flickr_badge_image {
  float: left;
  margin: 0 2em 2em 0;
}

.flickr_badge_image img {
  display: block;
  max-width: 6em;
  max-height: 6em;
  border-style: none;
}

/* Elsewhere */
.elsewhere {
  padding-right: 2em;
}

.elsewhere ul {
  list-style: none;
}

#footer-text {
  float: left;
  width: 100%;
  padding-left: 1em;
  position: relative;
}

#footer-text p {
  margin: 1em 0;
  padding: 0.333em 0 0;
  border-top: 1px solid #ceccc7;
  font-size: 1.15em;
  line-height:1.667;
  }

/* self clearing float */
.clear:after {
  content: "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}