/* GENERAL CSS DEFINITIONS */

body {
  margin: 0;
  padding: 0;
  font: 1em/1.3em "Verdana", "Helvetica", "Arial", "sans-serif", "Lucida Grande" ;
  font-size: 14px;
  font-weight: normal;
  background-color: #727477;
  color: #333;
}

a img, :link img, :active img, :visited img, :hover img 
{ 
  border:none;
}

a:link, a:visited, a:active {
  color: #FA8615;
}

a:hover {
  color: #FFB266;
}

dl {
  padding: 0;
  margin: 10px 0;
}

dt {
  padding: 0;
  margin: 4px 0;
  font-size: 120%;
}

dt .hint {
  font-size: 80%;
  color: #999;
}

dd {
  padding: 0;
  margin: 0;  
}

blockquote {
  border-left: 3px solid #ccc;
  border-right: 3px solid #ccc;
  background-color: #E0DFD5;
  padding-left: 5px;
  margin: 5px 60px;
}

.clear {
  clear:both;
}

.button {
  text-align: center;
  background: url('/images/button-bg.png') top left repeat-x;
  border: 1px solid #222;
}

.button a:link, .button a:visited, .button a:active {
  color: #000;
  text-decoration: none;
  text-shadow: 2px 2px 1px #888;  
}

.button a:hover {
  color: #666;  
}

.feed-link {
   float:right;
   position: absolute;
*   position: relative;
   right: 0px;
   padding-top: 10px;
   padding-right: 15px;
   font-size: 90%;
} 

.feed-link img {
  vertical-align: middle;
}

.title {
  background: #4E5C7A url('/images/title-bg.gif') top left repeat-x;
  color: #fff;
  height: 80px;
  margin: 0;
  margin-top: 5px;
  line-height: 80px;
  *line-height: 60px;
}

h2.list-heading {
  margin-left: 25px;
}

.no-msg {
  padding-left: 20px;
  margin: 15px 0;
}

.right-float {
  float: right;
  position: relative;
  font-size: 85%;
}

.right-float a:link, .right-float a:visited, .right-float a:hover, .right-float a:active {
  font-weight: normal;
}

textarea.less {
  width: 100%;
  height: 250px;
}

textarea.more {
  width: 100%;
  height: 500px;
}

.small {
  font-size: 85%;
}

.small a:link, .small a:visited, .small a:active {
  text-decoration: none;
  color: #bbb;
}

.small a:hover {
  color: #bbb;
  border-bottom: 1px dashed #ccc;
}

.shadow a:link, .shadow a:visited, .shadow a:active, .shadow a:hover {
  text-shadow: 2px 2px 1px #333;
}

table {
  width: 100%;
  border:1px solid;
}

td {
  border:1px solid #aaa;
}



#textile-help {
  margin: 10px;
}

#textile-help table {
  margin: 10px 20px;
}

#textile-help th {
  text-align: left;
  color: #000;
  background-color: #666;
}

#textile-help td {
  border-top: 1px solid #444;
}

#textile-help ul li {
  list-style-type: disc;
}

#textile-help blockquote {
  background-color: #222;
  border-left: 3px solid #111;
  border-right: 3px solid #111;
  padding: 5px;
}

/* LAYOUT */

#flash {
  width: 100%;
  position: fixed;
  *position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  background: #383838;
  z-index: 9999;
}

#flash ul {
  list-style-type: none;
}

#content {
  position: relative;
  margin: 10px 40px 10px 40px;
  padding-bottom: 20px;
}
#main-content{
 background-color: #fff;	
 padding-bottom: 20px;
}
#login-content {
  width: 480px;
  margin: 0px auto;
  background-color: #fff;
  padding-bottom: 20px;
}

#spinner {
  float: right;
  position: relative;
  right: 20px;
  bottom: 10px;
  width: 20px;
  height: 20px;
  background: url('/images/spinner.gif') top right no-repeat;
}

#search {
  height: 32px;
  background: #C2C3C5 url('/images/search-bg.gif') top left repeat-x;
  padding-right: 12px;
  line-height: 28px;
  text-align: right;
}

#search-head {
  padding-left: 20px;
}

#search-title {
  padding-top: 4px;
  padding-left: 48px;
  background: url('/images/search.gif') center left no-repeat;
}

#searchbox {
  float: right;
  padding-top: 2px;
  margin-bottom: -12px;
}

#searchbox input[type=text] {
  color: #555;
  text-align: right;
}

.search-preview {
  color: #999;
  font-style: italic;
}

#login {
  float: right;
  position: relative;
  bottom: 5px;
}

#breadcrumb {
  float: left;
  position: relative;
  bottom: 5px;
}

