/** Universals **/

* 	{ padding: 0; margin: 0; }

BODY
	{
		text-align: center;
		background: url(http://www.flightysprite.com/layout/bodybg.gif) repeat-x;
		min-width: 900px;
	}

A 	
	{
		text-decoration: none;
	}

.hidden
	{
		display: none;
		border: none;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
	}

.clear 
	{ 
		clear: both;
	}

div.hr 
	{
		height: 10px;
		margin: 5px 0 20px;
		background: url(http://www.flightysprite.com/layout/divider.gif) no-repeat center;
	}
	
div.hr hr
	{
		display: none;
	}

/** PRIMARY LAYOUT **/

#header
	{
		height: 215px;
		background:url(http://www.flightysprite.com/layout/bodybg.jpg) repeat-x;
	}
	
#menu
	{
		height: 215px;
		background:url(http://www.flightysprite.com/layout/headerlogo.png) no-repeat top center;
	}
	
#menu UL
	{ 
		display: block; height:50px; width: 600px; 
		margin: 0 auto;
		padding: 185px 0 0 0;
		text-align: center;
	}
	
#menu LI
	{
		list-style: none;
		display: inline;
		height: 100px;
	}
	
#menu A
	{
		display: block;
		height: 40px; width: 100px;
		line-height: 35px;
		float: left;
		margin: 0 20px 0 20px;
	}

#menu A:visited 
	{ 
	} 
#menu A:hover
	{ 
		/**background:url(http://www.syserror.net/layout/menuhoever.gif) no-repeat center;**/
	}

#content
	{ 
		clear: both;
		width: 70%; 
		min-width: 500px;
		margin: 0 auto; 
		text-align: left;
	}
	
#main, #about
	{ 
		float: left;
		width: 70%;
	}

#about H1 { text-align: center; }
#main H3, H4, H5
	{
		clear: both;
	}

#main H2
	{
		margin: 50px auto 0px; 
	}
#albumthumbs { clear: both; }

#main H3
	{
		line-height: 60px; 
	}

#main P, #about P
	{ 
		margin: 10px 15px 15px 0;
		clear: both;
		text-indent: 2em;
	}

.titleContainer { margin: 15px 0 0; }
.date
	{ 
		width: 100px; height: 50px;
		margin: 20px 0 0 -115px; 
		float: left;
		letter-spacing: 2px;
		padding-left: 5px; 
		line-height: 10px;
	}
	
.date P 
	{
		height: 10px;
		margin: 10px 0;
		text-align:center; 
	}

/** CONTACT Page **/

#im 
	{ 
		width: 500px; height: 120px;
		margin: 30px auto;
	}

#im UL, #im LI
	{ 
		display:inline;
	}

#im LI 
	{
		float: left;
		width: 120px;
	}

#im IMG 
	{ 
		border: none;  
		width: 50px; height: auto;
	}

/** SINGLE IMAGE PAGE **/

#singleimage 
	{
		width: 600px;
		margin: 10px auto 0; 
	}

#singleimage IMG 
	{
		margin: 50px auto 0;
		border: 5px solid #DDD;
	}

#singleimage H2 { margin: 50px 0 0; }



/** ALBUMS PAGE **/

#albumslist
	{
		margin:0 auto;
		width:600px;
	}

#albumthumbs
	{
		margin:0 auto;
		width:700px;
	}

#albumthumbs A
	{
		border:none;
		text-decoration:none;
	}

#albumthumbs IMG
	{
		border:5px solid #DDD;
		max-height: 75px;
		margin:10px;
		max-width:125px;
	}

#albumthumbs LI
	{
		display:block;
		float:left;
		height:150px;
		list-style:none;
		margin:10px;
		padding:0;
		text-align:center;
	}

#albumthumbs UL
	{
		display:inline;
	}

.album
	{
		clear:both;
		margin:30px auto;
		padding:15px 0;
		text-align:left;
	}

.album IMG
	{
		float:left;
		margin:10px;
	}


/** COMMENTS DISPLAY **/
.even, .odd 
	{ 
		margin: 0 auto 50px; 
		width: 100%; 
		text-align: left;  
	}
.comment-head1 
	{
		display:block;
		text-align: left; 
		width: 100%;
		padding: 10px 0 0;
	}
	
/** COMMENTS & CONTACT Forms **/

FIELDSET
	{ 
		clear: both;
		padding: 20px 10px;
		border: none;
		margin: 20px auto;

	}

#contact label, .label
	{ 
		text-align: right; 
		float: left;
		width: 80px; 
		padding: 0 20px 15px;
	}

#name, #email, #from, #url, #textbox, #subject, textarea 
	{
		float: left;
		width: 60%;
		display: block;
	}

#name, #email, #from, #subject, #url, #textbox, #keywords, #searchbox, textarea
	{
		text-align: left; 
		border: none; 
		background: transparent;	
	}
#keywords input { background: #FFF; }
#main br, #contents br, #singleimage br 
	{
		clear: both;
	}
	
#main H1, #main H2
	{ 
		float: left;
		display: block; 
		margin: 0 0 5px 0;
	}
	
#main input, #sideContent input, #contents input, #singleimage input, #search input
	{
		padding:4px;
	}
#sideContent input
	{

		line-height: 14px;
		padding: 0 0 2px 25px;
	}
#sideContent input:hover, #sideContent input:focus
	{
		background-color: #FFF;
	}

#main input.submit, #contents input.submit, #singleimage input.submit, #search input.submit, select
	{
		margin: 20px 0 0; padding: 6px;
		width: 200px;
	}

#search select 
	{
		width: 250px; 
	}

.commentd
	{
		margin: 10px 0 20px 10px; 
	}

/** CONTENTS Page **/

#contents
	{
		margin: 0 auto;
		width: 600px;
	}

#contents P
	{
		clear: both;
		margin: 10px 0 10px 10px;
	}

#contents dl
	{ 
		margin: 0 auto 0 auto;
		width: 600px; 
		text-align: left; 
		clear: both;
	}

#contents dt
	{ 
		margin: 10px 0 5px 0; 
	}
	
#contents dd
	{
		clear: both;
		height: 25px; 
		line-height: 25px; 
		border-bottom: 1px dotted #555;
	}

#contents A
	{
		letter-spacing: 1px;
	}

#contents A:hover
	{
		line-height: 25px;
		letter-spacing: 0px;
	}

#contents dd A
	{
		float: left;
	} 

#contents dd span
	{
		float: right;
	}
	
#contents P { clear: both; }
/** FLICKR BADGE **/

#flickr 
	{ 
		width: 90%; 
		min-width: 100px; 
	}

#flickr a img
	{
		float:left;
		margin:0 0px 8px 8px;
		width:36%;
		height: auto;
    }
#flickr span { padding: 0 0 100px; }
/* GENERAL TYPOGRAPHY STUFF */

legend 
	{
		margin: 15px 0 0;
	}

.about H2
	{
		text-align: left;
		margin: 0;
	}

H3
	{
		font-variant: small-caps;
	}

.note
	{
		margin: 0 0 0 100px;
	}


/** FOOTER **/

#footer
	{
		clear: both;
		text-align: center;
		padding: 50px 0 10px;
	}

#footer P 
	{
		line-height: 16px;
	}

/** SEARCH PAGE **/

#search 
	{
		width: 600px;
		margin: 20px auto;
	}

#searchbox
	{
		width: 300px;
	}

.excerpt 
	{
		clear: both;
		display: block;
		height: 200px;
		padding: 20px 0 0 10px;
	}

/** SIDECONTENT DISPLAY **/

#sideContent
	{
		overflow: hidden;
		margin: 30px 0 0 10px; padding: 0 0 50px;
		width: 20%;
		float: left; 
		padding: 0 0 0 15px; 
	}

#sideContent P
	{ 
		margin: 5px 0;
		line-height: 14px;
	}

.space
	{
		margin: 35px 0 0;
		clear: both;
	}

p.commentd 
	{
		margin: 5px 0 0;
	}

#sideContent  UL
	{
		margin: 10px 0 0 10px;
	}
.elsewhere { padding: 20px 0 0 0; }

/** MISC **/

.leftpic 
	{ 
		float: left;
		margin: 0 10px 10px 0;
		border: 5px solid #DDD;
	}