/* THIS STYLE SHEET IS BASED ON THE PAGE "CSS LAYOUT TECHNIQUES" === */
/* AT GLISH.COM  - http://glish.com/css/ === */
/* BACKGROUND IMAGE IS FROM SQUIDFINGERS.COM.  === */
/* THE ONLY COLOR BESIDES BLACK AND WHITE IS BLUE(GREEN), #C8A08C  === */
/* (HIGHLIGHT FOR SEARCH IS YELLOW)  === */
/* EASY TO CHANGE COLOR WITH A GLOBAL SEARCH AND REPLACE === */
/* COULD ALSO MATCH THAT COLOR WITH A DIFFERENT  === */
/* BACKGROUND IMAGE FOR ANOTHER LOOK.  === */

/* THIS IS THE BODY WHICH CREATES THE BACKGROUND ================  */
body {
	font-family: verdana, arial, sans-serif;
	font-size: small;	
	background-color: #fff;
 	background-image: url('petals.gif');      === */
 	background-repeat: repeat;     === */
}

.formfield {display: block; }

/* THIS IS THE SITE-WIDE ANCHOR ================  */
a {
	font-weight: normal;
	color: #C8A08C;
	text-decoration: underline;
}


/* THE CONTENTS BLOCK WHICH CREATES THE CONTENT BOX ==============  */
	#contents {
		margin-right:10%;
		margin-left:10%;
		margin-top:5%;
		margin-bottom:5%;
		padding-bottom:10px;
		background:#fff;
		border:1px solid #C8A08C;
		text-align:left;
		}


/* HERE ARE ALL THE MENU BITS ================ */
/* LAST MENU BOX WITH PADDING =============== */
	#menufooter  {
		margin-bottom:20px;
		}

	.menus {
		border-left:1px solid #C8A08C; 
		border-bottom:1px solid #C8A08C;
		border-top:1px solid #C8A08C;
		border-right:10px solid #C8A08C;
		background:#fff;
		color:#000;
		padding:10px;
		margin-bottom:10px;
		text-align:left;
		font-size:small;
		}
	
	#menu {
		width:200px;
		padding:0px;
		margin-left:20px;
		margin-right:-3px;
		float:right;
		voice-family: "\"}\"";
		voice-family: inherit;
		}
	html>body #menu {
		margin-right:-6px;
		}
		

/* HERE IS THE SPAN STYLE FOR THE MENU HEADINGS ============== */
	.menuhead {
		margin-top:0px;
		margin-bottom:10px;
		padding:0px 20px 0px 0px;
		font-size:small;
		font-weight: bold;
		color:#000;
		}
		

/* HERE ARE SOME GLOBAL PADDING BITS ============== */

	p,h1,h2 {
		margin-top:0px;
		margin-bottom:10px;padding:0px 20px 0px 20px;
		}
		
/* THE GENERIC TITLE SETTING ================ */
	#title {
		padding:0px;
		margin-right:-6px;
		margin-left:-6px;
		width:100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:auto;
		}
	html>body #title {
		width:auto;
		}
			
/* THE TITLE H1 FOR THE BLOG NAME ================ */
	#title h1 {
		font-size:extra-large;
		color:#C8A08C;
		text-align: center;
		border-top:1px solid #C8A08C;
		border-bottom:1px solid #C8A08C;
		border-right:10px solid #C8A08C;
		border-left:10px solid #C8A08C;
		margin-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		}
		
/* THE TITLE H2 FOR THE ARTICLE DATE ================ */
	#title h2  {
		font-size:small;
		color:#000000;
		border-top:1px solid #C8A08C;
		border-bottom:1px solid #C8A08C;
		border-right:10px solid #C8A08C;
		border-left:10px solid #C8A08C;
		margin-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		background-color: whitesmoke;
		}


/* THE H3 ITEM TITLE OR ARTICLE TITLE (<h3 class="item">) =========== */
 h3.item {
	font-size: medium;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:0px 20px 0px 20px;
} 


/* THE ITEM BODY OR ARTICLE BODY =========== */
.itembody {	
	margin-top: 5px;	
	margin-bottom: 5px;
	padding:0px 20px 0px 20px;
} 


/* THE ITEM INFO OR THE TIME-AUTHOR-COMMENT LINE =========== */
 .iteminfo {	
	font-size: 10px;
	color: #C8A08C;
	margin-bottom: 25px;
	padding:0px 20px 0px 20px;
}


/* COMMENT TITLE CONTAINS NAME OF COMMENT AUTHOR ======== */
  h3.comment {
 	font-size: medium;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 20px 0px 20px;
}

/* THE COMMENTS THEMSELVES === */
.commentbody {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 20px 0px 20px;
	text-align: justify;
}

/* TIME OF THE COMMENTING === */
.commentinfo {	
	font-size: 10px;
	color: #C8A08C;
	margin-bottom: 25px;
	padding: 0px 20px 0px 20px;
}

/* NO COMMENTS YET, OR ADD COMMENTS === */
.comments {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 20px 0px 20px;
}

/*
	RULES FOR CONTENTS GENERATED USING THE MARKUP BUTTONS
	"add left box" AND "add right box"

	BOTH BOXES HAVE LARGER TEXT, AND TAKE A MAXIMUM OF 20% OF
	THE WIDTH OF THE CONTENTS. THIS IS NICE FOR TEXT QUOTES, BUT
	MIGHT BE TOO SMALL FOR IMAGES.
*/


.leftbox, .rightbox {
	margin: 3px;
	padding: 5px;
	font-size: larger;
	border-top: 1px solid #C8A08C;
	min-width: 20%;
}

.leftbox {
	float: left;
	border-right: 5px solid #C8A08C;	
}

.rightbox {
	float: right;
	border-left: 5px solid #C8A08C;	
}



/* ====  SOME GENERAL RULES ================= */
/*  IMAGES NEVER HAVE A BORDER =================== */
img {
	border: none;
}

/*  ELEMENTS WITH SKIP CLASS ARE NOT SHOWN =================== */
.skip {
	display: none;
}

/*  NO LIST-ITEM BULLETS =================== */
ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

/*  HIGHLIGHTED TEXT IN SEARCH RESULTS HAS YELLOW BACKGROUND ============== */
.highlight {
	background-color: #FFFF33;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.quote {
	background:#ff9999;
	border:none;
	color:#000000;
	margin: 2px 2em;
	padding:1em;
	font-size:small;
	line-height:110%;
        width:400px;
	font-family:Courier, 'Courier New', sans-serif;
}