body { 
 background-color: #000000; 
 margin-left: 9px; 
 margin-right: 9px; 
 margin-top: 9px; 
 margin-bottom: 9px;
 font-size: 12px; 
 font-family: verdana,trebuchet,sans-serif; 
}

a:link { 
 color: #666633; 
 font-weight: bold; 
 text-decoration: none; 
}

a:visited { 
 color: #666633;  
 font-weight: bold; 
 text-decoration: none; 
}

a:active { 
 color: #999933; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #999933; 
 font-weight: bold; 
 text-decoration: underline; 
}


/*---Formatting for pages with black backgrounds ---*/

.reverseType { 
 color:       #FFFFFF;
 clear: left;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 line-height: 1.7;
 text-decoration: none;
 text-align: center;
 padding-bottom: 6px; 
 padding-top: 3px;
}

.reverseType a:link { 
 color:  #FFFFFF;
 text-transform: uppercase;
 font-size:   11px;
 font-weight: bold;
}

.reverseType a:visited {
 color:  #FFFFFF;
 text-transform: uppercase;
 font-size:   11px;
 font-weight: bold;
}

.reverseType a:active  {
 color: #999933;
 text-decoration: underline;
 text-transform: uppercase;
 font-size:   11px;
 font-weight: bold;
}

.reverseType a:hover {
 color:  #999933;
 text-transform: uppercase;
 text-decoration: underline;
 font-size:   11px;
 font-weight: bold;
} 



/*--- Link formatting for Top Navigation ---*/

.topNav { 
 color:       #000000;
 clear: left;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 padding-bottom: 6px; 
 padding-top: 3px;
}

.topNav a:link { 
 color:  #000000;
}

.topNav a:visited {
 color:  #000000;
}

.topNav a:active  {
 color: #999933;
 text-decoration: underline;
}

.topNav a:hover {
 color:  #999933;
 text-decoration: underline;
} 


/*--- Link formatting for Sub Menus ---*/

.subMenu { 
 color:       #000000;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 padding-bottom: 6px; 
 padding-top: 3px;
 border-top: 1px solid #000000;
}

.subMenu a:link { 
 color:  #000000;
}

.subMenu a:visited {
 color:  #000000;
}

.subMenu a:active  {
 color: #999933;
 text-decoration: underline;
}

.subMenu a:hover {
 color:  #999933;
 text-decoration: underline;
} 



/*---ACTIVE AREA OF PAGE ---*/
#active {
 width: auto;
 padding: 6 px;
 background-color: #FFFFFF;
 border: 8px solid #FFFFFF;
}


#activeInner {
 width: auto;
 padding-right: 16px;
 padding-left: 12px;
 padding-bottom: 10px;
 padding-top: 4px;
 color: #000;
 text-align: left;
 background-color: #FFFFFF;
 border: 1px solid #999900;
}


#activeInnerBlog {
 width: 740px;
 padding-right: 16px;
 padding-left: 12px;
 padding-bottom: 10px;
 padding-top: 4px;
 color: #000;
 text-align: left;
 background-color: #FFFFFF;
 border: 1px solid #999900;
}


/*---ACTIVE AREA OF WRITING PAGES ---*/
#activeWriting {
 width: auto;
 background-color: #000000;
 border: 8px solid #000000;
}


#activeInnerWriting {
 width: auto;
 padding-right: 30px;
 padding-left: 160px;
 padding-bottom: 10px;
 padding-top: 4px;
 color: #FFFFFF;
 text-align: left;
 background-color: #000000;
 border: 1px solid #999900;
}


/*---  LEFT SIDE BAR ---*/
#menu {
 width: 220px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 0px;
 margin-right: 44px;
 margin-left: 18px;
 margin-top: 30px;
 text-align: right;
 color: #222;
 padding-bottom: 0px;
 padding-left: 0px;
}


#leftside {
 width: 220px;
 margin-top: 30px;
 float: left;
 padding-left: 30px;
 padding-right: 40px;
 text-align: left;
}


