/*

	sNews 1.5 RC 2 - "Historical" Design
	by Herreman David
	http://www.free-css-templates.com

	Adapted for the Meacham Writers' Workshop
	by Bill Stifler
	http://www.billstifler.org
*/

* { padding: 0; margin: 0 }

body { 
	background: #FFF url(images/bg.jpg) repeat-x top; 
	font: .75em Verdana, Arial, Sans-Serif; 
	line-height: 1.4em;
	color : #454545 
}

#content { 
	margin: 0 auto; 
	padding: 0; 
	width: 818px;	
	background: inherit; 
	color: #454545;
}

#header { height: 120px;	background: #000 url(images/top1.jpg) no-repeat top center; margin-bottom: 0px; color: #FFFFFF; overflow: hidden; }
#header .left { width: 190px; float: left; text-align: center; padding-left: 14px; }
#header h1 {  font: 1.2em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; font-weight: bold; padding-top: 25px; background: inherit }
#header h2 {  font: 1.0em "Tahoma",Verdana, Arial, Sans-Serif; color: #FFF; padding-top: 25px; background: inherit }

p  {margin: 0 0 10px 0; padding: 0px;}
.clear { clear: both; }
.alignright {margin-top: 0; text-align: right;}
.small {font-size: .9em;}
.histdate { color: #8E7272; background: #FFF; }
img { float: left; padding: 0 10px 10px 0}
div#content {
        position: relative;
        width: 818px;
        margin: 0 auto 20px auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: left;
        width: 640px;
        margin: 50px -180px 15px 219px !important;
		margin: 50px -181px 15px 110px;
		text-align: justify

    }
	div#main .pad  { padding-left: 3px; }
	div#main ul {  padding: 0; margin-left: 50px; }
	div#main li {  list-style-type: disc; }

    div#left {
        float: left; 
		width: 226px;
        padding-top: 50px; 
        margin-left: -684px;
		background: url(images/lefttop.jpg) no-repeat top center;
		text-align: left;
		margin-bottom: 15px;
    }
	div#left .pad { padding: 5px 30px 0 30px; text-align: left; background: url(images/leftbg.jpg) repeat-y left;}
	div#left h2 { margin-top: 15px; color: #6D5252; margin-bottom: 5px; background: #F6F5E0 }
	div#left a { background: #F6F5E0 url(images/a.gif) no-repeat left; padding-left: 10px; color: #666;  }
	div#left #leftend { background: url(images/leftbottom.jpg) no-repeat bottom ; height: 34px;}
	div#left li { list-style-type: none; }

#footer { 
			clear: both; 
			height: 40px; 
			background: #6D5252; 
			border-top: 8px solid #8E7272; 
			color: #E3E2CB;  
			width: 870px;
			font: 0.9em "Tahoma",Verdana, Arial, Sans-Serif;  padding: 10px 10px 0 0;
			}	
#footer a  { color: #E3E2CB; background: inherit }
#footer a:hover { text-decoration: underline }
#footer #r { float: right; text-align: right; }
#footer #l { padding-left: 10px;}
   
/* END CONTENT */


