body{
	background:#444;
	color:#555;
	line-height:1.5;
	font: 100% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
/* Add a fancy fade-to-white effect at the top and bottom of the page */
#fadeheader {
    position:               fixed;
    top:                 	0;    
	left: 					50%;
    background-image:       url("interface/top.png");
    background-repeat:      repeat-x;
/*	background-color: 		#ff6;*/
    width:                  718px; 
	margin-left:			-356px;
    height:                 30px;
}
#fadefooter {
    position:               fixed;
    bottom:                 0;    
	left: 					50%;
    background-image:       url("interface/bottom.png");
    background-repeat:      repeat-x;
/*	background-color: 		#ff6;*/
    width:                  718px; 
	margin-left:			-356px;
    height:                 30px;
}


/* Mark external links by selecting all absolute links */
a[href^="http://"] {
    padding-right:          18px;
    background-image:       url("interface/external_16x16.gif");
    background-repeat:      no-repeat;
    background-position:    100% 75%;
}

/* remove the icon from absolute links to this site */
a[href^="http://symbiart.net"],
a[href^="http://www.resonantresident"],
a[href^="http://www.symbiart"] {
    padding-right:          0;
    background-image:       none;
}
blockquote {
    background-image:       url("interface/quote_start.png");
    background-repeat:      no-repeat;    
    margin-left:            0;
    margin-right:           25px;
    padding-left:           25px;
}
.title {
	font-size: 1.4em;
	font-variant: small-caps;
}
.content {
	padding:1.1em;
	font-size:.9em;
	background: #fff;
}
#container{
	position:relative;
	left:50%;
	margin-top:20px;
/*	margin-left:-360px;
	width: 720px; */
	border:3px dashed #AFD5E0;
	font-size:1.1em;
	background: #fff;
	margin-left:-22.5em;
	width: 45em; 
}
#liner {
	margin:0; 
	padding:0.5em 0;
	border: 1px solid #979797;
}
#logo {
	background: transparent url("interface/logo-2.0.jpg") center center no-repeat;
	width: 45em;
	height: 146px;
}
.message {
	/* rounded inner-transparent left background */
	display: block;
	width: 20em;
	height: 26px !important;
	padding: 0 0 0 10px;
	margin: 0;
	margin-left: 14px;
	background: url("interface/add-btn-left.gif") bottom left no-repeat;
}
.messageright {
	/* rounded inner-transparent right background */
	display: block;
	padding: 3px 10px 10px 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: url("interface/add-btn-right.gif") top right no-repeat;
   	overflow: hidden;
}
.ok {
	font-weight: lighter;
	background-color: #669900;
}
.error {
	font-weight: bolder;
	background-color: #c40000;
}
/******************************
      -- footer stuff --
*******************************/
.footer {
	margin: 0.5em;
	color: #555;
	font-size: 0.58em;
}
.footer #credit a {
	text-decoration: none;
	border-bottom: 1px dotted #555;
	color: #777;
}
.footer #credit a:hover  {
	color: #aaa;
	border-bottom: 1px solid #999;
}
.footer #copyright {
  	color: #888;
	font-size: 115%;
}

/******************************
      -- navigation -- 
******************************/
#navigation {
	background: #AFD5E0 url("interface/bg-nav.gif") repeat-x;
	border: 1px solid #979797;
	border-width: 1px 0;
	font-size: .8em;
	margin: 0;
	padding:0;
	margin-top: 1em;
	padding-top: .6em;
}
#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul {
	padding: 5px 0 4px;
	text-align: center;
}
#navigation ul li {
	display: inline;
	margin-right: .15em;
}
#navigation ul li.last {
	margin-right: 0;
}
#navigation ul li a {
	background: url("interface/tab-right.gif") no-repeat 100% 0;
	color: #06C;
	font-weight: bolder;
	padding: 5px 0;
	text-decoration: none;
}
#navigation ul li a span {
	background: url("interface/tab-left.gif") no-repeat;
	padding: 5px 1em;
}
#navigation ul li a:hover span {
	color: #69C;
	text-decoration: underline;
}
  /* Mac IE5 escape */
/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}
#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

  /* IE5 Windows escape */
/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/
body.home #navigation li.home a,
  body.about #navigation li.about a,
  body.imagery #navigation li.imagery a,
  body.media #navigation li.media a,
  body.writing #navigation li.writing a,
  body.astrology #navigation li.astrology a,  
  body.comment #navigation li.comment a {
  color: #3c0;
  cursor:default;
}
body.home #navigation li.home a:hover span,
  body.about #navigation li.about a:hover span,
  body.imagery #navigation li.imagery a:hover span,
  body.media #navigation li.media a:hover span,
  body.writing #navigation li.writing a:hover span,
  body.astrology #navigation li.astrology a:hover span,  
  body.comment #navigation li.comment a:hover span {
  text-decoration: none;
  color: #3c0;
  cursor:default;
}

/*************************************
    --- Comments form ---
*************************************/
.commentsblock{

}
.commentsblock textarea{
	width:675px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
#commentstitle{

}
#submit{
	font-variant: small-caps;
}
#submit:hover{
	color: #000;
	background-color: #AFD5E0;
} 

/*  end contact form  */

/*************************************
    --- page blocks and titles ---
*************************************/
/* home */
.homeblock{

}
.hometitle{

}
/* about */
.aboutblock{

}
.abouttitle{

}
/* imagery */
.imageryblock{

}
.imagerytitle{

}
/* media */
.mediablock{

}
.mediatitle{

}
/* astrology */
.astrologyblock{

}
.astrologytitle{

}
/* writing */
.writingblock{

}
.writingtitle{

}