#admin-link, #top {
	position: relative;
	left: 0px;
	right: 0px;
	 top: 10px;
	height: 20px;
}
#admin-link {
	text-align: right;
}

.list-title {
  float: left;
  position: relative;
  background: url('/images/bullet.gif') center left no-repeat;
  font-weight: bold;
  padding-left: 17px;
}

.list-summary {
  clear: both;
  font-size: 85%;
}

.user-img {
/*  border: 1px solid #666; */
  padding: 3px;
  margin: 16px 10px 5px 0px;
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
  background-color: #fff;
}

#page-nav {
  margin: 5px 0 5px 25px;
}

#footer {
  text-align: center;
  margin-bottom: 10px;
}

/* ACCOUNTS */


#account-head {
  padding-left: 25px;
}

#account-title {
}

.account {
  padding-left: 25px;
}

#user-details {
  margin: 25px;
}

#user-details .image {
  border: 1px solid #666; 
  padding: 3px;
  width: 40px;
  height: 40px;
  background-color: #fff;
}

#user-details dt {
  color: #222;
  margin-top: 10px;
}

#user-details dd {
  color: #888;
}

#gravatar-explanation {
  margin: 0 25px;
}

/* PREFERENCES */


/* ADMIN */

#create-area-button {
  width: 180px;
  height: 24px;
  padding-top: 5px;
  margin: 24px 10px 24px 25px;
}

#add-area {
  margin: 0 0 0 25px;
}

.remote {
  height: 32px;
  margin: 10px 0;
  padding: 7px 12px;
  max-width: 1280px;  
  background: url('/images/list-item-shadow.png') bottom right no-repeat #D9E2EC;
  
}

#add-remote {
  margin: 0 0 0 25px;
}

#add-remote-link {
  width: 200px;
  height: 28px;
  padding-top: 5px;
  margin: 24px 10px 24px 25px;  
}

ul#remote-list {
  list-style-type: none;
  padding: 0px 25px;
  margin: 20px 0 40px 0;
}

#remote-list li {
  clear: left;
}

#create-user {
  margin: 0 0 0 25px;
}

#create-user-button {
  clear: left;
  width: 180px;
  height: 24px;
  padding-top: 5px;
  margin: 24px 10px 24px 25px;
}

ul#user-list {
  list-style-type: none;
  padding: 0;
  margin-left: 15px;
}

.user-info {
  margin: 14px 0 0 0;
}

.user {
  float: left;
  position: relative;
  height: 64px;
  width: 250px;
  padding: 0px 16px 16px 16px;
  margin: 0px 10px 20px 10px;
  border: 1px solid #666;
  background-color: #EBEAE0;
}

.user p {
  padding: 0;
  margin: 0;
}

/* OPINION -> AREAS */

#index-head {
  padding-left: 20px;
  position: relative;
  left: 0px;
  right: 0px;
}

#index-title {
  padding-left: 40px;
  *padding-bottom: -2px;
  background: url('/images/home.gif') center left no-repeat;
}

#dash-title {
  padding-left: 38px;
  background: url('/images/dash.gif') center left no-repeat;
}

ul#area-list {
  list-style-type: none;
  padding: 0px 5px;
}

li.area {
  background: url('/images/list-item-shadow.png') bottom right no-repeat #ddd;
  margin-left: 10px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 7px 12px;  
}

li.area a:link, li.area a:visited, li.area a:active {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

li.area a:hover {
  border-bottom: 1px dashed #333;
}


/* AREA -> CATEGORIES */

#area-head {
  padding-left: 20px;
}

#area-title {
  padding-left: 38px;
  background: url('/images/categories.gif') center left no-repeat;
}

#add-category {
  margin: 0 0 0 25px;
}

#create-category-button {
  width: 180px;
  height: 24px;
  padding-top: 5px;
  margin: 24px 10px 24px 25px;
}

ul#category-list {
  list-style-type: none;
  padding: 0px 5px;
}

li.category {
  background: url('/images/list-item-shadow.png') bottom right no-repeat #D9E2EC;
  margin: 10px 20px;
  padding: 7px 12px;
  max-width: 1280px;  
}

li.category a:link, li.category a:visited, li.category a:active {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

li.category a:hover {
  border-bottom: 1px dashed #333;
}

/* CATEGORY -> TOPICS */

#administration {
  position: fixed;
  *position: static;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #771515 url('/images/admin-bg.gif') top left repeat-x;
  color: #fff;
  height: 44px;
}

#administration h3 {
  float: left;
  margin: 15px 10px 4px 8px;
  padding: 0;
  text-shadow: 2px 2px 1px #333;
}

#administration div {
  margin: 16px 5px 2px 5px;
  float:left;
}

#category-head {
  padding-left: 20px;
}

#category-title {
  padding-left: 38px;
  background: url('/images/topics.gif') center left no-repeat;
}

