html { background:#ffb884; margin:0; padding:0; }
body { margin:0; padding:0; }
div.break { clear:both; }
.hidden { display:none; }
a img { border:none; text-decoration:none; }

/* menu */

div#menu, div#content, div#footer { margin-left:auto; margin-right:auto; border:solid #000; }
div#menu { width:722px; }

div#menu { border-width:3px 3px 0 3px; margin-top:20px; font:bold medium sans-serif; background:url(menubg3.gif) no-repeat; }
div#menu a { display:block; height:50px; }

a#demomenuitem, a#blogmenuitem, a#archivemenuitem, a#aboutmenuitem { float:right; width:100px; }
a#homemenuitem { width:294px; height:50px; /*border:solid 1px #f00;*/ }

a#demomenuitem { background:url(demolink.gif); }
a#blogmenuitem { background:url(bloglink.gif); }
a#archivemenuitem { background:url(archivelink.gif); }
a#aboutmenuitem { background:url(aboutlink.gif); }

a#demomenuitem:hover { background:none; }
a#blogmenuitem:hover { background:none; }
a#archivemenuitem:hover { background:none; }
a#aboutmenuitem:hover { background:none; }

div#footerspace { height:40px; }

/* content */

div#content, div#footer { background:#fff; }
div#content { border-width:0 3px 0 3px; width:682px; padding:20px; }
div#content a:hover { text-decoration:none; }
div#content a { color:blue; }


h1, h2, h3, h4 { margin:0; padding:0; font-family:sans-serif; font-weight:normal; }
h2 { font-size:x-large; }
h3 { padding:0; font-size:large; }
p { margin:10px 0 10px 0; padding:0; }

/* Archive item */
div.archivesong { width:662px; padding:10px; background-color:#eee; margin-bottom:0.5em; }
div.archivesong span.title { font:large sans-serif; margin:0px; padding:0px; }
div.archivesong span.date { font:small sans-serif; margin:0px; padding:0px; }
div.archivesong p { margin:5px 0 5px 0; padding:0px; }
div.archivesong div.play { background:url(stream.gif) no-repeat left; padding-left:10px; margin:0 10px 0 0; float:right; }
div.archivesong div.download { background:url(download.gif) no-repeat left; padding-left:16px; float:right; }

div.demosong { margin-bottom:1em; }
div.demosongnumber { float:left; font:58px sans-serif; color:#974a4a; margin-right:20px; line-height:0.95; }
div.demosongcontent { float:left; }
span.demosongtitle { font:20pt sans-serif; }
span.demosongplay { background:url(stream.gif) no-repeat left; padding-left:10px; }
span.demosongdownload { background:url(download.gif) no-repeat left; padding-left:16px; }

span.archiveheader { font:xx-large sans-serif; color:#96974a;  }
span.demoheader { font:xx-large sans-serif; color:#974a4a;  }
span.aboutheader { font:xx-large sans-serif; color:#69974a;  }
span.blogheader { font:xx-large sans-serif; color:#97664a;  }

/* location */

div#location { margin-bottom:20px; font:small sans-serif; }

/* start */

div#aboutstart p { margin:0.5em 0 0.5em 0; padding:0; }
div#aboutstart h2 a { font-size:x-large; color:#69974a; text-decoration:none; }
div#aboutstart h2 a:hover { color:#7cb257; }

div#demostart, div#blogstart, div#archivestart { padding:5px; }

div#demostart h2 a { font-size:large; color:#974a4a; text-decoration:none; }
div#blogstart h2 a { font-size:large; color:#97664a; text-decoration:none; }
div#archivestart h2 a { font-size:large; color:#96974a; text-decoration:none; }

div#demostart h2 a:hover { color:#b25757; }
div#blogstart h2 a:hover { color:#b27857; }
div#archivestart h2 a:hover { color:#b2b257; }

div#demostart p { margin:0.5em 0 0.5em 0; padding:0; }
div#blogstart p { margin:0.5em 0 0.5em 0; padding:0; }
div#archivestart p { margin:0.5em 0 0.5em 0; padding:0; }

div.startlink { text-align:right; }
div.startlink a { font:small sans-serif; padding:2px 14px 2px 0; 
	background:url(arrowrightblue.gif) no-repeat right; color:#00f; text-decoration:none; }

/* date box */

div.datebox { color:#000; float:left; background:#efd3c3 url(boxbottomright.gif) no-repeat bottom right; text-align:center; padding:0.5em; margin:0 1em 1em 0;   }
div.datebox span { display:block; }
div.datebox span.dayname { line-height:90%; }
div.datebox span.dayofweek { font-size:300%; line-height:80%; }
div.datebox span.monthname { line-height:90%; }
div.datebox span.year { font-size:150%; line-height:90%; }

/* blog item */

div.blogitem { margin-bottom:1em; }
div.blogitem h2 { margin:0; padding:0px; color:#b27857; }
div.blogitem p { margin:0 0 10px 0; padding:0px; }
div.blogitemcontent { float:left; width:80%; }

/* columns and rows */

div.column50, div.column33 { float:left; }
div.column50 { width:50%;  }
div.column33 { width:220px; }

div.homeleft { width:280px; float:left; }

div.columninnerleft { margin-right:10px; }
div.columninnerright { margin-left:10px; }
div.columninnercenter { margin-left:10px; margin-right:10px; }

div.toprow { padding-bottom:10px; }
div.bottomrow { padding-top:10px; }

/* footer */
div#footer { border-width:0 3px 3px 3px; text-align:right; padding:0 5px 5px 0; width:717px; font:small sans-serif; }
div#footer a { text-decoration:none; color:#00f; }
div#footer a:hover { text-decoration:underline; }
div#footer img { margin-top:5px; }

/* blog item */

div.blogitem { margin-bottom:1em; }
div.blogitem h2 { margin:0; }
div.blogitemcontent { float:left; width:80%; }


/* Forms */

form div { 
	clear:both; 
	padding-bottom:0.5em;
}

form h3.formheading { font-family:sans-serif; margin:0 0 10px 0;	padding:0; border-bottom:1px solid #708191; }

label, input, textarea { 
	display:block;
}

label { 
	width:125px; font:small sans-serif;
}

input, textarea { 
	float:left;
	background:url(inputarrow.gif) no-repeat;
	padding:0 0 0 9px;
	font:small monospace;
	margin-bottom:0;
}

input:hover, textarea:hover { 
	background:#E6DCAA url(inputarrowhover.gif) no-repeat; 
}

span.error {
	background:url(warningicon.gif) no-repeat top left;
	padding:0 0 0 19px;
	font:small sans-serif;
	margin-left:1em;
}

div.buttons input { 
	background:none;
	padding:3px 10px 3px 10px;
	font:small sans-serif;
}

/* Admin */

table.admintable { width:100%; border:1px solid #000; border-collapse:collapse; margin-bottom:1em; }
table.admintable th { text-align:left; color:#fff; background:#000; font:bold medium sans-serif;  }
table.admintable th, td { padding:3px 10px 3px 3px; }

/* pagenav */

div.pagenav {
	font:small sans-serif;
	float:right;
	color:#fff;
	margin-bottom:0.5em;
	clear:both;
}

div.pagenav span, div.pagenav a, div.pagenav strong {
	padding:2px 6px 2px 6px;
	margin:0;
}

div.pagenav span {
	display:block;
	float:left;
	background:#000;
}

div.pagenav a { 
	text-decoration:none!important;	
	display:block;
	float:left;
	color:#000!important;
}

div.pagenav a:visited {
	color:#000;	
}

div.pagenav a:hover {
	color:#00f!important;	
}

div.pagenav strong {
	background:#fff; color:#000;	
	text-decoration:none;	
	display:block;
	float:left;
	color:#000;	
}

div.pagenav a.pagelink {
	background:#fff;	
}

div.pagenav a.firstlastlink {
	background:#ccc;
}

div.pagenav a.previousnextlink {
	background:#ddd;
}

div#ad {
	width:940px;
	margin:0 auto 0 auto;
}

/* Google */
div#google {
	width:728px;
	margin:5px auto 0 auto;
}

div#google object {
	width:728px;
	height:90px;
	overflow:hidden;
}