/*** Main area *****/
a { color: #0066B3; background: inherit; text-decoration: none;}
a:hover { text-decoration: underline }
h1 { font: bold 1.9em Verdana, Arial, Sans-Serif  }
h2 { font: bold 1.2em Verdana, Arial, Sans-Serif; padding: 0; margin: 0 0 5px 0 }
h3 { font: bold 1.0em Verdana, Arial, Sans-Serif; padding: 0; margin: 0 0 5px 0 }
h4 { font: bold 0.9em Verdana, Arial, Sans-Serif; padding: 0; margin: 0 0 5px 0 }
ul {  padding: 0; margin: 0 }
li { list-style-type: none }

/* SNEWS */
fieldset { border: 1px solid #ddd; padding: 10px 8px; margin: 0 0 8px 0; background: #f5f5f5; color: #000 }
input { padding: 3px; margin: 0; border: 1px solid #BBB;  }
textarea { width: 97%; height: 20em; padding: 3px; border: 1px solid #BBB }
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd }

/*        IMAGE CLASSES        */
img.r		{background: #FFFFFF;
			margin-top: 10px;
			margin-left: 20px;
			margin-right: 10px;
			margin-bottom: 10px;
			float: right;
			padding: 2px;
			border: 3px solid #6D5252;}

img.l		{float: left;
			background: #FFFFFF;
			margin-top: 10px;
			margin-left: 10px;
			margin-right: 20px;
			margin-bottom: 10px;
			padding: 2px;
			border: 3px solid #6D5252;}

img.reg		{background: #FFFFFF;
				margin-top: 10px;
				margin-left: 10px;
				margin-right: 10px;
				margin-bottom: 10px;
				padding: 2px;
				border: 3px solid #6D5252;}

.img.photo		{background: #FFFFFF;
			margin-top: 10px;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 10px;
			padding: 2px;
			border: 3px solid #6D5252;}

a.img {background: #F6F5E0; padding-left: 10px; color: #666; border: none:} 
	

/*    PARAGRAPH FORMATTING      */

.hanging 	{margin-left: 1.5 cm; 
			margin-right: auto;  
			line-height: 200%; 
			text-indent: -1.25cm; } 

.block 		{margin-left: 2.5 cm; 
			margin-right: auto; } 

.blockleft	{
		text-align: left;
		font-size: 80%;
		width: 500px;
		padding: 10px;
		margin: 10px;
		}

.blockright		{margin-top: 0.0px; 
				margin-left: 350px; 
				margin-bottom: auto; 
				margin-right: 20px;} 


.floatleft	{float: left;
			padding-top: .0px;
			padding-right: 10;
			padding-bottom: .0px;
			padding-left: 20;}

.floatright	{float: right;
			padding-top: .0px;
			padding-right: 10px;
			padding-bottom: .0px;
			padding-left: 10px;}

.break		{clear: both;}

.left		{text-align: left;}

.center		{text-align: center;}

.right		{text-align: right;}

/*  Text Features */
.smaller	{font-size:85%; 
			color: #000000;}

.smallest	{font-size:75%;
			color:#000000; }

.caption	{font-family: Georgia, Times, Roman, serif;
			font-size: 80%;
			font-weight: 500;
			text-align: center;
			line-height: 110%;
			color: #000000;}

.menuheader	{font-family: Georgia, Times, Roman, serif;
			font-size: 110%;
			text-align: center;
			font-weight: 900;
			color: #FFFFFF;}

.b			{font-weight: 700;}

.i			{font-style: italic;}

.sc	{font-variant: small-caps;}

.super		{vertical-align: super;
			font-size: 75%;}

.sub		{vertical-align: sub;
			font-size: 75%;}

/*     Links     */

a.guest:link 		{color: #002464;  text-decoration: none; font:  Verdana, Arial, Sans-Serif; }
a.guest:visited 	{color: #7D7DAA; text-decoration: none; font:  Verdana, Arial, Sans-Serif; }
a.guest:hover 	{color: #732700; text-decoration: none; font:  Verdana, Arial, Sans-Serif; font-weight: bold; }
a.guest:active 	{color: #4B8D7B; text-decoration: none; font:  Verdana, Arial, Sans-Serif; }


/*     Meacham containers     */
#videolist	
	{
	padding: 2px;
	font-size: 75%;
	float: left;
	position: relative;
	margin-right: 6px;
	margin-left: 0px;
	width: 150px;
	}

#guest1	
	{
	padding: 2px;
	font-size: 75%;
	float: left;
	position: relative;
	margin-right: 6px;
	margin-left: 0px;
	width: 130px;
	}

#guest2	
	{
	padding: 2px;
	font-size: 75%;
	float: left;
	position: relative;
	margin-right: 4px;
	margin-left: 200px;
	width: 150px;
	}

#guest3	
	{
	padding: 2px;
	font-size: 75%;
	float: left;
	position: relative;
	margin-right: 4px;
	margin-left: 400px;
	width: 150px;
	}

#guest4	
	{
	padding: 2px;
	float: left;
	position: absolute;
	margin-right: 4px;
	margin-left: 600px;
	width: 165px;
	}

#notecard	{
		width: 50%;
		padding: 20px;
		margin: 15px;
		border: 2px inset #000000;
		}

#fiction	{
		width: 90%;
		padding: 20px;
		border: 2px inset #000000;
		}

#award	
	{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
	}

#poemcenter	{
		font-family: Georgia, Times, Roman, serif;
		text-align: center;
		padding: 10px;
		margin-left: 50px;
		}

#poemleft	{
		font-family: Georgia, Times, Roman, serif;
		text-align: left;
		padding: 20px;
		margin-left: 50px;
		}

div#video
	{
background-image: url(http://www.meachamwriters.org/images/video.jpg);
background-repeat: no-repeat;
background-position: center;
height:360px;
width:600px;
position: relative;
top:0px;
visibility: visible;
left: 0px;

	}

#object
	{
	padding: 20 px;
	text-align: center;
	position: relative;
	top: 45px;
	left: 10px;
	}


#photo1
		{
			float: left;
			width: 120px;
			position: absolute;
			margin-right: 4px;
			margin-left: 20px;
		}

#photo2
		{
			float: left;
			width: 120px;
			position: absolute;
			margin-right: 4px;
			margin-left: 75px;
		}

#photo3
		{
			float: left;
			width: 120px;
			position: absolute;
			margin-right: 4px;
			margin-left: 195px;
		}

#photo4
		{
			float: left;
			width: 120px;
			position: absolute;
			margin-right: 4px;
			margin-left: 320px;
		}

#photo5
		{
			float: left;
			width: 120px;
			position: absolute;
			margin-right: 4px;
			margin-left: 450px;
		}

#photocenter
		{
			float: left;
			width: 120px;
			position: absolute;
			margin-right: 4px;
			margin-left: 265px;
		}


/*     TABLE FORMATTING     */

table	{
	margin-left: 50px;
	border-style: solid;
	border-width: 1px;
	background-color: #6D5252;
	}

th	{
	text-align: center;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	background-color: #6D5252;
	color: #FFFFFF;
	}

td	{
	font-size: 80%;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	}