typo 5.3 → 5.4

data/public/stylesheets/administration.css

@@ -1,904 +1,652 @@
-html, body {
-  height: 100%;
-}
-
 body {
   margin: 0;
   padding: 0;
 	font: 12px/18px "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
-  line-height: 1.6em;
-  color: #222;
-	background: #f9f9f9;
+  color: #000;
+	background: #fff;
 }
 
-form {
-  margin: 0;
-  padding: 0;
+a {
+	color: #00131e;
+	text-decoration: underline;
 }
 
-a, a:visited {
-	color: #38b;
+a:hover {
 	text-decoration: none;
-	font-weight: bold;
 }
 
-a:hover, a:visited:hover {
-	text-decoration: underline;
-	color: #333;
+h1, h2, h3, h4 {
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+	color: #00131e;
 }
 
-h2 {
-	font-size: 16px;
-	letter-spacing: 2px;
-	color: #464646;
-	margin: 0 0 20px 0;
-	padding-top: 20px;
+h1 {
+	font-size: 18px;
+	padding-top: 10px;
+	margin-left: 20px;
 }
 
-h2 span {
-	font-size: 12px;
+h1 a {
+	text-decoration: none;
 }
 
-h2 span a,
-h2 span a:visited {
+h1 a:hover {
 	text-decoration: underline;
 }
 
-fieldset {
-	margin-top: 10px;
-}
-
-label {
-	font-weight: normal;
-	color: #464646;
-}
-
-label.float {
-  display: block;
-  float: left;
-  width: 200px;
-  margin-left: 0;
-  margin-right: 12px;
-  padding: 0;
-  text-align: right;
-}
-
-label.block {
-  display: block;
-	margin-bottom: 10px;
+h2 {
+	font-size: 18px;
 }
 
-label.title {
+h3 {
 	font-size: 16px;
 }
 
-label.content {
+h4 {
 	font-size: 14px;
-	margin-top: 6px;
-}
-
-legend {
-	font-size: 14px;
-	color: #464646;
-	font-weight: bold;
-}
-
-small {
-	font-size: 11px;
-}
-
-/* Top navigation */
-#topnav {
-  height: 36px;
-  margin: 0;
-	background: #282826;
-}
-
-#topnav ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  width: auto;
 }
 
-#topnav ul li {
-  float: left;
-  margin: 0;
-	font-size: 15px;
+p {
+	margin-top: 0;
+	padding-top: 20px;
 }
 
-#topnav ul li.right {
-	float: right;
-	font-size: 11.5px;
+textarea {
+	border: none;
 }
 
-#topnav ul li.current {
-  color: #fff;
-  background: #464646;
+.clear {
+  clear: both;
 }
 
-#topnav ul li a {
-  display: block;
-  padding: 11px 20px 0;
-  height: 25px;
-  color: #fff;
-  text-transform: capitalize;
-	border-right: #525251 1px solid;
+fieldset {
+  padding: 5px;
 }
 
-#topnav  ul li a:hover {
-  color: #fff;
-  background: #464646;
+#header {
+	background: #8ae3f9;
+	height: 40px;
 }
-/* End of Top navigation */
 
-/* Sub navigation */
-#subtabs {
-  background: #464646;
-  padding: 5px 20px;
+#menu {
+	background: #023;
+	height: 30px;
 }
 
-#subtabs ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+#menu ul#tabs {
+	margin: 0 20px;
+	padding: 0;
+	font-size: 14px;
+	float: left;
 }
 
-#subtabs ul li {
+#menu li {
 	float: left;
-	padding: 2px 20px 2px 0;
-	font-size: 12px;
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
-#subtabs li a {
-  color: #fff;
+#menu ul#tabs a {
+	color: #fff;
+	display: block;
+	padding: 5px 10px;
+	height: 20px;
 }
 
-#subtabs li a:hover {
-  color: #fff;
-  text-decoration: underline;
+#menu ul#tabs li.current a {
+	background: #00131e;
+	text-decoration: none;
 }
 
-#subtabs li a.current {
-  color: #fff;
-  text-decoration: underline;
+#logout {
+	float: right;
+	display: block;
+	margin-right: 20px;
+	padding-top: 7px;
 }
 
-/* End of sub navigation */
-
-#container {
-  text-align: left;
-  margin: 0 auto;
+a#logout  {
+	color: #fff;
+	text-decoration: none;
 }
 
