textarea {font: 9pt trebuchet, Geneva, Arial, Helvetica, sans-serif; width:400px; height:150px;}
textarea.small {height:75px;}
p.right {padding:0;margin:0;text-align:right;}

h2, h3 { color:#fff; background-color: #658949; /*background-color: #95c547; color: #000; /*#735895;*/}  
h5 {font-size: 11px; }
.pepper h2, .pepper h3 { background-color:#397C47; }
.budder h2, .budder h3 { background-color:#4f8348; }

#page_dialogue { width:620px; margin:0; padding: 0;}

#category {border:1px solid #ccc; background: #fff; margin-bottom:30px; text-align:left; width: 620px; clear:both; float:left;}
#category ul {list-style-type:none;float:left; padding:0px; margin:0px; width:620px;}
#category ul li {float:left; padding:0px; margin:3px; width:610px;background: #fff; border-top: 1px solid #ccc;}
#category ul li .image {width:130px; padding:3px; margin:0px; float:left;}
#category ul li .storyname {width:300px; padding:0px; margin:0px; float:left;}
#category ul li .remove { width:10px; float:right; padding:3px;}
#category ul li .remove a { color: #f00; text-decoration:none; }
#category ul li .remove a:hover { color: #600; }
#category ul li .sortby {width:130px; padding:3px; margin:0px; float:left; text-align:right;}
#category ul li .options {width:420px; padding:3px; margin:0px; float:left;}
#dialogue h2 { position: relative; }
#dialogue h2 a.edit { color: #fff; font-weight: bolder; position:absolute; top: 2px; right: 3px;}
#category h4 { margin:0; font: 10pt Verdana, Arial, Helvetica, sans-serif; color:#000; padding:5px; font-weight:bold; display:block; }
#category h5 { margin:0; display:block; padding:5px}
#category h6 { margin:0; display:block; padding:5px; color:#777;font: 8pt Verdana, Arial, Helvetica, sans-serif;}

.title {width:400px;}
textarea {font: 9pt trebuchet, Geneva, Arial, Helvetica, sans-serif; width:400px; height:150px;}

#group { border: 1px solid #ccc; margin:7px 0px 0px 0px; width:618px;  background-color:#fff; padding:0px; float:left;}
#group h2 {clear:both;margin:0px; width:611px;height:20px;padding:2px 0px 4px 7px; font-size:16px; font-weight:bold; }
#group h2 a {font-size: 11px; color: #ebffed; }
#group h3 {clear:both;margin:0px; width:611px;height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold;}
#group span {padding:7px; margin:0px; display: block; float:left;}

#group ul {list-style-type:none; position:relative; padding:0; margin:0; clear:both; }
#group ul li { padding:0px; width: 580px; margin:3px; border: none; clear:both; position: relative; float:left; }
#group ul li label {display:block; width:60px; position:relative; float:left; }
#group ul li img {position:relative; top: 0; left: 0; padding: 0 5px 5px 0; float:left;}
#group ul li label img { position:relative; top: 0; left: 0; padding: 0 5px 5px 0; float:right;}
#group ul li div { float: left; width: 480px;}
#group ul li.s { margin-bottom: 20px; }
#group ul li div strong { font-size: 14px; border: none; padding: 0;}
#group ul li div h5 { padding: 0; margin: 0; }
#group ul li.clear {height:0; padding:0; margin:0; clear:both; overflow:hidden;}
#group #sortby { width: 598px; padding: 7px 10px; border-bottom: 1px solid #ccc; font-size: 9pt; text-align:right;}

#group label {text-align: right; padding:0px 10px 10px 0px; width:180px; display:block; float:left; clear:left;}
#group label em { font-weight: bold; position:relative; left: 230px; color: #900}
#group fieldset {border:none; float:left; padding:5px 0px 0px 0px; margin:0px;}

div#question { border: 1px solid #ccc; margin:7px 0 0 0; width:216px; float:left; background-color:#fff; padding:0px; clear:both;}
div#question h2 {clear:both;margin:0px; width:209px;height:20px;padding:2px 0px 4px 7px; font-size:16px; font-weight:bold; }
div#question h3 {clear:both;margin:0px; width:209px;height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; }
div#question span {padding:7px; margin:0px; float:left;}
div#question textarea {width:198px; height: 120px; margin-bottom:5px; }

div#question ul {list-style-type:none; padding:0; margin:0;}
div#question ul li { clear:both; padding:0; margin: 0; }
div#question ul li span { clear:both; padding:0 5px 0 0; margin: 0; font-size:10px; font-weight: bolder;}

div#question div#answer_count { padding: 0 2px 2px 2px; margin: 0; clear:both; font-size: 10px; }

#list { border: 1px solid #ccc; margin:7px 0 0; width:393px; background-color:#fff; padding:0; float:left;}
#list h2 {clear:both;margin:0px; width:386px;height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; }
#list span {padding:7px; margin:0px; float:left; }
#list ul {list-style-type:none; float:left; padding:0; margin:0;}
#list ul li { padding:0px; margin:3px 3px 15px; border: none; clear:both; float:left;}
#list ul li img { top: 0; left: 0; padding: 0 5px 5px 0; float:left;}
#list ul li label {display:block; width:60px; position:relative; float:left;}
#list ul li label img { position:relative; top: 0; left: 0; padding: 0 5px 5px 0; float:right;}
#list ul li div {float:left; width: 300px;clear:right;}
#list ul li div strong { font-size: 14px; display:block; border: none; padding:0;}
#list ul li div h5 {float:left; padding: 0; margin: 0; }

#list textarea {width:360px; height: 120px; margin-bottom:5px; }


span#question { padding:0; margin:0; }
span#question fieldset label {text-align: left; padding:0px 10px 10px 0px; width:180px; display:block; float:left; clear:left; font-size: 16px; font-weight: bold;}
span#question fieldset label small {clear:both; color: #444; position:relative; float:left;}

span#question fieldset {position:relative; clear:both; width:590px; padding:10px;}
span#question fieldset span {padding:0; margin:0;}
span#question fieldset span input, span#question fieldset span select {width:118px; padding:2px; margin: 0 5px 5px 0; }
span#question fieldset span select { width: 180px; }
span#question fieldset span input.checkbox {width:auto; margin: 0 2px 0 0; border:none;}
span#question div {position:relative; left: 190px; font-size: 10px; padding:0 0 20px;margin:0; clear:both;}

span#question fieldset input, span#question fieldset textarea {width:300px; padding:3px; margin:0 0 5px;}
span#question fieldset em { position:relative; left: 597px; font-style:normal;}

div#button_pos { float:left; padding: 0px 0px 20px 190px; }
.rightcolumn {float:left; clear:right; padding:0; margin: 0; width: 380px; }
.fullcolumn { clear:both;}
.leftcolumn {float:left; clear:left; padding:0 7px 0 0; margin: 0;}

#pagenumbers { width: 379px; padding: 7px; border-top: 1px solid #ccc;} 
#pagenumbers #index ul li { float:left; background-color: transparent; clear:none;}
#pagenumbers #index ul li a {color: #444; display:inline; padding: 0px; text-decoration:none;}
#pagenumbers #index ul li a.current {font-weight: bold; color: #444; display:inline; padding: 2px; border-bottom:2px solid #444;}
#pagenumbers #index ul li a:hover { color: #fff; background-color:#669900;}

#group #pagenumbers { width: 604px; padding: 7px; border-top: 1px solid #ccc;} 
#sortby { width: 373px; padding: 7px 10px; border-bottom: 1px solid #ccc; font-size: 9pt; text-align:right;}


div#categories { border: 1px solid #ccc; margin:7px 0 0; width:216px; float:left; background-color:#fff; padding:0px;  clear:both;}
div#categories h2 {clear:both;margin:0px; width:209px;height:20px;padding:2px 0px 4px 7px; font-size:16px; font-weight:bold; }
div#categories h3 {clear:both;margin:0px; width:209px;height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; }
div#categories span {padding:0px; margin:0px; float:left;}
div#categories textarea {width:200px; height: 120px; margin-bottom:5px; }

div#categories ul {list-style-type:none; padding:0; margin:0;}
div#categories ul li { clear:both; padding:2px 0 2px 7px; margin: 0; width:209px; display: block; }
div#categories ul li span { clear:both; padding:0 5px 0 0; margin: 0; font-size:10px; font-weight: bolder; position:absolute;}
div#categories ul li a { position: relative; left: 22px; width: 185px; display: block;}

div#dialogue { border: 1px solid #ccc; margin:7px 0 0 0; width:393px; background-color:#fff; padding:0; float:left;}
div#dialogue h2 {clear:both;margin:0px; width:386px;height:24px;padding:2px 0px 4px 7px; font-size:18px; font-weight:bold;}
div#dialogue span {padding:7px; margin:0px; float:left;}
div#dialogue span span { padding: 0 5px; margin: 0; font-style: italic; }

div#dialogue ul {list-style-type:none; position:relative; padding:0px 0 0; margin:0;}
div#dialogue ul li { padding:10px 10px 5px; clear:both; }
div#dialogue ul li div  {position:relative; padding: 10px 0 0 65px; margin: 0;  font-size: 12px; clear:both; float:left; width:300px;}
div#dialogue ul li label {display:block; width:60px; position:relative; float:left; padding-bottom: 30px;}
div#dialogue ul li img {position:relative; top: 0; left: 0; padding: 0 5px 5px 0; float:left;}
div#dialogue ul li label img { position:relative; top: 0; left: 0; padding: 0 5px 5px 0; float:right;}
div#dialogue ul li strong { font-size: 18px; display:block; border: none; padding-left: 65px;}
div#dialogue ul li h4 {position:relative; padding: 0; margin: 0;  font-size: 11px; }
div#dialogue ul li.recentitem { background: url(/img/dialogue/new.gif) top left repeat-y;}
div#dialogue ul li h5 {position:relative; padding: 0 0 0 65px; margin: 0;  font-size: 11px;  }
div#dialogue ul li h6 {position:relative; padding: 15px 0 0; margin: 0; font-size: 11px; color: #555;  }

li.child span {display:none; } 
li.child a { }
li.current {background-color: #69A770; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #fff}
li.current a {color:#fff;}

div.clear {clear:both; height: 0; overflow:hidden; padding: 0; margin:0;}

div#dialogue ul li em {font-size: 36px; color:#888; height: 25px; width: 25px; overflow:hidden; padding: 0; margin: 0;}
div#dialogue ul li em.l {float:left; position: relative; top: -4px;}
div#dialogue ul li em.r {float:right; position: relative; top: -27px;}
div#dialogue ul li blockquote {padding: 0 25px; margin: 0; text-align:justify; }
div#dialogue ul li div.a { padding: 0 0 15px; margin: 0; clear:none; width:300px; }
div#dialogue ul li div.a blockquote { text-align: left; display:block; padding:0; left: 0px;}
div#dialogue ul li blockquote a,
div#dialogue ul li div.q p a { background: transparent url(/img/dotted_horiz.gif) left bottom repeat-x; }
div#dialogue ul li blockquote a:hover,
div#dialogue ul li div.q pt a:hover { text-decoration:none; cursor:help; background: transparent url(/img/dotted_horiz.gif) left bottom repeat-x; }
div#dialogue ul li div.q p { padding: 0; margin: 0; }
* html blockquote { height: 1%; margin-left: 0; padding: 0 25px 0 0; position: relative; left: -15px;}

div#list li.recentitem { font-style: italic; }
div#list li.recentitem strong a {color: #d17c05}

div#dialogue #star-rating{
	list-style:none;
	margin: 7px 0 0;
	padding:0px;
	width: 75px;
	height: 17px; overflow:hidden;
	position: relative; float:left;
	background: url(/img/stars.gif) top left repeat-x;		
}
div#dialogue #star-rating li{
	padding:0px;
	margin:0px; float:left;
}
div#dialogue #star-rating li a{
	display:block;
	width:15px;
	height: 17px;
	text-decoration: none;
	text-indent: -9000px; overflow:hidden;
	z-index: 20;
	position: absolute; float:left;
	padding: 0px; top: 0px; 
	background: none;
}
div#dialogue #star-rating li a:hover{
	background: #f00 url(/img/stars.gif) left center repeat-x !important;
	z-index: 2;
	left: 0px !important;
}

div#dialogue #star-rating li.current-rating {
	background: url(/img/stars.gif) left bottom repeat-x;
	z-index: 2;
	left: 0px; top: 0px; padding: 0px; margin: 0px;
	position:absolute; height: 17px; 
	text-indent: -9000px; clear:none;
}
div#dialogue #star-rating li a.one-star{ left: 0px; }
div#dialogue #star-rating li a.one-star:hover { width:15px;}
div#dialogue #star-rating li a.two-stars{left:15px;}
div#dialogue #star-rating li a.two-stars:hover{width: 30px;}
div#dialogue #star-rating li a.three-stars{left: 30px;}
div#dialogue #star-rating li a.three-stars:hover{width: 45px;}
div#dialogue #star-rating li a.four-stars{left: 45px;}	
div#dialogue #star-rating li a.four-stars:hover{width: 60px;}
div#dialogue #star-rating li a.five-stars{left: 60px;}
div#dialogue #star-rating li a.five-stars:hover{width: 75px;}


div#cloud { width: 216px; margin: 7px 0 0; float:left; clear:both;}
div#cloud ul.tags {list-style-type: none; float:left; padding: 0; margin: 0;}
div#cloud ul.tags li {list-style-type: none; clear:none; display:inline; padding: 0 6px 0 0; margin: 0;}

div.error {float:left; clear:both;}

a.browse { margin: 4px 0 0; width:69px; height: 0; padding: 14px 0 0; overflow:hidden; clear:none; display:block; float:right; background: url(/img/dialogue/browse.gif) top left no-repeat;}