/*
   http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
   License: none (public domain)
*/   

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global */

html {}
body { background-color: #EEEEEE; }


/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000000; font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif; font-size: 12px; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p			{ color: #000000; font-size: 12px; line-height: 150%; }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a			{}
a:link		{ color: #00000f; }
a:visited	{ color: #000f00; }
a:active	{ color: #000000; }
a:focus		{ color: #060606; }
a:hover		{ color: #0f0000; }

blockquote	  { color: #000000; font-size: 12px; }

strong		{ font-weight: bold; }
em			{ font-style: italic; }

/* Images */


/*Lists */

ul			{	 }
ol			{ list-style-type: decimal; }

ul li		{ color: #000000; font-size: 12px; }
ol li		{ color: #000000; font-size: 12px; }

dl			{	}
dt			{	}
dd			{	}


/* Tables */

table		{ width: 100%; }

tr			{	}
.odd		{ background-color: #0e0e0e; }
.even		{ background-color: #0f0f0f; }
	 
th			{ font-weight: bold; }
thead. th	{ background: #0c0c0c; }

tbody		{	}
th, td, caption {	}
caption		{	}

tfoot		{	}
.tfooter	{ background-color: #0c0c0c; text-align: center; font-style: italic; }
	
caption		{ background: #efefef; }


/* Miscellaneous */

sub, sup	{ line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #060606; }
address		{	}
del			{ background: #ffcece; color: #0f0000; }

code, pre	{ background-color: #0f0f09; padding: 2px 0px; margin: 4px 25px;
				font-family: "Courier New", Courier, monospace; font-size: 12px; font-style: italic; }


/* Containers */

#wrapper			{ width: 900px; margin: 10px auto; background-color: #ffffff; }

#top				{
	background-color: #000000;
	width: 100%;
	padding: 0 0;
	overflow: hidden;
	left: auto;
	height: auto;
}

#logo				{ margin: 0 0 0 0px; float: left; }
#logo img			{
	width: auto;
	height: auto;
	bottom: auto;
	left: auto;
}

#social-media		{ float: right;	margin: 0 10px 0 0; }
#social-media p		{ color: #ffffff; font-size: 11px; margin: 4px 10px 4px 0px; }
#social-media img	{ width: 24px; height: 24px; }
#social-media ul li	{ display: inline; }

#topnav		 		{ background-color: #333333; clear: both; }
#topnav ul			{ width: 100%; float: left; margin: 0px; background-color: #333333; border-bottom: 3px #cccccc solid; }
#topnav ul li		{ display: inline; font-family:Arial, Helvetica, sans-serif}
#topnav ul li a		{ float: left; padding: 10px 20px; text-decoration: none; border-right: 1px solid #0f0f0f }

#topnav a:link		{ color: #ffffff; }
#topnav a:visited	{ color: #ffffff; }
#topnav a:active	{ color: #ffffff; }
#topnav a:hover		{ color: #ffffff; background-color: #770000; }
#topnav a:focus		{ color: #ffffff; }

#banner				{ font-family: "Courier New", Courier, monospace;
						color: #FF0000; background-color: #FFFF00;
						text-decoration: blink;  }

#subbanner	   		{ width: 100%; background-color: #FFFF00; padding: 15px 0px; overflow:hidden; }
#subbanner h3		{ color: #ffffff; font-size:16px; font-weight: bold; text-align: center; line-height: 180%; }

#content-wrapper	{   }

#leftside			{ width:140px; float:left; padding: 0px}

#leftnav			{ width:100%; float:left}
#leftnav ul			{ width: 100%; float: left; margin: 10px; background-color: #333333; border-bottom: 3px #cccccc solid; }
#leftnav ul li		{ display: inline; font-family:Arial, Helvetica, sans-serif}
#leftnav ul li a	{ width: 80%; float: left; padding: 10px 10px; text-decoration: none; border-right: 1px solid #0f0f0f }

#leftnav a:link		{ color: #ffffff; }
#leftnav a:visited	{ color: #ffffff; }
#leftnav a:active	{ color: #ffffff; }
#leftnav a:hover		{ color: #ffffff; background-color: #770000; }
#leftnav a:focus		{ color: #ffffff; }

#content			{ float:left; width: 560px; padding:20px; }
#content h1			{ margin: 0 0 20px 0; font-size: 32px; border-bottom: 1px #777777 sold; padding: 20px 0; }
#content p			{ margin: 16px 0; font-family:Arial, Helvetica, sans-serif;}
#content h2			{ margin: 20px 0 0 0; }  
#content img		{ padding: 8px; border: 1px #888888 solid; margin: 8px; }

/*
#rightside			{ width: 180px; float: left; padding: 20px; margin-left: 675px; line-height: 160%; }
#rightside h2		{ margin: 20px 0 10px 0; }
#rightside p		{ margin: 8px 0; line-height: 160%; }
*/

#footer				{ clear: both; background-color: #000000; padding: 10px 0; }
#footer p			{ text-align: center; color: #ffffff; }

#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}

#main-page-picture	{ float :left; padding:20px; }
#main-page-picture img	{width:500px; }
#main-page-poem		{ float:left; padding:20px; }
}

/* Layout extra */


/* Navigation Extra */


/* Forms */

form { text-align: left; margin: 20px; padding: 10px 0px;}
form ol { list-style-type: none }

label, submit, reset, input, textarea { border: 0; padding: 0px; margin: 0; background: none; }

label { float: left; width: 100%; text-align: left; display: block; padding: 10px 0px; font-family:Arial, Helvetica, sans-serif;}

input, textarea { border: 1px #030303 solid; margin-left: 10px; }

input	{ width: 100%; margin-bottom: 16px; padding: 3px; }

textarea { width: 100%; height: 150px; margin-bottom: 16px; padding: 3px; }

select {	}

.submit { width: 90px; height: 25px; margin-left: 150px; font-size: 12px; }
.reset { width: 90px; height: 25px; margin-left: 150px; font-size: 12px; }

br { clear: left }


/* Miscellaneous */

.copyright-text	{ font-size: 80%; font-style: italic; color: #030303; }
.footer-text	{ font-size: 80%; font-style: normal; color: #060606; }

.title			{ font-size: 18px; font-weight: bold; color: #030303; }
.subtitle		{ font-size: 14px; font-style: italic; color: #030303; }

.artist			{ font-size: 16px; font-weight: bold; color: #030303; }
.author			{ font-size: 14px; font-weight: bold; color: #050505; }
.editor			{ font-size: 14px; font-style: italic; color: #050505; }

.pub-date		{ font-size: 10px; font-style: italic; color: #050505; }
.article-date 	{ font-size: 10px; font-style: italic; color: #050505; }
.location		{ font-size: 10px; font-style: italic; color: #050505; }

.float-right	{ float: right; }
.float-left		{ float: left; }
.clear			{ clear: both; }

.hide			{ display: none; }
.block			{ display: block; }
.inline			{ display: inline; }

.first			{ font-weight: bold; }
.last			{ font-weight: bold; }
.left			{ font-weight: bold; text-align: left; }
.right			{ font-weight: bold; text-align: right; }

.added			{ background: #d7d7ff; }
.removed		{ background: #ffcece; color: #0f0000; }
.changed		{ background: #0f0f0b; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #0d0d0d; }

.error, .alert	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }

.success		{ background: #e6efc2; color: #264409; border-color: #c6d880; }

.info			{ background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a	{ color: #8a1f11; }
.alert a	{ color: #8a1f11; }

.notice a	{ color: #514721; }
.success a	{ color: #264409; }
.info a		{ color: #205791; }