/* Begin reset */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

a {
	text-decoration: none;
}

/* end reset */

body {
	font-family: Verdana, Arial, sans-serif;
	background-color: black;
	background-image: url('background-bar.png');
	background-repeat: repeat-x;
}

h1 {
	color: white;
	margin-left: 7px;
	margin-top: 7px;
}

#header {
}

#page {
	width: 1028px;
	overflow: hidden;
}

#footer {
	padding-top: 8px;
padding-bottom: 10px;
font-size: 0.8em;
	width: 1028px;
	color: white;
	text-align: center;
}

.project-box-wrapper {
	margin-left: 20px;
	margin-top: 45px;
	float: left;
}

.project-background-wide {
	width: 596px;
	background-image: url('roundbox-wide-full.png');
	background-repeat: no-repeat;
}

.project-background-narrow {
	width: 331px;
	background-image: url('roundbox-narrow-full.png');
	background-repeat: no-repeat;
}

.project.blank {
	background: url('project-blank.png') no-repeat left top;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 122px;
	height: 162px;
	float: left;
}

dl.project
{
	background: url('project-dropshadow.png') no-repeat bottom right;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 122px;
	height: 162px;
	float: left;
	cursor: pointer;
}

.project dt
{
	font-family: "Verdana", "Arial", sans-serif;
	background-color: #748a64;
	height: 64px;
	width: 104px;
	padding: 8px 8px 8px 8px;
	color: white;
	line-height: 1.4;
	font-size: 1.1em;
}

.project dd
{
	background-color: #5d6655;
	height:  70px;
	width: 104px;
	padding: 8px 8px 2px 8px;
	color: white;
	line-height: 1.5;
	font-size: 0.7em;
}

.project-box {
	/* background-color: #ddd;
	width: 570px;
	padding: 10px 20px 20px 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-color: black;
	border-width: 6px; */

}

#active-projects .project-head {
	width:  596px;
	height: 40px;
	/* background: url('roundbox-wide-top.png') left top;
	background-repeat: no-repeat; */
}

#inactive-projects .project-head {
	width:  596px;
	height: 42px;
	/* background: url('roundbox-wide-junction-bottom.png') left top;
	background-repeat: no-repeat; */
}

#external-links .project-head {
	width:  331px;
	height: 42px;
	/*background-image: url('roundbox-narrow-junction-bottom.png');
	background-repeat:no-repeat;*/
}

#recent-updates .project-head {
	width: 331px;
	height: 40px;
/*	background-image: url('roundbox-narrow-top.png');
	background-repeat:no-repeat;*/
}

#active-projects .project-footer {
	width:  596px;
	height: 18px;
/*	background: url('roundbox-wide-junction-top.png') left top;
	background-repeat: repeat-y;*/
}

#inactive-projects .project-footer {
	width:  596px;
	height: 27px;
/*	background-image: url('roundbox-wide-bottom.png');
	background-repeat:no-repeat;*/
}

#recent-updates .project-footer {
	width:  331px;
 	height: 18px;
/*	background-image: url('roundbox-narrow-junction-top.png');
	background-repeat:no-repeat;*/
}

#external-links .project-footer {
	width:  331px;
	height: 27px;
/*	background-image: url('roundbox-narrow-bottom.png');
	background-repeat:no-repeat;*/
}

.project-list {
	margin-left: 24px;
	margin-bottom: 0px;
}

#active-projects .project-body, #inactive-projects .project-body {
	width:  596px;
/*	background: url('roundbox-wide-middle.png') left top;
	background-repeat: repeat-y;*/
}

#recent-updates .project-body, #external-links .project-body {
/*	background-image: url('roundbox-narrow-middle.png');
	background-repeat: repeat-y;*/
	padding-bottom: 10px;
}

#active-projects .project-body {
	height: 180px;
}

#inactive-projects .project-body {
	height: 370px;
	
}

#recent-updates .project-body {
	height: 342px;
}

#external-links .project-body {
	height: 190px;

}

#active-projects {
		/* height: 200px; */
		
		/* border-style: solid; */
		/* border-style: solid solid none solid; */
}

