/** Universals **/

* 	{ padding: 0; margin: 0; }

BODY
	{
		text-align: center;
		background: url(http://www.syserror.net/layout/bg.gif) repeat-x;
	}

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.syserror.net/layout/divider.gif) no-repeat center;
	}
	
div.hr hr
	{
		display: none;
	}

/** PRIMARY LAYOUT **/

#header
	{
		height: 215px;
		background:url(http://www.syserror.net/layout/logo.gif) no-repeat top center;
	}
	
#menu
	{
		height: 170px;
	}
	
#menu UL
	{ 
		display: block; height:50px; width: 400px; 
		margin: 0 auto;
		padding: 140px 0 0 0;
		text-align: center;
	}
	
#menu LI
	{
		list-style: none;
		display: inline;
		height: 100px;
	}
	
#menu A
	{
		color: #626262;
		display: block;
		height: 40px; width: 60px; 
		float: left;
		margin: 0 20px;
	}

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

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

#main H2, H4, H5
	{
		clear: both;
	}

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

#main H3
	{
		font-size: 24px; 
		letter-spacing: 1px; word-spacing: 2px; 
		line-height: 60px; 
	}

#main P
	{ 
		margin: 10px 15px 15px 0;
		clear: both;
		text-indent: 2em;
	}
	
.date
	{ 
		width: 100px; height: 50px;
		margin: 20px 0 0 -115px; 
		float: left;
		font-size: 11px; 
		color: #A9A9A9;
		letter-spacing: 2px;
		padding-left: 5px; 
		border-right: 1px solid #444;
		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; }

.views { font-size: 12px; color: #666; }

/** 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;
		height:auto; max-height: 75px;
		margin:10px;
		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
	{
		border-top:1px solid #444;
		clear:both;
		font-size:14px;
		line-height:18px;
		margin:30px auto;
		padding:15px 0;
		text-align:left;
	}

.album IMG
	{
		border:5px solid #FFF;
		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;
		border-bottom: 1px solid #555;
	}
.comment-head1 span 
	{
		color: #777;
	}
.permalink
	{
		font-size: 12px;
	}
	
/** COMMENTS & CONTACT Forms **/

FIELDSET
	{ 
		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, #spammersmustdie, #textbox, #subject, textarea 
	{
		float: left;
		width: 60%;
		display: block;
	}

#name, #email, #from, #subject, #url, #spammersmustdie, #textbox, #keywords, #searchbox, textarea
	{
		text-align: left; 
		border: none; 
		background: transparent;	
	}

#main br, #contents br, #singleimage br, #singleimage br
	{
		clear: both;
	}
	
#main H1, #main H3
	{ 
		float: left;
		display: block; 
		margin: 15px 0 5px 0;
	}
	
#main input, #sideContent input, #contents input, #singleimage input, #search input
	{
		border-bottom:1px solid #555;
		padding:4px;
		color: #DDD;
	}
#main textarea, #contents textarea, #singleimage textarea
	{
		border: 1px solid #555;
	}
#main input:focus, #main textarea:focus, #sideContent input:focus, #contents input:focus, #contents textarea:focus, #singleimage input:focus, #singleimage textarea:focus
	{
		background: #393b3E;
		color: #FFF;
	}
#sideContent input
	{
		background: url(http://www.syserror.net/layout/search-off.gif) 5% bottom no-repeat;
		line-height: 14px;
		padding: 0 0 2px 25px;
	}
#sideContent input:hover, #sideContent input:focus
	{
		background: url(http://www.syserror.net/layout/search-on.gif) 5% bottom no-repeat;
		background-color: #393B3E;
	}
#main input:hover, #main textarea:hover, #contents input:hover, #contents textarea:hover, #singleimage input:hover, #singleimage input:focus, #singleimage textarea:hover, #search input:hover, #search input:focus
	{
		background: #393b3E;
		color: #FFF;
	}
#main input.submit, #contents input.submit, #singleimage input.submit, #search input.submit, select
	{
		background: #393b3E;
		border:1px solid #555;
		margin: 20px 0 0; padding: 6px;
		color: #DDD;
		font-weight: bold;
		width: 200px;
	}

#search select 
	{
		width: 250px; 
	}
.focus
	{
		font-size: 18px;
	}

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

/** CONTENTS/ARCHIVE PAGE **/

#content A, #singleimage A	
	{ 
		color: #777; font-weight: bold;
		letter-spacing: 1px;
	}
	
#content A:visited, #singleimage A:visited
	{
		border-bottom: 1px dotted #555;
	}
#content A:hover, #singleimage A:hover
	{ 
		color: #CCC;
		border-bottom: 1px dotted; 
	}

/** 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
	{ 
		clear: both;
		margin: 10px 0 5px 0; 
		color: #CCC; 
		font-size: 18px;
		font-variant: small-caps;
		letter-spacing: 2px; 
		border: none;
	}
	
#contents dd
	{
		height: 25px; 
		line-height: 25px; 
		border-bottom: 1px dotted #555;
	}

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

#contents A:visited
	{
		color: #EEE;
	}

#contents A:hover
	{
		line-height: 25px; color: #FFF;
		letter-spacing: 0px;
		border-bottom: 1px dotted #FFF;
	}

#contents dd A
	{
		float: left;
	} 

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

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

#flickr a img
	{
		float:left;
		margin:0 0px 8px 8px;
		border: 3px solid #DDD;
		width:36%;
		height: auto;
    }

/* GENERAL TYPOGRAPHY STUFF */

BODY
	{ 
		background-color: #282a2c; color: #AAA;
		font: normal 1.05em/1.79em 'Helvetica Neue','HelveticaNeue',helvetica,sans-serif;
	}

H1, H2, H3, H4, H5, legend
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}


H1
	{
		font-size: 34px; letter-spacing: 1px; word-spacing: 2px; line-height: 60px;
		color: #FFF; 
	}

H2
	{
		font-size: 24px; color: #7D7D7D;
		text-align: center;
	}

legend 
	{
		font-size: 18px;
		margin: 15px 0 0;
	}
.about H2
	{
		text-align: left;
		margin: 0;
	}

H3
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #A9A9A9;;
		font-variant: small-caps;
		font-size: 13px;
		letter-spacing: 3px;
	}

.date 
	{
		color: #777;
	}

.readmore
	{
		font-size: 11px;
		letter-spacing: 1px;
	}

.break
	{ 
		text-align: center;
		font-size: 12px; 
		font-style:italic;
	}

.break A
	{
		letter-spacing: 2px;
	}

.oldercontent
	{
		font-size: 14px;
	}

.note
	{
		font-size: 12px;
		margin: 0 0 0 100px;
	}


/** FOOTER **/

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

#footer P 
	{
		font-size: 12px;
		color: #555;
		line-height: 16px;
	}

/** SEARCH PAGE **/

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

#searchbox
	{
		width: 300px;
	}

.excerpt 
	{
		clear: both;
		padding: 20px 0 0 10px;
		font-size: 12px;
	}

/** SIDECONTENT DISPLAY **/

#sideContent
	{
		overflow: hidden;
		margin: 30px 0 0 10px; padding: 0 0 50px;
		border-left: 1px solid #414145;
		width: 20%;
		float: left; 
	}
	
#sideContent
	{
		padding: 0 0 0 15px; 
		font-size: 11px; 
		letter-spacing: 1px;
		color: #777;
	}

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

.archives A 
	{
		color: #999;
		font-size: 14px;
		font-weight: bold;
	}

.space
	{
		margin: 35px 0 0;
	}

.center 
	{
		text-align: center;
	}