.blogroll {
 font-size: 11px;
 padding-bottom: 35px;
 padding-top: 5px;
 padding-right: 14px;
 padding-left: 14px;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
}

.blogroll a:link {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
}

.blogroll a:visited {
 font-size: 11px;
 padding-bottom: 5px;
 color: #CCCCCC;
 font-weight: normal;
 text-decoration: none;
}

.blogroll a:hover {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: underline;
}

.blogroll a:active {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: underline;
}


.blogroll_true {
 background-color: #FFFFCC;
 font-size: 11px;
 margin-bottom: 18px;
 padding-bottom: 14px;
 padding-top: 5px;
 padding-right: 14px;
 padding-left: 14px;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
 border: 1px solid #CCCCCC;
}

.blogroll_true a:link {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
}

.blogroll_true a:visited {
 font-size: 11px;
 padding-bottom: 5px;
 color: #CCCCCC;
 font-weight: normal;
 text-decoration: none;
}

.blogroll_true a:hover {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: underline;
}

.blogroll_true a:active {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: underline;
}


.bloglet {
 background-color: #FFFFCC;
 font-size: 11px;
 margin-bottom: 18px;
 padding-bottom: 14px;
 padding-top: 5px;
 padding-right: 14px;
 padding-left: 14px;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
 border: 1px solid #CCCCCC;
}

.bloglet a:link {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: underline;
}

.bloglet a:visited {
 font-size: 11px;
 padding-bottom: 5px;
 color: #000000;
 font-weight: normal;
 text-decoration: underline;
}

.bloglet a:hover {
 font-size: 11px;
 padding-bottom: 5px;
 color: #999933;
 font-weight: normal;
 text-decoration: underline;
}

.bloglet a:active {
 font-size: 11px;
 padding-bottom: 5px;
 color: #999933;
 font-weight: normal;
 text-decoration: underline;
}


.bloglet_date {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 font-weight: bold;
 color:       #000000;
 margin-top: 16px;
 margin-bottom: 8px;
 font-weight: normal;
 padding-top: 2px;
 padding-bottom: 2px;
 border-top: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

/*---  MAIN PAGE CONTENT FOR WEBLOG ---*/
#content {
 width: 460px;
 text-align: left;
 padding-bottom: 30px;
 margin-top: 30px;
 margin-right: 70px;
 margin-bottom: 30px;
}

/*---  MAIN PAGE CONTENT FOR HOMEPAGE AND OTHER PAGES WITH MENUS AT RIGHT ---*/
#rightside {
 width: auto;
 text-align: center;
 padding-bottom: 30px;
 padding-left: 15px;
 margin-top: 30px;
 margin-right: 30px;
 margin-bottom: 30px;
}


/*---  MAIN PAGE CONTENT FOR PAGES THAT SHOW ART AT RIGHT ---*/
#showImage {
 width: auto;
 text-align: center;
 border-top: 1px solid #AAAAAA;
 padding-bottom: 30px;
 padding-left: 15px;
 padding-right: 15px;
 margin-top: 30px;
 margin-right: 30px;
 margin-left: 45px;
 margin-bottom: 30px;
 font-size: 11px;
 line-height: 2;
}

#showImage img {
 margin-top: 45px;
 margin-bottom: 30px;
}


/*---  Used for general Weblog description  ---*/

.description {
 text-transform: uppercase;
 font-weight: bold;
 line-height: 2;
 font-size: 10px;
 text-align: left;
 margin-left: 24px;
 margin-right: 24px;
} 


/*---  Used in Weblog templates to format the dates of entries  ---*/

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 font-weight: bold;
 margin-top: 4px;
 margin-bottom: 20px;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #222222;
 margin-top: 20px;
 margin-bottom: 5px;
 padding-top: 3px;
 font-weight: bold;
 text-transform: uppercase;
 border-top: 1px solid #999999;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #444444;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}