-#overall {
-	width: 1000px;
-	background: #fff;
+#submenu {
+	background: #00131e;
+	height: 30px;
+	clear: both;
 }
 
-#main {
-	padding: 10px 0 20px 20px;
+#submenu ul {
+	margin: 0 20px;
+	padding: 0;
 }
 
-#footer {
+#submenu li {
 	float: left;
-	width: 100%;
-	margin-top: 30px;
-	padding: 10px 0 0 0;
-	text-align: center;
-	border-top: #ccc 1px solid;
-}
-
-/* @group Headings */
-
-h3 {
-  font-size: 13px;
-  padding: 5px;
-  margin-bottom: 0;
-  background: none;
-  margin: 0 0 5px 0;
-  color: #1F273F;
+	height: 20px;
+	padding: 5px 20px 5px 0;
+	list-style: none;
 }
 
-/* @end */
-
-/* @group Table Listings */
-
-table {
-  width: 100%;
-	border-spacing: 0;
-	border-bottom: #444 1px solid;
-	border-collapse: collapse;
-	background: #fff;
+#submenu li a {
+	color: #fff;
 }
 
-th {
-  text-align: left;
-  padding: 2px 5px;
-  color: #464646;
-	font-size: 12px;
-	background: none;
+#submenu li a.current {
+	text-decoration: none;
 }
 
-td {
-  padding: 12px 3px;
-	border-bottom: #eee 1px solid;
-}
 
-td.operation {
-  width: 25px;
-  text-align: center;
+#content {
+	padding: 50px 20px 0 20px;
+	clear: both;
 }
 
-th.operation {
+#footer {
+	clear: both;
+	border-top: #8AE3F9 5px solid;
+	margin-top: 20px;
+	padding: 10px 0 20px 0;
 	text-align: center;
 }
 
-.list {
-  clear: left;
-}
-
-li.shade {
-  background: #f7f7f7;
-}
-
-.paginate {
-  background: #dfdfdf;
-  padding: 10px;
-  margin-bottom: 15px;
-	text-align: center;
-}
+/******* Dashboard *******/
 
-td.paginate {
-	text-align: center;
+#dashboard-left {
+	float: left;
+	width: 300px;
 }
 
-tr.menubar td {
-	padding: 5px 3px;
+#dashboard-right {
+	margin-left: 330px;
 }
 
-tr.menubar {
-	background : #dfdfdf;
+#dashboard-right p {
+	font-size: 14px;
+	line-height: 22px;
+	padding-top: 0;
 }
 
-/* @end */
-
-/* @group Form Elements */
-
-.form {
-  border: 1px solid #637987;
-  background: #fff;
-  margin-bottom: 10px;
-  padding: 0 0 0 10px;
+#dashboard-right p a {
+	font-weight: bold;
 }
 
-.form div {
-  padding: 5px;
+#dashboard-right ul {
+	margin-left: 0;
+	padding-left: 0;
 }
 
-#blog_name {
-  font-size: 1.3em;
+#dashboard-right ul li {
+	margin-left: 0;
+	padding-left: 0;
+	list-style: none;
 }
 
