body {
margin: 0px 0px;
padding: 0px;
font-family: verdana, arial, sans-serif;
background : #f5f5e9 url(/images/background3.jpg) repeat; 
}

#container{
width: 800px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
	}

/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/

.clearing:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearing {
display: inline-block;
}

/* hides from IE/Mac \*/
* html .clearing {
height: 1%;
}

.clearing {
display: block;
}

/* end hide from IE-Mac */
/*** end clearing hack ***/ 


/*Page Header*/

#blocks {position:relative; margin-bottom:5px; height:225px;padding-top:5px; }
#blocks #random_img {position:absolute; width:225px;height:225px;}
#blocks #random_text {position:absolute; width:200px;height:225px;}
#blocks #nav1 {position:absolute; width:228px;height:225px;}
#blocks #ads {position:absolute; width:125px;height:225px;}

#blocks #random_text {left:230px; background-color: #C1DAD6;}
#blocks #nav1 {left:435px; background-color: #C1DAD6;border-right: 5px solid #FFFFFF;}
#blocks #ads {left:668px; background-color: #C1DAD6; align: left;}

#blocks .copy {margin:15px 0 10px 10px;}
#blocks ul, #menu ul { list-style-type: none; padding: 5px; margin: 0px; }
#blocks a  { text-decoration: none;    border-bottom: none; padding: 5px; line-height: 22px; font-weight: normal;}
#menu a { text-decoration: none;    border-bottom: none; padding: 5px; line-height: 22px; font-weight: normal; color: #956332;}

#blocks #random_img a { color: #FFFFFF; }
#blocks #random_img a:hover { color: #ffffff; background-color: #3D7AB8;}

#blocks #random_text a { color: #663300; }
#blocks #random_text a:hover { color: #ffffff; background-color: #3D7AB8;}

#blocks #ads a { color: #000000; }
#blocks #ads a:hover { color: #000000; background-color: #BBDDCC;}

#blocks a { padding: 5px; color: #878773; line-height: 22px; font-weight: normal;}
#blocks a:hover { background-color: #3D7AB8; color: #FFF; text-decoration: none; }
#menu a:hover { background-color: #FFB900; text-decoration: none;  color: #B87A3D; }



/* Random */

#headimg {
border: 0px;
margin: 0;
padding: 0;
padding-right: 5 px;
float: right;
}

#restofhead {
display: inline;
position: relative;
margin: 0;
}
	
.inline {
display: inline;
}

.word h1{
font-family: "lucida grande", verdana, arial, sans-serif;
font-size: 22px;
font-weight : bold; 
text-decoration : none; 
color : #a8a439;
}

.definition {
font-family:  verdana, arial, sans-serif;
font-size: 12px;
margin-top: 10px;
margin-left: 10px;

}

.example {
font-family:  verdana, arial, sans-serif;
font-size: 12px;
margin-top: 10px;
margin-left: 10px;
}

.comments-random {
color: #000000;
text-align: right;
padding-top: 5px;
padding-bottom: 19px;
font: 9px "lucida grande", verdana, arial, sans-serif;
}


/* Navigation */

#menu ul {
margin: 0;
padding: 0;
list-style: none none outside;
}

#menu ul li {
padding: 2px 0;
}

#menu ul li a {
display: block;
padding: 2px 0 2px 10px;
margin: 0;
background-color: transparent;
text-transform: uppercase;
font-weight: bold;
font-size: 11px absolute;
text-decoration: none;
color: #000000;
width: 100%;
}

html>body #menu ul li a {
width: 228px;
}

#menu ul li a:hover {
background: #fff;
color: #000;
}

#menu ul li a span {
visibility: hidden;
font-size: 10px absolute;
font-weight: normal;
font-style: italic;
text-transform: none;
}

#menu ul li a:hover span {
visibility: visible;
}


/* Blog Area */

#main {
float: left;
display: inline;
width:434px;
margin-top: 0px;
padding: 0px;

}

#blog {
float: left;
display: inline;
color: #fff;
margin: 0px;
width: 434px;
}

#content {
margin-top: 20px;
padding-left: 15px;
width: 400px;
z-index: -1
}

#content li {
padding-bottom: 2px;
}

#main p {
font-size: 11px;
font-color: black;
margin-bottom: 0px;
}

.title {
font-family: verdana, arial, sans-serif;
font-size: 14px;
background: transparent;
color: #336699;
text-align: right;
padding-top: 5px;
padding-right: 5px;
}

.date {
font-family: verdana, arial, sans-serif;
letter-spacing: 0.12em;
margin: 13px 0 0 0;
text-align: right;
font-size: 12px;
color: #666;
}

.category {
font-family: verdana, arial, sans-serif;
font-size: 10px;
background: transparent;
color: #336699;
text-align: right;
padding-right: 12px;
padding-bottom: 3px;
}

.entry {
padding-top: 3px;
text-align: justify;
font-size: 12px;
font-family: verdana, arial, sans-serif;
color: #000000;
}

.posted {
clear: left;
}

.posted {
color: #000000;
text-align: left;
padding-top: 5px;
padding-bottom: 19px;
font: 11px "lucida grande", verdana, arial, sans-serif;
}

.stats {
padding: 10px;
font-size: 10px;
color: #000000;
text-align: left;
text-transform: lowercase;
}

.ul {
list-style: square;
margin-top: 10px;
margin-bottom: 5px;
}

.column {
width 215px;
float: left;
}


/* Page Name */

#header{
border-bottom: 2px dotted #D60000;
margin-top: -2px;
text-align: left;
}