/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 42px;
 border-top: 1px solid #999900;
 padding-left: 15px;
 margin-left: 210px;
}

.weblog img {
 padding: 6px;
 border: 1px solid #CCCCCC;
 margin-top: 8px;
 margin-bottom: 8px;
}

/*--- Titles of weblog entries ---*/

.title {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   13px;
 text-transform: uppercase;
 letter-spacing: 3px;
 color:       #000000;
 margin-top: 9px;
 font-weight: bold;
}

.title a:link {
 font-family: verdana,trebuchet,sans-serif;
 text-transform: uppercase;
 color:       #000000;
}

.title a:visited {
 font-family: verdana,trebuchet,sans-serif;
 text-transform: uppercase;
 color:       #000000;
}

.title a:hover {
 font-family: verdana,trebuchet,sans-serif;
 background-color: #999933;
 text-transform: uppercase;
 color:       #000000;
}

.title a:active {
 font-family: verdana,trebuchet,sans-serif;
 background-color: #999933;
 text-transform: uppercase;
 color:       #000000;
}


/*---  Used to format art attribution text in entries. ---*/

.attribution {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #AAAAAA;
 margin-top: 2px;
 font-weight: normal;
}


/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #222222;
 font-weight: normal;
}

.author a:link {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 font-size:   11px;
 color:       #666633;
 text-decoration: none;
}

.author a:visited {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 font-size:   11px;
 color:       #666633;
 text-decoration: none;
}

.author a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 font-size:   11px;
 color:       #999933;
 text-decoration: underline;
}

.author a:active {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 font-size:   11px;
 color:       #999933;
 text-decoration: underline;
}


/*---  Paragraph formatting in weblog entries ---*/

p {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #000000;
 margin-top: 4px;
 margin-bottom: 4px;
 font-weight: normal;
 text-align:  left;
 padding-right: 15px;
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

.headlineDate {
 padding-top: 12px;
 margin-left: 15px;
 margin-right: 15px;
 font-size: 9px;
 color: #000000;
 text-align: left;
 letter-spacing: 1px;
 text-transform: uppercase;
 text-align: right;
}

.headline {
 padding-top: 6px;
 padding-bottom: 8px;
 margin-left: 15px;
 margin-right: 15px;
 font-size: 11px;
 line-height: 1.5;
 color: #000000;
 text-align: left;
 overflow: hidden;
}

.headlineLink a:link {
 text-decoration: underline;
 color: #FF0000;
 margin-right: 15px;
 margin-bottom: 8px;
 font-size: 10px;
 font-weight: normal;
 text-transform: uppercase;
 text-align: right;
}

.headlineLink a:visited {
 text-decoration: underline;
 color: #FF0000;
 margin-right: 15px;
 margin-bottom: 8px;
 font-size: 10px;
 font-weight: normal;
 text-transform: uppercase;
 text-align: right;
}

.headlineLink a:active {
 color: #999933;
 margin-right: 15px;
 margin-bottom: 8px;
 font-size: 10px;
 font-weight: normal;
 text-transform: uppercase;
 text-align: right;
}


.headlineLink a:hover {
 color: #999933;
 margin-right: 15px;
 margin-bottom: 8px;
 font-size: 10px;
 font-weight: normal;
 text-transform: uppercase;
 text-align: right;
}


.headline img {
 height: 0;
 width: 0;
}


.featured {
 margin-top: 40px;
}

.featured img {
 padding: 7px;
 border: 1px solid #000000;
}

.imageBody {
 margin-top: 1px;
}

.thumbnails {
 font-size: 11px;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
}

.thumbnails img {
 padding-left: 11px;
 padding-right: 11px;
 padding-top: 17px;
 padding-bottom: 5px;
}

.note {
 font-size: 11px;
 padding-bottom: 5px;
 color: #333333;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
 line-height: 2;
 margin-left: 30px;
 margin-right: 30px;
}
