/*
Theme Name: Velvet Howler
Theme URI: http://www.velvethowler.com/
Version: 8.0b
Description: Latest version of the Velvet Howler
Author: Bryan Klausmeyer
Author URI: http://www.ivystreet.net
*/

@import "shadowbox/shadowbox.css";

/* basic page elements
---------------------------------------------------------- */

* { padding: 0; margin: 0; }

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: 62.5%;
	color: #4d5b66;
	text-align: center;
	min-width: 90em;
	background: #f8f8f8;
	}

a, a:link, a:visited { text-decoration: none; color: #a01b1e; }
a:hover { color: #5e191a; }

a em {
	padding-bottom: 2px;
	}

p {
	font-size: 1.3em;
	margin: 0;
	line-height: 1.6em;
	text-align: left;
}

p + p { padding-top: 1em; }
p + p.metadata { padding-top: 0.25em !important; }
p + h2 { margin: 1.5em 0 0.5em 0 !important; }

h1 { margin: -3px 0 0.5em 0; font-size: 2.2em; font-weight: bold; }
h1 span.random-quote { color: #798792; font-weight: normal !important; }

h2 { font-size: 1.3em; margin: 0 0 5px 0; clear: both; }
h2 a { color: #a01b1e; }
h2 a:hover { color: #5e191a; }

small a,
small a:link
small a:visited {
	color: #798792 !important;
	border-bottom: 2px solid #e1e6e6;
	padding-bottom: 2px;
	font-weight: normal !important;
}

small a:hover {
	color: #798792;
	border-bottom: 2px solid #d2dbdb;
}

form {
	margin: 0 0 -13px 0;
	padding: 0;
}

input[type=text],
textarea {
	padding: 0.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	border: 1px solid #e1e6e6;
	margin-right: 1em;
	color: #4d5b66;
}

textarea { width: 28em !important; font-size: 1.25em !important; }

input#s { width: 16em; margin-right: 1em; }

pre {
	border-top: 1px dashed #e1e6e6;
	border-bottom: 1px dashed #e1e6e6;
	padding: 1em 1em;
	margin: 0.5em 0 2em 0;
	white-space: normal;
	color: #4d5b66;
	}

code {
	font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
	font-size: 10px;
	}

hr {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	width: 50%;
	height: 0px;
	border: none 0;
	border-bottom: 2px solid #e1e6e6;
	text-align: center;
}

div.clear { clear: both; line-height: 0; height: 0; }

span.amp {
	font-size: 120% !important;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif !important;
	font-style: italic !important;
	text-transform: none;
	font-weight: normal !important;
	}

/* header
---------------------------------------------------------- */

#header {
	width: 100%;
	background: #a01b1e;
	margin-bottom: 2em;
	text-align: left;
}


/* home */


#home {
	width: 94em;
	padding: 0 2em;
	display: block;
	clear: both;
	margin: 0 auto;
}

#home a {
	display: block;
	width: 14em;
	height: 6em;
	padding: 1.5em 0;
	background: url(images/home.png) no-repeat center left;
}

#home a:hover span, #home a span { display: none; }

/* nav */

#nav {
	width: 100%;
	background: #8e171a;
}

#nav ul {
	width: 94em;
	padding: 0 2em;
	margin: 0 auto;
	list-style: none;
	color: #ff0000;
	clear: both;
}

#nav ul li {
	display: inline;
	text-transform: lowercase;
	width: 14em;
	margin: 0 2em 0 0;
	float: left;
}

#nav ul li a {
	color: #d3a4a5;
	display: block;
	text-align: left;
	height: 5.5em;
	padding: 2em 0 0 0;
	-webkit-transition: color .3s linear;
}

#nav ul li a strong { font-size: 1.7em; }

#nav ul li a:hover,
#nav ul li.current a {
	color: #fff;
}

#nav ul li a small {
	display: block;
	font-weight: normal !important;
	color: #b36365;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-size: 1.3em;
	-webkit-transition: color .3s linear;
}

#nav ul li a:hover small,
#nav ul li.current a small {
	color: #c88e90;
}

#nav ul li.twitter a {
	background-color: #d3a4a5;
	padding: 0 !important;
	height: 7.5em;
	-webkit-transition: background-color .3s linear;
}