-/* @end */
-
-/* Article forms */
-
-#article_form input,
-#article_form textarea,
-#article_form select,
-#page_form input,
-#page_form textarea,
-#page_form select,
-.admin input,
-.admin select,
-.admin textarea {
-	font: 12px Helvetica, sans-serif;
-	border: 1px solid #b0b0b0;
-	color: #000;
-	padding: 3px;	
+.bordered, .bordered-orange {
+	margin-top: 10px;
+	padding-top: 15px;
+	border-top: #356aa0 3px solid;
 }
 
-#article_form textarea.medium,
-#page_form textarea.medium {
-	width: 670px;
+.bordered-orange {
+	border-top: #fb7c00 3px solid;
 }
 
-#article_form input.large,
-#article_form textarea.large ,
-#article_form select.large,
-#page_form input.large,
-#page_form textarea.large ,
-#page_form select.large {
-	width: 99%;
+#left {
+	margin-right: 330px;
 }
 
-#article_form input#article_title,
-#page_form input#page_title {
-	font-size: 1.7em;
+#right {
+	width: 300px;
+	float: right;
 }
 
-
-
-#article_form select.large option {
-	padding: 3px;
+span.error {
+	padding: 10px 20px;
+	margin-bottom: 20px;
+	display: block;
+  border: 2px solid #c00;
+  color: #c00;	
 }
 
-
-
-/* @end */
-
-/* @group General Settings Screen */
-
-.admin {
-  padding: 0 10px 5px 10px;
-  margin-bottom: 10px;
+span.notice {
+	padding: 5px 10px;
+	margin-bottom: 20px;
+	display: block;
+  border: 2px solid #6a0;
+  color: #6a0;
 }
 
+/******* Common forms *******/
 
-.admin ul {
-  margin: 0;
-  padding: 0;
-}
-
-.admin li {
-  list-style: none;
-  padding: 5px;
-  margin: 0;
-  clear: both;
+.large {
+	width: 100%;
 }
 
-.admin li p {
-  line-height: 1.6em;
+.medium {
+  width: 50%;
 }
 
-.admin li.checkbox {
-  line-height: 1.4em;
+input.title {
+	padding: 5px 0 5px 5px;
+	margin: 0;
+	border: #00131e 1px solid;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	font: 16px/20px "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
 }
 
-.admin input.float {
-  width: auto;
-  border:1px solid #999;
+p.input_text_title {
+	padding: 0 10px 0 0;
+	margin-top: 10px;
 }
 
-.admin span.float {
-  margin-left: 212px;
-  padding: 0;
-  display: block;
-  clear: both;
+input.small, #article_published_at, textarea.small {
+	padding: 2px 0 4px 5px;
+	margin: 0;
+	border: 0;
+	font: 12px/16px "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
+	border: #00131e 1px solid;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	behavior: url("../../stylesheets/border-radius.htc");
 }
 
-.mandatory {
-  color: #f17;
-	font-weight: bold;
+.ed_button {
+	border-color: #023;
+	border-width: 3px;
+	border-style: double;
 }
 
-/* @end */
-
-/* @group Sidebar */
+/******* Editor *******/
 
-#sidebar-config p {
-  margin: 0;
-}
-
-#active, #cnt-active {
-  width: 325px;
-  min-height: 200px;
-  padding-bottom: 10px;
+#editor-left {
+	margin-right: 330px;
 }
 
-#active {
-	background: #ffb;
-	padding: 5px;
+#editor-right {
+	float: right;
+	width: 300px;
 }
 
-#cnt-active {
-  margin-left: 360px;
+#editor-menu {
+	margin-top: 20px;
+	text-align: right;
 }
 
-#available {
-  padding-bottom: 10px;
-  float: left;
-  width: 325px;
+#editor-menu span.active {
+	background: url("../../images/admin/editor_active_top_left.jpg") #023 top left no-repeat;
+	padding: 0 0 3px 5px;
 }
 
-#available_box h4 {
-	color: #f17;
+#editor-menu a {
 	font-weight: bold;
 }
 
