/* Site Styles */

body {
	color: #32363F;  
	background-color: #fff; 
	background-repeat: repeat-x; 
	background-image: url(../images_site/bg.gif);
	}

a {color: #177F56; text-decoration:underline}
a:hover {background-color: #FFF79F}
img a:hover {background-color: transparent}

div#container{
	overflow: hidden;}

div#branding {
	height: 60px;
	padding: 0;
	position:relative; 
	border-bottom: 1px solid #78D443;
	margin-bottom: 2em;}
	
div#branding h1 {
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
	float:left; 
	width: 271px; 
	height: 50px;
	overflow: hidden;
	position:relative;}

div#branding h1 a span {  
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 5px;
	left: 0;
	cursor: pointer; 
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images_site/logo.png);
	overflow: hidden;
	}	

div#main-content {}
div#main-content h1, div#main-content h2 {
	line-height: 1.2em;}
	
div#main-content h1 span, p.introduction {
    font-size:85%; 
    font-weight:normal;
    font-family: Georgia;
    color: #333; }
    
p.introduction {
    font-size:1.2em;
    font-family: inherit;}    
    
div#main-content h2, div#main-content h2 a {
	/* color: #32363F; */
	color: #fff;
	text-decoration: none;}

div#main-content h2 a:hover {
	color: #FFF79F;
	background-color: transparent;}	
	
div#main-content h2 {background-color:#177F56; padding: 4px 8px}	

/* div#main-content h3 {margin: 2em 0 0} */
	
div#main-content p.metadata {
	color: #999;
	margin-top: -1.3em;}
	
div#main-content p.metadata span.post_tags {
    margin-left:8px;
    padding-left:22px;
    background:transparent url(../images_site/tag.png) no-repeat scroll 0 0;
}

div#main-content p.metadata span.post_date {
    margin-left:0px;
    padding-left:22px;
    background:transparent url(../images_site/date.png) no-repeat scroll 0 -2px;
}
	
div#main-content p.metadata span.post_comments {
    margin-left:8px;
    padding-left:22px;
    background:transparent url(../images_site/comment.png) no-repeat scroll 0 -2px;
}

#comments {
    border-top: 1px #999 solid;
    margin: 2em 0; padding: 1em 0;}

#comments h1 {
    font-style: italic; 
    font-weight: normal; 
    color:#999; 
    font-family: Georgia;}
	
div#main-content img {
	/* float:left; */
	margin: 0 .5em .5em 0;
	padding: 5px;
	border: 1px solid #177F56}	
div#main-content p.readmore {
	text-align: right;
	/* border:1px solid #ccc */}
div#main-content p.readmore a {
	display:block; 
	padding: .3em .5em;}
	
div#main-content pre {
	width:500px; overflow:auto; font-size: 100%; border-bottom: 1px solid #999; border-top: 1px solid #999; padding: 1em 0}	

div#sub-content {}

div#sub-content h3 {
	margin-bottom: .3em}
div.alpha, div.omega {}
div.alpha ul, div.omega ul {
	list-style: none;
	padding-left: 0;}
div.alpha li, div.omega li {
	padding-left: 0; margin-left:0}	
div.alpha li a, div.omega li a {
	display: block}	
	
/* .bannerAd a {background-color: #ccc; text-align:center; border:1px solid #999} */
.bannerAd a {
    background-color: #ccc;
    border:1px solid #999;
    color:#999;
    display:block;
    float:left;
    margin:.5em 0;
    overflow:hidden;
    padding:5px;
    text-align:center;
    text-decoration:none;
    line-height:1em}
	
.bannerAd a:hover {border-color:#177F56; background-color: #FFF79F}

.bannerAd a img {margin:0; padding:0}

/* Navigation */
div#navigation, div.spacer {
	margin-top: 20px;
	margin-bottom: 10px;
}

div#navigation {
	padding: 0;
	float:right;
}

div#navigation ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	font-size:12px;
	font-weight:bold;
}

div#navigation ul li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
div#navigation ul li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px;
}
	

div#navigation ul li a.current
{
	display:inline;
	float:left;
	margin:0;
} 

div#navigation ul li a:hover, div#navigation ul li.active a { color: #fff; background-color: transparent;}

div#footer {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	padding: 1em;
}

div#footer p {
	color:#fff;
	margin-bottom: 0;
}

div#footer p a {color:#fff;}
div#footer p a:hover {color:#177F56; background-color: transparent}

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: 1em; margin: 1.6em 0;  }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

#container blockquote *:first-child { margin: .8em 0; }
#container hr, #container p, #container ul, #container ol, #container dl, #container pre, #container blockquote, #container address, #container table, #container form { margin-bottom: 1.6em; }

/* Utility */
.center {text-align: center}
.left {float:left; margin: 0.3em 1em 1em 0;}
.right {float:right; margin: 0.3em 0 1em 1em;}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input.searchbox { width:200px }
 
/* Jot Styles */
.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 1px solid #CCCCCC;margin-bottom: 10px;background-color: #e9e9e9;}
.jot-row-alt {background-color: #f9f9f9;}
/* .jot-row-author {background-color: #FFFFE1;} */
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px 10px 3px 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: right; width: 50px; height: 20px; padding-top: 8px; padding-right: 0px; text-align: right}
span.new-comment {font: 1.5em/1.5 Georgia; font-style: italic; color: #999;}

.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject, .jot-username {font-weight: bold;font-size: 1.3em;}
.jot-message {padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
/* .jot-form fieldset {border: 0px;} */
.jot-form label {display: block;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 0px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.success ol, .success ul {margin-top:-1em}

.file_icon {float:left;}
.file_icon img {border:1px solid #999;}
.file_info {margin-bottom:1em;}
.file_info {float:right; width: 395px}
/* .file_info h2 {margin-bottom:0;} */
.listing {margin-bottom:1em;padding-bottom:.5em;}


/*---------STYLES FOR BUTTONS----------*/

#container a.button, #container button {
  display: inline-block;
  float: right;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#177F56;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  color:#fff;
  cursor:pointer;
}
#container button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
#container button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html #container button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

#container a.button:hover{ background-color: #FFF79F; color:#32363F }

/* end style sheet */