/* design by lydia at anomalyd.com */
/* you may use this stylesheet to learn, but please be kind
and don't copy anything directly */
/* v. 01 */

/* SETUP */

body {
	color: #2F2F2F;
	font-size: 100%;
	background: #f2ebca url(http://www.anomalyd.com/layout/version1/anomalydbluegreenbgv1.jpg) fixed repeat-y center center;
	text-align: center;
	margin: 0;
}

p {
	margin: 11px 0;
}

/* CONTENT DIVS */

#everything {
	position: relative;
	margin: 0 auto;
	width: 779px;   
}

#content-div, #archives-bar {
	font: .7em/1.7em "Verdana";
	text-align: left;
}

#content-div {
	position: absolute;
	top: 255px;
	left: 223px;
	width: 532px;
}

/* HEADERS */

h1{
	font: 2em "Georgia";
	color: #62BDB8;
	margin: 20px 0 -7px;
	padding: 6px;
	border-bottom: 1px dashed #A8DDE1;
}

h2 {
	font: 1.8em "Georgia";
	text-decoration: none;
	color: #A3BF4E;
	margin: 10px 0 0;
}                    

	h2 a {
		color: #A3BF4E;
	}

		h2 a:hover {
			color: #AFD158;
		}
		
h3 {
	color: #A59349;
	font: bold 1.4em "Georgia";
	border-bottom: 1px dashed #BFB383;
	padding: 4px;
	margin: 18px 0 -5px;
}

h3 a {
	color: #A59349;
	padding: 3px;
	border-bottom: 1px dashed #DFD5A7;
}


/* LINKS */

a {
	color: #459F9B;
	text-decoration: none;
}

	a:hover {
		color: #809F3B;
	}
	
li a{
	color: #AF9B41;
}

	li a:hover {
		color: #7F7547;
	}

/* PRETTY NICE TEXT */

b, strong{
	color: #5F583B;
}

/*IMAGES*/

a img{
	border: 5px solid #EEE4B3;
}

	a:hover img{
		border: 5px solid #DFD4A7;
	}
	
/* SIDE BAR */

#archives-bar {
	position: absolute;
	top: 300px;
	left: 24px;
	width: 180px;
}

#archives {
	margin-top: 8px;
}

	#archives a{
		color: #9F8D3B;
		background-color: #F1EBC9;
		border-left: 3px solid #d9d2ac;
		border-bottom: 2px solid #d9d2ac;
		border-right: 1px solid #d9d2ac;
		border-top: 1px solid #d9d2ac;
		padding: 8px;
		margin:4px;
		display: block;
	}

		#archives a:hover {
			background-color: #F9F7EB;
		}
		
.sidebox {
	background-color: #e9f0cd;
	padding: 8px;
	border: 1px dashed #A3BF4E;
	margin: 4px 0 0;
	text-align: center;
}

#archivesimage, #favoritesimage {
	border-bottom: 1px dashed #B3BF83;
}
		
/* LISTS */

ul {
	list-style-type: circle;
	margin: 0;
}

ul.spacedlist li {
       margin: 10px;
}

dl dt {
	color: #5F583B;
	font-weight: bold;
	margin-top: 10px;
}

dd {
	padding: 0 10px 10px 10px;
	border-bottom: 1px dashed #8F8A74;
}

#favoriteslist{
	margin: 0 auto;
	border-bottom: 10px solid #DFE8B9;
}

	#favoriteslist li {;
		padding: 4px 0 4px 8px;
		margin: 2px 6px 2px 0;
		background: #ECEFD4 url(http://www.anomalyd.com/layout/favoritesbackground.jpg) repeat top left;
	}

		#favoriteslist li a {
			color: #868F62;
		}                            
	
			#favoriteslist li a:hover {
				color: #C5CF9B;
			}
               
/* IMAGES + ALIGNMENT */

.imageleft {
	background-color: #DFD5B5;
	border: 1px dashed #7F7557;
	padding: 7px;
	margin: 13px 20px 7px 0;
	float: left;
}