#inactive-projects {
	/* height: 400px; */
	/* border-style: none solid solid solid; */
}

.project-box h2 {
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 15px;
	padding-left: 24px;
	color: #5f5f5f;
}

li.update {
	background: url('update-dropshadow.png') no-repeat bottom right;
	width:  289px;
	height: 59px;
	margin-bottom: 10px;
}

.update-box {
	width: 287px;
	height: 57px;
	background-color: #444;
	overflow: hidden;
	cursor: pointer;
}

.update-title-and-date {
	width: 247px;
	height: 57px;
	background-color: #DCDCDC;
	float: left;
}

.update-title a {
	color: #6E6E6E;
}

.update-title {
	font-size: 0.9em;
	width:  200px;
	height: 20px;
	font-weight: bold;
	color: #6E6E6E;
	margin: 4px 4px 18px 4px;
	white-space: nowrap;  
	overflow: hidden;
}

.update-date {
	width:  240px;
	text-align: right;
	font-style: italic;
	color: #6E6E6E;
	font-size: 0.7em;
}

.update-site {
	padding-top: 37px;
	height: 20px;
	background-color: #748A64;
	width: 100%;
	text-align: center;
}

.update-site-text {
	font-weight: bold;
	font-size: 0.7em;
	color:  white;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

li.external-link {
	background: url('external-link-dropshadow.png') no-repeat bottom right;
	width:  289px;
	height: 38px;
	margin-bottom: 10px;
}

.external-link-box {
	width: 287px;
	height: 36px;
	cursor: pointer;
}

.link-title-box {
	width: 215px;
	height: 36px;
	background-color: #DAD1C0;
	float: left;
}

.link-title a {
	color: black;
}

.link-title {
	width:  200px;
	height: 28px;
	margin: 0px 4px 20px 4px;
	white-space: nowrap;  
	overflow: hidden;  
}

.link-title-text {
	font-weight: bold;
	font-size: 0.7em;
	color: black;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.link-type {
	padding-top: 18px;
	height: 19px;
	background-color: #BFB5A3;
	width: 100%;
	text-align: left;
}

.link-type-text {
	font-weight: bold;
	font-size: 0.7em;
	color:  black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding-left: 3px;
}


/* INDIVIDUAL PROJECTS AND LINKS */

.speakwithmonsters dt, .speakwithmonsters .update-site {
	background-color: #748a64;
}

.speakwithmonsters dd {
	background-color: #5d6655;
}

.apocrypha dt, .apocrypha .update-site {
	background-color: #707790;
}

.apocrypha dd {
	background-color: #5c6178;
}

.alttext dt, .alttext .update-site {
	background-color: #876a66;
}

.alttext dd {
	background-color: #6e4d55;
}

.wowyomomma dt, .wowyomomma .update-site{
	background-color: #b09e64;
}

.wowyomomma dd {
	background-color: #827253;
}

.seanandwormwood dt {
	background-color: #916a5b;
}

.seanandwormwood dd {
	background-color: #6b5052;
}

.peekandpoke dt {
	background-color: #7E5E6E;
}

.peekandpoke dd {
	background-color: #6E4E5E;
}

.lorebrandcomics dt {
	background-color: #585858;
}

.lorebrandcomics dd {
	background-color: #4a4a4a;
}

.bookofratings dt {
	background-color: #4b7189;
}

.bookofratings dd {
	background-color: #4d6375;
}

.brunching dt {
	background-color: #667c87;
}

.brunching dd {
	background-color: #4d646e;
}

.slumbering .link-title-box {
	background-color: #DAD1C0;
}

.slumbering .link-type {
	background-color: #BFB5A3;
}

.twitter .link-title-box {
	background-color: #C7CFDE;
}

.twitter .link-type {
	background-color: #ADB6C6;
}

.e-mail .link-title-box {
	background-color: #C7D9DE;
}

.e-mail .link-type {
	background-color: #ADC0C6;
}

.flickr .link-title-box {
	background-color: #DED2CF;
}

.flickr .link-type {
	background-color: #C9BCB8;
}

/* END INDIVIDUAL PROJECTS AND LINKS */