-#active h4 {
-	color: #6a0;
-	font-weight: bold;
+#editor-menu span.active a {
+	padding: 0 5px 0 0;
+	margin-top: 5px;
+	background: url("../../images/admin/editor_active_top_right.jpg") #023 top right no-repeat;
 }
 
-.dropbox {
-  width: 300px;
+#s {
+	margin-left: 10px;
 }
 
-.handle {
-  cursor: move;
-  font-size: 13px;
-  font-weight: normal;
-  margin: 0;
+#editor-menu span.active a {
+	text-decoration: none;
+	color: #fff;
 }
 
-.dragitem, .dropitem {
-	padding: 12px;
-	margin-bottom: 12px;
-	background: #eee;
-	border-radius: 3px;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 4px;
+#editor {
+	padding: 5px;
+	background: #023;
 }
 
-
-.dragitem {
-  width: 300px;
+#editor a {
+	color: #fff;
 }
 
-.target {
-  padding: 5px;
-	min-height: 200px;
+#editor table {
+	margin-top: 10px;
+	border-collapse: collapse;
+	border: #00131E 1px solid;
 }
-/* @end */
-
-/* @group Miscellaneous */
 
-.form p {
-  margin: 0;
-  padding: 0 0 5px;
+#editor table th {
+	background: #8AE3F9;
+	border: #00131E 1px solid;
 }
 
-.form p>small {
-  color: gray;
+#editor table td {
+	color: #000;
+	border: #00131E 1px solid;
+	background: #fff;
 }
 
-.form .note {
-  font-style: italic;
-  font-size: 90%;
+#editor table a {
+	color: #00131e;
 }
 
