.link  { background: #CCCCFF; }		
.talk { background: #FFECA8; }
.post  { background: #F0F0F0; } 
.movie { background: #3a3a3a; color: #ccc; } 



.thread_short { 
	border-bottom: 1px solid #CCC; 
}
.thread_short:hover { 
	background: #CCD9E5;
	border-bottom: 1px solid #CCC; 
}
.thread_short:hover a { background: #FFFFCC; } 

.thread_unread { background: #FFFF99; } 

#thread .message {  border-bottom: 1px solid #CCC; }
#thread .message  span.byline { font-size: 12px; font-weight: bold; }  
#thread .message p { font-size: 13px; line-height: 150%; }

span.tagline { font-size: 13px; color: #666; } 

.highlight { background: #FFFFCC; } 
.lightblue { background: #CCD9E5; color: #3a3a3a; font-size: 13px; }
.pink { background: #EF5BA1; color: #FFF; font-size: 13px; }
.pink b { font-size: 15px; letter-spacing: -1px; } 
.gray { color: #CCC; } 
.comment { padding: 10px; border-bottom: 1px solid #ccc; } 
.comment span.byline { font-size: 12px; font-weight: bold; } 
.comment p { font-size: 13px; line-height: 150%; } 
.error_message { background: #FFFF99; padding: 10px; font-weight: bold; }
.document { margin-bottom: 20px;  padding-top: 10px; border-left: 1px solid #CCC;} 
.author { width: 80px; float: left; background: url(/peoplepods/img/author_bg.png) no-repeat right top;  }

textarea#message { width: 440px; height: 100px; font-size: 14px; font-family: helvetica; line-height: 150%;} 
textarea#comment { width: 440px; height: 100px; font-size: 14px; font-family: helvetica; line-height: 150%;} 
#comments { border-top: 5px solid #CCC; } 

#post_previous,#post_next,.post_recent { font-size: 12px; margin-bottom: 10px; } 

body { background: #f0f0f0; color: #333; padding: 0px; margin: 0px; font-family: Helvetica,sans-serif; }

a { color: #336699; text-decoration: none; }
a:visited { color: #225588; } 
a:hover {  }  

.content {  background: #FFFFFF; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; }
.grid {  width: 960px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.column_1  { width: 60px;  margin-right: 20px; float: left; overflow: hidden; }
.column_2  { width: 140px; margin-right: 20px; float: left; overflow: hidden; } 
.column_3  { width: 220px; margin-right: 20px; float: left; overflow: hidden; } 
.column_4  { width: 300px; margin-right: 20px; float: left; overflow: hidden; }
.column_5  { width: 380px; margin-right: 20px; float: left; overflow: hidden; }
.column_6  { width: 460px; margin-right: 20px; float: left; overflow: hidden; }
.column_7  { width: 540px; margin-right: 20px; float: left; overflow: hidden; }
.column_8  { width: 620px; margin-right: 20px; float: left; overflow: hidden; } 
.column_9  { width: 700px; margin-right: 20px; float: left; overflow: hidden; } 
.column_10 { width: 780px; margin-right: 20px; float: left; overflow: hidden; } 
.column_11 { width: 860px; margin-right: 20px; float: left; overflow: hidden; } 
.column_12 { width: 940px; margin-right: 20px; float: left; overflow: hidden; } 

.last { margin-right: 0px; }
.column_padding { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.clearer { float: none; height: 1px; width: 100%; clear: both; }



div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

.info { padding: 10px; background: #FFFFCC; font-weight: bold;  margin-bottom: 20px; border: 2px solid #333;}

h1,h2,h3 { margin-top: 0px; }
#main { min-height: 300px; }
#main.grid { padding-top: 20px;} 
	#nav { padding-bottom: 10px; background: #3a3a3a; color: #FFF;  }
	#nav a { color: #FFF; font-weight: bold; margin-right: 20px; } 
	#nav form#search { float: right; }  
	#login_status { color: #fff; background: #EF5BA1; text-align: right; ; font-size: 10px; }
	#login_status .column_padding { padding-top: 5px; padding-bottom: 5px } 
	#login_status a { color: #fff; font-weight: bold;  }
	#header {   }
	
	#watchers h3 { font-size: 12px; }
	div.watcher { font-size: 13px; margin-bottom: 5px;  } 


	div#post { color: #7C8D56; }
	div#post form { margin: 0px; padding: 30px; padding-top: 20px; padding-bottom:20px; background: #CDEB8B;  -moz-border-radius: 12px; -webkit-border-radius: 12px;  margin-bottom: 10px; } 

	p { margin-top: 0px; } 
	label { font-weight: bold; } 
	
	p.big_input {  margin: 0px; padding: 0px;}
	p.big_input label {  display: block;  padding-bottom: 3px; }
	p.big_input input.text { width: 560px;  font-size: 20px; } 
	p.big_input textarea.text { width: 500px; height: 100px; font-size: 20px; margin-top: 0px;}  

	p.input { margin-top: 0px; padding-top: 0px; }
	p.input label { font-weight: bold; width: 120px;  padding-right: 10px; display: block; float: left;  padding-top: 3px; padding-bottom: 3px; text-transform:capitalize; text-align: right;}
	p.input input.text { width: 390px;  font-size: 16px; } 
	p.input textarea.text { width: 390px; height: 100px; font-size: 16px; margin-top: 0px;}  
	


	p.normal_input { margin-top: 0px; padding-top: 0px; }
	p.normal_input label { font-weight: bold; width: 120px;  padding-right: 10px; display: block; float: left;  padding-top: 3px; padding-bottom: 3px; text-transform:capitalize; text-align: right;}
	p.normal_input input.text { width: 300px;  font-size: 16px; } 
	p.normal_input textarea.text { width: 300px; height: 100px; font-size: 16px; margin-top: 0px;}  
	

	.post_option { float: left;  font-size: 12px; font-weight: bold;  margin-bottom: 10px; } 
	.post_option a { display: block; padding: 10px;  border-bottom: 5px solid #CCC; background: #F0F0F0; width: 73px;  } 
	.post_option a.active { background: #CCC; border-top: 5px solid #f0f0f0; border-bottom: 0px; } 
	
	.post_extra { display: none; } 

	#dashboard_tabs   { border-bottom: 2px solid #CCC; background: #fff; margin-bottom:20px; } 
	#dashboard_tabs a { font-weight: bold; display: block; width: 130px; padding-left: 10px; padding-right: 10px; padding-top: 10px; float: left; margin-right: 10px; } 
	#dashboard_tabs a.active { background: #CCC; } 

	input.flat_button { color: #7C8D56; border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CDEB8B; padding: 10px; padding-left: 20px; padding-right: 20px; }
	a.flat_button		{ color: #7C8D56; border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CDEB8B; padding: 10px; padding-left: 20px; padding-right: 20px;}
	a.watch_button		{ color: #333;    border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CCD9E5; padding: 10px; padding-left: 20px; padding-right: 20px;  }
	a.favorite_button	{ color: #333;    border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CCD9E5; padding: 10px; padding-left: 20px; padding-right: 20px;   }
	a.active_button { color: #FFF;  background: #EF5BA1;}
	p.no_padding { margin: 0px; padding: 0px; }
	
	.row10 { margin-bottom: 10px; } 
	.row20 { margin-bottom: 20px; } 

.padding {  padding: 10px; } 
	
	
#footer {  padding-top: 20px; margin-bottom: 40px; }

div#left { width: 600px;  float: left; overflow: hidden;}
div#right {width: 300px; margin-left: 600px;  } 

form { margin: 0px; padding: 0px; }