/****************************************/
/* Frame Of My Mind CSS			*/
/****************************************/

/*________________________________________
	GENERAL LAYOUT CSS____________________*/

.fanlistings a img {
	border: 1px solid #211E19;
	background-color: #F3F3F3;
	background-image: url(images/bg_light.gif);
	padding: 3px;
}
.fanlistings a img:hover {
		background-image: url(images/bg.gif);
}

body {
	margin: 0px;
	padding: 20px 20px 0px 20px;
	background-image: url(images/bg.gif);
	font-family: trebuchet ms;
	color: #3e3e3e;
}

#rainbow {
	background-image: url(images/rainbow.jpg);
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-position: 50% 50%;
}

h1 {
	color: #5a5a5a;
	width: 100%;
	margin: -10px auto 0px auto;
  font-family: arial;
  font-size: 3em;
  padding: 5px 0px 0px 0px;
  font-weight: 100;
	letter-spacing: 2px;
}
	h1 a {
		color: #5a5a5a;
		font-family: arial;
		font-weight: 100;
		text-decoration: none;
	}
	h1 a:hover {
		color: #465a71;
	}

#container {
	background-color: white;
	max-width: 900px;
	min-width: 650px;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content {
	float: left;
	width: 74%;
	margin: 0px;
	padding: 10px 0px;
	font-size: 0.9em;
}

/*________________________________________
	CONTENTS HEADINGS CSS_________________*/

#content h2 {
	font-weight: 100;
	color: #e58032;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #aaaaaa;
	background-color: #f3f3f3;
	font-size: 1.5em;
}
	#content h2 a {
		color: #e58032;
		font-weight: 100;
		text-decoration: none;
	}
	#content h2 span.date {
		color: #aaaaaa;
		padding: 0px 0px 20px 0px;
	}
#content h3 {
	color: #C54944;
	font-weight: 100;
	margin: 10px 0px 0px 0px;
	padding: 2px 10px 2px 40px;
	font-size: 1.4em;
}

/*________________________________________
	CONTENTS TEXT CSS_____________________*/

#content p {
	line-height: 1.4em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
	#content p.meta {
		background-color: #f3f3f3;
		font-size: 0.8em;
		padding: 2px;
	}
		#content p.meta span {
			background: url(images/meta-sprite.png) no-repeat top left;
			padding: 0px 10px 0px 20px;
		}
			/* Meta Sprite */
			#content p.meta span.category { background-position: 0 0; }
			#content p.meta span.comments { background-position: 0 -26px; }
			#content p.meta span.edit { background-position: 0 -52px; }
			#content p.meta span.tag { background-position: 0 -78px; }

/*________________________________________
	NAVIGATION BAR CSS____________________*/

#nav {
	float: right;
	width: 25%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 0.75em;
}
	#nav div {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px;
		margin-top: 10px;
		color: white;
	}
		/* Navigation Colours */
		#nav div.red { background-color: #c54944; }
		#nav div.orange { background-color: #e58032; }
		#nav div.yellow { background-color: #e6b915; }
		#nav div.green { background-color: #9dab30; }
		#nav div.blue { background-color: #465a71; }
		#nav div.purple { background-color: #37333b; }

		/* Navigation Headings */
		#nav div h3 {
			font-size: 1.2em;
			font-weight: normal;
			background-repeat: no-repeat;
			padding: 3px 3px 3px 30px;
			margin: 0px;
			background-position: 5px 50%;
			border-bottom: 1px dotted #211E1A;
			text-transform: uppercase;
			background: url(images/sidebar-sprite.png) no-repeat top left;
		}
			/* Navigation Sprites */
			#nav div h3.about { background-position: 0 0; }
			#nav div h3.archives { background-position: 0 -26px; }
			#nav div h3.categories { background-position: 0 -52px; }
			#nav div h3.links { background-position: 0 -78px; }
			#nav div h3.search { background-position: 0 -104px; }
			#nav div h3.tags { background-position: 0 -130px; }
		#nav div a {
			color: #3E3E3E;
		}
	#nav div ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
		#nav div ul li a {
			display: block;
			border-bottom: 1px dotted white;
			padding: 3px;
			color: #3E3E3E;
			text-decoration: none;
		}
			#nav div ul li a:hover {
				padding-left: 10px;
			}
			/* Navigation Link Colours */
			#nav div.red ul li a { border-bottom: 1px dotted #aa3a36; }
			#nav div.red ul li a:hover { background-color: #f37a73; }
			#nav div.orange ul li a { border-bottom: 1px dotted #d06927; }
			#nav div.orange ul li a:hover { background-color: #fcc059; }
			#nav div.yellow ul li a { border-bottom: 1px dotted #d19e10; }
			#nav div.yellow ul li a:hover { background-color: #fcee28; }
			#nav div.green ul li a { border-bottom: 1px dotted #839026; }
			#nav div.green ul li a:hover { background-color: #dce656; }
			#nav div.green a:hover { background-color: #dce656; }
			#nav div.blue ul li a { color: #1E1C17;	border-bottom: 1px dotted #38485c; }
			#nav div.blue ul li a:hover { background-color: #7691af; }
			#nav div.purple ul li a { color: #1E1C17; border-bottom: 1px dotted #2b282f; }
			#nav div.purple ul li a:hover { background-color: #615a67; }

		/* Purple Navigation's Form */
		#nav div.purple form {
			text-align: center;
		}
		#nav div.purple form input {
			background-color: #615a67;
			padding: 2px;
			color: #FFFFFF;
			border-top: 1px solid #29272B;
			border-left: 1px solid #29272B;
			border-bottom: 1px solid #76707C;
			border-right: 1px solid #76707C;
			width: 75%;
			display: inline;
		}
		#nav div.purple form input#sg {
			padding: 1px 2px 2px 2px;
			border-bottom: 1px solid #29272B;
			border-right: 1px solid #29272B;
			border-top: 1px solid #76707C;
			border-left: 1px solid #76707C;
			width: 15%;
			display: inline;
		}