.imageright {
	background-color: #DFD5B5;
	border: 1px dashed #7F7557;
	padding: 7px;
	margin: 20px;
	float: right;
}

.imagespecify {
	background-color: #DFD5B5;
	border: 1px dashed #7F7557;
	padding: 7px;
	margin: 0 auto;
}

/* FOOTER AND OTHER STUFF */

#footercopy, .box {
	color: #508F8F;
	background-color: #E2ECE3;
	border-left: 3px solid #ccddcd;
	border-bottom: 2px solid #ccddcd;
	border-top: 1px solid #ccddcd;
	border-right: 1px solid #ccddcd;
	text-align: center;
	padding: 7px;
	margin: 12px 0;
}

.box2, #box3 {
	border: 1px solid #CFC79B;
}

.box2 {
	padding: 10px;
	background: #F1EBC9 url(http://www.anomalyd.com/layout/boxbackground.jpg);
}

	.box2 a {
		color: #6F6B53;
	}
	
		.box2 a:hover {
			color: #BFA747;
		}

#box3 {
	width: 200px;
	float: right;
	text-align: center;
	margin: 14px 17px 6px;
	padding: 7px;
	background: #F1EBC9 url(http://www.anomalyd.com/layout/aboutbg.jpg);
}

	#box3 p {
		background-color: #F1EBC9;
		padding: 3px;
	}
	
/* ADBOX */

.adbox {
	background-color: #e9f0cd;
	padding: 8px;
	border: 1px dashed #A3BF4E;
	text-align: center;
	margin: 18px auto 0;
}

.adboxin {
	border-bottom: 1px dashed #77C9C7;
	padding: 3px;
}

/* ABOUT EVERYTHING PAGE */

li.first {
	background-color: #E2ECE3;
	padding: 10px;
	color: #599F9C;
	border-left: 3px solid #ccddcd;
	border-bottom: 2px solid #ccddcd;
	border-top: 1px solid #ccddcd;
	border-right: 1px solid #ccddcd;
}

	li.first a {
		color: #508F8F;
		font-weight: bold;
	}
	
		li.first a:hover {
			color: #599F9C;
		}

li.second {
	background-color: #DFE8B9;
	padding: 10px;
	color: #879F45;
	border-left: 3px solid #cbd69f;
	border-bottom: 2px solid #cbd69f;
	border-top: 1px solid #cbd69f;
	border-right: 1px solid #cbd69f;
}
	
	li.second a {
		color: #818F47;
		font-weight: bold;
	}
	
	li.second a:hover {
		color: #879F45;
	}
			

/* CODE */

code, pre {
	font: 1em/1.5em "Courier";
	color: #599F9F;
}                           

	code strong, pre strong {
		color: #599F9F;
	}

/* WELCOME */

#welcome {
	color: #4F4B36;
	border: 1px dashed #BFB683;
	background-color: #f5f1d7;
	padding: 7px;
	margin: 0 auto;
}

#welcome-outside {
	background-color: #F1EBC9;
	padding: 7px;
	text-align: center;
	margin: 15px 0;
}

/* CSS GUIDE */
                          
.csstable{
	margin: 8px 0;
	width: 100%;
}

	.csstable td {
		background-color: #F1EBC9;
		border: 1px solid #AFA883;
		padding: 7px;
		vertical-align: top;
	}
	
.padding {
	background-color: #EEE;
	border: 1px solid #000;
	padding: 10px;
}

.nopadding {
	background-color: #EEE;
	border: 1px solid #000;
}

.margins {
	background-color: #EEE;
	border: 1px solid #000;
	margin: 10px;
}

.marginsbox {
	border: 1px solid #FF0000;
}

.marginsnone {
	background-color: #EEE;
	border: 1px solid #000;
}
	
/* COMMENTS AND FANUPDATE */

#enter-comment {
	color: #5F5941;
	background: #F6F0D8 url(http://www.anomalyd.com/layout/makecomment.jpg) scroll no-repeat top right;
	border: 1px solid #BFB89B;
	margin: 20px 0;
	padding: 10px 20px 10px;
	width: 490px;
}

