@import url('../../stylesheets/theme/lot_info.css');
/*
TODO: FF line-height/cell padding is too large on lot info page
*/
* {
    margin: 0;
    padding: 0;
}
body, p, h1, ul, li {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    color: #ccc;
				}

body {
    background: url('/images/theme/double_bars_large_bg.png') repeat-x #000;
    color: #fff;
    margin: 0;
    padding: 0;
    }

h1 {
    margin: 0;
    padding: 3px 0 10px 0;
}
h1 a img, h1 a:hover, a:hover img{
   border: none;
}

#main-image-wrapper {
    margin-left: auto; margin-right: auto;
    width: 900px;
    height: 250px; /* needed to get FF to use the correct height */
}
#wrapper {
    text-align: center; /* duh IE 5 */
}
#wrapper div{
    text-align: left;
}


/* List formatting */
	#header ul, #footer ul{
	    list-style: none;
	}
	#header li, #footer li{
	    display: inline;
	    margin: 10px 10px 10px 0;
	}

	
/* Links */
	a:link, a:visited, a:hover {
	    text-decoration: none;
	}
	a:link {    color: #909A75; }
	/*a:visited { color: #cccccc; }*/ /*commented out for testing*/
	a:visited { color: #909A75; }
	a:hover   { color: #E5CC67; }
/*border-bottom: dotted 1px #E5CC67;*/ /*commented out for AAtests*/
	   
   /* Header Links */
   #header a:link,
   #header a:visited,
    {
       color: #909A75; 
   }
#header a:hover {
color: #E5CC67;
}

/* content 
       goes around (surprise!) the main content */
   #content{
       margin-left: auto; margin-right: auto;
       width: 760px;
       margin-top: 30px;
       position: relative;
   }

    /* layout */
#col1, #col2{
      width: 370px;
      float: left;
		margin: 0;
		padding: 0;
	}
    #col1 {
       padding-right: 10px
    }
    #col2 {
		padding-left: 10px;
    }

	div#col1 p.auth, #col2 p.auth {
	   text-transform: uppercase;
	   font-size: 80%;
	   color: #666;
	}

.inlinenav a:link {
    color: #7C6F3C;
}

.inlinenav img {
padding: 2px; }

.inlinenav a:visited {
    color: #7C6F3C; 
}
div#col1 p.inlinenav a:hover, #col2 p.inlinenav a:hover{
    color: #E5CC67; 
}
    #content p,
    #content ul,
    #content ol,
    #content h3 {
        margin-top: 0.9em;
    }
    /* page title */
    #content h2{ 
        color: #E5CC67;
        /*
        border-top:    solid 1px #6A7255;
        border-bottom: solid 2px #464D39;
        */
        padding-top: 2px;
        padding-bottom: 2px;
        letter-spacing: 0.2em;
       /* margin-bottom: 0.75em;*/
        margin-top: 0.5em;
    }
    /* section header */
    #content h3 {
        color: #909873;
        /*
        display: inline;
        float: left;
        line-height: 9px;
        padding-right: 0.25em;
        */
        font-size: 1.4em;
    }

    #content p{
        line-height: 160%;
        text-align: justify;
    }

    #content ul{
        list-style: none;
    }
    #content ul li{
        background: url('/images/theme/yellow_dot.png') no-repeat 0 5px;
        padding-left: 10px;
    }
    em {
       color: #666;
    }

/* header */
    #header{
        margin-left: auto; margin-right: auto;
        width: 760px;
        position: relative;
        padding-top: 20px;
        padding-bottom: 5px;
		  height: 45px;
    }
    #header #primary{ /* Lot Info | Journal | Our Story | Costa Rica Info */
    }
    #alternate { /* contact | downloads */
        position: absolute;
        width: 300px;
        text-align: right;
        left: 470px; /* 700 -300 +10 for the margin on the right of the LI */
        top: 20px;
    }
    
    /* you are here 
       applies to both #primary and .sub-nav
    */
    #header a.here {
        color: #E5CC67;
        font-weight: bold;
    }
    #header a.here:hover {
        color: #E5CC67;
        border-bottom: none;        
    }
    #header #primary .here  {
