body {
	background: #7E7E7E;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
}

a:link, a:visited {
	text-decoration: none;
	color: #427e9a;
}

a:link:hover, a:visited:hover {
	text-decoration: underline;
}


a img { border: 0px }

blockquote, pre {
	color: #777;
	border-left: solid 3px #EEE;
	margin-left: 0px;
	padding-left: 1.5em;
	padding-top: 3px;
	padding-bottom: 3px;
}

blockquote {
    font: italic smaller Tahoma, Geneva, sans-serif;
}

h1, h2, h3, h4, h5 {
	color: #666;
	letter-spacing: -0.01em;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: normal;
	border-bottom: solid #A4A4A4 1px;
}

h3 { font-size: 24px; }
h4 { font-size: 18px; }


.merseybeat {
	border: 0px;
	color: #ad883a;
	font-style: italic;
	font-family: Impact, Charcoal, sans-serif;
	letter-spacing: .1em; 
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
}

h3.merseybeat {	font-size: 28px; }



/*  
 *  These "decoy" styles are used to hide the browser text before it is
 *  replaced... the negative-letter spacing in this case is used to make the
 *  browser text metrics match up with the sIFR text metrics since the sIFR
 *  text in this example is so much narrower... your own settings may
 *  vary... any weird sizing issues you may run into are usually fixed by
 *  tweaking these decoy styles 
 */


.sIFR-hasFlash h3.merseybeat {
	line-height: 30px;
	visibility: hidden;
	letter-spacing: 0.8em;
	font-size: 11px;
	margin-bottom: 0px;
}




/* 
 * Structure 
 *
 */
 
#container {
	position: relative;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: white;
	margin-top: 0px;
	padding-bottom: 200px;
}

#header {
	background-image: url(/widgets/images/backgrounds/street.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 500px;
	z-index: 10;
}

#header h1 {
	display: none;
}

#header_overlay {
	position: absolute;
	top: 20px; left: 30px;
	z-index: 50;
	width: 212px; height: 65px;
	background-image: url(/widgets/images/logo.png);
	background-repeat: no-repeat;

}

#body {
	padding: 0px 20px 0px 20px;
	z-index: 100;
	position: relative;
	top: 165px;
	background:  url(/widgets/images/gradient.png) repeat-x;
	min-height: 400px;
}


ul#main_nav {
	list-style: none;
	margin: 0px 0px 1.5em 0px;
	padding: 0px;
	position: relative; left: -12px; top: 4px;
}

ul#main_nav li {
	display: inline;
	margin-right: 16px;
}

ul#main_nav a, ul.tabs a {
	font: bold 14px Verdana, Verdana, Geneva, sans-serif;
	color: #5F5F5F;
}

ul#main_nav a.current, ul.tabs li.current a {
	color: #888;
}

/* Blog Stuff */

div#journal_search {
	position: absolute;
	left: 50%; top: 4px;
	width: 49%;
	text-align: right;
}

div#journal_search input {
    font-size: small;
    border: 0px;
}

div.entries h2 {
	text-align: right;
	margin-top: 0px;
	padding-bottom: -6px;
	margin-bottom: 0px;
}


div.post {
	margin-bottom: 2.0em;
}

div.post div.content h1, div.post div.content h2, div.post div.content h3, div.post div.content h4, div.post div.content h5 {
	border: 0px;
}

div.meta, p.footer, form.comment label, div#typekey-login {
	color: #999;
	font: 10px Verdana, Verdana, Geneva, sans-serif;
}


div.meta a, p.footer a, div#typekey-login a {
    color: #555;
}

div.meta a:hover, p.footer a:hover, div#typekey-login a:hover {
	color: #999;
}


div.meta span.seperator { 
	margin: 0px .6em 0px .6em; 
}


div.archive_links {
    position: absolute;
	left: 360px; top: 4px;
	width: 400px;
	text-align: right;
	font: smaller Verdana, Verdana, Geneva, sans-serif;
}

div.comments {
    margin: 1em 2em;
}

form.comment {
    position: relative;
}

form.comment textarea, form.comment input {
    font-size: 12px;
    border: solid 1px #999;
    padding: 1px 4px;
}

div#name-email, div#url {
    width: 340px;
    text-align: right;
    margin-bottom: 1em;
}

div#comment-body {
    position: absolute;
    left: 55%; top: 20px;
    width: 45%;
}

div#comment-body textarea {
    width: 96%;
    height: 10em;
    font-family: sans-serif;
}

div#buttons {
    text-align: center;
    margin-top: 20px;
}

div#typekey-login {
    text-align: center;
}




/* tabs stuff */
div.tab { display: none;  }

ul.tabs {
	list-style: none;
	text-align: center;
	padding: 0px 0px 2px 0px;
	border-top: 1px solid #aaa;
}

ul.tabs li {
	margin: 2px;
	display: inline;
	padding: 2px 8px;
}



/* quote stuff */
div.quote {
	width: 75%;
}
 
div.quote p.body {
	margin-bottom: 0px;
}

div.quote p.author:before {
	content: '--'
}

div.quote p.author {
	padding-left: 15%;
	margin-top: 2px;
}


/* async search stuff */

div#async_search_res {
    background: #f6f6f6;
    border: solid 1px #BBB;
    text-align: left;
    font-size: smaller;
    display: none;
    padding: 4px;
    width: 49%;
    margin-top: 2px;
    position: relative; left: 161px;
}

div#async_search_res ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}