html{
  background:#0a1524 url(../images/cloud_background.jpg) 50% 0 repeat;
  padding:0px;
  margin:0px;
  height:100%;
  /*background-attachment: fixed;*/
}

body{
  background:transparent url(../images/tree_med_new.png) 100% 100% no-repeat;
  text-align:center;
  font-family:sans-serif;
  padding:0px;
  margin:0px;
  border:1px solid black;
  min-height:100%;
  background-attachment: fixed;
}

#topMenuWide{
  width:100%;
  background:white;
  position:relative;
  z-index:10;
}

#tearWrap{
  background:transparent url(../images/top_tear.gif) 0 0 repeat-x;
  min-height:100%;
  position:relative;
  z-index:9;
}

* html #tearWrap{
  height: 100%;
}

#outerWrap{
  width:990px;
  margin:0px auto;
  position:relative;
  padding-top:0px;
  padding-bottom:0px;
}

#logo{
  float:left;
  margin-left:-27px;
  margin-top:-15px;
  margin-bottom:1em;
  display:block;
  position:relative;
  z-index:2;
}


#jet{
  position:absolute;
  top:0;
  right:-300px;
  top:10px;
  z-index:0;
}


#titleDiv{
  position:relative;
}

#fbAccountArea{
  background:transparent url(../images/push_up_tab.gif) 50% 0 no-repeat;
  width:350px;
  float:right;
  margin-top:-90px;
  margin-right:-17px;
  position:relative;
  z-index:2;
}

#fbInner{
  padding:25px;
}

#fbPic{
  float:left;
  margin-right:10px;
}

#fbConnectButton{
  float:left;
  margin-right:10px;
}

#realContent{
  position:relative;
  z-index:3;
}


h1#pageTitle{
  clear:left;
  color:white;
  text-align:left;
  margin-top:10px;
  padding-left:20px;
  margin-right:350px;
}
#pw1{
  background:transparent url(../images/content-top.gif) 50% 0 no-repeat;
  padding-top:20px;
  margin-bottom:800px;
  
}


#pw2{
  background:transparent url(../images/content-bottom.gif) 50% 100% no-repeat;
  padding-bottom:20px;
}

#pw3{
  background:transparent url(../images/content-tile.gif) repeat-y 50% 0%;
  padding:20px;
  text-align:left;
}



/***********************

Styles for the header bar

************************/

#header{
  border-bottom:1px solid #0a1524;
  color:white;
}        

#header h1{
  padding:30px 0px;
}

#header h1 a{
  color:white;
  background:transparent url(/themes/greenhouse/images/green_house_logo_grey.gif) 0% 50% no-repeat;
  padding:30px 0px;
  padding-left:100px;
}


/***********************

Styles for the top menu

************************/

#menu{ 
  z-index:11;
  width:950px;
  margin:0px auto;
}

#menu ul{
  list-style:none;
  margin:0px;
  padding:0px;
  margin-left:10px;
  float:right;
}

#menu ul li{
  float:left;
  padding:0px;
  margin:0px;
}


#menu li a{
  text-decoration:none;
  display:block;
  margin:2px 15px;
  padding:5px;
}

#menu li.current a{
  font-weight:bold;
}

#menu li a:hover{
  text-decoration:underline;
}



/*********************

Styles for the footer

********************/


#footer{
  border-top:1px solid #0a1524;
  margin-top:20px;
  text-align:left;
}

#footer .center{
  text-align:center;
}

#footer .copyright{
  text-align:right;
}

#easterEggs{
  width:100%;
  text-align:left;
  color:white;
  position:relative;
}

#easterEggs #congrats{
  position:absolute;
  bottom:0px;
  left:0px;
  padding:2px;
  background:black;
  margin-bottom:0px;
  font-size:0.8em;
}



#easterEggs #lightning{
  margin-left:200px;
}


.gallery_360{
  list-style:none;
}
.gallery_360 li{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
  background:#eee;
  padding:10px;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  text-align:center;
  margin:10px 0px;
}

.pagination a{
  border:1px solid #ccc;
  padding:3px 8px;
  margin:3px;
}

.pagination a:hover{
  background:#ccc;
  color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/



.comment{
  border-bottom:1px solid #eee;
  padding:10px 0px;
  width:100%;
}

.comment .pic{
  float:left;
  margin-right:20px;
}

.comment .text{
  margin-left:70px;
}



/*****************************
* Blog layout
******************************/

#blogMainArea{
  
  float:left;
}

#blogSidebar{
  margin-left:40px;
  float:left;
}

.post{
  background: transparent url(../images/shadow_line.gif) 0 100% no-repeat;
  padding-bottom:30px;
  margin-bottom:10px;
}

.blog_headlines .post{
  padding-bottom:0;
  margin-bottom:auto;
}

.post .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.post .body{
  clear:left;
}

.postInfo h3,.postInfo h4, .postInfo h5{
  border-bottom:0px;
  margin:0px;
}

.postInfo .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.postBody{
  clear:left;
  margin-bottom:1.5em;
}

.decoyEmail{
  display:none;
}

/***********************
**Some general form stuff
************************/


ul.form_errors{ 
  border:1px solid red;
  background:#fdd;
  padding:10px;
  padding-left:30px;
}

.submitted_ok{ 
  border:1px solid green;
  background:#dfd;
  padding:10px;
  padding-left:30px;  
  margin:10px;
}

input.form_error,textarea.form_error,select.form_error{ 
  border:2px inset red;
  background:#fdd;
}


/*********************
*This allows fluid images
***********************/
img.full{
  max-width:100%;
}

table td img.full{
  width:100%;
}