/*

              3 6 6 S O N G S . COM
   ============================================
   Theme designed by Bryan Klausmeyer
   (C) The Ivy Street Design Company, Inc. 2008
 
*/


/* BASIC ELEMENTS */

* { margin: 0; padding: 0; }

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

body {
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a,
a:link,
a:active,
a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover { color: #444; }

h1 {
	margin-bottom: 1em;
}

p {
	text-align: left;
	font-size: 1.25em;
	line-height: 1.5em;
	margin-bottom: 15px;
}

h2 {
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: -2px;
	margin: 0 0 1em 0;
	line-height: 0.9em;
}

h3 {
	font-size: 1.4em;
	text-align: left;
	width: 311px;
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	margin-bottom: 10px;
}

h4 {
	font-size: 1.6em;
	text-align: left;
	line-height: 1em;
	margin-bottom: 5px;
}

small {
	font-size: 1.2em;
	color: #aaaaaa;
}

small + h2 {
	margin-top: 5px;
}

input[type=text] {
	width: 200px;
	margin-right: 10px;
}

textarea {
	width: 311px;
}

div#page {
	width: 311px;
	margin: 0 auto;
}

object {
	margin: 0px 0 0 0;
}

/* LOGO */

div#logo a {
	margin: 1.5em 0 1em 0;
	display: block;
	width: 311px;
	height: 368px;
	background: url(images/logo.png) no-repeat 0 50%;
}

div#logo a:hover { border: 0; }

div#logo h1 a span {
	display: none;
}

/* HEADER */

div#header {
	margin: 1.5em 0 1.5em 0;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 1.6em;
}

/* PAGE NAVIGATION */

ul.nav { margin-left: -15px; }

ul.nav li {
	display: inline;
	margin-left: 15px;
}

ul.nav li a {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #444;
}

ul.nav li a:hover {
	color: #000;
}

/* PREVIOUS & NEXT */

div.content div.previous a {
	float: left;
	width: 42px;
	height: 31px;
	background: url(images/previous.png) no-repeat 0 50%;
	margin: 20px 0 0 -55px;
}

div.content div.next a {
	float: right;
	width: 42px;
	height: 31px;
	background: url(images/next.png) no-repeat 0 50%;
	margin: 20px -55px 0 0;
}

div.content div.previous a span,
div.content div.next a span {
	display: none;
}

/* ENTRIES */

div.entry a,
div.archive small a {
	color: #444;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 2px;
}

div.entry a:hover,
div.archive small a:hover {
	color: #777;
	border-bottom: 2px solid #aaa;
}

div.entry img {
	max-width: 300px;
	padding: 10px;
}

div.entry blockquote {
	color: #888;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	font-family: Baskerville, Palatino, Georgia, serif;
	font-style: italic;
	font-size: 1.3em;
}

div.entry ul {
	font-size: 1.25em;
	margin-bottom: 4em;
	margin-left: 20px;
}

div.entry ul li {
	list-style: square;
	text-align: left;
	margin-bottom: 10px;
}

div.entry p.meta {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	font-family: Baskerville, Palatino, Georgia, serif;
	font-style: italic;
}

div.entry p.submit {
	text-align: center;
}

/* ARCHIVE */

div.archive {
	border-top: 1px dashed #ccc;
	margin-bottom: 0;
	padding-top: 10px;
	text-align: left;
}

div.archive div.date {
	color: #888;
	float: left;
	text-transform: uppercase;
	font-family: Baskerville, Palatino, Georgia, serif;
	padding-right: 5px;
	margin: 0 10px;
	text-align: center;
	margin-bottom: 15px;
}

div.archive div.date div.month {
	font-size: 1.25em;
	margin-bottom: -5px;
}

div.archive div.date div.day {
	font-size: 2.3em;
	margin-bottom: -3px;
}

div.archive div.date div.year {
	font-size: 1em;
}

div.archive small {
	font-size: 1.1em;
}

div.archive small a {
	margin-bottom: 0.5em;
	display: block;
	padding-bottom: 0;
	border: 0;
}

div.archive small a:hover {
	border: 0;
}

/* SEARCH */

div.search {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

/* FOOTER */

div#footer {
	font-size: 1.2em;
	margin: 1.5em 0 3em 0;
	padding: 10px;
	border-top: 1px solid #ccc;
}

div.podcast {
	display: none;
}

/* COMMENTS */

h3#comments,
h3#respond {
	border-top: 1px solid #ccc;
}

div.comment {
	text-align: left;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #ccc;
}

div.comment strong a {
	color: #444 !important;
	font-size: 1.25em;
}

div.comment strong + p {
	margin-top: 10px;
}

form#commentform {
	margin-top: 10px;
}

label {
	font-size: 0.8em;
}

/* DIGG BUTTON */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
	border: 0 !important;
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444 !important;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin: 0 auto;
    padding-right: 18px; /* sliding doors padding */
    padding-bottom: 0 !important;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    width: 7em;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}