/*
-----------------------------------------------
addam.wassel.org Screen Master
Author:   Addam Wassel
Version:  006.1
Date:    28 April 2007
----------------------------------------------- 
*/



/*
----------------------------------------------- 
GLOBAL STYLES
----------------------------------------------- 
*/

* { padding: 0; margin: 0; }
html { background: url(/images/grid03.gif) top left; margin: 0; padding: 0; }
body { 
	background: url(/images/body-bg.gif) repeat-x top left; 
	padding: 40px 0 0 0; 
	margin: 0; 
	text-align: center;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; }

form { padding: 0; margin: 0; margin-left: 25%; width: 75%; }
fieldset { padding: 0; margin: 0; border: 0; }

h1, h2, h3, ol, ul { padding: 0; margin: 0 0 1em 0; }
.post h1, .post h2, .post h3, .comment h1, .comment h2, .comment h3 { font-family: Georgia, "Times New Roman", Times, Serif; float: left; width: 23%; font-size: 120%; }
h1 {
	font-size: 200%;
	line-height: 1.5;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #7F1E08;
	font-family: Georgia, "Times New Roman", Times, Serif;
	border-bottom: 1px solid #7F1E08;
	clear: left; }
h2 {
	color: #7F1E08;
	font-weight: bold;
	border-bottom: none;
	font-family: Georgia, "Times New Roman", Times, Serif;
	text-align: left;
	font-size: 110%;
	padding-left: 12px; }


p, ul, ol, blockquote {
	margin: 0 0 20px 0;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #383d44;
	border: none; }

ul { list-style-position: inside; }
ol { list-style-type: upper-roman; list-style-position: outside;  }
ol li { margin: 0 0 20px 30px; }

ul { 
	list-style-type: square;
	color: #383d44;
	padding-left: 23px; }

ol li ol {
	font-size: 90%;
	margin: 1.3em 0 1.3em 0; }

blockquote {
	padding: 10px 10px 28px 33px;
	margin: 0 0 0 5%;
	background: url(/images/quotes.gif) no-repeat 10px 13px; }
code {
	color: #963;
	font-family: Monaco, monospace;
	font-size: 90%;
	text-align: left; }
code strong { color: #630; }
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #dbd5c5;
	cursor: help; }
