﻿/* --------------------------------------------------
Leaves v1.0 - Design by Anthonyy @ OSWD.org
			  Adapted by Al @ RazorAnt.com
-------------------------------------------------- */
/* BODY */

body 
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url("DesertSandNew.jpg");
    background-repeat: repeat;
 }

/* CONTAINER */

#container 
{
    /*width:950px; */
	width: 975px;
	margin: 0 auto;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 12px;
	line-height: 1.6em;
	color: #666;
	background-color: #FFF;
	border:5px solid #CC9933;
}

/* GENERAL MOJO AND MULA */

h1 {
	color: #CC6714;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border-bottom:1px solid;
}

h2 {
	color: #CC6714;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border-bottom:1px solid;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	color: #CC6714;
	margin-bottom: 20px;
	background-color: #FFF;
}

img{
	border: none;
}

a {
	color: #CC6714;
	text-decoration: none;
}

a:hover {
	color: #CC6714;
	background-color: #F5F5F5;
}


#searchbox {
	float: right;
	margin-top: 134px;
	font-size: 9px;
	padding-bottom:25px;
	
}

input {
	background-color: #FFF;
	color: #999999;
	border: 1px solid #CCC;
	font-size: 11px;
	padding: 3px;
}

.button {
	padding: 2px;
}

#searchbutton {
	margin-left: 3px;
	padding: 2px;
}

/* HEADER ELEMENTS */

#header {
	position: relative;
	height: 205px;
	text-align: left;		
	margin: 0; padding: 0;	
	background: #FFF;

}
#header .headerphoto {
	position: absolute;
	right: 5px ; top: 3px;
	left:2px;
	width: 972px;
	height: 162px;
	background: #993300 url(AnzaLogo.jpg) no-repeat;
}
/* the slogan */
#header p {
	margin-top: -20px;
	margin-left: 30px;
	color: #FFFFFF;
}
#header .topnav 
{
    position: relative;
    width: 965px;
    left : 2px;
    top :135px;
    height:22px;
    border:solid 1px #DAA520;
    font-style:normal;
  }

#header .topnav ul
{
    background-color:Transparent;
    float:left;
    margin-top:2px;
    margin-left:2px;
    list-style:none;
    font-weight:normal;
   
       
}
#header .topnav li
{
 float:left;
 padding:  0px 5px 1px 2px;
}
#header .topnav  a
{
    font-family: verdana, arial, sans serif; 
    font-size: 1.0em;
    /*color: #D2B48C;*/
    color: #FFFFFF;
}
#header .topnav  a:hover 
{
    background-color:#CC6600;
    /*background-color:#E9967A;*/
    font-family: verdana, arial, sans serif; 
    font-size: 1.0em;
    color: #FFFFFF;
    font-weight:bold;  
}

#ads .adtext
{
    position:relative;
    left:10px;
    top:164px;
    color: #FFFFFF;
	width:600px;
	height:25px;
}
#ads .GoogleSearchBox
{
    position:relative;
  	width:350px;
	height:25px;
	left: 750px; 
	top: 138px; 
	background-color: transparent
}
#ads i
{
    font-size:xx-small;
}

#ads a
{
    color: #CC6714;
    font-size:xx-small;
}

/* NAVIGATION ELEMENTS */

#navigation
{
   
}

#navigation ul
{
    margin-left: 1px; 
    padding-left: 0;
    float: left;
    list-style-type: none;
    background-color: #CCCC77;
    border-top:solid 1px #bc8f8f;
    width:146px;  
}

#navigation a 
{
  display: block;
	padding: 8px;
	width: 130px;
	border-bottom: 1px solid #bc8f8f;
	font-weight:bold;	
}

#navigation a:link, #navlist a:visited {
	color: #993300;
	text-decoration: none;
}

#navigation a:hover {
	background: #000000 url(arrow.gif) 96% 50% no-repeat;
	background-color: #F5F5F5;
	color: #CC6714;
}

/* THE SMALL BOX BELOW NAV */

#navigation p {
	margin-top: 30px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	color:#bc8f8f; 
}

/* CONTENT ELEMENTS */

#content {
	width: 634px;
	margin-left: 152px;
	margin-right: 150px;
	line-height: 1.6em;
	
}

#content a
{
    color: #CC6714;
    text-decoration: underline;
    font-size: 12px;
    font-weight:normal;
    font-family: Verdana, Arial;
}
#content p
{
    font-family: Verdana, Arial, Monospace;
    color: #330000;
    text-decoration: none;
    font-size: 12px;
}
#content a:hover {
	color: #CC6714;
	background-color: #F5F5F5;
}
#content img
{
    visibility: visible;
    position: static;
    display: inline-block;  
}

#content .postheader {
	color:#993333;
	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
}


#content .postheader:hover {
	color: #666666;
	background-color: #F5F5F5;
}

