/* General Layout */

body{
  background: #D7D3C9 url("../images/body_bg.jpg") repeat-x;
}

#wrapper{
  margin: 0 auto;
  width: 840px;
}

/* Header */

#header{
  color: #fff;
  height: 79px;
}

#header h1{
  background: url("../images/nville_logo.gif") no-repeat;
  display: block;
  float: left;
  height: 38px;
  margin-left: 20px;
  margin-top: 30px;
  text-indent: -3000px;
  width: 190px;
}

#header #float-right{
  margin-right: 20px;
}

#header #session a{
  color: #FFF;
  text-decoration: none;
}

#header #session a:hover{
  text-decoration: underline;
}

#header #session{
  height: 5px;
  text-align: right;
  padding-top: 10px;
}

#header ul#session {
  list-style-type: none;
}

#header ul#session li{
  display: inline;
  font-size: 13px;
  font-weight: bold;
  margin-left: 10px;
}

#header form{
  float: right;
}

#header form .field{
  background: url("../images/input_search.jpg") no-repeat;
  border: none;
  font-weight: bold;
  height: 24px;
  padding: 8px 0 0 10px;
  width: 170px;
  float: left;
  margin-right: 5px;
}

#header form .search_bttn{
  background: url("../images/bttn_search.jpg") no-repeat;
  border: none;
  height: 32px;
  text-indent: -3000px;
  width: 74px;
  float: right;
}

#header form .search_bttn:hover{
  background-position: 0 -32px;
}

/* Container */

#container{
  background: #FFF url("../images/content_background.gif") repeat-y;
  color: #666;
  width: 840px;
}

#container h2{
  color: #7AA300;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 24px;
}

#container h2 a{
  text-decoration: none;
}

#container h2 a:hover{
  text-decoration: underline;
}

#container h3{
  color: #7AA300;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 14px;
}

#container #top{
  background: #FFF url("../images/content_top.jpg") top no-repeat;
  padding: 10px 20px;
  height: 40px;
}

#container #top .join{
  background: url("../images/bttn_join.jpg") no-repeat;
  float: left;
  height: 32px;
  left: 15px;
  text-indent: -3000px;
  top: 5px;
  position: relative;
  width: 74px;
}

#container #top .join:hover{
  background-position: 0 -32px;
}

#container #top ul#actions{
  height: 41px;
  left: 10px;
  list-style-type: none;
  position: relative;
}

#container #top ul#actions li{
  background: url("../images/submenu_border.png") left no-repeat;
  float: left;
  font-size: 0.9em;
  text-align: center;
  padding: 15px 15px 6px 15px;
}

#container #top ul#actions li:hover, #container #top ul#actions li.selected{
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}

#container #top ul#actions li a{
  color: #7AA300;
  text-decoration: none;
  font-weight: bold;
  padding-top: 10px;
 }


 #container #sidebar{
   margin: 0;
   width: 251px;
}

#container #sidebar ul#menu{
  font-weight: bold;
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

#container #sidebar ul#menu li{
  border-bottom: 1px solid #E7E7E7;
  border-top: 1px solid #FFF;
}

#container #sidebar ul#menu li:hover, #container #sidebar ul#menu li.selected{
  background-color: #FFF;
}

#container #sidebar a{
  color: #666;
  text-decoration: none;
  padding-left: 20px;
  line-height: 40px;
}

#container a{
  color: #7AA300;
  font-weight:bold;
}

#container #main{
  width: 580px;
}

#container #main ul#posts{
  list-style-type: none;
  padding: 0 0 0 10px;
}

#container #main ul#posts li{
  border-bottom: 1px solid #F4F4F4;
  margin-bottom: 1px;
  padding: 15px 15px 5px 15px;

}

#container #main ul#posts li.odd{
  background-color: #F4F4F4;
}

#container #main #posts p.userinfo{
  font-size: 0.9em;
  padding-bottom: 10px;
}

#container #main #posts p.body{
  line-height: 22px;
}

#container #main #posts h4{
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 20px;
}

#container #main ul#comments{
  list-style-type: none;
  padding: 0 0 0 10px;
}

#container #main ul#comments li{
  font-size: 0.9em;
  margin-bottom: 5px;
  padding: 15px 15px 5px 15px;
}

#container #main #comments p.userinfo{
  font-size: 1.0em;
  padding-bottom: 5px;
}

#container #main ul#comments li.odd{
  background-color: #F4F4F4;
}

#container #main ul#neighbors{
  list-style-type: none;
  margin-top: 10px;
  padding: 0 0 0 10px;
      }

      #container #main ul#neighbors li{
        float: left;
        font-size: 0.9em;
        margin-left: 20px;
        text-align: center;
        width: 60px;
        height: 100px;
        overflow: hidden;
    }

    #container #main h5{
      font-size: 1.1em;
      font-weight: bold;
      margin-left: 10px;
      padding-bottom: 5px;
}

#container #main #invites{
  padding: 20px;
}

#container #main #invites h2{
  color: #666;
  font-size: 2em;
  margin-bottom: 10px;
}

#container #main #invites h3{
  color: #666;
  font-size: 1.2em;
  line-height: 22px;
  margin-bottom: 20px;
}

#container #main form.form{

}

#container #main form.form ul{
  list-style-type: none;
  margin-right: 30px;
}

#container #main form.form ul li{
  margin-bottom: 10px;
}

#container #main form.form label{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 30px;
}

#container #main form.form .field{
  background: url("../images/shadow.png") repeat-x;
  border: 1px solid #E2E2E2;
  color: #666;
  font-size: 1.5em;
  height: 35px;
  padding: 10px 0 0 10px;
  width: 498px;
}

#container #main form.form .largefield{
  background: url("../images/shadow.png") repeat-x;
  border: 1px solid #E2E2E2;
  color: #666;
  font-size: 1.2em;
  height: 150px;
  padding: 10px 0 0 10px;
  width: 498px;
}

#footer{
  color: #8A8780;
  font-size: 0.8em;
}

#footer a{
  color: #8A8780;
  font-weight: bold;
}

#footer a:hover{
  color: #7AA300;
}

#footer ul#nav{
  list-style-type: none;
  padding: 0;
  line-height: 25px;
}

#footer ul#nav li{
  display: inline;
  margin-right: 5px;
}

#footer ul#nav li a{
  text-decoration: none;
}

.pagination{
  clear: both;
  margin-top: 30px;
  margin-left: 10px;
  font-weight: bold;
  font-size: 90%;
}
.pagination .current{
  padding: 8px;
}
.pagination a{
  padding: 10px;
  border: 1px solid #f2f2f2;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.pagination a:hover{
  background-color: #CCE0EB;
  text-decoration: none;
}

/* Neighborhood Announcement */

#announcement{
	background:#FFFFCC;
  border-top: 1px solid #B38058;
  border-bottom: 1px solid #B38058;
	margin:12px;
	font-family:Verdana;
}


#announcement h1{
	padding:12px;
	font-size:15px;
	color:#333;
	font-weight:bold;
}

#announcement p{
	padding:0 12px 12px 12px;
	font-size:12px;
	color:#222;
	line-height:15px;
}

#announcement a#effect{
/*	color:#FF0000;
*/	font-size:10px;
	float:right;
	margin:14px;
}