.post {
	border-bottom: 1px dashed #BBB;
}

.catfile {
	margin: 0;
}

.individual-comment {           
	color: #404940;
	background-color: #E3EFE5;
	border: 1px solid #9BCFCD;
	margin: 10px 0;
	padding: 0 15px;
}                                

	.individual-comment a, .individual-comment strong {
		color: #7da2a1;
	}
	
		.individual-comment a:hover {
			color: #9BCFCD;
		}
	
	.individual-comment blockquote {
		color: #6F6F6F;
		font-style: italic;
		font-family: "Georgia";
		background: none;
		border: none;
		width: 310px;
		padding: 0 10px;
		margin: 10px;
	}

div.commenter {
	color: #5F5F5F;
	font: .9em/1.3em "Verdana";
	background-color: #eef6ec;
	padding: 7px;
	margin: 0 -15px 6px 10px;
	float: right;
	width: 140px;
	text-align: center;
}	

/* WEBMASTER COMMENTS */

div.author div.individual-comment {
	background-color: #F7F2DC;
	border: 1px solid #BFB683;
}	

	div.author div.commenter {
		background-color: #F1EBC9;
	}

		div.author div.individual-comment a {
			color: #8F8559;
		}

			div.author div.individual-comment a:hover {
				color: #BFB483;
			}

/* SUBMIT COMMENT */
		
#myta {
	color: #6F6F6F;
	font: inherit;
	background-color: #F9F6ED;
	border: 1px solid #CFC7A8;
	padding: 7px; 
	width: 475px;
	margin: 10px auto 5px;
}

input {
	font-family: "Verdana";
	background: #DFE8B9 url(http://www.anomalyd.com/layout/commentbg.jpg);
	border: 1px solid #c3cc9d;
	color: #838F50;
	padding: 5px;
}

#submit {
	font: 1.3em "Verdana";
	color: #7AAAAC;
	background-image: none;
	background-color: #E3EDE4;
	border: 1px solid #A9D9DB;
}

/* CENTERING, FOOL */

.centeroutside {
	text-align: center;
	width: 100%;
}

	.center {
		margin: 0 auto;
	}
	
/* COMMENT E-MAIL */

#formcomments {
	color: #2F2F2F;
	font: inherit;
	background-color: #F1EBC9;
	border: 1px solid #CFC79B;
	padding: 7px;
	width: 370px;
	height: 100px;
	overflow: auto;
}

input#name, input#email, input#url, input#location {
	margin: 0 0 5px;
}

/* QUOTE */

blockquote {
	color: #5F593B;
	background: #F1EBC9 url(http://www.anomalyd.com/layout/blockquotebackground.jpg) no-repeat top right;
	border-top: 1px solid #CFC9A8;
	border-left: 3px solid #CFC9A8;
	border-bottom: 3px solid #CFC9A8;
	border-right: 1px solid #CFC9A8;
	padding: 0 10px;
	margin: 10px;
}

/* FIXED TABLE */

.fixedtable {
	background-color: #E9F0CD;
	border: 1px dashed #A9AF8E;
	margin: 10px auto;
}

	.fixedtable td {
		padding: 5px;
	}
	
/* LAYOUT GENERATOR */

fieldset {
	border: 1px solid #AFA362;
	background-color: #F1EBC9;
	padding: 10px;
}

legend {
	color: #A4C252;
	font: bold 2em "Georgia";
	background-color: #F7F2DC;
	padding: 5px;
	border: 1px solid #828F59;
	margin: 10px 0 0;
}

select, fieldset input {
	color: #4F4822;
	font: inherit;
	border: none;
	background: none #F7F2DC;
	padding: 3px;
	border: 1px solid #DFD8B5;
}                             

pre.generator {
	color: #7F7647;
	font-size: .9em;
	width: 90%;
	height: 200px;
	overflow: auto;
	border: 1px solid #AFA362;
	background-color: #F1EBC9;
	padding: 10px;
}