/*
Title:      Johnny Hall Memoirs master screen styles
Author:     johnny@cabbagetree.co.nz
Copyright:  2010, Johnny Hall. All rights resevered.
*/

/* formatting */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#8f8f8f;
	background:url(/custom/templates/page/memoirs/images/johnny-hall-body.jpg) no-repeat fixed bottom right #101010;
	}
	.lightsOut {background:#101010;}
	.yingYang {background:url(/custom/templates/page/memoirs/images/johnny-hall-white-body.jpg) no-repeat fixed bottom right #bababa; color:#000000;}

a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
	}
a:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px #ffffff dotted;
	}

.skipnav {
	display:none;
	}

/* Ying Yang */
body.yingYang #content H1 {color:#000;}
body.yingYang #content H2,
body.yingYang #content H2#title {color:#000;}
body.yingYang #content H3 {color:#000;}

body.yingYang a:link, body.yingYang a:visited {
	color:#b42323;
	}

body.yingYang a:hover {
	color:#b42323;
	text-decoration:none;
	border-bottom:1px #b42323 dotted;
	}

body.yingYang #comments {
	border-top:1px #000 dotted;
	}

body.yingYang #comments p.comment strong {
	color:#000;
	}

body.yingYang #logo h1 a:visited,
body.yingYang #logo h1 a:link {
	background:url(/custom/templates/page/memoirs/images/johnny-hall-white-memoirs.png) no-repeat;
	}

/* additional formatting */
#logo h1 a:visited,
#logo h1 a:link {
	width:623px;
	height:93px;
	float:left;
	margin:0;
	padding:0 0 20px 0;
	display:block;
	background:url(/custom/templates/page/memoirs/images/johnny-hall-memoirs.png) no-repeat;
	}
	#logo h1 a:hover {
		border-bottom:0;
		}
	#logo h1 span {
		display:none;
		}

#content H2#title {
	line-height:1em;
	margin:0 0 0.6em 0;
	font-family:"Georgia", "Times New Roman", Times, serif;
	font-size:200%;
	font-weight:normal;
	font-style:normal;
	color:#ffffff;
	}
	#content H2#title strong {
		font-size:54%;
		font-weight:normal;
		}
	
#content H2 {
	line-height:1.7em;
	margin:0 0 1em 0;
	font-family:"Georgia", "Times New Roman", Times, serif;
	font-size:140%;
	font-weight:normal;
	font-style:italic;
	color:#b9b9b9;
	}
	H2.intro {
		background:url(/custom/templates/page/memoirs/images/johnny-hall.jpg) no-repeat;
		padding:0 0 0 8.6em;
		min-height:150px;
		}
	
#content H3 {
	line-height:1.7em;
	margin:0 0 1em 0;
	font-family:"Georgia", "Times New Roman", Times, serif;
	font-size:120%;
	font-weight:normal;
	color:#ffffff;
	}
	
#content P {
	line-height:1.7em;
	margin:0 0 1.5em 0;
	font-size:100%;
	}
	
#content ul {
	margin:0 0 1em 1.5em;
	}
	#content li {
		line-height:1.7em;
		}
		#content li span {
			display:none;
			}
			#content li:hover span {
			display:none;
			}
			#content ul li ul {
				margin:0 0 0 1.5em;
				}

#content .archives {
	float:left;
	display:block;
	width:320px;
	}

table#articles td {
	padding:1.5em 0 1.2em 0;
	}

#comments {
	padding:1em 0 0 0;
	border-top:1px #cfcfcf dotted;
	}
	#comments p.comment {
		width:60%;
		padding:0 0 0 2.4em;
		background:url(/custom/templates/page/memoirs/images/comment-icon.png) no-repeat 0 .3em;
		}
		#comments p.comment strong {
			color:#ffffff;
			font-weight:normal;
			}
	
#securitycode {
	display:none;
	}

input#terraForm_commentForm_submit  {
	background:url(/custom/templates/page/memoirs/images/leave-comment.png) no-repeat;
	border:0;
	color:#ffffff;
	cursor:pointer;
	font-family:"Georgia","Times New Roman",Times,serif;
	font-size:110%;
	font-weight:normal;
	height:48px;
	margin:0;
	padding:0;
	width:167px;
	}