a abbr { border: none; }
em { font-style: italic; }
strong { font-weight: bold; }
del {
	text-decoration: line-through;
	color: #666b75; }
ins {
	text-decoration: none;
	font-style: italic; }
address {
	margin: 0;
	padding: 0;
	font-style: normal; }
		
small { font-size: 80%; background-color: #ffc; padding: .1em; }

a { color: #09f; text-decoration: none; border-bottom: 1px dotted #09f; padding: .1em; outline: 0; } 
a:hover { background: #09f; color: #fff; }
a img { border: 0; outline: 0; }
a:hover img { background: none; }

hr {
	height: 1px;
	margin: 2em 0 4em 10em;
	text-align: center;
	border-color: #444;
	border-width: 0;
	border-style: dotted; }
hr.clearer { clear: both; border: 0; }

.container { margin: 0 290px 0 auto; width: 70%; z-index: 3; text-align: left; }

/*
----------------------------------------------- 
IMAGE STYLES
----------------------------------------------- 
*/

.leftinline {
	float : left;
    margin : 3px 15px 10px 0; }

.leftinlineborder {
	float : left;
    margin : 3px 15px 10px 0;
    border : 1px solid #AAA; }

.rightinline {
	float : right;
    margin : 0 0 10px 10px; }

.rightinlineborder {
	float : right;
	margin : 10px 0 10px 10px;
	border : 1px solid #AAA; }



/*
----------------------------------------------- 
MAIN HEADER STYLES
----------------------------------------------- 
*/

#intro { 
	background: #fff; 
	padding: 1em; 
	border: 3px double #82CDEF;
	margin: 0 0 3em 0;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #222; }
	#intro h1 { border-bottom: none; }
	#intro p { margin: .3em 0; line-height: 1.7; font-size: 120%; }
	#intro:hover p { color: #ccc; }
	#intro:hover p small { background-color: #f8f8f8; }
	#intro:hover a { color: #222; border-bottom-color: #222; }
	#intro:hover a:hover { color: #fff; border-bottom-color: #09f; }

#intro:hover #contactFormArea p, #intro:hover #searchwrap p { color: #222; }
#intro:hover #toptagswrap a { 
	color: #09f; 
	text-decoration: none; 
	border-bottom: 1px dotted #09f; 
	outline: 0; }
#intro:hover #toptagswrap a:hover { color: #fff; }



/*
----------------------------------------------- 
INTERIOR HEADER STYLES
----------------------------------------------- 
*/

#nav {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 120%;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	float: left; }
	#nav li {
		float: left;
		border-right: 1px solid #00bcff;
		border-left: 1px solid #bfeeff;
		padding: 10px;
		margin: 0 0 0 0;
		text-shadow: #bfeeff 1px 1px 0; }
	#nav li.left { border-left: none; }
	#nav li.right {	border-right: none; }
	#nav li a {
		color: #222;
		margin: 0;
		padding: 10px;
		outline: 0;
		border-bottom: none; }
	#nav li a:hover { background-color: #bfeeff; }


/*
----------------------------------------------- 
TEACUP STYLES
----------------------------------------------- 
*/

div.teacup {
	position: absolute;
	float: right;
	top: 0;
	right: 0;
	width: 260px; }
	div.teacup h1 { border-bottom: none; }
	div.teacup h1 a { 
		height: 385px;
		display: block; 
		border-bottom: 0; 
		outline: 0; 
		background: url(/images/teacup.gif) no-repeat 0% 0%; }
	div.teacup h1 a:hover { background: url(/images/teacup.gif) no-repeat 100% 0%; }
	div.teacup h1 a span { display: none; }


/*
----------------------------------------------- 
SIDEBAR STYLES
----------------------------------------------- 
*/


div.sidebar {
	background: url(/images/side.png) no-repeat top left;
	text-align: left;
	padding: 5px 0 0 15px;
	margin-bottom: 1em;
	min-height: 90px; }
div.sidebar a { 
	background-color: #fff;
	border: none; }
div.sidebar h6 a {
	text-indent: -9999px;
	margin: 5px 0 0 0;
	display: block;
	padding: 0; }
div.sidebar h2 { 
	padding: 0;
	margin: 10px 0; }
div.sidebar ul {
	line-height: 1.7;
	font-size: 90%;
	list-style: none;
	padding: 0;
	margin: 0; }
	div.sidebar ul li { padding-bottom: 3px; }
	div.sidebar ul li a {
		background: none;
		color: #222; }
div.sidebar form { margin: 0; padding: 0; }
div.sidebar select {
	padding: 3px;
	maargin: 0;
	width: 100%; }
div.sidebar hr { display: none; }
	
div.flickr a img {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	padding: 3px;
	margin: 0 0 0 -3px;
	border: 1px solid #fff; }
div.flickr a:hover img {
	border: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border: 1px solid #09f;}
	
div.flickr h6 a { background: url(/images/flickr.gif) no-repeat 0% 0%; }
div.lastfm h6 a { background: url(/images/lastfm.gif) no-repeat 0% 0%; }
	

/*
----------------------------------------------- 
ENTRY STYLES
----------------------------------------------- 
*/

div.post { 
	margin: 0 0 40px 0;
	padding: 15px 15px;
	background-color: 0;
	clear: both; }
	div.post li p { padding: 0; margin: 0; }
div.entry { 
	margin-left: 25%;
	width: 75%; }
div.info { 
	position: absolute;
	width: 23%;
	float: left;
	font-family: Georgia, "Times New Roman", Times, Serif; }
	div.info p { 
		padding: 0; 
		margin: 0; 
		width: 100%; }
	div.info p span { 
		display: block; 
		margin: 0 0 1em 0; }

.date a { 
	color: #7F1E08; 
	font-weight: bold; 
	border-bottom: none; 
	padding: 0; }
	div.post:hover .date a { 
		border-bottom: 3px solid #7F1E08; 
		background: none; }

.tags { 
	background: url(/images/tag_orange.png) no-repeat 0 0.3em; 
	padding-left: 20px; }

.commentsno { 
	background: url(/images/comments.png) no-repeat 0 0.3em; 
	padding-left: 20px; 
	margin: .7em 0 0 0; }

.previous { 
	visibility: hidden; 
	background: url(/images/previous.gif) no-repeat 0 0.3em; 
	padding-left: 20px; 
	margin: .7em 0 0 0; }
.next { 
	visibility: hidden; 
	background: url(/images/next.gif) no-repeat 0 0.3em; 
	padding-left: 20px; 
	margin: 0; }

.lowercase { text-transform: lowercase; }

div.post:hover .tags, 
div.post:hover .commentsno, 
div.post:hover .previous, 
div.post:hover .next { 
	visibility: visible; }

div.postcomment, 
div.comments { 
	width: 75%; 
	margin-left: 25%; 
	clear: both; } 

.post hr:after {
	color: #7F1E08;
	font-size: 170%;
	content: " · · · · ·";
	letter-spacing: 2em; }

p.previously { 
	text-transform: uppercase; 
	text-align: right; 
	font-size: 110%; 
	letter-spacing: .1em; 
	padding: 0 0 3em 0; 
	font-family: Georgia, "Times New Roman", Times, Serif; }

.strike { text-decoration: line-through; }

/*
----------------------------------------------- 
COMMENT FORM STYLES
----------------------------------------------- 
*/


.comment { margin: 0 0 5em 0; }
.comment dl { margin: 0 0 0 25%; }
.comment dl dt {
	font-weight: normal;
	color: #383d44;
	padding: 10px 0 8px 2em;
	margin: 0;
	line-height: 1em; }
.comment dl dd {
	padding: 10px 0 8px 3em;
	margin: 0 0 20px 0;
	font-size: 100%;
	color: #383d44; }
.comment dl dd p {
	margin: 0;
	padding: 0 0 12px 0;  }
.comment label { float: left; width: 15%; }
.comment input#author, .comment input#email, .comment input#url {
	width: 80%;
	font-size: 120%;
	padding: .2em;
	color: #444; }
.comment textarea {
	width: 80%;
	font-size: 120%;
	padding: .2em;
	color: #444; }
dl.form-comment { width: 100%; margin-left: 0%; }

/*
----------------------------------------------- 
SLIDING DIV STYLES
----------------------------------------------- 
*/

a.search_, a.toptags_, a.contactForm_ { 
	background-color: #fff; 
	color: #bfeeff; 
	text-decoration: underline; 
	outline: 0; }

#intro a.search_, #intro a.toptags_, #intro a.contactForm_ { 
	background-color: #bfeeff; 
	color: #222; 
	text-decoration: none; 
	outline: 0; }
#intro:hover a.search_, #intro:hover a.toptags_, #intro:hover a.contactForm_ { 
	background-color: #bfeeff; 
	color: #222; 
	text-decoration: none; 
	outline: 0; }

.archiveIndiv #contactFormArea, 
.archiveIndiv #searchwrap, 
.archiveIndiv #toptagswrap { 
	margin: 0 0 1em 0; }

#contactFormArea, 
#searchwrap, 
#toptagswrap { 
	display: none; 
	height: 0; 
	clear: both;
	padding: 0 10px 0 10px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, Serif; }

/* CONTACT FORM */

#contactFormArea form, #searchwrap form { margin: 1em 0 -3em 0; }
#contactFormArea label { float: left; width: 15%; }
#contactFormArea input#posName, 
.comment input#posEmail, 
.comment input#topquery {
	width: 80%;
	font-size: 120%;
	padding: .2em;
	color: #444; }
#contactFormArea textarea {
	width: 80%;
	font-size: 120%;
	padding: .2em;
	color: #444; }
#loadBar, #emailSuccess { display: none; font-size: 120%; height: 0; }

/* TOP TAGS FORM */

#toptagswrap { 
	line-height: 2; 
	display: none; 
	height: 0; 
	padding: 0; 
	text-align: center; }
.archiveIndiv #toptagswrap a, 
.archiveIndiv #contactFormArea,
.archiveIndiv  #searchwrap {
	font-size: 120%;
	margin: 1em .1em 0 0;
	line-height: 1.6; }


/* BOTTOM TAGS FORM */

a.alltags { 
	background: url(/images/bullet.gif) no-repeat 0 4px; 
	padding: 0 2px 0 13px; 
	font-weight: bold; 
	outline: 0; }
	a.alltags:hover { 
		background-color: #09f; 
		color: #fff; }
a.alltags_ { 
	background: url(/images/bullet.gif) no-repeat 0 -14px; 
	color: #6a1c14; 
	border-bottom: 1px solid #6a1c14; 
	outline: 0; }
	a.alltags_:hover { 
		background-color: #6a1c14; 
		color: #fff; }

#alltagswrap { 
	line-height: 1.7; 
	display: none; 
	font-weight: normal; 
	height: 0; }


/*
----------------------------------------------- 
FOOTER STYLES
----------------------------------------------- 
*/


#footer { 
	background: #fff; 
	border-top: 3px double #82CDEF; 
	border-bottom: 3px double #82CDEF; 
	width: 100%; 
	padding: 2em 0 2em 0; }
	#footer input {
		font-family: Georgia, "Times New Roman", Times, Serif;
		font-size: 120%;
		width: 95%;
		padding: .2em;
		color: #444; }


/*
----------------------------------------------- 
DISCLAIMER STYLES
----------------------------------------------- 
*/


.disclaimer { font-size: 80%; padding: 2em 0 2em 0; margin: 0 auto; }
.disclaimer p { margin-left: 195px; }
.disclaimer .info a { border-bottom: 0; outline: 0; padding: 0; }
.disclaimer .info a:hover { background: none; }