body {
  margin: 0px;
  padding: 0px;
  background: white;
  font-family: Arial, Sans-serif;
  font-size: 10px;
  background: url( ../images/spectre_logo_portrait.gif ) 4px 10px no-repeat;
}

a:link, a:active { color: #00f; }

a:visited { color: #666; }

a:hover { color: #f00; }


#container {
  line-height: 		normal;
  padding: 			0px;
  width:			820px;
  margin-right:		auto;
  margin-left:		auto;
  /* this makes it OK in IE */
  padding-left:		2px;
  padding-right:	1px;
}
/* Now a hack to the proper value */
html>body #container { padding-left: 0px; }

#content-container {
  background:		white url(../images/syn_circles_fade2.gif) 50% 0 no-repeat;
  width:			820px;
  margin-left:		6px;
}


div#banner {
  text-align:			center;
  padding:			0px;
  margin:			0px;
  padding-left:		1px;
  width:			820px;
  /*margin-left:	6px;*/
 }
 /* Now a hack to the proper value */
 html>body #banner { height: 34px; }


.content {
  min-height:			400px;
  padding-top:			10px;
  padding-bottom:		25px;
  padding-left:			18px;
  padding-right:		28px;
  color:				#444;
  font-size:			120%;
}

div.content, div#footer {
	background-image:	url(../images/syn_bg.gif);
	background-position:0px 0px;
	background-repeat:	repeat-y;
	padding-left:		29px;
}


#footer {
    font-size:			95%;
    background-color:	#f3f3f3;
    padding:			20px;
    margin-left:		6px;
    height:			32px;
}

#dCopyright, #dPrivacy {
    padding-top:	24px;
}
#dPrivacy { float:	right; }
#dCopyright {
	float:	left;
	background: url( ../images/syn_logo.gif ) top left no-repeat;
	padding-left: 102px;
}

#footer img {
	display:	block;
	float:		left;
	margin-right:	18px;
	margin-top:		-16px;
	margin-bottom:	-16px;
}

#footerBASE {
    width:		780px;
    height:		24px;
    margin-left:	26px;
    background-image: 	url(../images/syn_horiz_grad_bg.gif);
    background-repeat: 	repeat-x;
    background-position:0px 0px;
}

.content h1 {
  clear:			both;
  margin:			0px;
  padding:			0px;
  font-weight:		normal;
  font-size:		180%;
  text-align:		right;
}

#right {
  float:	left;
  width:	200px;
  min-height:	700px;
  overflow: 	hidden;
  background:	#fff;
  text-align:	left;
}

.content p {
  color: 		black;
  font-weight: 	normal;
  line-height: 	normal;
  margin-bottom:10px;
}

.content blockquote { line-height: 140%; }

.content li { line-height: normal; }

.contentfooter em {
  color:		#999;
  margin-bottom:0px;
  margin-top: 	0px;
  padding-bottom:0px;
  padding-top: 	0px;
}

textarea[id="comment-text"] { width: 80%; }

p.main {
  font-size: 	120%;
}

.blog {
  margin-bottom:	12px;
}

/**** Here is the CSS for the Listamatic navbar	****/
#navlist {
	margin-top: 		4px;
	float: 			left;
}

#navlist li { display: inline; }

#navlist li a {
	padding:		5px 30px;
	height:			18px;
	margin:			0px;

	color:			red;
	border:			1px solid #eee;

	text-decoration:	none;
	font-size: 		13px;
	font-weight:		bold;

	float:			left;
}

#navlist li a:hover {
	background-color: 	red;
	font-weight:		bold;
	color:			yellow;
}

#navlist li a.selected,
#navlist li a.selected:hover {
	background-color:	#FFE4BE;
	font-weight:		bold;
	color:			black;
}

#navlist li a.menu_sm { font-size: 13px; }