mostly just more borders and fixed post reply box size

design/custom.css

@@ -1,6 +1,19 @@
-a {color:#333;}
+/*
+	TABLE OF CONTENTS
 
-a:hover {color:#666;}
+	(todo)
+	(use tags so people can jump about)
+
+	NOTES
+
+	Colours
+	red		#ed1c24
+	pink	#ffaec9
+	yellow	#fff200
+*/
+
+a		{ color:#333; }
+a:hover	{ color:#666; }
 
 body {
 	background-color:#eee;
@@ -8,22 +21,82 @@ body {
 	padding-top:50px;
 }
 
+hr {
+	border:none;
+	border-top:1px solid #ffaec9;
+	margin:1.5em 0;
+}
+
+/*
+	Input field stuffs	-	-	-	-	-	-	-	-	-
+*/
+
 input[type="text"],input[type="email"],input[type="password"], select, textarea {
-	border-radius:2px;
+	padding:3px;
-	padding:6px 12px;
+	/*box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);*/
-	box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
 	background-color:#f6f6f6;
-	border:0;
+	border:1px solid #ffaec9;
-	margin-bottom:10px;
+	margin-bottom:1em;
-	font-size:13px !important;
+	font-size:1em !important;
 }
 
-li.Gender {
+/*	Post entry field	*/
-	display:none !important;
+textarea.TextBox {
+	min-height:10em !important;
+	padding:1em;
+}
+.textarea-autosize {
+	resize:vertical !important;
 }
 
-/* Full-width */
+/*	??	*/
+textarea.MultiComplete {height:32px;}
 
+/*	Hides that pointless gender enquiry and display	*/
+li.Gender { display:none !important; }
+
+/*
+	Categories	-	-	-	-	-	-	-	-	-	-	-
+*/
+
+.CategoryList .Depth2 {
+    margin-top: -6px !important; /* Join to parent category */
+    padding-left: 1em !important; /* Overide default indent */
+}
+
+/*
+	Posts	-	-	-	-	-	-	-	-	-	-	-	-
+*/
+
+.ItemDiscussion, .DataList .Item {
+	padding: 1em;
+	border: 1px solid #ffaec9;
+}
+
+.DataList {
+	margin-top:10px;
+}
+
+.DataList .Item {
+	background:#fdfdfd !important;
+	margin-bottom:5px;
+}
+
+.DataList .Read {
+	background:#fdfdfd !important;
+}
+
+/*	Post author info.	*/
+.DiscussionHeader, div.Item-Header.CommentHeader {
+	margin:0;
+	background:#ffaec9;
+}
+
+/*
+	-	-	-	-	-	-	-	-	-	-	-	-	-	-
+*/
+
+/*	Make full-width ?	*/
 .Row {width:100%;}
 
 .fl {float:left;}
@@ -40,9 +113,10 @@ li.Gender {
 	margin-bottom:10px;
 }
 
-#Frame{}
+/*
-
+	Head is top panel, row is within that	-	-	-	-
-/*	Head is top panel, row is within that	*/
+	(beyond here still a mess)
+*/
 
 #Head {
 	position:fixed;
@@ -117,18 +191,6 @@ li.Gender {
 
 .PageControls {min-height:inherit;}
 
-.DataList {margin-top:10px;}
-
-.DataList .Item {
-	border:0 !important;
-	border-bottom:1px dashed #ccc !important;
-	background:#fdfdfd !important;
-	border-radius:2px;
-	margin-bottom:5px;
-}
-
-.DataList .Read{background:#fdfdfd !important;}
-
 .FilterMenu, .PanelCategories, .PanelInfo {
 	border-left:1px solid #ddd;
 	border-right:1px solid #ddd;
@@ -176,13 +238,6 @@ ul.token-input-list input {
 	border-radius:3px;
 }
 
-textarea.TextBox {
-	min-height:50px !important;
-	height:50px !important;
-	border-color:#ddd;
-	border-radius:2px;
-}
-
 .Button {
 	padding:8px 12px;
 	text-shadow:0 0 0 transparent !important;
@@ -193,11 +248,13 @@ textarea.TextBox {
 	color:#666 !important;
 }
 
-textarea.MultiComplete {height:32px;}
+body.Profile.EditMode #Content form {
+	background:transparent !important;
+}
 
-body.Profile.EditMode #Content form {background:transparent !important;}
+/*
-
+ *	Panel on the right
-/* Panel on the right */
+ */
 
 #Panel {
 	float:right;