#musicbox p {
	font-size:70%;
	padding:.3em 0 0 .3em;
	}

/* navigation */
#navigation ul {
	width:248px;
	height:42px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	}
	#navigation li {
		float:left;
		}
	#navigation li#home a:visited,
	#navigation li#home a:link {
		width:50px;
		height:42px;
		float:left;
		margin:0;
		padding:0;
		display:block;
		background:url(/custom/templates/page/memoirs/images/nav-home.png) top left no-repeat;		
		}
		#navigation li#home a:hover {
			background:url(/custom/templates/page/memoirs/images/nav-home.png) top right no-repeat;	
			border-bottom:0;
			}
		#navigation li#home span {
			display:none;
			}
			
	#navigation li#archive a:visited,
	#navigation li#archive a:link {
		width:99px;
		height:42px;
		float:left;
		margin:0;
		padding:0;
		display:block;
		background:url(/custom/templates/page/memoirs/images/nav-archive.png) top left no-repeat;		
		}
		#navigation li#archive a:hover {
			background:url(/custom/templates/page/memoirs/images/nav-archive.png) top right no-repeat;
			border-bottom:0;
			}
		#navigation li#archive span {
			display:none;
			}
			
	#navigation li#about a:visited,
	#navigation li#about a:link {
		width:99px;
		height:42px;
		float:left;
		margin:0;
		padding:0;
		display:block;
		background:url(/custom/templates/page/memoirs/images/nav-about.png) top left no-repeat;		
		}
		#navigation li#about a:hover {
			background:url(/custom/templates/page/memoirs/images/nav-about.png) top right no-repeat;	
			border-bottom:0;
			}
		#navigation li#about span {
			display:none;
			}

#lastfm p#listen a:visited,
#lastfm p#listen a:link {
	width:50px;
	height:42px;
	float:right;
	margin:0;
	padding:0;
	display:block;
	background:url(/custom/templates/page/memoirs/images/nav-lastfm.png) top left no-repeat;	
	}
	#lastfm p#listen a:hover {
		background:url(/custom/templates/page/memoirs/images/nav-lastfm.png) top right no-repeat;	
		border-bottom:0;
		}
	#lastfm p#listen span {
		display:none;
		}

#lastfm p#lamp a:visited,
#lastfm p#lamp a:link {
	width:50px;
	height:42px;
	float:right;
	margin:0;
	padding:0;
	display:block;
	background:url(/custom/templates/page/memoirs/images/nav-lamp.png) 0 0 no-repeat;	
	}
	#lastfm p#lamp a:hover {
		background:url(/custom/templates/page/memoirs/images/nav-lamp.png) -50px 0 no-repeat;	
		border-bottom:0;
		}
	#lastfm p#lamp span {
		display:none;
		}
		body.lightsOut #lastfm p#lamp a:visited,
		body.lightsOut #lastfm p#lamp a:link {
			background:url(/custom/templates/page/memoirs/images/nav-lamp.png) -100px 0 no-repeat;
			}
		body.lightsOut #lastfm p#lamp a:hover {
			background:url(/custom/templates/page/memoirs/images/nav-lamp.png) -150px 0 no-repeat;
			}

#lastfm p#yingyang a:visited,
#lastfm p#yingyang a:link {
	width:50px;
	height:42px;
	float:right;
	margin:0;
	padding:0;
	display:block;
	background:url(/custom/templates/page/memoirs/images/nav-ying-yang.png) 0 0 no-repeat;	
	}
	#lastfm p#yingyang a:hover {
		background:url(/custom/templates/page/memoirs/images/nav-ying-yang.png) -50px 0 no-repeat;	
		border-bottom:0;
		}
	#lastfm p#yingyang span {
		display:none;
		}

/* layout */
#logo {
	width:62%;
	float:left;
	margin:88px 0 0 52px;
	padding:0;
	clear:both;
	}

#navigation {
	position:absolute;
	top:0;
	left:60px;
	}

#content {
	width:52%;
	float:left;
	margin:0 0 0 99px;
	padding:0 0 23px 0;
	clear:both;
	}
	
#lastfm {
	position:fixed;
	top:0;
	right:26px;
	width:410px;
	}
	#musicbox {
		display:none;
		float:right;
		}