#footer {
	background-color: white;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	margin: 10px auto 0px auto;
	padding: 5px 10px;
	max-width: 900px;
	min-width: 650px;
	font-weight: bold;
	font-size: 0.8em;
}
#footer p {
	margin: 0px;
	padding: 0px;
}
a {
	font-weight: 400;
	color: #9DAB30;
}
.entry_content a {
	font-weight: bold;
}
a.red {
	color: #c54944;
}
a.orange {
	color: #e58032;
}
a.yellow {
	color: #e6b915;
}
a.green {
	color: #9dab30;
}
a.blue {
	color: #465a71;
}
a.purple {
	color: #37333b;
}
a:hover {
	text-decoration: none;
	background-color: #f3f3f3;
}
a:visited {
	text-decoration: none;
}
hr {
	border: 0px;
	background-color: white;
	background-image: url(images/divider.jpg);
	height: 35px;
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 20px 0px;
}

.photo {
	padding: 10px;
	background-image: url(images/bg.gif);
	display: block;
	margin: 0 auto;
	background-color: #211E19;
}


/* COMMENTS LIST */

ol.commentlist {
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	display: block;
	width: 96%;
	padding: 1%;
	margin: 0.8em auto;
	-moz-border-radius: 10px;
	background-color: #F3F3F3;
}
ol.commentlist li.depth-2 {
	background-color: white;
}
ol.commentlist li.depth-3 {
	background-color: #F3F3F3;
}
ol.commentlist li.depth-4 {
	background-color: white;
}
ol.commentlist li.depth-5 {
	background-color: #F3F3F3;
}

ol.commentlist li.alt {

}

ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {

}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {
	float: left;
	text-align: center;
	margin: 0px 20px 10px 0px;
	background-color: #B3AABE;
	-moz-border-radius: 10px;
	padding: 10px;
}
ol.commentlist li.comment div.vcard cite.fn a {
	font-style: normal;
	color: white;
}
ol.commentlist li.comment div.vcard cite.fn a:hover {
	font-style: normal;
	color: white;
	background-color: #E58032;
}
ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar {
	padding: 1px;
	-moz-border-radius: 0px;
	border: 0px;
	background-color: white;
}
ol.commentlist li.bypostauthor div.vcard  {
	background-color: #F2B380;
}
ol.commentlist li.bypostauthor div.vcard img.avatar {
	padding: 1px;
	-moz-border-radius: 0px;
}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {
	color: #AAAAAA;
}
ol.commentlist li.comment div.comment-meta a {
	color: #AAAAAA;
	text-decoration: none;
}
ol.commentlist li.pingback div.vcard {
	float: left;

}
ol.commentlist li.pingback div.vcard cite.fn a.url {
	color: #465A71;
}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {
	float: right;
}
ol.commentlist li.pingback div.comment-meta a {
	color: #AAAAAA;
	text-decoration: none;
}
ol.commentlist li.pingback p {
	clear:both;
}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}

ol.commentlist li #respond {
	background-color: white;
	margin: 1%;
	padding: 1%;
	width: 96%;
	-moz-border-radius: 10px;
}

#respond {
	background-color: #F3F3F3;
	margin: 1%;
	padding: 1%;
	width: 96%;
	-moz-border-radius: 10px;
}

#respond p.loggedin {
	margin: 0.8em 15px;
}

