/********************************* BODY/GENERAL STYLES **********************************/
body {
	margin: 0;
	padding: 0;
  text-align: center;
  background: #b6b492;
  /*background: #b6b492 url("/home/background-10.png") repeat top left;*/
  /*background: #b6b492 url("/home/background-2560.png") repeat-y top left;*/
  font: 70% "Verdana", "Geneva", "Trebuchet MS", "Tahoma", "Arial", sans-serif, "Helvetica";
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", sans-serif, "Helvetica", "Verdana", "Geneva", "Trebuchet MS", "Tahoma";
	font-size: 1.5em;
	color: #000000;
	margin: 0;
	padding: 0; 
}

h1, h3 { 
	font-weight: bold;
}

p.subtitle {
	font-weight: bold;
  margin: 0;
  padding: 0;
}

p {
  margin: 13px 0 0 0;
  padding: 0;
}

a:link {text-decoration: underline; color: #000000;}
a:visited {text-decoration: underline; color: #000000;}
a:active {text-decoration: underline; color: #000000;}
a:hover {text-decoration: underline; color: #000000;}

.photo {
  border: 1px solid #004a00;
}

.lastupdated {
	font-size: 0.8em;
  color: #084000;
  margin-left: 24px;
  padding: 0;
}

.filmrating {
  background-color: #DFDED1;
  border: 1px solid #342922;
	font-size: 0.8em;
  color: #342922;
  margin: 7px 12px 0px 24px;
  padding: 4px 5px 6px 6px;
}
.filmrating a:link { text-decoration: underline; color: #342922; }
.filmrating a:visited { text-decoration: underline; color: #342922; }
.filmrating a:active { text-decoration: underline; color: #342922; }
.filmrating a:hover { text-decoration: underline; color: #342922; }

/****************************************************************************************/
/************************************* HEADER STYLES ************************************/
#header {
  width: auto;
  display: block;
  height: 20px;
}

/****************************************************************************************/
/************************************* FOOTER STYLES ************************************/
#footer {
  width: auto;
  display: block;
	color: #535342;
	font-size: 0.9em;
}

#footer a:link { text-decoration: underline; color: #535342; }
#footer a:visited { text-decoration: underline; color: #535342; }
#footer a:active { text-decoration: underline; color: #535342; }
#footer a:hover { text-decoration: underline; color: #535342; }

#main {
  width: auto;
  display: block;
  padding: 0;
}

/****************************************************************************************/
/************************************* LAYOUT STYLES ************************************/
#container {
  background: #b6b492;
  width: 700px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  text-align: center;
}

#leftcolumn {
  width: 230px;
  margin: 0 12px 0 0;
  float: left;
  text-align: left;
}

#centercolumn {
  width: 198px;
  margin: 0;
  float: left;
  text-align: left;
}

#rightcolumn {
  width: 260px;
  margin: 0;
  float: left;
  text-align: left;
}

div.spacer {
  clear: both;
  height: 14px;
  display: block;
}

/****************************************************************************************/
/************************************ RSS FEED STYLES ***********************************/
.rsstitle { /*shared class for all title elements in an RSS feed*/
  font-weight: bold;
}

.rssdate { /*shared class for all date elements in an RSS feed*/
  color: gray;
  font-size: 85%;
}

.rssdescription { /*shared class for all description elements in an RSS feed*/
}

#notepad {
  background: url("/home/spiralnotepad.png") no-repeat top left;
  width: 250px;
  height: 370px;
  margin: -2px 0 0 0;
  padding: 0px;
}
/* .paper and .air were created to avoid assigning width and horizontal
margin and padding attributes to the same CSS element. Also, do not assign
height and vertical margin and padding attributes to the same CSS element.*/
.paper {
  height: 312px;
  overflow: hidden;
  padding: 38px 0 0 26px;
  /*background-color: #f0f0d0;*/
}

#bubble {
  background: url("/home/twitter-bubble.png") no-repeat top left;
  width: 180px;
  height: 160px;
  margin: 0;
  padding: 0px;
}
.air {
  height: 140px;
  overflow: hidden;
  padding: 12px 0 0 8px;
  /*background-color: #ffffff;*/
}

#blogbox, #blogboxmore {
  width: 200px;
}

#blogboxmore {
  padding-top: 14px;
}

#statusbox, #statusboxmore {
  width: 148px;
  margin: 0px;
  padding: 6px;
}

#statusbox .rsstitle {
  font-weight: normal;
}

#statusboxmore {
  padding: 8px 6px 6px 12px;
}

.blogclass, .statusclass {
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  opacity: 0.8; /*Specify fade effect in standards compliant browsers*/
  -moz-opacity: 0.8; /*Specify fade effect in Firefox/Mozilla browsers*/
  -webkit-opacity: 0.8; /*Specify fade effect in WebKit browsers (Safari/Chrome)*/
}

.blogclass {
  /*background-color: #f0f0d0;*/
  line-height: 16px;
}

.statusclass {
  /*background-color: #f0f0d0;
  border: 1px solid #004a00;*/
  line-height: 14px;
}

.statusclass a:link { text-decoration: none; color: #000000; }
.statusclass a:visited { text-decoration: none; color: #000000; }
.statusclass a:active { text-decoration: none; color: #000000; }
.statusclass a:hover { text-decoration: none; color: #000000; }