#nav ul li.twitter a img {
	width: 14em;
	height: 7.5em;
	border: 0 !important;
}

#nav ul li.twitter a:hover {
	background-color: #fff;
}

#nav ul li.twitter a span {
	display: block;
	background: url(images/twitter.png) no-repeat top left;
	width: 14em;
	height: 7.5em;
	border: 0 !important;
}

#nav ul li.twitter strong,
#nav ul li.twitter small {
	display: none;
}

#nav ul li.admin { margin-left: 8em; }

/* * * */

#container {
	width: 94em;
	margin: 0 auto;
}

#container h1 { margin-top: 1.3em; font-size: 2.3em; color: #394751; text-transform: lowercase; }
#container h1 span.process-bullet { font-size: 75%; }

/* content
---------------------------------------------------------- */

#content {
	width: 94em;
	padding: 0 2em;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

#left {
	float: left;
	width: 70em;
	margin-right: 2em;
}

/* modules */

div.mod {
	padding-top: 1.5em;
	clear: both;
	border-top: 1px solid #e1e6e6;
}

div.page { clear: none !important; float: left; margin-right: 2em; }
div.end { margin-right: 0em !important; }

div.col1 { width: 14em; }
div.col2 { width: 30em; }
div.col3 { width: 46em; }
div.col4 { width: 54em; }

div.colgroup1 { width: 30em; margin-right: 2em; float: left; }
div.colgroup2 { width: 30em; margin-right: 2em; float: left; }
div.colgroup3 { width: 30em; float: left; }

div.col1 p,
div.col2 p { text-align: left !important; }

div.col2 form { margin-bottom: 0.5em; }

div.col2 p img,
#right p img {
	border: 0 !important;
	float: right;
	margin: 0.5em 1em 0.5em 1em !important;
	
}

div.col2 span.all { font-weight: normal !important; }

div.col2 div.mod-body p img,
div.col2 div.mod-body p object {
	max-width: 23em !important;
	border: 0 !important;
	width: 40%;
}

div.col2 div.mod-body p object { height: 40%; }

div.col2 div.writer {
	float: left;
	width: 9em !important;
	margin-right: 1em;
	height: 12em;
}

div.col2 div.writer a { display: block; text-align: center; }
div.col2 div.writer a span { display: block; }
div.col2 div.writer a img { float: none !important; }

div.col2 div.mod-body p img.center { margin: 0 auto 1em auto !important; padding: 0 !important; width: 100% !important; }

div.page div.mod-body {
	width: 100%;
	padding: 0;
}

div.mod-meta {
	float: left;
	width: 14em;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #798792;
}

div.mod-meta h3 {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: lowercase;
}