#commentform textarea, #commentform input {
	font-size: 1em;
	padding: 3px;
	margin: 0px 15px;
	border: 0px;
	color: white;
}
#commentform textarea {
	width: 60%;
	margin: 0 15px;
	background-color: #9DAB30;
	border-top: 1px solid #626927;
	border-left: 1px solid #626927;
	border-right: 1px solid #DFE79F;
	border-bottom: 1px solid #DFE79F;
}
#commentform input[type=submit] {
	background-color: #465A71;
	border-top: 1px solid #8FA1B3;
	border-left: 1px solid #8FA1B3;
	border-right: 1px solid #2E4054;
	border-bottom: 1px solid #2E4054;
}
#commentform #author {
	background-image: url(/images/icons/card-address.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 3px 3px;
	background-color: #C54944;
	border-top: 1px solid #822E2C;
	border-left: 1px solid #822E2C;
	border-right: 1px solid #DC8684;
	border-bottom: 1px solid #DC8684;
}
#commentform #email {
	background-image: url(/images/icons/mail.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 3px 3px;
	background-color: #E58032;
	border-top: 1px solid #D06927;
	border-left: 1px solid #D06927;
	border-right: 1px solid #F8D2B4;
	border-bottom: 1px solid #F8D2B4;
}
#commentform #url {
	background-image: url(/images/icons/globe.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 3px 3px;
	background-color: #E6B915;
	border-top: 1px solid #D19E10;
	border-left: 1px solid #D19E10;
	border-right: 1px solid #F4DC88;
	border-bottom: 1px solid #F4DC88;
}
.comment-reply-link:after {
	content: " \0BB";
}
.reply {
	clear:both;
	width: 96%;
	text-align: center;
}
.reply a:hover {
	position: relative;
	top: -3px;
}
.reply a {
	display: block;
	background-color: white;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	width: 100px;
	position: relative;
	margin: 10px 0px -16px 20px;
	padding: 5px 5px 10px 5px;
	right: -70%;
}
ol.commentlist li.depth-2 .reply a {
	background-color: #F3F3F3;
	right: -66%;
}
ol.commentlist li.depth-3 .reply a {
	background-color: white;
	right: -62%;
}
ol.commentlist li.depth-4 .reply a {
	background-color: #F3F3F3;
	right: -56%;
}
ol.commentlist li.depth-5 .reply a {
	background-color: white;
	right: -60%;
}
ol.commentlist li.depth-1 #respond {
	background-color: white;
}
ol.commentlist li.depth-2 #respond {
	background-color: #F3F3F3;
}
ol.commentlist li.depth-3 #respond {
	background-color: white;
}
ol.commentlist li.depth-4 #respond {
	background-color: #F3F3F3;
}
ol.commentlist li.depth-5 #respond {
	background-color: white;
}

a img {
	border: 0px;
}

abbr, acronym {
	cursor: help;
}


#quilt {
	width: 320px;
	line-height: 40px;
	margin: 20px auto;
	background-image: url(images/qbeebg.gif);
	padding: 20px;
	-moz-border-radius: 10px;
	text-align: center;
}
#quilt p {
	line-height: 10px;
}
#quilt a:hover {
	background-color: transparent;
	position: relative;
	top: 2px;
	left: 2px;
}

dl#qbeestats {
	text-align: center;
}
dl#qbeestats dt, dl#qbeestats dd {
	margin: 0px;
	padding: 0px;
}
dl#qbeestats dt {
	font-weight: bold;
	color: #4AA5F7;
}

dl.categories dt {
	font-size: 1em;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url(images/category-sprite.png);
}
dl.categories dt a {
	text-decoration: none;
}

dl.categories dd {
	margin-left: 25px;
	padding-bottom: 20px;
}

/* CSS Sprite For Category List */

dt.category-books { background-position: 0 0; }
dt.category-city-life { background-position: 0 -21px; }
dt.category-computing { background-position: 0 -42px; }
dt.category-culture { background-position: 0 -63px; }
dt.category-education { background-position: 0 -84px; }
dt.category-food { background-position: 0 -105px; }
dt.category-gaming { background-position: 0 -126px; }
dt.category-japanese { background-position: 0 -147px; }
dt.category-movies { background-position: 0 -168px; }
dt.category-personal { background-position: 0 -189px; }
dt.category-photography { background-position: 0 -210px; }
dt.category-politics { background-position: 0 -231px; }
dt.category-relationships { background-position: 0 -252px; }
dt.category-religion { background-position: 0 -273px; }
dt.category-shopping { background-position: 0 -294px; }
dt.category-technology { background-position: 0 -315px; }
dt.category-travel { background-position: 0 -336px; }
dt.category-weather { background-position: 0 -357px; }
dt.category-work { background-position: 0 -378px; }