#content .author {
	float: left;
}

#content .pubDate {
	float: right;
}

#content .postfooter {
	margin-top: 8px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}


/* SIDEBAR ELEMENTS */



#sidebar {
	float: right;
	width: 148px;
	padding-right:0px;
	padding-top:20px;
	
	
}
#sidebar .recentPosts{
text-indent: 1px;
line-height: 1.5em;
border-bottom:2px solid #cd853f;
border-top:2px solid #cd853f;
border-left:2px solid #cd853f;
border-right:2px solid #cd853f;
background-color:#f5f5dc;
font-size:12px;
width:145px;
margin-left:-18px;
padding:1px 10px 10px 10px; /* Note 0px padding right */
            /* no glyphs before a list item */
}

#sidebar li
{
    padding-bottom:4px;  
    list-style: none; 
    border-bottom: dashed 1px  #cd853f ;
}

#sidebar h2 {
	padding-bottom: 0px;
	border-bottom: 2px solid #DDDDDD;
	margin-left:-18px;
	
}
#sidebar p {
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;	
}


#sidebar a img {
	border: none;
	margin-right: 2px;
}

#blogroll ul {
	margin-left: -18px;
	padding-left: 0px;
	list-style-type: none;
	
}

#blogroll a img {
	border: none;
	margin-right: 2px;
}
#blogroll h2 {
	padding-bottom: 0px;
}



/* Beware the ugly tag */
#ctl00_ctl02_ulBlogroll ul {
	margin-left: 8px;
	padding-left: 8px;
	list-style-type: none;
}


/* FOOTER ELEMENTS */

#footer {
	margin-top: 20px;
	clear: both;
	background-color: #575352;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

#footer p {
	color: #89817f;
	padding: 5px;
}

#footer p a {
	color: #89817f;
	border-bottom: 1px dotted #89817f;
}

#footer p a:hover {
	color: #FFFFFF;
	background-color: #575352;
}

/* POST ELEMENTS */

#relatedPosts a {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

/* comments */
/*----------------------------
					Comments
----------------------------*/

.comment {
	border: 1px solid silver;
	background-color: white;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.comment .date {
	font-size: 90%;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 3px 0px;
	border-bottom: 1px dashed silver;
}

.comment .author {
	margin: 0;
	padding: 3px 0px;
	border-top: 1px dashed silver;
	font-size:90%;
}

#addcomment, #comment
{
	font-size: 120%;
	letter-spacing:1px;
	font-weight: bold;
}

.self {
	background: #E0EAEF;
}

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 80px;
	border: 1px solid silver;
}

.comment .content {
	min-height: 85px;
	margin: 5px;
	margin-left: 90px;
}

.comment cite{
	font-family: Monospace;
	font-style: normal;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:90%;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.commentForm .bbcodeNoLivePreview {
	top: 0;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}



/*----------------------------
					Archive
----------------------------*/

#archive {
	padding: 10px;
}

#archive a{
	color: #F70;
}

#archive h1 {
	margin: 0;
	padding-bottom: 9px;
}

#archive h2 {
	border-bottom: 1px solid silver;
	padding-bottom: 4px;
	font-size: 12px;
	margin-bottom: 10px;
}

#archive h2 img {
	margin-right: 3px;
}

#archive ul {
	list-style-type: square;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li {
	margin-right: 20px;
}

#archive table{
	width: 100%;	
	border-collapse: collapse;
}

#archive table td, #archive table th{
	text-align:left;
}

#archive table td{
	text-align:left;
	border-bottom: 1px solid #D8D8D8;
	padding: 2px 0;
}

#archive .date{
	width: 70px;
}

#archive .comments{
	/*width: 70px;*/
	text-align: center;
}

#archive .rating{
	/*width: 70px;*/
	text-align: center;
}

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

#tagcloud li {
	display: inline;
}

#tagcloud a {
	margin-right: 3px;
	display: inline;
}

#tagcloud a.biggest {
	font-size: 17px;
}

#tagcloud a.big {
	font-size: 15px;
}

#tagcloud a.medium {
	font-size: 13px;
}

#tagcloud a.small {
	font-size: 11px;
}

#tagcloud a.smallest {
	font-size: 10px;
}

/*----------------------------
					Star rater
----------------------------*/

.rating p {
	display: inline;
	position: relative;
	top: 14px;
	left: 55px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/*----------------------------
				Contact page
----------------------------*/

#contact {
	background: white;
	padding: 10px;
}

#contact h1 {
	margin-top: 0;
}

#contact label {
	display: block;
	padding-top: 5px;
}

#contact input.field {
	width: 200px;
}

#contact textarea {
	display: block;
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
}
/*For Picasa Viewer*/
#content-container {
	width: 800px;
	margin: 0 auto;
}

/* And they lived happily ever after. The End. */