/*        /* centre the background image below the LI */
        background: url('/images/theme/bar_break.png') no-repeat  50% 18px;  */
        padding-bottom: 9px; /* provide some room for the image to show up */
    }
    /* sub-navigation */
    #header .subnav {
       padding: 18px 0 0 0;
       margin: 0;
		 font-size: 0.9em;
       line-height: 100%;
    }
    #header .subnav li{
        margin-right: 20px;
    }


/* footer */
	#footer-wrapper {
	   padding-top: 40px;
	   clear: left;
	   background: url('/images/theme/single_bar_bg.png') 0 40px repeat-x;    
	   padding-bottom: 40px;
	} 
	
	#footer{
position: relative;	  
padding-top: 20px;
	  margin-left: auto; margin-right: auto;
	  width: 760px;
	}
	#footer a:link {    color: #909A75; }
	#footer a:visited { color: #909A75; }
#footer, #footer a:hover { color: #E5CC67; }
   #footer ul {
      margin-bottom: 2em;
   }
    /* credits */
   #footer #photorights, #footer #bookcredit{
      color: #666;
      margin-top: 0.5em;
						font-size: 70%;
   }
	#footer p#credits {
position: absolute; 
right: 0; 
top: 15px;
		font-size: 70%;
		margin-top: 0.5em;
text-align: right; }

	#footer p#credits,
	#footer p#credits a:link,
#footer p#photorights a:link { color: #666;    } 
	#footer p#credits a:visited { color: #666;    }
#footer p#photorights a:visited { color: #666;    }    
	#footer p#credits a:hover { color: #999;  border-bottom-color: #555;  }    
   
   /*
   TODO: figure out why this rule never gets applied
   */
   #footer #home {
      border-right: 1px #909A75 solid;
      padding-right: 12px;
   }
	    
/* fonts */
	body, p, h1, ul, li {
	    font-family: sans-serif;
	    font-size: small;
	}
	#header, #footer, h3, h2, h4{
       /*text-transform: lowercase; */
       font-weight: normal;
   }
   #content h2{ 
       font-family: serif;
   }
   #content h4{
      color: #909873;
      margin-top: 1em;
   }
   
	
/* debug  -- add class="db" to anything */
	.db{
	    border: solid 1px red;
	}
	.db .db{
	    border-color: blue;
	}
	.db .db .db{
	    border-color: green;
	}

/* journal */
	div#journalcontent{
	    width: 500px;
	    margin-right: 210px;
	}
	div#sidebar{
	    width: 200px;
	    float: right;
	}
	div#sidebar h2 {
	    border: none;
	    font-size: 120%;
color: #E5CC67; 
}

	div#sidebar h3 {
	    display: block;
	    float: none;
color: #E5CC67; 
}
	div#journalcontent p.auth, #excerted {
	   text-transform: uppercase;
	   font-size: 80%;
	   color: #666;
	}
	/*
	span.typo_date{
	   display: block;
	}
   */
   div.post {
      margin-bottom: 2em;
   }
   
   #excerted a:link, #excerted a:visited{
      color: #666;
   }
   #excerted a:hover{
      color: #999;
   }
   
.lefty {
   float: left;
}
.righty {
   float: right;
}

/* rtt. class for "return to top links" */
   div#content p.rtt {
      text-align: right;
      font-size: 80%;
   }

#sidebar p {
   text-align: left;
}
#sidebar img {
   padding: 5px;
   border: solid 1px #666;
}
/* site map */
   #content ul ul  {
      margin-top: 0;
      border-left: solid 2px #7C6F3C;
   }
   #sitemap ul{
      margin-left: 1em;
   }
   #content #sitemap li {
      background: none;
      margin-top: 0.25em;
   }
   #sitemap ul ul {
      font-size: 90%;
   }

div#content blockquote {
   color: #7c6f3c;
   font-style: italic;
}
div#content blockquote p{
   color: #7c6f3c;
   margin: 0.5em;
}

/* downloads */
#wallpaper {
   border-spacing: 10px;
}
div#content table#wallpaper a:link, 
div#content table#wallpaper a:hover, 
div#content table#wallpaper a:visited,
div#content table#wallpaper a:link img, 
div#content table#wallpaper a:hover img, 
div#content table#wallpaper a:visited img {
   border: none;
}