#header h1 {
font: bold 24px "lucida grande", helvetica, sans-serif;
text-align: left;
padding-left: 2px;
margin:0px;
margin-bottom: 5px;
color: #000000;
}


/* Search Form */

#searchform {
position: relative;
top: 0px;
background: #ffffff;
color: #fff;
}

#searchform p {
font-size: 10px;
margin-top: 3px;
}

#searchform p #searchterm {
width: 155px;
font-size: 0.7em;
}

#searchform p #searchsubmit {
margin-bottom: -5px;
margin-left: 2px;
}


/* Sidebars */

h2.sidetitle {
margin: 0;
padding: 2px 2px 2px 5px;
border-right: 2px solid #fff;
border-bottom: 2px dotted #BBDDCC;
font-size: 100%;
letter-spacing: 0.09em;
font-weight: bold;
color: #D60000;
}

.sidebox {
margin: 0;
padding: 10px 10px 5px 10px;
color: #000;
border-bottom: 5px solid #fff;
}

.blur{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
}

.shadow,
.content{
position: relative;
bottom: 2px;
right: 2px;
}

.shadow{
background-color: #666; /*shadow color*/
color: inherit;
}

.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border-right: 1px solid #000; /*border color*/
border-bottom: 1px solid #000; /*border color*/
padding: .5em 2ex;
}


#left {
float: left;
width: 233px;
text-align: left;
padding-right: 5px;
color: #000000;
}

#left p {
font-size: 11px;
margin: 2px;
padding-right: 10px;
padding-left: 10px;
}



#right {
float: right;
margin: 0px;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 20px;
width: 125px;
color: #000000;
}

#right p {
font-size: 11px;
margin: 2px;
padding-right: 10px;
text-align: right;
}

#right ul {
margin: 2px;
padding-right: 10px;
text-align: right;
list-style: none;
}

#right li {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #336699;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 5px;
	border: 0 solid #CCC;
	color: #666;
}
#sidebar li {
	border-bottom: 1px solid #CCC;
}
#sidebar li a:link {
	color: #333366;
	line-height: 150%;
	text-decoration: none;

	width: 225px;
}
#sidebar li a:visited {
	color: #333366;
	text-decoration: none;
	line-height: 150%;

	width: 225px;
}
#sidebar li a:hover {
	color: #000;
	line-height: 150%;
	text-decoration: none;

	width: 225px;
}
#sidebar li a:active {
	color: #333366;
	line-height: 150%;
	text-decoration: none;

	width: 225px;
}


/* Images */
img {
margin: 0px;
padding: 0px;
border: 0px;
}

.image_left {
margin: 0px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
float: left;
}

.image_right {
margin: 0px;
padding-left: 6px;
padding-top: 3px;
padding-bottom: 3px;
float: right;
}


/* Other Stuff */

.spacer {
margin: 0px;
padding: 0px;
clear: both;
}

.paginate {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 letter-spacing:.2em;
color: #000000;
 margin:0px;
}

.pagecount {
 font-family:	verdana, arial, sans-serif;
 font-size:10px;
 color:	#000000;
 font-weight:normal;
}

.input {
border:1px solid #769009;
background-color: #BBDDCC;
color:  #352F75;
font-family:  verdana, arial, sans-serif;
font-size: 11px;
height: 12px;
padding: .3em 0 0 2px;
margin-top: 6px;
margin-bottom: 3px;
}

.textarea {
border:1px solid #BBDDCC;
background-color:  #fff;
color:#352F75;
font-family:  verdana, arial, sans-serif;
font-size: 11px;
margin-top: 3px;
margin-bottom: 3px;
}

.checkbox {
margin:3px;
padding: 0px;
border: 0px;
}

.submit {
background-color:  #ffffff;
font-family:  verdana, arial, sans-serif;
font-size: 11px;
font-weight:normal;
letter-spacing: .1em;
padding:  1px 3px 1px 3px;
margin-top: 6px;
margin-bottom: 4px;
color:  #000000;
}

input {
border:1px solid #6AB48F;
background-color: #BBDDCC;
color:  #000000;
font-family:  verdana, arial, sans-serif;
font-size: 10px;
height: 1.6em;
margin-top: 6px;
margin-bottom: 3px;
}

textarea {
border:1px solid #6AB48F;
background-color: #BBDDCC;
color:#000000;
font-family:  verdana, arial, sans-serif;
font-size: 11px;
margin-top: 3px;
margin-bottom: 6px;
}

h1, h2, h3, h4 {
font-family: verdana, arial, sans-serif;
letter-spacing: 0.12em;
margin-bottom: 4px;
}

p {
font-family:  verdana, arial, sans-serif;
color: black;
}

blockquote {
font-family: verdana, arial, sans-serif;
font-size: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
border: 2px solid #6AB48F;
background-color: #BBDDCC;
color: #000000;
}

li {
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #000000;
}

a:link { color: #D60000; text-weight: bold; text-decoration: none; }
a:hover { color: #BBDDCC; text-decoration: none; }
a:visited { color: #3E7A5E; text-decoration: none; }

.comments{
padding-top: 10px;
font-size: 10px;
font-family: verdana, arial, sans-serif;
color: #769009;
}

.comment-body1{
text-align: justify;
font-size: 10px;
font-family: verdana, arial, sans-serif;
color: #000000;
background-color: #ffffff;
}

.comment-body2{
text-align: justify;
font-size: 10px;
font-family: verdana, arial, sans-serif;
color: #000000;
background-color: #BBDDCC;
}

.comment-posted{
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: #000000;
font-size: 10px;
font-family: verdana, arial, sans-serif;
}

#TextDisplay {
font-size : 11px; 
color: #000000;
}