#create-topic-button {
  width: 180px;
  height: 24px;
  padding-top: 5px;
  margin: 24px 10px 12px 25px;
}

#add-topic {
  margin-top: 20px;
  padding: 0 25px;
}

#preview-topic {
  margin: 25px 0 15px 0;
  padding: 2px 25px 10px 25px;
  background-color: #FAF9ED;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}

ul#topic-list {
  list-style-type: none;
  padding: 0px 5px;
}

li.topic {
  clear: both;
  margin: 10px 20px;
  padding: 7px 12px;
  max-width: 1280px;  
  background: url('/images/list-item-shadow.png') bottom right no-repeat #EBEAE0;
}

li.topic a:link, li.topic a:visited, li.topic a:active {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

li.topic a:hover {
  border-bottom: 1px dashed #333;
}


.topic-summary {
  float: left;
 position: relative;
  padding-left: 17px;
}

.topic-normal {
  background: url('/images/bullet.gif') center left no-repeat;
}

.topic-closed {
  background: url('/images/closed.gif') center left no-repeat;
}

.topic-sticky {
  background: url('/images/sticky.gif') center left no-repeat;
}

.topic-author {
  clear: both;
  font-style: italic;
  margin: 0;
}

.delete-link {
  position: absolute;
}

/* POSTS (TOPIC/COMMENTS) */

#topic-head {
  padding-left: 20px;
  line-height: 20px;
 * padding-top: 20px;
}

#topic-author-img {
  border: 1px solid #333;
  padding: 3px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  float: left;
  
  margin-top: 17px;
  *margin-top: 0px;
}

#topic-author-details {
  float: left;
  margin-left: 20px;
  line-height: 14px;
}

#topic-author-details p {
  font-style: italic;
}

#topic-body {
  background: url('/images/topic-bg.gif') bottom left repeat-x #EBEAE0;
  color: #000;
  padding: 1px 10px 10px 20px;
  font-size: 110%;
  border-bottom: 1px solid #EBEAE0;
}

.closed-thread {
  background: url('/images/closed.gif') center left no-repeat;
  padding-left: 17px;
}

ol#comment-list {
  list-style-type: none;
  padding: 0;
}

li.comment {
  clear: both;
  margin: 40px 20px;
  padding-left: 10px;
  max-width: 1024px;
}

.comment-head {
  margin: 0;
}

.comment-author-details {
  margin: 0;
  line-height: 14px;
}

div.comment-author-details h3 {
  float: left;
  position: relative;
  font-weight: normal;
  margin: 5px 0px 5px 5px;
  padding: 0;
}

div.comment-author-details div {
  margin: 5px 0px 0px 5px;
}

div.comment-author-details :link, div.comment-author-details :visited {
  font-weight: bold;
}

.comment-body {
  margin: 0;
  padding: 0;
  clear: both;
  background: url('/images/comment-right.png') top right no-repeat;
}

.comment-body-paragraph {
  background: url('/images/comment-left.png') top left no-repeat;
  margin: 0;
  padding: 16px 10px 10px 20px;
}

.comment-link {
  background: url('/images/comment-left.png') bottom left no-repeat;
  margin: 0;
  padding: 0px 0px 0px 10px;
}

.comment-link em {
  background: url('/images/comment-right.png') bottom right no-repeat;
  display: block;
  padding: 0px 10px 10px 0px;
}

.comment-admin-body {
  margin: 0;
  padding: 0;
  clear: both;
  color: #000;
  background: url('/images/admin-right.png') top right no-repeat;
}

.comment-admin-body-paragraph {
  background: url('/images/admin-left.png') top left no-repeat;
  margin: 0;
  padding: 16px 10px 10px 20px;
}

.comment-admin-link {
  background: url('/images/admin-left.png') bottom left no-repeat;
  margin: 0;
  padding: 0px 0px 0px 10px;
}

.comment-admin-link em {
  background: url('/images/admin-right.png') bottom right no-repeat;
  display: block;
  padding: 0px 10px 10px 0px;
}

#post-button {
  height: 24px;
  width: 150px;
  padding-top: 5px;
  margin: 0 0 20px 20px;
}

#post-comment {
  padding-left: 25px;
  margin: 20px 0;
  clear: both;
}

#preview-body {
  background-color: #FAF9ED;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  padding: 4px 10px;
}

#more-space, #less-space {
  background-color: #727477;
  margin: 8px 0;
  padding: 3px 0;
  text-align: center;
}

#more-space a:link, #more-space a:visited, #more-space a:active, #less-space a:link, #less-space a:visited, #less-space a:active {
  color: #ccc;
  text-decoration: none;
}

#more-space a:hover, #less-space a:hover {
  border-bottom: 1px dashed #ccc;
}