-.l {
-	text-align: left;
+.editor_bottom {
+	background: url("../../images/admin/editor_bottom_left.jpg") #023 bottom left no-repeat;
+	margin-bottom: 20px;
 }
 
-.r {
-  text-align: right;
+.editor_bottom_right {
+	margin-left: 10px;
+	background: url("../../images/admin/editor_bottom_right.jpg") #023 bottom right no-repeat;
+	height: 5px;
 }
 
-.c {
-  text-align: center;
+#quicktags {
+	padding-bottom: 5px;
 }
 
-.space {
-  margin: 10px;
+#publishing {
+	background: url("../../images/admin/publisher_top.jpg") #023 top left no-repeat;
+	color: #fff;
+	padding: 10px;
+	margin-top: 10px;
 }
 
-.errorExplanation {
-  background: #FFE6E6;
-  color: #000;
-  border: 1px solid #FF8080;
-  margin: 0 30px 10px 30px;
+input.save {
+  color: #fff;
+  background: #fb7c00;
+  border: #fb7c00 1px solid;
+  -moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	behavior: url("../../stylesheets/border-radius.htc");
+	cursor: pointer;
+}
+
+input#save_draft,
+input.search,
+input.confirm,
+input.delete {
+  color: #00131e;
+  background: #8ae3f9;
+  border: #8ae3f9 1px solid;
+  -moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	behavior: url("../../stylesheets/border-radius.htc");
+	cursor: pointer;
 }
 
-.errorExplanation h2 {
-  padding: 2px 5px;
-  border: none;
-  background: none;
-  font-size: 120%;
+input.confirm {
+  background: #6a0;
+  border: #6a0 1px solid;
+  color: #fff;
 }
 
-.errorExplanation p {
-  padding: 5px;
+input.delete {
+  background: #c00;
+  border: #c00 1px solid;
+  color: #fff;
 }
 
-.errorExplanation ul {
-  margin: 0;
-  padding: 0 0 0 15px;
-  list-style: none;
+input.save, 
+input.search {
+  font-size: 12px;
 }
 
-.preview {
-  border: 4px solid #656D79;
-  width: 320px;
-  height: 232px;
-  overflow: hidden;
-  margin: 5px;
-  float: right;
+#publishing a {
+  color: #fff;
 }
 
-div#users {
-  background: #F8F7EF;
-  margin-top: 10px;
+#categories {
+	margin-top: 30px;
 }
 
-div.user {
-  border: 1px solid #9cabba;
-  border-top: 1px solid #bacddf;
-  border-left: 1px solid #bacddf;
-  background: #fff;
-  width: 30%;
-  float: left;
-  margin: 10px;
+#categories h3 {
+	margin-bottom: 10px;
 }
 
-.user h4 {
-  margin: 0 0 2px 0;
-  padding: 0;
+.blue_block {
+	margin: 10px 0 20px 0;
+	background: #8ae3f9;
+	padding: 5px 5px 10px 5px;	
+	border: #8ae3f9 1px solid;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	behavior: url("../../stylesheets/border-radius.htc");
+	
 }
 
-.user h4 a {
-  color: #333;
-  background: #f7f7f7;
-  padding-left: 5px;
-  display: block;
+.blue_block ul {
+	margin-bottom: 0;
+	margin-left: 0;
+	padding-left: 0;
 }
 
-.user h4 a:hover {
-  background: #D7DFE4;
+.blue_block ul li {
+	margin-left: 0;
+	padding-left: 0;
+	list-style: none;
 }
 
-.user p {
+.blue_block p {
   margin: 0;
-  padding: 5px;
+  padding: 10px 0 0 0;
 }
 
-/* @end */
-
-#quick-post {
-	background: #ffffff;
-	border-top: #333 1px solid;
-	border-left: #333 1px solid;
-	border-right: #333 3px solid;
-	border-bottom: #333 3px solid;
-	padding: 5px;
-}
-
-.clear {
-	clear: both;
-}
-
-/* Login */
-#loginform {
-  width: 320px;
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 100px;
-	border: #464646 1px solid;
-}
-
-#loginform label {
-	display: block;
-}
-
-
-#loginform input {
-  margin-bottom: 10px;
-  border:1px solid #224272;
-	color: #000;
-	padding: 3px 3px;
-}
-
-#loginform input,
-#article_form input.submit,
-#page_form input.submit,
-.submit {
-	width: 260px;
-	background: #b5b5b5;
-	font: 14px;
+fieldset p {
+  margin: 0;
+  padding: 10px 0 0 0;
 }
 
 
-#loginform input#submit,
-#article_form input.submit,
-#page_form input.submit,
-input.submit {
-	margin-right: 3px;
-	border-color: #ccc rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
-	border-style: double;
-	border-width: 3px;
-	padding: 4px;
-	font: 12px Tahoma, Helvetica, sans-serif;
-	width: auto;
-}
-
-#loginform div.form {
-  border: none;
-  background: #fff;
-  margin-bottom: 10px;
-  padding: 30px 10px 10px;
+label.float {
+  float: left;
+  clear: both;
+  width: 140px;
+  display: block;
+  padding-top: 5px;
 }
 
-#loginform h3 {
-	text-align: center;
+label.float.large {
+  width: 180px;
 }
 
-#loginform .errorExplanation {
-	border: 1px solid #f00;
-	color: #000;
-	margin: 0;
-	background: #fff;
+fieldset {
+  margin-top: 20px;
+	border: #00131e 1px solid;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	behavior: url("../../stylesheets/border-radius.htc");
 }
 
-#loginform .errorExplanation h2 {
-	font-weight: normal;
-	font: 14px Tahoma Helvetica sans-serif;
-	color: #f00;
-	padding: 4px;
-	margin: 0;
+legend {
+  font-size: 16px;
 }
 
-#loginform a img {
-	border: none;
+p.right {
+  text-align: right;
+  padding-right: 10px;
 }
-/* End of login form */
 
-/* Notices, infos and errors */
-#flash span {
-  background: #fff;
-  padding: 5px;
-  margin: 10px 20px 0 0;
-  color: #000;
-  display: block;
+p.ml140 {
+  margin-left: 140px;
 }
 
-#flash .notice {
-  border: 2px solid #66AA00;
-	color: #66AA00;
+.mb20 {
+  margin-bottom: 30px;
 }
 
-#flash .error {
-	border: #FF1177 2px solid;
-	color: #FF1177;
-}
-/* End of notices, infos and errors */
+/* Sorting tables */
 
-#category_list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  margin-top: 10px;
+table {
   width: 100%;
+  border: #00131E 1px solid;
+  margin-top: 10px;
+  border-collapse: collapse;
 }
 
-#category_list li {
-  cursor: move;
-  border-bottom: 1px dotted #ccc;
-	padding: 12px 3px;
-}
-
-.published,
-a.published,
-td.active {
-	color: #66AA00;
-}
-
-.unpublished,
-a.unpublished,
-td.inactive {
-	color: #FF1177;
-}
-
-td.active,
-td.inactive {
-	font-weight: bold;
-}
-
-/* @end */
-
-/* Dashboard */
-.dashboard-small {
-	width: 23%;
-	float: left;
-	margin-bottom: 10px;
-	margin-left: 2%;
-	display: inline;
+table th {
+  border: #00131E 1px solid;
+  color: #fff;
+  background: #00131E;
 }
 
-.dashboard {
-	width: 71%;
-	margin-left: 28%;
-	margin-bottom: 10px;
-}
+table td {
+  border: #00131E 1px solid;
 
-#dashboard h3 {
-	padding: 0;
-	margin: 0;
 }
 
-#dashboard ul {
-	margin: 0;
-	padding: 0;
-	padding-top: 5px;
-	padding-bottom: 10px;
+table tr.shade td {
+  background: #dcf6fe;
 }
 
-#dashboard ul li {
-	margin-left: 0;
-	padding: 12px 3px 12px 3px;
-	list-style: none;
-	font-size: 1.1em;
-	border-bottom: #eee 1px solid;
+table tr.menubar td {
+  background: #023;
 }
 
-/* End of dashboard */
-
-hr {
-	border: medium none;
-	color: #ccc;
-	background: #ccc;
-	height: 1px;
-	margin-bottom: 1.4em;
+td.paginate {
+  text-align: center;
+  background: #8AE3F9;
 }
 
-/* @end */
-
-/* Theme editor */
-#theme_list {
-	width: 300px;
-	float: right;
+/********** Login screen ********/
+#logincontainer {
+  background: #fff;
+  width: 300px;
+  margin: 80px auto 0 auto;
+  border: #00131e 1px solid;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	border-radius: 8px;
 }
 
-#theme_editor {
-	margin-right: 320px;
-	min-height: 500px;
+#innerlogin {
+  padding: 20px;
 }
 
-#theme_editor textarea {
-	width: 100%;
-	height: 500px;
+#innerlogin h3 {
+  text-align: center;
 }
 
-.theme-filer {
-	width: 300px;
-	padding: 5px 0;
-	margin-bottom: 15px;
+#innerlogin h3 a img {
+  border: none;
 }
 
-.theme-filer ul {
-	margin: 0;
-	padding: 0;
+#innerlogin #submit {
+  padding: 5px;
+  font-size: 14px;
 }
 
-.theme-filer ul li {
-	list-style: none;
-	margin-left: 10px;
+.mt20 {
+  margin-top: 20px;
 }
 
-#theme_list h3 {
-	background: #324e79;
+/**** Theme listing ****/
+.theme {
+  width: 290px;
+  margin: 0 10px 20px 0;
+  float: left;
+  overflow: hidden;
+  background: #023;
+  border: #00131e 1px solid;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
 	color: #fff;
-  cursor: move;
-  font-size: 13px;
-  font-weight: normal;
-  margin: 0;
-	padding-top: 2px;
-	padding-bottom: 0;
 }
 
-li.paginate {
-  margin-bottom: 15px;
-  border-left: #b0b0b0 8px solid;
-}
-
-div.auto_complete {
-  width: 350px;
-  background: #fff;
-  z-index: 20;
-}
-
-div.auto_complete ul {
-  border:1px solid #888;
-  margin:0;
-  padding:0;
-  width:100%;
-  list-style-type:none;
-}
-
-div.auto_complete ul li {
-  margin:0;
-  padding:3px;
-}
-
-div.auto_complete ul li.selected {
-  background-color: #ffb;
-}
-
-div.auto_complete ul strong.highlight {
-  color: #800; 
-  margin:0;
-  padding:0;
+.theme .inner {
+  margin: 10px;
 }
 
-.hidden {
-	display: none;
+.theme a img {
+  width: 270px;
+  border: none;
 }
 
-.theme {
-    width: 260px;
-	float: left;
-	margin-right: 20px;
-	overflow: hidden;
+.theme a {
+  color: #fff;
 }
 
-.theme img {
-    width: 250px;
+.theme h3 {
+  margin-top: 20px;
+  color: #fff;
 }
 
-.theme hr {
-	clear: both;
-}
 
-#autosave {
-	color: green;
+/***** Sidebr config *****/
+#available {
+  width: 440px;
+  float: left;
+  margin-right: 30px;
 }
 
-#categories {
-	height: 220px; 
-	overflow-y: scroll; 
-	border: #ddd 1px solid;
+#cnt-active {
+  margin-left: 470px;
+  width: 440px;
 }
 
-#editor {
-	width: 700px;
+.dropbox {
+  background: #8AE3F9;
+  border: #8AE3F9 1px solid;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	behavior: url("../../stylesheets/border-radius.htc");   
 }
 
-#simple_editor,
-#visual_editor {
-	background: #464646;
-	padding: 10px;
-	border-radius: 3px;
+.dropbox h2 {
+  padding: 20px;
 }
 
-#simple_editor {
-	border-radius: 3px;
-	-moz-border-bottom-left-radius: 3px;
-	-moz-border-bottom-right-radius: 3px;
-	-webkit-border-bottom-left-radius: 4px;
-	-webkit-border-bottom-right-radius: 4px;
+.dragitem {
+  background: #023;
+  color: #fff;
+  border: #023 1px solid;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	behavior: url("../../stylesheets/border-radius.htc");   
+  margin: 0 20px 30px 20px;
+  padding: 10px;
 }
 
-#visual_editor {
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 4px;
+.dragitem h4 {
+  color: #fff;
 }
 
-#quicktags {
-	background: #464646;
-	padding-top: 10px;
-	padding-left: 10px;
-	border-radius: 3px 0 0 0;
-	-moz-border-top-left-radius: 3px 0 0 0;
-	-webkit-border-top-left-radius: 4px;
+#active {
+  padding-bottom: 30px;
 }
 
-#saveblock {
-	border-radius: 3px;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 4px;
+#active a {
+  display: block;
+  text-align: right;
+  color: #fff;
 }
 
-#editor-menu {
-	text-align: right;
+#sidebar_instructions {
+  margin: 0 20px 30px 20px;
+  padding: 20px 10px;
+  background: #dcf6fe;
 }
 
-#editor-menu span.active {
-	background: #464646;
-	padding: 5px;
-	border-radius: 3px 0 0 0;
-	-moz-border-top-left-radius: 3px 0 0 0;
-	-moz-border-top-right-radius: 3px 0 0 0;
-	-webkit-border-top-left-radius: 4px;
-	-webkit-border-top-right-radius: 4px;
+.published {
+  color: #6a0;
 }
 
-#editor-menu span.inactive {
-	background: #f9f9f9;
-	padding: 0px;
+.unpublished {
+  color: #c00;
 }
 
-ul.admin {
-	margin-left: 0;
-	padding-left: 0;
+#article_keywords_auto_complete ul li {
+  list-style: none;
+  background: #DCF6FE;
+  border-bottom: #00131E 1px solid;
 }