@charset "UTF-8";
/* CSS Document */

body {
  background-image: url(../images/images/bg_main.jpg);
  background-repeat: repeat;
  font-family: "Trebuchet MS";
  font-size: 9pt;
  color: #504242;
  }

a:link, a:visited {
  text-decoration: none;
  color: #aa0000;
}

a:hover {
  text-decoration: none;
  color: #668794;
}

.bold {
  font-weight: bold;
  }


/*HEADER*/

#header {
  background-image: url(../images/images/bg_header.jpg);
  background-repeat: repeat-x;
  height: 300px;
  padding: 30px 0 0 0;
  }

#banner {
  width: 960px;
  height: 258px;
  background-image: url(../images/images/bg_banner.jpg);
  background-repeat: no-repeat;
  margin: 0 auto 0 auto; 
  }

#logo {
  width: 237px;
  height: 50px;
  padding: 0 20px 0 0;
  }
  
  
/*MAIN*/

#container {
  width: 960px;
  margin: 0 auto 0 auto; 
  padding: 0 0 0 10px;
  }

#greeting {
  margin: 0 0 20px 0;
  }

.blurb, .blurb2, .blurb3, .blurb4, .blurb5, .blurb6, .blurb7, .blurb8 {
  font-family: "Courier New", Courier, monospace;
  font-size: 8pt;
  color: #1d0101;
  text-align: right;
  }

.blurb {
  margin: -30px 0 20px 0;
  }
  
.blurb2 {
  margin: -45px 0 40px 0;
  }

.blurb3 {
  margin: -50px 0 40px 0;
  }

.blurb4 {
  margin: -55px 0 35px 0;
  }

.blurb5 {
  margin: -50px 0 45px 0;
  }

.blurb6 {
  margin: -55px 0 40px 0;
  }

.blurb7 {
  margin: -35px 0 35px 0;
  }

.blurb8 {
  margin: -25px 0 20px 0;
  }
        
.feed {
  border-bottom: #dccbc9 1px dashed;
  padding: 12px 0 7px 10px;
  }

.feedLast {
  padding: 12px 0 7px 10px;
  }
  
.category {
  font-size: 8pt;
  color: #cccccc;
  }
          
.note {
  float: left;
  display: inline;
  width: 268px;
  height: 348px;
  margin: 0 20px 20px 0;
  background-color: #fffeff;
  border-left: #ececec 1px solid;
  border-right: #ececec 1px solid;
  border-bottom: #cccccc 2px inset;
  padding: 15px 15px 0 15px;  
  }
  
.noteRight {
  float: left;
  display: inline;
  width: 268px;
  height: 348px;
  margin: 0 0 20px 0;
  background-color: #fffeff;
  border-left: #ececec 1px solid;
  border-right: #ececec 1px solid;
  border-bottom: #cccccc 2px inset;
  padding: 15px 15px 0 15px;
  }

.noteYellow {
  float: left;
  display: inline;
  width: 268px;
  height: 525px;
  margin: 0 0 50px 0;
  background-color: #ffffda;
  border-left: #ececec 1px solid;
  border-right: #ececec 1px solid;
  border-bottom: #cccccc 2px inset;
  padding: 15px 15px 0 15px;
  }

.clearAll {
  clear: both;
  }
	
/*FOOTER*/

#footer {
  background-image: url(../images/images/bg_footer.jpg);
  background-repeat: repeat;
  clear: both;
  }

#footer_container {
  width: 960px;
  height: 500px;
  margin: 0 auto 0 auto; 
  padding: 20px 0 0 15px;
  }

#footer_left {
  float: left;
  display: inline;
  width: 640px;
  }

#footer_right {
  float: left;
  display: inline;
  width: 300px;
  }

#sf {
  margin: 20px 59px 20px 59px; 
  }
  
.trim {
  background-image: url(../images/images/bg_trim.jpg);
  background-repeat: repeat-x;
  height: 16px;
  }
  
.corkboard {
  width: 623px;
  height: 420px;
  }

.sf {
  width: 182px;
  height: 69px;
  }    

.ads {
  width: 300px;
  margin-bottom: 15px;
  padding: 0 0 0 20px;
  }
  
.adLeft {
  margin: 0 20px 0 15px;
  }
  

/*TWITTER*/
	
#twitter_div {
  font-size: 9pt;
  }
	
#twitter_update_list ul {
  list-style-type: none;
  }
  
li {
  border-bottom: #dccbc9 1px dashed;
  padding: 12px 0 7px 10px;
  }
	      

/*FLICKR*/
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper { 
  }
   
.flickr_badge_image {
  margin: 6px 6px 6px 6px;
  float: left;
  display: inline;
  }
  
.flickr_badge_image img {
  border: 1px dashed #ceb7b1;
  }