/* ------------------------------------------------------------ 
	Slow Songs For Fast Hearts Template | 2007
	By Katie Graham | www.deliciousmint.net
------------------------------------------------------------ */


/* ------------------------------------------------------------ 
	 COLOURS - For Search and Replace
	 #00FFE1 - Mint Green
	 #EC1984 - Hot Pink
	 #DEDEDE - Silver
------------------------------------------------------------ */


/* ------------------------------------------------------------ 
	 GLOBAL RESET
------------------------------------------------------------ */
* {font-size: 100.01%;}
html {font-size: 62.5%;}


/* ------------------------------------------------------------ 
	 BASE ELEMENTS
------------------------------------------------------------ */
a, a:link, a:visited, a:active {color: #00FFE1; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}
abbr, acronym {
	border-bottom: dotted 1px #000;
	cursor: help;
}
blockquote {
	border-left: .4em solid #e3e3e3;
	margin: 0 0 1em 1em;
	padding-left: .5em;
}
body {
	background: #333;
	color: #fff;
	font: 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
code, var, kbd {
	font-family: monaco, courier, monospace;
}
h1, h2, h3, h4 {	
	text-shadow: 2px 2px #222; /* Good browsers only, I <3 Safari */
}
h1 {
	color: #DEDEDE;
	font: normal 3.5em/.9em "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}
h2 {
	color: #EC1984;
	font: normal 1.7em "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0;
}
h3 {
	color: #EC1984;
	font: normal 1.2em "Trebuchet MS", Verdana, sans-serif;
}
h4 {
	color: #EC1984;
	font: normal 1.5em "Trebuchet MS", Verdana, sans-serif;
}
hr {
	background: #EC1984;
	border: none;
	height: 1px;
	margin: 2em auto;
	width: 100%;
}
img {
	border: 0;
}
/* ------------------------------------------------------------ 
	 INPUT
------------------------------------------------------------ */
input, textarea {
	background: #3F3F3F;
	border: 1px solid #EC1984;
	color: #00FFE1;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	padding: 2px;
}

input[type="submit"], input.sidebarbutton{
	background: #3F3F3F;
	border: 1px solid #EC1984;
	color: #00FFE1;
	font-weight: bold;
	margin-left: 2px;
	padding: 1px 2px;
}

input[type="submit"]:hover{
	background: #3F3F3F;
	border: 1px solid #EC1984;
	color: #FFFFFF;
}

input[type="submit"]:focus{
	background: #3F3F3F;
	border: 1px solid #EC1984;
	color: #FFFFFF;
}

input[type="text"]:hover {
	border: 1px solid #EC1984;
}

input[type="text"]:focus, textarea:focus{
	background: #3F3F3F;
	border: 1px solid #EC1984;
	color: #FFFFFF;
}

/* ------------------------------------------------------------ 
	 LINKS
------------------------------------------------------------ */
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active {color: #EC1984;}
h1 a:hover,
h2 a:hover {color: #DEDEDE;}
#archivebit a,
#archivebit a:link,
#archivebit a:visited,
#archivebit a:active {color: #fff;}
#archivebit a:hover {color: #00FFE1;}


/* ------------------------------------------------------------ 
	 STRUCTURE
------------------------------------------------------------ */
#wrap {
	padding: 20px;
	width: 60em;
}
#masthead {
	padding-bottom: 1.5em;
}
#lefty {
	float: left;
	margin-bottom: 1em;
	width: 50%;
	padding-top: 225px;
}
#righty {
	float: right;
	margin-bottom: 1em;
	width: 45%;
}


/* ------------------------------------------------------------ 
	 CONTENT
------------------------------------------------------------ */
#postbit {
	background: #404040;
	border-bottom: 1px solid #EC1984;
	border-top: 1px solid #EC1984;
	font-size: 1.1em;
	padding: 1em 1em 0;
}
#postbit ol, ul {
	padding-left: 20px;
}
#postbit li {
	margin-bottom: 1em;
}
.date {
	font-size: .9em;
	text-align: right;
}
.date em {
	color: #EC1984;
}
#feed {
	background: url("/images/feedicon.gif") 0 50% no-repeat;
	padding-left: 15px;
}
#prevnext {
	background-color: #3f3f3f;
	border-top: 0px solid #333;
	border-bottom: 0px solid #333;
	margin: 2em 0;
	height: 2em;
	line-height: 2em;
}
#prev {
	float:left;
	padding-left: 1em;
}
#next {
	float:right;
	padding-right: 1em;
}


/* ------------------------------------------------------------ 
	 ARCHIVE
------------------------------------------------------------ */
#archivebit {
	color: #666;
}
#archivebit ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#prevart { /* Previous Articles List */
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	border-top: 1px dashed #444;
}
#prevart li {
	border-bottom: 1px dashed #444;
	padding: 0px 0 .5em 0;
	line-height: 175%;
	padding-left: .5em;
}
#prevart span {
	float: left;
	padding-left: .5em;
}
#cats, #about, #links { /* Categories List */
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dashed #444;
}
#cats li, #about li, #links li {
	border-bottom: 1px dashed #444;
	line-height: 175%;
	padding-left: .5em;
}
#cats li a, #about li a, #links li a {
	display: block;
	padding: 0px 0 4px 0;
}
#top { /* Add the dashed line to the top of the lists */
	border-top: 1px dashed #444;
}


/* ------------------------------------------------------------ 
	 COMMENTS
------------------------------------------------------------ */
.comment {
	background-color: #333;
	border: 1px dashed #EC1984;
	margin: 1em;
	padding: 0 1em 1em;
}


/* ------------------------------------------------------------ 
	 FOOTER
------------------------------------------------------------ */
#footer {
	border-top: 0px solid #EC1984;
	clear: both; 
	color: #666;
	padding-top: 1em;
	text-align: right;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer span {
	float: left;
}


/* ------------------------------------------------------------ 
	 OTHER
------------------------------------------------------------ */
.off {display: none;}