/* Basics
----------------------------------------------*/

body {font-size: 62.5%;}

#wrapper {font-size: 1.2em;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
  line-height: 1.5em;
  color: #333;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {margin: 0 0 1em;}
  
img {
  display: block;
  border: 0; 
  }
    
ul, ol {margin: 0 0 1em;}

hr {display: none;}


/* Layout stuff
----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #DFDED2;
  }

#w2 {
  padding: 0;
  margin: 0 auto;
  width: 800px;
  text-align: left; /* overrule inheritance of body style's centering */
  border-top: 0;
  }

#top {
  height: 121px;
  position: relative;
  }

#logo {
  position: absolute;
  top: 25px;
  left: 25px;
  }

#content {
  margin: 0;
  padding: 45px 25px 2em;
/*  clear: both; */
  float: left;
  background-color: #fff;
  }

#pg_home #content {padding-top: 3em;}

/*
#sidebar {
  margin: 0;
  padding: 0;
  float: left;
  width: 250px;
  border-right: 1px dotted #999;
  }

#main {
  padding: 0;
  margin: 0 0 0 251px;
  }
*/

#sidebar {
  margin: 0;
  padding: 0;
  float: left;
  width: 220px;
  border: 0px solid #000;
  }

#main {
  padding: 0;
  margin: 0 0 0 25px;
  width: 500px;
  border: 0px solid #000;
  float: right;
  }

#main.nosidebar {margin-left:0; float: left;}

#content ul {
  padding: 0;
  list-style-type: none;
  }

#content ul li {
  line-height: 1.4em;
  background:  url("/blogs/images/li.gif") no-repeat 2em .40em; 
  padding: 0 0 7px 3.2em;
  list-style-type: none;
  }

#content ol li {
  line-height: 1.4em;
  padding-bottom: 4px;
  }

#footer {
  margin: 0;
  padding: .5em 25px 1em;
  clear: both;
  font-size: .9em;
  line-height: 2.5em;
  height: auto;
  }


/* Header Rules
----------------------------------------------*/

h1, h2, h3, h4, h5 {
  padding: 0; 
  margin: 1em 0 0;
  font-weight: bold;
  }

h1, h2 {
  margin-bottom: .5em;
  font-size: 1.1em;
  }

h2 {
  margin-top: 0;
  padding: 1em 0 0;
  }

.module_hdr h2 {margin-bottom: 0;}
  
h3 {font-size: 1.1em;}

h4, h5 {font-size: 1em;}


/* Nav
----------------------------------------------*/
#nav {
  margin: 0;
  padding: 0;
  position: relative;
  top: 105px;
  font-size: .8em;
  list-style-type: none;
  text-align: left;
  height: 2.5em;
  }

#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

#nav li {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  text-align: center;
  white-space: nowrap;
  border-right: 1px solid #fff;
  }

#nav li a {
  padding: 3px 25px;
  margin: 0;
  font-family: arial, helvetica, sans-serif;
  display: block;
  border-bottom: 0;
  line-height: 1.9;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1em;
  border: 0px solid #000;
  }

#nav li a:link, #nav li a:visited {color: #454315;}
#nav li a:hover {color: #fff; background-color: #719A1A;}
#nav li a:active {color: #000;}

body#pg_home li#nav_home a, 
body#pg_gatherings li#nav_gatherings a, 
body#pg_villages li#nav_villages a, 
body#pg_friends li#nav_friends a, 
body#pg_profile li#nav_profile a  {color: #fff; background-color: #719A1A;}


/* Unav (Utility links at the top-right)
----------------------------------------------*/
#unav {
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
  top: -15px;
  right: 15px; /* Not 25px, b/c of padding in "#unav li a" below */
  font-size: .9em;
  list-style-type: none;
  text-align: right;
  }

#unav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

#unav li {
  padding: 0 10px;
  margin: 0;
  display: block;
  float: left;
  text-align: center;
  white-space: nowrap;
  border-right: 1px solid #fff;
  }

#unav li a {
  margin: 0;
  font-family: arial, helvetica, sans-serif;
  display: block;
  border-bottom: 0;
  font-weight: bold;
  text-decoration: none;
  border: 0px solid #000;
  }

#unav li a:link, #unav li a:visited {color: #fff;}

#unav li a:hover {
  color: #EC7D14; 
  border-bottom: 1px solid #EC7D14;
  }

#unav li a:active {color: #E0EEBE;}

#unav li.last {border-right: 0;}


/* Other
----------------------------------------------*/
/*
.module_out {
  margin-bottom: 0;
  padding: 0 0 20px;
  clear: right;
  float: left;
  width: 100%;
  border-bottom: 1px dotted #999;
  }

.module_out.last {border-bottom: 0;}

#sidebar .module_in {
  padding: 10px 20px 0 0;
  width: 225px;
  }

#main .module_in {
  padding: 10px 0 0 20px;
  width: 470px;
  }
*/

.module {
  margin-bottom: 20px;
  width: 100%;
  float: left;
  }

.module_hdr {
  padding: 0 10px;
  border: 0px solid #fff;
  background: #fff url("/blogs/images/module_top.gif") no-repeat center top;
  }