div.mod-meta h3 a { color: #798792; }
div.mod-meta h3 a:hover { color: #394751; }

div.mod-meta h3 + p { margin-top: 1.5em; }

div.mod-meta h3 span.day { font-size: 18px; margin-right: 2px; line-height: 13px; }

div.sameday { border: 0 !important; }

div.mod-body {
	float: right;
	width: 46em;
	margin-bottom: 2em;
	padding-left: 2em;
	padding-right: 8em;
}

div.link div.mod-body {
	background: url(images/posts/link.gif) no-repeat left 0.3em;
}

div.entry div.mod-body {
	background: url(images/posts/entry.gif) no-repeat left 0.3em;
}

div.mod-body p a:visited {
	border-bottom: 1px dashed #d2dbdb;
}

div.mod-body h2 { color: #394751; }
div.mod-body p strong { color: #394751; }

div.mod-body small {
	display: block;
	margin: 0 0 1em 0;
	color: #798792;
	font-size: 1.2em;
}

div.mod-body p span.lc { text-transform: lowercase; }

div.mod-body p img {
	max-width: 35em !important;
	margin: 0.25em 1em 0.5em 1em;
}

div.mod-body p img.center {
	text-align: center;
	display: block;
	margin: 0 auto 1em auto;
}

p + p img.center {
	margin-top: 1em !important;
}

div.mod-body p object,
div.mod-body p embed {
	width: 35em !important;
	margin: 0 auto 1em auto;
	text-align: center;
	display: block;
	clear: both;
}

div.mod-body p object#audioplayer1,
div.mod-body p object#audioplayer2,
div.mod-body p object#audioplayer3,
div.mod-body p object#audioplayer4,
div.mod-body p object#audioplayer5 {
	width: 25em !important;
	height: 2.4em !important;
	border: 0 !important;
}

h2 + blockquote,
h2 + p img,
h2 + p object,
h2 + p embed {
	margin-top: 1.2em !important;
}

p object + p object,
p embed + p embed {
	margin-top: 0 !important;
}

div.mod-body p span.center {
	color: #798792;
	text-align: center;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	display: block;
	line-height: 1.5em;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

div.mod-body p span.left {
	color: #798792;
	float: left;
	max-width: 10em;
	margin: 0.35em 1em 0.35em 1em;
	font-size: 1.2em;
	display: block;
	line-height: 1.5em;
	text-align: left;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

div.mod-body p span.right {
	color: #798792;
	float: right;
	text-align: right;
	max-width: 10em;
	margin: 0.35em 1em 0.35em 1em;
	font-size: 1.2em;
	display: block;
	line-height: 1.5em;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

div.mod-body p span img {
	color: #798792;
	max-width: 100%;
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 1em;
	display: block;
}

div.mod-body p span.quote { text-align: right; display: block; margin: 0 0 0.5em 0; }

div.quote div.mod-body blockquote {
	margin: 0 !important;
}

div.mod-body sup {
	line-height: normal;
}

div.mod-body sup a {
	color: #798792;
	padding: 0 2px;
	border-bottom: 1px solid #e1e6e6;
}

div.mod-body sup a:hover {
	color: #798792;
}

div.mod-body blockquote {
	margin: 0 0 1.5em .5em;
	padding: 0 0 0 1em;
	border-left: 5px solid #e1e6e6;
	color: #798792;
}

div.mod-body blockquote strong { color: #4d5b66; }

p + blockquote,
p + pre { margin-top: 1.5em !important; }

ul + blockquote {
	margin-top: -0.5em !important;
}

div.mod-body ul,
div.mod-body ol {
	margin: 0;
	padding: 0.25em 1.5em 1em 0;
	font-size: 1.3em;
}

div.mod-body ul li {
	margin-bottom: 0.5em;
	padding-left: 2em;
	list-style: none;
	background: url(images/bullet-hov.png) no-repeat 0 0.4em;
	line-height: 1.5em;
}

div.mod-body ol li {
	margin-left: 2em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

div.mod-body li p {
	font-size: 1em !important;
	margin: 0;
	padding: 0;
}

p + ul,
p + ol {
	margin-top: 1em !important;
}

div.mod-body blockquote img[src^="http://stats.wordpress.com"] { display: none !important; }

/* metadata */

p.metadata {
	text-transform: lowercase;
	text-align: left !important;
	color: #798792;
}

p.metadata a { color: #b36365; }

p.metadata a.author,
p.metadata a.permalink {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: lowercase;
	border-bottom: 0 !important;
	font-weight: bold;
}

p.metadata a.permalink { font-weight: normal; }

p.metadata a:hover {
	border-bottom: 0 !important;
	color: #a01b1e !important;
}


p.metadata a.links-permalink { background: url('images/posts/link.gif') no-repeat left 50%; padding-left: 1.2em; }

div.mod-body span.edit {
	font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
	font-size: 10px;
}

div.mod-body span.edit a { color: #798792 !important; border: 0 !important; }
div.mod-body span.edit a:hover { color: #4d5b66 !important; background: none !important }


/* footnotes */

div.mod-body ol.footnotes {
	border-top: 1px dashed #e1e6e6;
	font-size: 1.1em;
	padding: 1.5em 0 0 15px;
	margin: 1em 0 3em 0;
	color: #777;
}

div.mod-body ol.footnotes li {
	margin: 0 0 10px 0;
	line-height: 17px;
}

div.mod-body ol.footnotes li a {
	color: #aaa;
	border-bottom: 1px solid #e1e6e6;
	padding-bottom: 2px;
}

div.mod-body ol.footnotes li a:hover {
	color: #777;
	border-bottom: 1px solid #aaa;
}

/* archive */

div.paged {
	border-top: 3px solid #e1e6e6 !important;
	margin-top: 1.5em !important;
}

div.paged p { clear: both; text-transform: lowercase; }

div.paged span.previous {
	display: block;
	float: right;
}

h2.header + ul.archive-biglist { margin-top: 1.75em !important; }

ul.archive-biglist { margin-bottom: 3.5em !important; }

ul.archive-biglist li {
	line-height: 150%;
	padding-left: 2em !important;
	text-indent: -2em !important;
}

ul.archive-biglist li span.timestamp {
	margin-left: 0.5em !important;
	font-size: 0.85em;
}

/* sidebar
---------------------------------------------------------- */

#right {
	float: right;
	margin-left: 0;
	width: 22em;
}

#right div.widget {
	border-top: 1px solid #e1e6e6;
	padding-top: 1.5em;
	margin-bottom: 3em;
}

div.widget + div.widget { margin-bottom: 0 !important; }

#right div.widget p { text-align: left !important; margin-bottom: 0; }
#right div.widget p span.timestamp { color: #798792; text-transform: lowercase; }
#right div.widget p a.recentlinks { font-weight: bold; }
#right div.widget p a.entries { background: url('images/posts/entry.gif') no-repeat left 50%; padding-left: 1.2em; }
#right div.widget p a.links { background: url('images/posts/link.gif') no-repeat left 50%; padding-left: 1.2em; }

#right h2,
div.page h2.header {
	text-transform: lowercase;
	color: #798792;
	margin: 0;
	font-weight: bold;
	margin-bottom: 1em;
}

#right p,
div.col1 p { margin: 0 0 1.5em 0; }

#right ul,
div.col1 ul,
div.col4 ul,
div.entries ul,
#footer ul {
	list-style: none;
	margin-bottom: 3em;
}

#right ul li,
div.col1 ul li,
div.col4 ul li,
div.entries ul li,
#footer ul li {
	margin-top: 0.7em;
	white-space: normal;
	overflow: hidden;
	font-size: 1.3em !important;
	padding-left: 1em;
	text-indent: -1em;
}

div.col4 ul li a.permalink { background: url('images/posts/entry.gif') no-repeat left top; padding-left: 1.3em; }

span.timestamp,
#right span.twitter-timestamp {
	color: #798792;
	text-transform: lowercase;
}

ul.archive li, ul.wp-tag-cloud li { text-transform: lowercase; }

#right input[type=text] {
	width: 10em !important;
} 

/* twitter */

#right ul.twitter li {
	margin-top: 1em;
	line-height: 1.6em;
	padding-left: 0 !important;
	text-indent: 0 !important;
}

/* * * */


/* flickr */

#flickr_wrapper {
  margin-right:-2em;
  padding-top:.4em;
  }
.flickr {
  float:left;
  margin:0 2em 2em 0;
  }
.flickr img {
  display:block;
  width:6em  !important;
  height:6em !important;
  border-style:none;
  }

/* * * */

/* google reader */

div.reader-publisher-module { }
div.reader-publisher-module div.s { display: inline; margin-left: 0.4em; }
div.reader-publisher-module div.f { display: none; }

/* * * */

/* footer
---------------------------------------------------------- */

#footer {
	background: #f1f2f2;
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0 0 4.5em 0;
}

#footer h2 { margin-top: 1.5em; color: #798792; margin-bottom: 1em; }

#footer div.container {
	width: 94em;
	margin: 1em auto 0 auto;
	padding:  2em 2em 1em 2em;
	text-align: left;
	}

#footer div.altcontainer div.sosumi { width: 30em; margin-right: 0 !important; float: right; }
#footer div.altcontainer div.search-footer { display: none; }
#footer div.altcontainer div.about { width: 46em; }

#footer div.container p { text-align: left !important; }

#footer div.sosumisearch { width: 54em !important; }

#footer div.sosumi,
#footer div.footlinks,
#footer form#searchform2,
#footer div.about {
	padding-top: 1.5em;
	border-top: 1px solid #d2dbdb;
	float: left;
	padding: 0;
	margin: 0 2em 0 0;
}

#footer div.sosumi { width: 14em; }
#footer div.about { width: 38em; }
#footer div.footlinks { width: 14em; }
#footer form#searchform2 { width: 22em; margin: 0; padding: 0; }

#footer ul li { font-size: 1.1em !important; }


#footer input[type=text] {
	width: 10em !important;
	border: 1px solid #d2dbdb;
}

img#wpstats{width:0px;height:0px;overflow:hidden;}