/*
Theme Name: ODI Blog
Theme URI: http://www.odistreetcrew.com/
Description: Dave's Dope Theme.
Version: 1.0
Author: Dave Jacobs
Author URI: http://www.see-sound.com/
Tags: Simple

	ODI v1.0

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*////////// GENERAL //////////*/
body {
margin-top:0px;
margin-bottom:20px;
background-image: url(images/wood_background.jpg);
}

#container {
  margin: 0 auto;
  width: 900px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 11px;
  letter-spacing:normal;
  color:#835510;
  border:none;
  border-width: 0;
}
	  
#container2 {
  background:#f4f2eb;
  border:none;
  border-width: 0;
}

#photoWindow {
	height: 380px;
	padding-bottom: 20px;
	border:none;
	border-width: 0;
}

#photoWindow:active, div:active
{
outline: none;
}

#photoWindow:focus, div:focus
{
-moz-outline-style: none;
} 

/*////////// 3/4 PAGE LAYOUT //////////*/
#pageNav {
	width: 214px;
	margin-left: 20px;
	height: 260px;
	padding:0px;
	float:left;
	font-size: 10px;
	border-right-style:solid;
    border-right-color:#e6e0d8;
	border-right-width:thin;
	background-repeat:no-repeat;
}

#navPageContent {
	position:relative;
	float:left;
	width: 600px;
	line-height:18px;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	background-repeat:no-repeat;
    background-position: -2px 20px;	
	border:none;
	border-width: 0;
}

#sustainOne {
	width:300px;
	float:left;
	position:relative;
    top:20px;
	border:none;
	border-width: 0;
}

#sustainTwo {
	width:300px;
	float:left;
	position:relative;
    top:20px;
	left:20px;
	border:none;
	border-width: 0;
}

#sustainSub {
    border-left-style:solid;
    border-left-color:#99cc66;
	border-left-width:4px;
	padding-left:20px;
	margin-bottom:40px;
	padding-right:20px;
}

#whoOne {
	style="padding-right:20px;
	padding-bottom:40px;
	margin-bottom:40px;
	width:600px;
	float:left;
	border:none;
	border-width: 0;
}

#whoOne img {
	padding-right:20px;
	float:left;
	border:none;
	border-width: 0;
}

#whoText {
	width:341px;
	float:left;
    border-left-style:solid;
    border-left-color:#99cc66;
	border-left-width:4px;
	padding-left:20px;
}

#whatText {
    border-left-style:solid;
    border-left-color:#99cc66;
	border-left-width:4px;
	padding-left:20px;
	margin-bottom:40px;
}

#contactForm {
	padding-left:20px;
	padding-bottom:0px;
	margin-top:20px;
	position:absolute;
	left:255px;
	border-left-style:solid;
    border-left-color:#99cc66;
	border-left-width:4px;
}

#contactText {
	float:left;
	margin-top:20px;
	margin-bottom:196px;
	border:none;
}

#iconContainer {
	width:30px;
}

#iconContainer img {
	padding-bottom:2px;
}

/*////////// 1/2 PAGE LAYOUT //////////*/

#oneColumnContent {
	width: 390px;
	height: 230px;
	margin-left: 20px;
	padding-top:50px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	line-height:20px;
	border-right-style:solid;
    border-right-color:#E1E1E1;
	border-right-width:thin;
	background-repeat:no-repeat;
    background-position: 0px 20px;
}

#twoColumnContent {
	width: 390px;
	height: 230px;
	position:relative;
	float:left;
	line-height:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	border:none;
	border-width: 0;
}

#container3 {
  width: 900px;
  float:left;
  background:#f4f2eb;
  padding-bottom:20px;
  border:none;
  border-width: 0;
}

/*////////// TYPEOGRAPHY //////////*/
h1, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2, h3{
  font-family: Helvetica Neue, Helvetica, Arial;
}
		
h1 {
  font-size: 22px;
  letter-spacing: .1em;
}
		
h2 {
  font-size: 24px;
  /*line-height:12px;*/
  letter-spacing: .04em;
  font-weight:200;
  padding-left:20px;
  border-left-style:solid;
  border-left-color:#99cc66;
  border-left-width:4px;
}
		
h3 {
  font-size: 12px;
  line-height:12px;
  border-bottom: 1px solid #666666;
}
	
h4 {
  font-size: 12px;
}

p {
  margin-bottom: 20px;
}
		
a {
  text-decoration: none;
  color: #491f01;
}

a:hover {
  text-decoration: none;
  color: #7bab53;
}
		
a:visited {}
	 	 

/*////////// HEADERS //////////*/
#header {
   width: 900px;
   height: 50px;
   border:none;
   border-width: 0;
}

#header img {border:0px;}
	
/*////////// CONTENT //////////*/

#blogContent {
 margin:0 0px;
 width: 600px;
 float:left;
 padding-left:20px;
 padding-right:20px;
 line-height:18px;
 border:none;
 border-width: 0;
}

#blogContent img {
	margin-bottom:10px;
	margin-top:10px;
	border:none;
	border-width: 0;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

/*gallery Nav*/
.galleryNav {
  padding: 0; 
  margin-left: 0;
  border:none;
  border-width: 0;
}

.galleryNav li{
  list-style: none;
  letter-spacing: .18em;
  line-height:30px;
  margin: 0;
  padding:0px;
  color:#491f01;
  /*border-top: 1px solid gray;*/
}

.galleryNav li a { text-decoration: none; }


.galleryNav li a:link { color: #491f01; }
.galleryNav li a:visited { color: #491f01; }

.galleryNav li a:hover{
  color: #7bab53;
}

/*////////// FOOTER //////////*/

#pushbottom{
	padding-top:0px;
 	clear:both;
	border:none;
	border-width: 0;
}

#footer {
 /*border: 1px solid #000033;*/
 height: 45px;
 width: 900px;
 background: #f4f2eb url("images/footerLines.gif") no-repeat left top;
 background-position:top;
 border:none;
 border-width: 0;
}

#siteInfo {
padding-left:10px;
padding-top:10px;
float: left;
margin-left:3px;
}