.module_body {
  padding: 10px;
  margin: 0 0 0;
  float: left;
  width: 196px;
  border-left: 2px solid #E4E3DA;
  border-right: 2px solid #E4E3DA;
  }

#main .module_body {width: 476px;}

.module_ftr {
  padding: 0 10px 15px;
  width: 200px;
  float: right;
  background: #fff url("/blogs/images/module_bottom.gif") no-repeat bottom left;
  }

#main .module_hdr {background: #fff url("/blogs/images/module_top_wide.gif") no-repeat center top;}

#main .module_ftr {
  padding: 0 10px 15px;
  width: 480px;
  background:  url("/blogs/images/module_bottom_wide.gif") no-repeat center bottom;  
  border: 0px solid #000;
  }


/* Colors for GatherAt
Last updated 7/21/2006 by AH
----------------------------------------------*/

#wrapper {background: #DFDED2 url("/blogs/images/bg.gif") repeat-y top center;}

#w2 {border: 1px solid #454315;}

#top {background: #454315 url("/blogs/images/bg_top4.gif") repeat-x center top;}

#nav {
  background: #B0D658 url("/blogs/images/bg_nav.gif") repeat-x center bottom;
  border-top: 1px solid #E0EEBE;
  border-bottom: 1px solid #688E18;
  }

#footer {
  color: #597C0E;
  background: #B5DA5D;
  border-top: 2px solid #719A1A;
  border-bottom: 1px solid #454315;
  }

h1 {color: #000;}
h2 {color: #D35336; border-bottom: 2px solid #D35336;}
h6 {border-bottom: 1px dotted #999;}
h3 {color: #53750A;}
h4 {color: #454315;}
h5 {color: #000;}


/* Link Rules
----------------------------------------------*/

a:link {color: #BA2604;}
a:visited {color: #666;}  
a:hover {color: #000;}      
a:active {color: #000;}



/* Misc Stuff
----------------------------------------------*/ 

form, input {
  margin: 0;
  padding: 0;
  }

input, textarea {font-size: 1em; background: #F4F3ED;}

label {font-weight: bold;}

#greeting {margin: 0 0 1.5em;}

#content img {
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  }

.more {
  padding: 0 0;
  border: 0px solid #ccc;
  }

.more a {
  padding: 1px 5px;
  margin: 0 0 0 10px;
  text-decoration: none;
  display: block;
  float: right;
  font-weight: bold;
  font-size: .85em;
  font-family: arial, helvetica, sans-serif;
  color: #454315;
  background: #fff;
  border: 1px solid #9EC547;
  }

.more a:hover {
  background: #B5DA5D;
  color: #454315;
  border: 1px solid #9EC547;
  }

.shaded {
  padding: 10px; 
  background: #F4F3ED;
  border: 1px solid #CFCEC6; 
  }

#friends {
  float: left;
  border: 0px solid #000;
  }

/* #sidebar #friends .module_body {
  padding: 0 5px 0 15px;
  } */

.friend, .openinvite {
  margin: 10px 10px 10px 0;
  padding: 5px 5px 5px; 
  width: 65px;
  height: auto;
  float: left;
  text-align: center;
  background: #F4F3ED;
  border: 1px solid #CFCEC6;
  }

.friend img {margin: 0 auto 3px;}

.friend span {font-size: .8em;}

#userdetails img, #userinfophoto img {margin: 0 auto;}

.caption {
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
  }

.dropzone {
  margin: .5em 0;
  padding: .5em 0;
  text-align: center; 
  font-size: 1.4em;
  line-height: 2;
  }

.dropzone, .openinvite {
  padding: .5em 0;
  line-height: 2;
  color: #EC7D14;
  border: 2px dashed #FFA147; 
  }

.openinvite {
  height: 80px;
  background: #fff;
  }

.tagline {
  margin-bottom: 1em;
  font-style: italic;
  }

.village {
  padding-bottom: 1em;
  float: left;
  width: 100%;
  border-bottom: 1px dotted #999;
  }

#spinner {height: 40px;}

#spinner img {
  margin: 0 auto; 
  background: #fff;
  border: 0;
  display: none;
  }

#sidebar img.calendar, #main img.calendar {
  padding: 0px 0 0 2px;
  display: inline;
  border: 0;
  }

#new_friend_form_div table {padding-top: 0em;}
#new_friend_form_div table tr td {padding-bottom: .5em;}

#filter_tag_form table {padding: 0;}
#filter_tag_form table td {padding: 0 15px 1em 0;}
#filter_tag_form label {font-weight: normal;}


/* Table Stuff
----------------------------------------------*/ 

td, th {vertical-align: top;}

th {
  padding-top: 2px;
  text-align: right;
  font-weight: bold;
  }


#activitycommunities table {
  margin: 1em 0;
  font-size: .9em;
  width: 100%;
  }

#activitycommunities table th {
  text-align: left;
  padding: 2px 3px;
  font-weight: bold;
  font-size: .9em;
  color: #333;
  background: #E4E3DA;
  }

#activitycommunities table td {
  padding: 2px 3px;
  text-align: left;
  background: #;  
  border-left: 1px dotted #ccc;
  border-bottom: 1px solid #ccc;
  }

#activitycommunities table td.last {border-right: 1px dotted #ccc;}