/*   
Theme Name: natalee_e
Theme URI: http://natalee.ellars.com/
Description: A custom personalized theme for WordPress built from scratch using the ThemeShaper tutorial.
Author: Michael Ellars
Author URI: http://michael.ellars.com/
Version: 1.0
Tags: brown, green, layers, tropical, jamaica, bamboo, zen
.
This theme is copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */
@import url('styles/2c-r.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


/* html elements */

body {
 margin: 150px 0 0 150px;
 padding: 0;
 background: #6c4321 url('bamboo.png'); /* brown */
 color: #b6dc85; /* light green */
 border: 0px solid #563215; /*dark brown */
 font-size: 100%;
 font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-family: Georgia, Times, 'Times New Roman', serif;
}

h1 {
 font-size: 2em;
 line-height: 0.7em;
 letter-spacing: 0.2em;
 border-bottom: 0.2em solid #563215;
}

h2 {
 margin-top: 0.5em;
 font-size: 1.5em;
 line-height: 0.85em;
 letter-spacing: 0.1em;
 border-bottom: 0.1em solid #563215;
}

h3 {
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

h4 {
 font-style: oblique;
 letter-spacing: 0.1em;
}

h5 {
 font-size: 0.8em;
 text-transform: uppercase;
 letter-spacing: 0.2em;
}

h6 {
 margin-top: 2em;
 border-top: 5px double #563215;
 font-size: 1em;
 text-transform: uppercase;
 letter-spacing: 0.2em;
}

p {
 margin-bottom: 1em;
}

/* ids */

#wrapper {
 background-color: #6c4321; /* brown */
 color: #b6dc85; /* green */
 position: relative;
  top: 0;
  left: 0;
 height: auto;
 width: auto;
  min-width: 1000px;
 margin: 0;
 border: 8px solid #563215 /*dark brown */
}

#header {

}

#masthead {
 position: relative;
  top: -150px;
  left: 0;
 margin-bottom: -150px;
}

#branding {

}

#blog-title {
 position: relative;
  z-index: 7;
}

#blog-description {
 position: absolute;
  left: -160px;
  top: 150px;
  z-index: 4;
 height: 750px;
 width: 500px;
 background: url('zen.png') 0 50px no-repeat;
 margin: 0;
 padding: 0 0 0 10px;
 font-size: 2em;
 font-weight: bold;
 font-style: oblique;
}

#access {
 margin-left: 125px;
 position: relative;
  z-index: 8;
}

#main {
 position: relative;
  top: 0;
  left: 0;
  z-index: 10;
 margin: 0;
 padding: 0 0 0 320px;
 font-size: 1.5em;
}

#container {
 
}

#content {
 
}

#primary {

}

#secondary {

}

#footer {
 clear: right;
 margin: 0;
 padding: 0;
 border: 1px solid red;
}

#colophon {

}

#site-info {

}

#supercache {
 padding: 0 1em 0.5em 1em;
 background-color: #563215; /* dark brown */
 text-align: center;
 font-size: 0.8em;
 letter-spacing: 0.25em;
}

/* classes */

.entry-content, .entry-summary {

}

.entry-meta, .entry-utility {
 font-size: 0.8em;
 letter-spacing: 0.25em;
 margin-bottom: 1.5em;
}

.fancy {
 list-style: disc url('m_bullet.png') inside;
 margin: 0;
 padding: 0;
}

.fancy li {
 display: inline;
 margin: 0;
 padding: 0;
 font-size: 72px; /* no idea why this needs to be 80 rather than 72 when body font-family is not set */
}

.fancy li a {
 margin: 0;
 padding: 0 0 0 20px;
 background: url('m_bullet_off.png') no-repeat;
}

.fancy li a:hover {
 background: url('m_bullet_on.png') no-repeat;
}

.fancy li a img {
 margin: 0;
 padding: 0;
 border: 0px solid white;
}

.hfeed {

}

.menu {
 
}

.menu ul {

}

.menu ul ul {

}

.menu li {

}

.menu a {

}

.navigation {

}

.post {

}

.skip-link {
 visibility: hidden;
 display: none;
}

.widget-area {
 font-size: 0.8em;
}

.widget-area ul {
 margin: 0;
 padding: 0;
}

.widget-area ul ul {
 margin-left: 1em;
}

.widget-area ul ul ul {
 margin-left: 2em;
}

.widget-container {

}

.widget_sphoto_body {
 text-align: left;
}

/* anchor overrides */

a {
 text-decoration: none;
}

a:link {
 color: #498e57; /* green */
}

a:visited {
 color: #b6dc85; /* light green */
}

a:hover {
 color: #563215; /* dark brown */
}

a:active {
 color: #b6dc85; /* light green */
}

#container a:link, .widget-area a:link {
 border-bottom: 4px dotted #498e57; /* green */
}

#container a:visited, .widget-area a:visited {
 border-bottom: 4px dotted #498e57; /* green */
}

#container a:hover, .widget-area a:hover {
 border-bottom: 4px dotted #563215; /* dark brown */
}

#container h1 a:link, #container h1 a:visited {
 color: #b6dc85; /* light green */
 border-bottom: none;
}