/*
File:			custom.css
Description:	Light dotted theme.

Last update: 03/03/09

Use:
The <body> tag has been appended with the "custom" class, like so: <body class="custom">.
You can use the "custom" class to overwrite *any* CSS declarations contained in this
theme's style.css file.
If you make all your changes in this CUSTOM CSS file, you can safely update the main-files of this theme in the future, without loosing your precious work JUST DON'T OVERWRITE THE CUSTOM.CSS file.  

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

Edit the HEX color code in the following CCS tags for customising the default Green color lay-out. */
<!-- To uncomment remove this...
/* Color, Header Borders */

#header {
  border-top: 2px dotted #A58A2F;
  border-bottom: 1px dotted #A58A2F;  
  }

/* Header Right top */
#header #topright {
  color: #CCA027;
  }

/* Header Menu an H1 Link */
#header #topright li a {
  color: #A58A2F;
  text-transform: uppercase;
  }

#header h1 a:hover {
  color: #CCA027;
  text-decoration: none;
  }

/* Category Menu navigation link */
#nav a {
  color: #A58A2F;
  letter-spacing: -1px;
    }

#nav li li a {
  border-top: 1px dotted #A58A2F;
  background: #CCA027;
  
  filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
  }
	
#nav li li a:hover {
  border-top: 1px solid #CCA027;
  background: #E6C969;
  }

/* Content area */
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  letter-spacing: -1px;
  color: #333;
  background: #D2B040;
  }

.topPost h2.topTitle a:hover {
  text-decoration: underline;
  color: #CCA027;
  }

.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #CCA027;
  }

/* Next and Prev, comments links */
#nextprevious a {
  color: #CCA027;
  text-transform: lowercase;
  text-decoration: underline;
  }

#comment a {
  color: #CCA027;
  }

#commentlist li {
  border: 1px solid #A58A2F;
  }

/* Welcome section */

#main #welcome {
  background: #D2B040;
  }

.submitbutton {
  background: #CCA027;
  color: #fff;
  }

/* Sidebars */
#sidebars .sidebarbox {
  background: #D2B040;
  }

/* Before footer */
#morefoot {
  background: #D2B040;
  border: 1px solid #dfdfdf;
  }

/* footer */
#footer {
  background: #A58A2F;
  border: 1px solid #cbed6e;
  }
#footer p {
  color: #D2B040;
  }
#footer a {
  color: #D2B040;
  text-decoration: underline;
  }

/* EOF */ 
 ... To uncomment remove this -->