/* LAST UPDATED JAN. 26 */

#content1 ul, #content1 ul li {list-style:none; margin:0; padding:0}

ul#forum_nav, 
.postlist li h4,
table th,
.crumbnav  		  {background:#cfcfcc url(/media/img/grades/litegray.png) repeat-x top;}

ul#forum_nav  {height:30px;}
#forum_nav li {float:left; padding:8px 0 0 10px !important; width:110px;}

.forum_name, .topic_name, #forum_nav li {font-weight:bold;}

table.forum_list {margin-bottom:36px !important;}

.forum_name,
.forum_list .extraheader {display:block;}

.forum_list td.c { width:auto }
.forum_list td.last {width:20%}
td.last {
	border-right:0 !important;
	width:17%;
	font-size:98%
	}

.breadcrumbs .paginate,
tfoot .paginate {
	font-weight:bold; 
	padding:4px 10px 3px;
	}
	
.breadcrumbs .paginate { margin-left:60px; white-space: nowrap}
	
tfoot .paginate,
.crumbnav .breadcrumbs {
	border:1px solid #999;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999;
	background-color:#f3f3f3;
}
th.tl_pages {text-align: left}
.add {float:left; 
	background: #f3f3f3 url(/media/img/icons/sweetie/16-em-plus.png) no-repeat 92% center !important;
	padding:4px 30px 2px 15px;
	border:1px solid #999;
	margin-right:10px;
	-moz-box-shadow: 0 0 1px #999; -webkit-box-shadow: 0 0 1px #999;
	background-color:#f3f3f3;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	/*
	-moz-border-radius-topleft: 24px; 
	-moz-border-radius-bottomleft: 24px; 
	-webkit-border-radius:12px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	*/ 
	}
.add:hover {-moz-box-shadow: 0px 0px 3px #300; -webkit-box-shadow: 0px 0px 3px #300;}
.add:active {-moz-box-shadow: 0px 0px 1px #999; -webkit-box-shadow: 0px 0px 1px #999;}

.breadcrumbs {display:block; padding:4px 5px 2px 8px}
.breadcrumbs a {font-weight:bold; border-bottom:0 !important}

.crumbnav {background-position: 0 -24px; margin:0 }
.crumbnav .paginate {font-size:120%; margin: 0 3px 0 !important; margin-top:-2px !important; display:block}

#content1 table {margin-left:0}	
#content1 table td.topic_notices {padding:10px 0 0 2px; border-right:0; width:1.5em; vertical-align: top}
#content1 table td.t {border-left:0; padding-top:10px; padding-bottom: 10px }
#content1 table td {}
#content1 table caption {padding:0}

table thead th  {text-align: center; padding-top:5px}
.topic_name {padding-right:15px}

.forum_list td.t {padding-left:10px}

.topic_list {clear:both}
.topic_list caption, 
.topic_list tfoot th {text-align:left;font-size:13px }

.post_admin {float:right}
td .paginate { white-space: nowrap}

ul.recent {clear:right; list-style: square !important; padding-left:2em;  }
ul.recent li {overflow:hidden; max-width:550px}
ul.recent a {color:#444; font-size:1.05em; }

.postlist  {margin: 0 0 -2px; overflow:hidden; clear:both; }
	.postlist > li {
   		margin:0; 
   		padding:0; 
   		clear:both; 
   		list-style:none; 
   		border: solid #cdcdc9; border-width:0 1px 1px 0;
   		}
	.postlist li.odd {background:#f5f5f3}
		.postlist li .avatar {
			float:left !important;	
     		margin:0; 
     		display:block; 
     		min-height:36px;
			}
			.postlist li .avatar img {
			    float:none !important;
          		margin:0 !important; 
          		border:1px solid #ccc; 
          		padding:4px; background:#fff;
          		}
          	.postlist li .avatar img:hover {border-color: #9a1c1c}
        .postlist li h4 {
        	font-size:12px; 
        	border-bottom:1px solid #bbb;
        	letter-spacing: 2px; 
 			padding:0 7px; 
 			line-height:36px;
 			padding-left:110px;
 			}
 			.author_name {color:#111;}
 			.postlist li h4 .exhead, .post_time {font-size:11px}
 			.postlist li h4 .post_time {float:right;font-weight:normal; padding-right:7px;}
 			.postlist li h4 a.mod {line-height:18px;}
 		.post {margin:9px 10px 0px 110px;}
 			.post * {font-size:15px; line-height:24px}
 			.post blockquote {font-size:14px}
 			.post img {border:1px solid #999; padding:4px; background:#fefefe; max-width:95%; max-height:95%}
 			.post img.smiley {border:0; background:transparent; padding:0}
 			
 			#forum .post ul {margin-bottom:10px}
 			
 			.post li { padding:0; margin:0 0 0 2em !important}
 			.post ul li {list-style:square !important;}
 			.post ol li {list-style: decimal !important }
 			.post cite, #preview cite {display:block}
 			.post p.sig {border-top:1px dotted #ccc; font-size:11px !important; margin-bottom:9px; line-height:18px}

 		/* postcontrols: voting & moderation controls on posts */	
 		ul.postcontrols {height:26px;  padding-right:5px !important; }
 			.postcontrols li {float:right; clear:none;}
 				.postcontrols a, .postlist a.mod {
 					display:block; 
 					width:18px; 
 					height:18px; 
 					margin:0 3px; 
 					text-indent: -5000px;
 					}
 				.postcontrols a {font-weight:bold; color:#fff; font-size:12px;}
				.postcontrols a:hover {border:0;} 
 				.postcontrols a:hover, .postlist a.mod:hover {
 					background-position: 0 -18px !important
 					}
 			.postcontrols li.voteup, .postcontrols li.report {position:absolute;}
 			.postcontrols li.voteup {left:50%;}
 			.postcontrols li.report {left:41%; width:5em; }
 			.postcontrols li.voteup a, .postcontrols li.reply a, .postcontrols li.quote a, .postcontrols li.report a {
 				text-align: center; text-indent:0;
 				}
 			.postcontrols li.reply a, .postcontrols li.quote a {
 				padding:2px 1px 0 17px; height:16px; width:36px;
 				font-size:11px;
				text-shadow: 0px 0px 1px #111
				}
 				.postcontrols li.voteup a {background: url("/media/img/icons/plus1.png") no-repeat;
					padding:1px 3px 0 15px; height:17px
					}
				.postcontrols li.report a {background: url("/media/img/icons/report.png") no-repeat;color:#111; font-size:2px; 
					float:right }
				.postcontrols li.reply a {background: url("/media/img/icons/reply.png") no-repeat;}
				.postcontrols li.quote a {background: url("/media/img/icons/quote.png") no-repeat;}
				.postlist a.mod {float:right; margin-top:9px}
				.postlist a.delete {background: url("/media/img/icons/delete.png") no-repeat; }	
				.postlist a.editpost {background: url("/media/img/icons/edit.png") no-repeat;}

	#formatcontrols {float:left; }
	.TB_modal {background:#f8f8f5;}	
		.TB_modal input {width:280px; font-size:150%}
		.TB_modal input#post_image {width:220px}
#reply {padding-left: 5px; clear:both}
#reply label {display:block; clear:left; font-weight:bold}
#reply fieldset {border:0}
#reply textarea {width:98%; clear:both; display:block; font-size:110%}
#reply #previewText {float:right; width:44%; margin-top:10px;}
#paneSetting {float:right}
#reply #preview {border:1px solid #ddd; height:180px; overflow:auto}
#reply #preview ul, 
#reply #preview ul li {margin-left:1em; list-style:square}
#reply #preview pre {background:#ffd}

.postlist #reply {clear:both; width:100%; border-top:1px solid #ddd}
.postlist #reply textarea {margin:0; }
.pagearrow {border:solid #ccc; border-width:0 1px; padding: 4px; font-size:130%}
	
td.last {
	border-right:0 !important;
	width:17%;
	font-size:98%
	}
	


td.lastlink {border-left:0 !important;
	vertical-align: middle !important;
	padding:0!important;
	width:18px;
	}
td.lastlink a {display:block; font-size:150%; font-weight:bold; line-height:2em;	
	}
.postlist li.bad-post .avatar, 
.postlist li.bad-post .post, 
.postlist li.bad-post .postcontrols {display:none}
.postlist li.bad-post .bad-post-message {padding-right:20px; background:url('/media/img/icons/desc_b.gif')no-repeat 
right; 
cursor:pointer}

table.rtopics td {font-size:92%}
table.rtopics td.last {width:auto}
table.rtopics td.lastlink a {line-height:1.5em}


.picwrap {overflow:auto;}
ul#sociallinks {float:left; margin-left:10px !important; width:120px; text-align:center}
ul#sociallinks li {width:28px; display:inline; float:none; padding: 5px 2px}

#jumpto  	{text-align:right; } 
#jumpto li 	{display:inline;	margin-top:-3px; font-size:11px;}
#jumpto a 	{border:1px solid #bbb !important; 
		padding:3px 5px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		background:#f9f9f9;
}

.formatHelper {display:none;
		position:absolute !important; 
		background: url(/media/img/site/postformatBG.png) no-repeat !important;
		background: url(/media/img/site/postformatBG.gif) no-repeat;
		padding:10px 15px; width:297px; height:191px; margin:1em 3em;
	}
	form#reply .formatHelper textarea {
		width:220px !important;  
		height:75px !important; 
		margin:0 !important
		}
	.formatHelper button {margin:0 !important; display:block; text-align:right}
	.formatHelper .help {display:block}
	.formatHelper input, .formatHelper textarea {position:relative; }
	form#reply .formatHelper textarea {display:block; margin:0 !important}
	
	.profile-info {display:none;
		position:absolute;
		background: #999 url(/media/img/common/glossgrade.png);  
		border:1px solid #ddd; 
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-box-shadow: 3px 3px 8px #666;
	    -webkit-box-shadow: 3px 3px 8px #666;
		width:200px; padding:7px 0 8px; 
		margin:0 20px !important;
		margin: -90px -90px;
		opacity:.95;
		z-index:100}	
	.profile-info * {font-size:12px; line-height:16px}
	.profile-info .closer {float:right; margin-right:8px; background:#fff; color:#666; border:1px solid; padding:2px 4px; font-weight:bold; line-height:12px }
	.profile-info ul {margin:0 1em !important; list-style:none}
	.profile-info > ul li {list-style:none}
	
.leaderboard .module {float:left; width:33%; border:1px solid #ccc;
	}	
.leaderboard #top-posts {width:60%}	
.leaderboard .module li img {max-width:96%; display: block; border:1px solid #999}	
.leaderboard #content .module a {border:0}

.module {margin:0px 10px 24px;  border:1px solid #ccc; float:left;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.leaderboard .module h4 {padding-left:10px; margin-bottom: -5px; 
	background: url(/media/img/grades/litegray.png) repeat-x
	}
.leaderboard .module ol {margin:5px 0 0 3.8em; padding:0;}
.leaderboard .module ol li {margin:0; padding: 5px 5px 4px 0; color:#999; font-size:180%; border-bottom:1px solid #ccc}
.leaderboard .module ol li * {font-size:14px; color:#000}