/* Just do find and replaces on these identifiers.... 
// A good way to do this is to put the original values into gimp and then just slide the color, it should maintain the same relative intensity

// Change the stylesheet in greymatter Header template
// Also change template customtwo in greymatter, which points to the Banner Image

MAIN_BG_COLOR: #4488da  // Light
ENTRY_HEADER_BG_COLOR: #a78f62  // Light
SIDE_BG_COLOR: #dbbf89  // Light
ENTRY_HEADER_TEXT_COLOR: #d42700 // Dark
INENTRY_BG_COLOR: #34567a // Darkest
GEN_TEXT: #fff // readable
LINK_COLOR: #000 // readable, unique from GEN_TEXT
BG_TILE_IMAGE: 'paris_rooftop/Paris_rooftop_bg_tile.png'


*/
body {
  text-align:center;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#fff;
  background-color:#4488da;
  background-image:url('paris_rooftop/Paris_rooftop_bg_tile.png');
  background-repeat:repeat;
}

#frame {
  width:1000px;
  margin-right:auto;
  margin-left:auto;
  margin-top:40px;
  padding:0px;
  text-align:left;
}

// The breadcrumb trail
#path {
  width:100%;
}

div.content {
  float:left;
}
		
#contentcenter {
  width:770px;
  margin-top:3px;
  margin-left:5px;
  margin-right:20px;
  float:left;
}
	
#contentright {
  width:200px;
  //padding:0px;
  //margin-left:0px;
  //margin-top:65px;
  float:right;
  font-size:8px;
}

.sidebar {
  float:left;
  width:200px;
  padding:0px;
  margin-bottom:20px;
  background:#dbbf89;
  color:#fff;
  border:ridge;
}

.sidebar li {
  color:inherit;
  background-color:inherit;
  font-size:10px;
}

.inentry {
  width:auto;
  float:left;
  background:#34567a;
  color:#fff;
  border:double white;
}

.mainbodyheader {
  width:99%;
  margin-right:5px;
  margin-left:5px;
  margin-top:5px;
  padding:0px;
  text-align:left;
  background:#34567a;
  color:#fff;
  float:left;
}

.mainbody {
  width:auto;
  margin:10px 10px 10px 10px;
  text-align:left;
  background:#34567a;
  color:#fff;
}

.subjecthead {
  position:relative;
  top:-30px;
  left:-40px;
  margin:5px 5px 5px 5px;
  text-align:left;
  background:#a78f62;
  color:#fff;
  border:outset white;
  width:auto;
  float:left;
}

.moodmusic {
  min-width:380px;
  width:auto;
  margin:5px 5px 5px 5px;
  text-align:left;
  background:#a78f62;
  color:#fff;
  float:right;
  border:inset white;
  position:relative;
}

.spacer {
  width:10px;
  height:50px;
  float:left;
}

#topmessage {
  width:800px;
  height:175px;
  text-align:center;
  border:outset;
  margin-left:auto;
  margin-right:auto;
}

#searchform {
  width:190px;
  margin-left:5px;
  margin-top:5px;
  text-align:center;
}

#cmtform {
  margin-top:auto;
  margin-left:auto;
  width:580px;
  background:#4488da;
  color:#fff;
  border:groove;
}

#karmaform {
  width:560px;
  float:left;
  background:#4488da;
  color:#fff;
}

#contentheader {
  background:#fff;
  color:inherit;
}

.archiveFill {
  width:auto;
  padding:0px;
  margin-left:0px;
  margin-top:0px;
  background:#a78f62;
  color:#fff;
  border:double white;
}

p,h1,h2,h3,pre {
  margin:0px 10px 10px 10px;
  padding-top: 0px;
}

		
h1 {font-size:24px;}
h2 {font-size:13px;}
h3 {font-size:10px;}
h4 {font-size:11px;}
h5 {font-size:125%;}

#contentheader h1 {
  font-size:14px;
  padding:10px;
  margin-left:10px;
}
	
p.notice { 
  font-size:9px;
  margin-left:10px;
}

p.contentright {
  font-size:10px;
  margin-left:10px;
}

ul.goodbad {
  font-size:12px;
}

span.header {
  font-size:12px;
  font-weight:bold;
  margin-left:3px;
  margin-right:3px;
  color:#d42700;
  background:inherit;
}

span.subheaders {
  font-size:10px;
  margin-left:3px;
  margin-right:3px;
  color:#fff;
  background:inherit;
}

a {  
  color:#000; 
  background:inherit;
  text-decoration: none;
  font-weight:bold;
}

a:hover {
  text-decoration: underline;
}

.button {
  border: 1px solid #000;
}

.text {
  border: 1px solid #000;
  color: #000;
  background: inherit;
}

.combody {
  width:560px;
  margin-left:5px;
  padding:4px;
  background:#a78f62;
  color:#fff;
  border:solid white 1px;
}

.misc {
  margin-left:5px;
  margin-top:5px;
  width:690px;
  background:#4488da;
  color:#fff;
  border:ridge;
}

table.calendar {
  margin-left: 10px;
  font-size:9px;
}