Index: admin/style/date-picker.css
===================================================================
--- admin/style/date-picker.css	(revision 0)
+++ admin/style/date-picker.css	(revision 1330)
@@ -1,35 +1,35 @@
 .date-picker {
-	border-collapse : collapse;
-	background : #fff;
-	color : #fff;
+	border-collapse: collapse;
+	background: #fff;
+	color: #fff;
 	border: 1px solid #666;
-	border-width : 1px 2px 2px 1px;
+	border-width: 1px 2px 2px 1px;
 }
 .date-picker th {
-	border : none;
-	color : #000;
-	text-align : center;
+	border: none;
+	color: #000;
+	text-align: center;
 }
 .date-picker td {
-	border : 1px solid #666;
-	text-align : center;
+	border: 1px solid #666;
+	text-align: center;
 	padding : 4px 6px;
 }
 th.date-picker-month {
-	text-align : left;
+	text-align: left;
 }
 th.date-picker-year {
-	text-align : right;
+	text-align: right;
 }
 .date-picker-control, th.date-picker-control {
-	color : #06c;
-	cursor : pointer;
+	color: #06c;
+	cursor: pointer;
 }
 .date-picker-day, .date-picker-today {
-	color : #000;
-	background : #eee;
-	cursor : pointer;
+	color: #000;
+	background: #eee;
+	cursor: pointer;
 }
 .date-picker-today {
-	background : #ccc;
+	background: #ccc;
 }
Index: admin/style/default.css
===================================================================
--- admin/style/default.css	(revision 1375)
+++ admin/style/default.css	(revision 1587)
@@ -13,15 +13,17 @@
 
 /* ------------------------------------------------------------------ html */
+html {
+	font-size: 62.5%;
+}
 body {
-	font: 75%/1.5em Helvetica,Arial,sans-serif;
+	font-size: 12px; /* ie < 9 sucks */
+	font-size: 1.2rem;
+	line-height: 1.5;
+	font-family: Arial,Helvetica,sans-serif;
 	color: #333;
-	background: #f5f5f5;
+	background: #fff;
 	margin: 0;
 	padding: 0;
 }
-body.auth {
-	background: #fff;
-}
-
 a, a:link, a:visited {
 	color: #2373A8;
@@ -32,23 +34,58 @@
 	text-decoration: underline;
 }
-a img, a:link img, a:visited img { 
+a img, a:link img, a:visited img {
 	border:none;
 }
-
-h1, h2, h3, h4, h5, h6, p {
+h1, h2, h3, .as_h3, h4, h5, h6, p {
 	margin-top: 0;
-	margin-bottom: 0.6em;
+	margin-bottom: 1em;
 }
 h2 {
 	color: #666;
-	font-size: 1.4em;
-	padding: 4px 0;
+	font-size: 18px; /* ie < 9 sucks */
+	font-size: 1.8rem;
+	padding: 0 0 1.5em;
+	font-weight: normal;
+}
+h2 a:link, h2 a:visited {
+	color: #666;
+	border-color: #000;
 }
 .page-title {
 	color: #d30e60;
 }
-h3 {
+.page-title img {
+	padding-left: .5em;
+	vertical-align: middle;
+}
+#content > h2 {
+	padding: 0 18px 6px; /* ie < 9 sucks */
+	padding: 0 1.8rem .6rem;
+	margin: 0 -18px .5em; /* ie < 9 sucks */
+	margin: 0 -1.8rem 1rem;
+	background: #fff url(bg_h2.png) repeat-x center bottom;
+}
+h3, .as_h3 {
+	color: #575859;
+	font-size: 16px; /* ie < 9 sucks */
+	font-size: 1.6rem;
+}
+h4 {
+	font-size: 14px; /* ie < 9 sucks */
+	font-size: 1.4rem;
+	color: #575859;
+}
+h5 {
+	font-size: 12px; /* ie < 9 sucks */
+	font-size: 1.3rem;
+	color: #575859;
+}
+#entry-sidebar h5 {
+	font-weight: normal;
 	color: #333;
-	font-size: 1.2em;
+}
+.entry-status label img {
+	padding-left: 4px;
+	vertical-align: text-top;
 }
 p, div.p {
@@ -57,5 +94,5 @@
 hr {
 	height: 1px;
-	border-width: 1px 0 0 0;
+	border-width: 1px 0 0;
 	border-color: #999;
 	border-style: solid;
@@ -78,4 +115,14 @@
 }
 
+.no-js .js-hidden {
+        display: block;
+}
+.no-js .no-js-hidden {
+        display: none;
+}
+.js-hidden {
+        display: none;
+}
+
 /* LAYOUT
 -------------------------------------------------------- */
@@ -83,29 +130,35 @@
 #header {
 	background: #575859;
-	height: 3em;
 	position: relative;
+	border-bottom: 4px solid #A2CBE9;
+	width: 100%;
 }
 #prelude {
-	background: #575859;
-	line-height: 1.5em;
-	margin: 0;
-	padding: 0 1.7em 0 1em;
+	line-height: 1.9;
+	margin: 0;
+	padding: 0;
 	overflow: hidden;
 	position: absolute;
-	top: 1.2em;
+	top: 3em;
 	left: 0;
+	background: #A2CBE9;
+	width: 14.5em;
 	}
 #prelude li {
 	list-style-type: none;
-	margin: 0 1em 0 0;
+	margin: 0;
 	background:transparent;
-	}
+}
 #prelude li a {
-	color:#fff;
-	}
+	padding-left: 16px; /* ie < 9 sucks */
+	padding-left: 1.6rem;
+	background: #A2CBE9;
+	color: #000;
+	border-bottom-color: #A2CBE9;
+}
 #top {
 	margin: 0;
 	padding: 0;
-	width: 13em;
+	width: 14.5em;
 	float: left;
 }
@@ -113,38 +166,41 @@
 	padding: 0;
 	margin: 0;
-	height: 3em;
+	height: 36px;
 	text-indent: -1000px;
-	background: transparent url(dc_logo.png) no-repeat 0 50%;
 }
 #top h1 a {
 	position: absolute;
-	top: 3px;
+	top: 0;
 	left: 0;
-	width: 130px;
-	height: 60px;
+	width: 174px; /* ie < 9 sucks */
+	width: 17.4rem;
+	height: 36px; /* ie < 9 sucks */
+	height: 3.6rem;
 	border: none;
-	outline: none;
 	color: #fff;
 }
+#top h1 a:link {
+	background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
+}
+#top h1 a:hover, #top h1 a:focus {
+	background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 -94px;
+}
 #info-boxes {
-	background: #575859;
-	font-size: .95em;
-	height: 3em;
+	font-size: 12px; /* ie < 9 sucks */
+	font-size: 1.2rem;
+	line-height: 3em;
 }
 #info-box1 {
 	margin: 0;
-	padding: .5em 3px 4px 0;
+	padding: 0 3px 0 18px;
 	color: #fff;
-	float: left;
-	background: #575859;
+	display: inline-block;
 }
 #info-box2 {
-	margin: .1em 0 0 0;
-	padding: .5em 1.3em 4px 0;
+	margin: 0;
+	padding: 0 18px 0 0;
 	color: #fff;
 	float: right;
 	text-align: right;
-	background: #575859;
-	height: 2em;
 }
 #info-box1 p {
@@ -153,5 +209,6 @@
 }
 #info-box1 select {
-	width: 15em;
+	width: 145px; /* ie < 9 sucks */
+	width: 14.5em;
 }
 #info-box1 a img, #info-box2 a img {
@@ -159,6 +216,5 @@
 	padding-left: .3em;
 	}
-#info-box1 a, #info-box2 a {
-	background: #575859;
+#info-boxes a {
 	font-weight: bold;
 	color: #fff;
@@ -169,19 +225,22 @@
 	font-weight: normal;
 }
+#info-boxes .logout {
+	margin-right: 0;
+}
 #info-box1 a {
 	margin-left: 1.33em;
 }
 #info-box2 a.active {
-	border-bottom-color: #f5f5f5;
+	border-bottom-color: #fff;
 	margin: 0;
 	padding: 1.2em .5em;
-	background-color: #f5f5f5;
+	background-color: #fff;
 	color: #333;
 	font-weight: bold;
 }
 #info-box2 span {
-	color: #575859;
-}
-/* prelude */
+	color: #999;
+}
+/* main blocks */
 #wrapper {
 	width: 100%;
@@ -190,13 +249,13 @@
 	width: 100%;
 	float: right;
-	margin-left: -13em;
+	margin-left: -14.5em;
 	margin-top: 0;
+	background: #fff url(bg_menu.png);
 }
 #content {
-	margin: 1.5em 1.5em .5em 13em;
-	padding: 1em;
+	margin: 0 0 0 14.5em;
+	padding: 9px 18px 18px; /* ie < 9 sucks */
+	padding: .9rem 1.8rem 1.8rem;
 	background: #fff;
-	border-radius: .5em;
-	border: 1px solid #ddd;
 }
 	/* Micro clearfix thx to Nicolas Gallagher */
@@ -219,26 +278,32 @@
 }
 .two-cols .col {
-	width: 49%;
+	width: 48%;
 	margin-left: 2%;
 	float: left;
 }
-.two-cols .col:first-child {
-	width: 49%;
-	margin-left: 0;
-}
 .two-cols .col70{
-	width: 69%;
+	width: 68%;
 	margin-left: 0;
 	float: left;
 }
-.two-cols .col30 {
+.col30 {
 	width: 28%;
 	margin-left: 2%;
 	float: left;
 }
+.two-cols .col:first-child,
+.two-cols .col30.first-col {
+	margin-left: 0;
+	margin-right: 2%;
+}
+.two-cols .col:last-child,
+.two-cols .col70.last-col {
+	margin-left: 2%;
+	margin-right: 0;
+}
 /* -------------------------------------------------------------- layout - onglets */
 .part-tabs ul {
-	padding: .3em 0 1px 1em;
-	border-bottom: 1px solid #999;
+	padding: .5em 0 .3em 1em;
+	border-bottom: 1px solid #ddd;
 }
 .part-tabs li {
@@ -248,16 +313,11 @@
 }
 .part-tabs li a {
-	padding: .3em 0.5em;
-	margin-right: .5em;
-	border: 1px solid #999;
+	padding: .5em 2em;
+	margin-right: -1px;
+	border: 1px solid #aaa;
 	border-bottom: none;
-	background: #dfdfdf;
 	text-decoration: none;
-	border-top-left-radius: .3em;
-	border-top-right-radius: .3em;
-	color: #000;
-}
-.part-tabs li.part-tabs-link a {
-	background: #ffe;
+	color: #333;
+	background-color:#E4E0EC;
 }
 .part-tabs li a:hover, .part-tabs li a:focus {
@@ -268,25 +328,30 @@
 .part-tabs li.part-tabs-active a {
 	background: #fff;
-	border-bottom: 1px solid #fff;
-	color: #000;
 	font-weight: bold;
+	border-bottom-color: #fff;
+	padding-bottom: 7px; /* ie < 9 sucks */
+	padding-bottom: .7rem;
 }
 /* ------------------------------------------------------------------ main-menu */
 #main-menu {
-	width: 13em;
+	width: 14.5em;
 	float: left;
-	margin-top: 1.2em;
-	margin-bottom: .5em;
+	margin:0;
+	padding-top: 4.5em;
+	padding-bottom: 1em;
+	background: #f7f7f7;
 }
 #main-menu h3 {
-	margin: 0 0 0.5em;
-	padding: .5em 0 0 .5em;
-	text-transform: uppercase;
+	margin: 0;
+	padding: 10px 0 10px 8px;
 	color: #666;
-	font-size: 1.1em;
+	font-size: 14px; /* ie < 9 sucks */
+	font-size: 1.4rem;
+}
+#main-menu h3 img[alt="cacher"] {
+	vertical-align: top;
 }
 #main-menu ul {
-	font-size: .95em;
-	margin: 0 0 1em 0;
+	margin: 0 0 1.5em 0;
 	padding: 0;
 	list-style: none;
@@ -295,57 +360,93 @@
 	display: block;
 	margin: 0.5em 0 0;
-	padding: .2em 0 0 32px;
+	padding: 3px 0 0 30px;
 	background-repeat: no-repeat;
-	background-position: 12px .4em;
+	background-position: 8px .3em;
+}
+#main-menu ul li:first-child {
+	margin-top: 0;
+}
+#main-menu li.active {
+	background-color: #fff;
 }
 #main-menu a {
-	font-weight: bold;
+	color: #333;
+	border-bottom-color: #ccc;
 }
 #main-menu .active a {
 	border-bottom: none;
-	color: #333;
+	color: #d30e60;
 }
 #main-menu .active {
-	background-color: #fff;
-	padding: .4em 0 .1em 32px;
-	background-position: 12px .4em;
-	border-top: 1px solid #ddd;
-	border-bottom: 1px solid #ddd;
-	margin-right: -1px;
-}
-#favorites-menu {
-	margin: 0 0 2em;
+	font-weight: bold;
+}
+#search-menu {
+	padding: 4px 5px 0;
+	font-size: 100%
+}
+#search-menu * {
+	height: 20px; /* ie < 9 sucks */
+	height: 2rem;
+}
+#search-menu p {
+	display: inline-block;
+	border: 1px solid #999;
+	border-radius: .3em;
+	position: relative;
+	overflow: hidden;
+}
+#search-menu #q {
+	width: 120px; /* ie < 9 sucks */
+	width: 12rem;
+	border-bottom-left-radius: .3em;
+	border-top-left-radius: .3em;
+	background: transparent url(search.png) no-repeat 4px center;
+	text-indent: 18px;
+	padding: 0 2px;
+	border: none;
+}
+#search-menu input[type="submit"] {
+	padding: 0 3px;
+	padding: 0 .3rem;
+	background: #dfdfdf;
+	border-color: #999;
+	color: #444;
+	border-bottom-right-radius: .3em;
+	border-top-right-radius: .3em;
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+	text-shadow: none;
+	border: none;
+	border-left: 1px solid #aaa;
+	font-size: 10px; /* ie < 9 sucks */
+	font-size: 1rem;
+}
+#search-menu input[type="submit"]:hover,
+#search-menu input[type="submit"]:focus {
+	background: #575859;
+	color: #fff;
+}
+#favorites-menu, #blog-menu, #system-menu, #plugins-menu {
+	border-bottom: 1px dashed #A2CBE9;
 }
 #favorites-menu h3 {
-	color: #333;
-	text-transform: none;
-}
-#favorites-menu a {
-	color: #333;
-}
-#favorites-menu .active {
-	background-color: transparent;
-	border: none;
-}
-#favorites-menu .active a {
-	font-weight: bold;
-	color: #666;
+	color: #000;
+	font-variant: small-caps;
+	padding-top: .2em;
 }
 /* ------------------------------------------------------------------ footer */
 #footer {
 	clear: both;
-	padding: .75em .75em 0 0;
+	padding: .5em 1em .5em 0;
 	text-align: right;
+	border-top: 1px solid #ccc;
 }
 #footer p {
 	margin: 0;
 	padding: 0 1em;
-	text-align: center;
-	font-size: 1.1em;
-}
-#footer a {
+	font-size: 1em;
 }
 #footer p span.credit {
-	font-size: .85em;
+	font-size: 1em;
 	font-weight: normal;
 }
@@ -353,41 +454,41 @@
 #login-screen {
 	display: block;
-	width: 18em;
+	width: 20em;
 	margin: 1.5em auto 0;
-	font-size: 1.1em;
+	font-size: 14px; /* ie < 9 sucks */
+	font-size: 1.4rem;
 }
 #login-screen h1 {
 	text-indent: -2000px;
-	background: transparent url(dotclear-logo2.png) no-repeat top left;
-	height: 50px;
+	background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left;
+	height: 66px;
 	margin-bottom: .5em;
-	margin-left: .5em;
-}
-#login-screen fieldset, #login-screen .fieldset {
-	border: 1px solid #999;
+	margin-left: 0;
+}
+#login-screen .fieldset {
+	border: 1px solid #A8DC26;
 	padding: 1em 1em 0 1em;
-	border-radius: 4px;
+	border-radius: 3px;
+	background: #fff;
 }
 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] {
 	width: 100%;
 }
+#login-screen input.login {
+	padding-top: 6px;
+	padding-bottom: 6px;
+	font-size: 1em;
+}
 #login-screen #issue {
-	margin-left: 1em;
-	font-size: 1em;
-}
-#login-screen #issue strong {font-weight: normal;}
-
-
+	margin-left: 1.33em;
+	font-size: 12px; /* ie < 9 sucks */
+	font-size: 1.2rem;
+}
+#login-screen #issue strong {
+	font-weight: normal;
+}
 /* ------------------------------------------------------------------ dashboard */
 #dashboard-main {
-	float: left;
-	overflow: hidden;
-	padding: 1em 2% 1em 0;
-	width: 70%;
-}
-#dashboard-main.fullwidth {
-	width: 100%;
 	padding: 1em 0;
-	float: none;
 }
 #icons {
@@ -399,6 +500,8 @@
 	width: 210px;
 	text-align: center;
-	margin: 2em 0 0 0;
+	margin: 1em 0 2em;
+	padding: 1em 0;
 	display:inline-block;
+	vertical-align: top;
 }
 #icons a,
@@ -412,4 +515,24 @@
 #icons a span {
 	border-bottom: 1px dotted #f90;
+	color: #333;
+}
+#icons a img {
+	padding: 2em;
+	margin-bottom: .3em;
+	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
+	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
+	box-shadow: 0px 1px 0px 0px #ffffff;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
+	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
+	background-color:#f9f9f9;
+	-moz-border-radius:1em;
+	-webkit-border-radius:1em;
+	border-radius:1em;
+	border:1px solid #dcdcdc;
+	display:inline-block;
+}
+#icons a img:hover, #icons a:focus img {
+	background: #BBDB58;
 }
 #icons a:focus span, #icons a:hover span {
@@ -417,5 +540,4 @@
 }
 #quick {
-	clear: left;
 	margin-top: 2em;
 }
@@ -426,15 +548,32 @@
 #quick p.qinfo {
 	margin: -.7em -1em 1em;
-	background: #eef url(info.png) no-repeat .2em .2em;
+	background: #f3f3ff url(info.png) no-repeat .2em .2em;
 	border: 1px solid #99f;
 	padding: .2em 1em .1em 24px;
 	color: #666;
 }
+#quick #new_cat, .q-cat, .q-cat label {
+	display: inline-block;
+	vertical-align: top;
+	margin-right: 1em;
+	margin-top: 0;
+}
+.q-cat label {
+	margin-right: .3em;
+}
+#quick #new_cat {
+	margin-bottom: 2em;
+}
 #dashboard-items {
-	float: left;
-	width: 27%;
-	overflow: hidden;
-	padding-bottom: 1em;
-	padding-top: 3em;
+	margin: 3em auto;
+	display: table;
+	width: 100%;
+	border-collapse: collapse;
+}
+.db-item {
+	display: table-cell;
+	padding: 1em 3em;
+	vertical-align: top;
+	border: 1px solid #ccc;
 }
 #dashboard-items img {
@@ -464,5 +603,5 @@
 }
 #upg-notify ul {
-	padding-left: 15px;
+	padding-left: 1.5em;
 }
 #upg-notify li {
@@ -476,5 +615,14 @@
 }
 #entry-content {
-	margin-right: 18em;
+	margin-right: 19em;
+	margin-left: 0;
+}
+.multi-part {
+	padding-left: 1em;
+}
+#entry-content label {
+	text-transform: uppercase;
+	font-weight: bold;
+	margin-top: 2em;
 }
 #entry-sidebar {
@@ -482,4 +630,12 @@
 	float: right;
 }
+#entry-sidebar input[type="text"],
+#entry-sidebar select {
+	width: 14em; /* to prevent inline with label */
+}
+.box {
+	border-bottom: 1px solid #ddd;
+	margin-bottom: 1em;
+}
 #comments {
 	clear: both;
@@ -487,5 +643,5 @@
 /* ------------------------------------------------------------------ categories */
 #categories {
-	margin: 1em 0 2em;
+	margin: 1em 0;
 }
 #categories ul {
@@ -496,11 +652,17 @@
 #categories li {
 	margin: .5em 0;
-	padding: .3em 1.5em;
+	padding: .5em 1.2em;
 	border: 1px solid #ccc;
-	border-left: 1em solid #E5E3DA;
-	border-radius: .3em;
+	border-left: 8px solid #E5E3DA;
+	border-radius: 3px;
+}
+#categories input[type="checkbox"] {
+	margin-right: .8em;
 }
 #categories h4 {
 	margin: 0;
+}
+#categories label a {
+	font-weight: bold;
 }
 #categories h4 span {
@@ -509,7 +671,33 @@
 #categories li p {
 	margin: 0;
+	display: inline-block;
+}
+.cat-url {
+	padding-left: 1em;
+}
+.cat-actions {
+	line-height: 2;
 }
 select#del_cat {
 	width: 100%;
+}
+#new_cat {
+	font-weight: bold;
+	margin-top: 2em;
+}
+#categories .placeholder {
+        outline: 1px dashed #4183C4;
+        min-height: 2.5em;
+}
+#save-set-order.disabled {
+        text-shadow: none;
+        color: #666;
+        background: #F5F5F5;
+        border: 1px solid #CCCCCC;
+}
+#save-set-order.disabled:hover {
+        color: #666;
+        background: #DFDFDF;
+        border: 1px solid #CCCCCC;
 }
 /* ------------------------------------------------------------------ media */
@@ -518,5 +706,8 @@
 }
 #media-details {
+}
+.near-icon {
 	margin-left: 70px;
+	margin-bottom: 3em;
 }
 #media-details ul {
@@ -653,26 +844,31 @@
 /* -------------------------------------------------------------------- Themes */
 #themes {
-	border-bottom: 1px solid #ccc;
-	margin: 1em 0;
+	margin: 0;
+	width: 100%;
+	padding: 0;
+}
+#themes h3 {
 }
 #themes div.theme-details {
-	clear: left;
 	border-top: 1px solid #ccc;
-	padding: 1em 0;
+	padding: 12px;
+	display: inline-block;
+	vertical-align: top;
+	width: 284px;
+}
+.current-theme {
+	background: #eef;
 }
 #themes div.theme-details:hover {
-	background: #eee;
+	background: #f0f0f0;
 }
 #themes div.theme-details div.theme-shot {
-	float: left;
 }
 #themes div.theme-details div.theme-shot img {
 	display: block;
-	width: 57px;
-	height: 50px;
 	border: 1px solid #ccc;
+	margin-bottom: 1.5em;
 }
 #themes div.theme-details div.theme-info {
-	margin-left: 67px;
 }
 #themes div.theme-details div.theme-info span.theme-desc {
@@ -683,33 +879,45 @@
 }
 #themes div.theme-details div.theme-actions {
-	margin-left: 67px;
+}
+#themes-actions {
+	border-bottom: 1px solid #999;
+	margin-bottom: 3em;
+}
+.theme-css {
+	display: block;
 }
 /* Themes list, JS version */
 #themes-wrapper {
+	display: table;
+}
+#themes-wrapper #themes {
+	display: table-cell;
+	vertical-align: top;
+	padding-left: 1em;
 }
 #theme-box {
-	border: 1px solid #999;
-	border-left: none;
-	padding: 5px;
-	float: right;
-	height: 420px;
-	width: 320px;
-	overflow: auto;
-}
-#theme-box div.theme-shot img {
-	display: block;
-	margin: 0 0 0 10px;
+	display: table-cell;
+	vertical-align: top;
+	padding: 0;
+	width: 312px;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+}
+#theme-box .theme-shot,
+#theme-box .theme-info,
+#theme-box .theme-actions {
+	background: #eef;
+	padding: 1em 16px;
+	margin: 0;
+}
+#theme-box .theme-shot img {
+	display: block;
 	width: 280px;
 	height: 245px;
 	border: 1px solid #ccc;
 }
-#theme-box div.theme-info {
-	margin: 1em 0 0 10px;
-}
-#theme-box h3 {
-	margin: 0;
-}
-#theme-box div.theme-info span {
-	display: block;
+#theme-box h4 {
+	color: #000;
+	background: #eef;
 }
 #theme-box span.theme-version {
@@ -723,49 +931,35 @@
 	font-weight:bold;
 }
-#theme-box div.theme-actions {
-	margin-left: 10px;
-}
-#themes-wrapper #themes {
-	border: 1px solid #999;
-	overflow: auto;
-	height: 420px;
-	padding: 5px;
-	margin: 0;
-}
-#themes div.theme-details-js {
+#theme-box .theme-actions {
+	border-bottom: 1px solid #ccc;
+}
+#themes .theme-details-js {
 	float: left;
 	width: 120px;
 	height: 150px;
-	margin: 0 10px 20px;
-	padding: 10px 10px 0;
+	margin: 0 12px 24px;
+	padding: 12px 12px 0;
 	text-align: center;
 	background: #f3f3f3;
-	border: 1px solid #f3f3f3;
+	border: 1px solid #ddd;
 	cursor: pointer;
 	border-radius: 4px;
 }
-#themes div.theme-details-js label {
+#themes .theme-details-js label {
 	cursor: pointer;
 }
-#themes div.theme-details-js.theme-selected {
-	background: #E5E3DA;
+#themes .theme-details-js.theme-selected {
+	background: #ddd;
 	border: 1px solid #999;
 }
-#themes div.theme-details-js div.theme-shot img {
+#themes .theme-details-js .theme-shot img {
 	width: 120px;
 	height: 105px;
 	border: 1px solid #fff;
 }
-#themes div.theme-details-js h3 {
-	font-family: inherit;
-	font-weight: normal;
-	margin: 0;
-	padding: 0;
-}
 /* ----------------------------------------------------------  Plugins list */
 #plugins td.action {
 	vertical-align: middle;
 }
-
 select.l10n option {
 	padding-left: 16px;
@@ -776,22 +970,25 @@
 /* ------------------------------------------------------------------ contextual help */
 #help {
-	margin-top: 2em;
+	margin-top: 4em;
 	background: #f5f5f5;
 	z-index: 100;
+	clear: both;
+	padding: 0 1em;
 }
 #help-button {
-	position: fixed;
-	top: 3.2em;
+	background: transparent url(../images/page_help.png) no-repeat 6px center;
+	position: absolute;
+	top: 36px; /* ie < 9 sucks */
+	top: 3.6rem;
 	right: 0px;
+	padding: 0 1.5em 0 30px;
 	cursor: pointer;
-	background: #fc3;
-	border: 1px solid #dde;
-	border-right: none;
-	font-size: 1.1em;
-	font-weight: bold;
-	text-transform: capitalize;
-	padding: .33em .75em .33em 1em;
-	border-radius: 1em 0 0 1em;
-	color: #444;
+	color: #2373A8;
+	line-height: 42px; /* ie < 9 sucks */
+	line-height: 4.2rem;
+}
+#help-button span {
+	padding: .5em 0 .1em 0;
+	border-bottom: 1px solid #2373A8;
 }
 .help-box {
@@ -803,19 +1000,30 @@
 }
 #content.with-help #help-button {
-	right: 282px;
+	right: 282px; /* ie < 9 sucks */
+	right: 28.2rem;
+	background-color: #f5f5f5;
+	position: fixed;
+	border-top: 2px solid #FFD478;
+	border-left: 2px solid #FFD478;
+	border-bottom: 2px solid #FFD478;
+	border-bottom-left-radius: 1em;
+	border-top-left-radius: 1em;
 }
 #content.with-help #help {
 	display: block;
 	position: absolute;
-	top: 40px;
+	top: 36px; /* ie < 9 sucks */
+	top: 3.6rem;
 	right: 0;
-	width: 280px;
-	border-left: 2px solid #fc3;
+	width: 280px; /* ie < 9 sucks */
+	width: 28rem;
+	border-left: 2px solid #FFD478;
+	border-top: 2px solid #FFD478;
 	margin-top: 0;
-	padding: 10px 0 0 0;
+	padding: .5em 0 0 0;
 	overflow: auto;
 }
 #content.with-help .help-content {
-	padding: 0 5px 1em 5px;
+	padding: 0 .5em 1em;
 }
 .help-content dt {
@@ -829,49 +1037,90 @@
 /* ------------------------------------------------------------------ popups */
 body.popup #wrapper, body.popup #top {
-	margin-top: -1.5em;
+	width: 100%;
+	padding: 0;
+}
+body.popup #wrapper {
 	float: none;
-}
-body.popup #top h1 {
-	background: transparent;
+	margin:0;
+	display: block;
+}
+body.popup h1, body.popup #top {
+	margin: 0;
+	border-bottom: 1px solid;
+	font-weight: normal;
+	color: #fff;
+	background: #575859;
+	font-size: 1.5em;
+	text-indent: .5em;
+	line-height: 1.3em;
 }
 body.popup #main {
-	margin-left: -35px;
-	margin-bottom: 1em;
+	margin-bottom: 1em 0;
 }
 body.popup #content {
-	margin-left: 35px;
-	margin-left: 2em;  /* 3.2 */
-}
-body.popup #footer {
-	display: none; /* 3.2 */
+	margin: 0;
+	padding: .5em 0;
+}
+body.popup #content h2 {
+	margin: 0 0 1em;
 }
 body.popup #footer p {
-	margin-left: 35px;
 	border: none;
 }
 /* ------------------------------------------------------------------ messages */
-div.error, p.error, 
-div.message, p.message, 
-div.static-msg, p.static-msg {
-	padding: 0.5em 0.5em 0.5em 48px;
+.error, .message, .static-msg, .static-msg, .success {
+	padding: 1em 0.5em 0.5em 48px;
 	margin-bottom: 1em;
 	border-radius: 8px;
 }
-p.error, p.message, p.static-msg {
+p.error, p.message, p.static-msg, p.success {
 	padding-top: 1em;
 	padding-bottom: 1em;
 }
-div.error, p.error {
-	background: #ffdec8 url(msg-error.png) no-repeat .7em .7em;
+.error {
+	background: #FFBABA url(msg-error.png) no-repeat .7em .7em;
 	color: #000;
 }
-div.message, p.message, 
-div.static-msg, p.static-msg {
+.message, .static-msg {
 	background: #666 url(msg-std.png) no-repeat .7em .7em;
 	color: #fff;
 }
-div.message a, p.message a, 
-div.static-msg a, p.static-msg a {
+.success {
+	background: #baff8e url(msg-success.png) no-repeat .7em .7em;
+	color: #000;
+}
+.message a, .static-msg a {
 	color: #fff;
+}
+.success a {
+	color: #666;
+}
+/* ------------------------------------------------------------------ navigation */
+.anchor-nav {
+	background: #575859;
+	color: #fff;
+	padding: 4px 1em;
+	float: right;
+}
+.nav_prevnext {
+	margin-bottom: 2em;
+	color: #fff;
+}
+.nav_prevnext a, a.back {
+	border: 1px solid #ddd;
+	padding: 2px 1.5em;
+	border-radius: .75em;
+	background-color: #f0f0f0;
+}
+a.back:before {
+	content: "\ab\a0";
+}
+a.onblog_link {
+	color: #333;
+	float: right;
+	border: 1px solid #eee;
+	padding: 2px 1.5em;
+	border-radius: .75em;
+	background-color: #ffe;
 }
 /* ------------------------------------------------------------------ debug */
@@ -897,7 +1146,27 @@
 }
 /* -------------------------------------------------------------------- CLASSES COMMUNES */
-
-.no-margin {
-	margin: 0;
+.no-margin, #entry-content label.no-margin {
+	margin: 0;
+}
+.border-top {
+	border-top: 1px solid #999;
+	padding-top: 1em;
+	margin-top:	1em;
+}
+.fieldset {
+	background: #fff;
+	border: 1px solid #aaa;
+	border-radius: 6px;
+	padding: 1em .7em .5em;
+	margin-bottom: 1em;
+}
+.fieldset h3 {
+	color: #333;
+}
+.table {
+	display: table;
+}
+.cell {
+	display: table-cell;
 }
 /* paragraphe pour bouton Nouveau bidule */
@@ -941,4 +1210,7 @@
 	text-align: right;
 }
+.txt-center {
+	text-align: center;
+}
 .frame-shrink {
 	border: 1px solid #666;
@@ -970,17 +1242,4 @@
 	padding: 5px 0 5px 20px;
 }
-/* pas trouvé dans le code */
-.comment {
-	border-top: 2px solid #ccc;
-	margin-bottom: 1em;
-	padding: 2em 0 1em 0;
-	position: relative;
-}
-.comment form p {
-	margin: 0;
-	position: absolute;
-	top: 2px;
-	right: 0;
-}
 .distrib img {
 	display: block;
@@ -991,14 +1250,17 @@
 -------------------------------------------------------- */
 table {
-	font-size: 1em;
+	font-size: 12px; /* ie < 9 sucks */
+	font-size: 1.2rem;
 	border-collapse: collapse;
 	margin: 0 0 1em 0;
 }
+table.posts-list {
+	min-width: 50%;
+}
 tr.line:hover {
-	background: #ddd;
+	background: #f3f3f3;
 }
 caption {
 	color: #333;
-	font-size: 1.2em;
 	font-weight: bold;
 	text-align: left;
@@ -1006,17 +1268,31 @@
 }
 
-th, td {
+td {
 	border-width: 0 0 1px 0;
 	border-style: solid;
+	border-color: #e3e3e3;
+	padding: .3em .5em;
+	vertical-align: top;
+}
+th {
+	border-width: 1px 0 1px 0;
+	border-style: solid;
 	border-color: #ccc;
-	padding: 3px 5px;
+	background: #f3f3ff;
+	padding: .3em .5em;
 	vertical-align: top;
-}
-th {
 	text-align: left;
-	border-bottom-color: #666;
+}
+th.first img {
+	padding-right: 24px;
 }
 .noborder td, td.noborder, .noborder th, th.noborder {
-	border-width: 0;
+	border-width: 0 0 1px 0;
+	border-color: #ddd;
+	line-height: 2em;
+	padding-bottom: 0;
+}
+.noborder p {
+	margin-bottom: 0;
 }
 table .maximal, table.maximal {
@@ -1032,4 +1308,9 @@
 table.settings, table.prefs {
 	width: 80%;
+	border: 1px solid #999;
+	margin-bottom: 3em;
+}
+table.settings th, table.prefs th {
+	background: #f3f3ff;
 }
 table.settings th:first-child, table.prefs th:first-child {
@@ -1045,5 +1326,4 @@
 	width: 40%;
 }
-
 td.status {
 	vertical-align: middle;
@@ -1055,7 +1335,6 @@
 	border: none;
 }
-
-tr.line img.expand {
-	margin-right: 10px;
+tr.line img.expand, th img.expand {
+	margin-right: 6px;
 	margin-bottom: -2px;
 }
@@ -1084,5 +1363,4 @@
 	padding-left: 15px;
 }
-
 /* ----------------------------------------------------------------- FORMS */
 form {
@@ -1091,5 +1369,5 @@
 	padding: 0;
 }
-fieldset, .fieldset {
+fieldset {
 	display: block;
 	margin: 0 0 1em 0;
@@ -1105,7 +1383,8 @@
 	border-width: 1px;
 	border-style: solid;
-	border-color: #ccc;
-	background: #f5f5f5;
+	border-color: #333;
+	background: #fff;
 	margin-bottom: 0.5em;
+	border-radius: 3px;
 }
 optgroup {
@@ -1121,14 +1400,14 @@
 	border-width: 1px;
 	border-style: solid;
-	border-color: #000 #ccc #ccc #000;
+	border-color: #666 #ccc #ccc #999;
 }
 input.invalid, textarea.invalid, select.invalid {
 	border: 1px solid red;
-	background: #fff; 
+	background: #fff;
 	color: red;
 	box-shadow: 0 0 0 1px rgba(218, 62, 90, 0.3)
 }
 input, textarea, select, option {
-	font: 1em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
+	font: 100% "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
 }
 input[type=text], input[type=password], textarea {
@@ -1136,15 +1415,16 @@
 	margin-right: .3em;
 }
-input[type=checkbox], input[type=radio] {
-	border: none;
-}
 textarea {
 	padding: 2px 0;
 }
-
-input[type=checkbox], input[type=radio] {
+input[type=checkbox], input[type=radio], input[type=file] {
+	border: none;
 	margin: 0;
 	padding: 0;
 	background: transparent;
+}
+input[type=file] {
+	margin-top: .3em;
+	margin-bottom: .3em;
 }
 label {
@@ -1162,20 +1442,26 @@
 	font-style:italic;
 	font-weight: normal;
+	text-transform: none;
 	color: #666;
 }
 p.form-note.warn, p.form-note.info, p.warning {
 	font-style: normal;
-	padding: .2em 1em .1em 24px;
+	padding: .2em 1em .3em 32px;
+	color: #333;
+	display: inline-block;
 }
 p.form-note.warn, p.warning {
-	background: #ffd url(warning.png) no-repeat .3em .3em;
+	background: #ffd url(msg-warning.png) no-repeat .3em .3em;
 	border: 1px solid #f0c020;
 }
 p.form-note.info {
-	background: #eef url(info.png) no-repeat .3em .2em;
-	border: 1px solid #99f;
-}
-.form-note a {border-bottom: 1px solid #99f;}
+	background: #f5eaff url(msg-info.png) no-repeat .3em .3em;
+	border: 1px solid #c484ff;
+}
+.form-note a {border-bottom: 1px solid #ddbaff;}
 
+label.ib {
+	display: inline-block;
+}
 label.classic {
 	display: inline;
@@ -1205,5 +1491,5 @@
 p.field {
 	position: relative;
-	
+
 }
 p.field label {
@@ -1214,5 +1500,5 @@
 	display: inline;
 	position: absolute;
-	left: 15em;
+	left: 14.5em;
 	top: 0;
 }
@@ -1226,8 +1512,7 @@
 a.form-control {
 	display: none;
-	font-weight: bold;
-	background: url(magnifier.png) no-repeat 0 0;
-	color: green;
+	background: url(../images/expand.png) no-repeat 4px center;
 	padding-left: 20px;
+	color: #000;
 }
 .constrained {
@@ -1239,10 +1524,4 @@
 
 /* --------------------------------------------------------------- buttons */
-h2 a.button {
-	color: #333;
-	font-weight: normal;
-	font-size: .75em;
-	vertical-align: middle;
-}
 /* commun */
 input[type=submit],
@@ -1250,16 +1529,17 @@
 input[type=button],
 a.button,
-a.back,
 a.submit {
 	display: inline-block;
-	outline: none;
 	cursor: pointer;
 	text-align: center;
 	text-decoration: none;
-	padding: .1em .5em 0 .5em;
-	text-shadow: 0 1px 1px rgba(0,0,0,.3);
+	padding: .1em .5em;
 	border-radius: .2em;
 	margin-bottom: .1em;
-}
+	font-size: 12px; /* ie < 9 sucks */
+	font-size: 1.2rem;
+ }
+h4 a.button {font-weight: normal;}
+
 /* validation */
 input[type=submit],
@@ -1267,8 +1547,12 @@
 a.submit {
 	color: #fff;
-	border: 1px solid #2373A8;
-	background: #2373A8;
-	background: -webkit-gradient(linear, left top, left bottom, from(#2C8FD1), to(#2373A8));
-	background: -moz-linear-gradient(top,  #2C8FD1,  #2373A8);
+	text-shadow: 0 -1px 1px #1A87B9;
+	background:#25A6E1;
+	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
+	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
+	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
+	border:1px solid #2C8FD1;
+
 }
 input[type=submit]:hover,
@@ -1278,13 +1562,12 @@
 input[type=button]:focus,
 a.submit:focus {
-	background: #2373A8;
-	background: -webkit-gradient(linear, left top, left bottom, from(#2373A8), to(#2C8FD1));
-	background: -moz-linear-gradient(top,  #2373A8,  #2C8FD1);
-	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2373A8', endColorstr='#2C8FD1');
-	border: 1px solid #2C8FD1;
+	background:#188BC0;
+	background:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%);
+	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#188BC0),color-stop(100%,#25A6E1));
+	background:linear-gradient(top,#188BC0 0%,#25A6E1 100%);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#25A6E1',GradientType=0);
 }
 /* suppression et reset */
 a.button,
-a.back,
 input[type=submit].reset,
 input[type=submit].delete {
@@ -1294,20 +1577,18 @@
 	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf));
 	background: -moz-linear-gradient(top,  #f5f5f5,  #dfdfdf);
-	text-shadow: none;
+	text-shadow:1px 1px 0px #fff;
 	}
 a.button:hover,
-a.back:hover,
 input[type=reset]:hover,
 input[type=submit].reset:hover,
 input[type=submit].delete:hover,
 a.button:focus,
-a.back:focus,
 input[type=reset]:focus,
 input[type=submit].reset:focus,
 input[type=submit].delete:focus {
-	background: #dfdfdf;
-	background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f5f5f5));
-	background: -moz-linear-gradient(top,  #dfdfdf,  #f5f5f5);
-	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f5f5f5');
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
+	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
+	background-color:#e9e9e9;
 	}
 a.delete,
@@ -1315,5 +1596,5 @@
 input[type=submit].delete {
 	color: #c00;
-	padding-bottom: .1em;
+	padding-bottom: 2px;
 }
 #entry-content .delete {
@@ -1336,17 +1617,26 @@
 	margin-left: 2em;
 }
-a.back:before {
-	content: "\ab\a0";
-}
-a.button.add {
-	border-radius: .5em;
-	margin-bottom: .1em;	
-	background: #2C8FD1 url(../images/add.png) no-repeat 6px center;
-	color: #fff;
-	padding: .2em 16px .2em 30px;
-	border: 1px solid #2373A8;
-}
-a.button.add:hover, a.button.add:focus {
-	background-color: #2373A8;
+.button.add {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
+	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
+	background-color:#9dce2c;
+	border:1px solid #83c41a;
+	padding:.5em 1.5em;
+	color: #000;
+	text-shadow: 1px 1px 0 #BBDB58;
+	font-weight: normal;
+	font-size: 14px; /* ie < 9 sucks */
+	font-size: 1.4rem;
+}
+.button.add:hover, .button.add:active, .button.add:focus {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
+	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
+	background-color:#8cb82b;
+	border:1px solid #83c41a;
+}
+.button-add:focus {
+	outline: dotted 1px;
 }
 
@@ -1384,4 +1674,75 @@
 }
 
+/* ------------------------------------------------------- Filters */
+#filters-form {
+	border: 1px dashed #999;
+	border-radius: .5em;
+	margin-bottom: 2em;
+	padding: .5em 1em 0;
+}
+#filters-form .table {
+	display: table;
+	width: 100%;
+	padding: 0;
+	margin-bottom: 1em;
+	margin-top: .5em;
+}
+#filters-form .cell {
+	padding: 0 2em 0 0;
+	display: table-cell;
+	vertical-align: top;
+}
+#filters-form .filters-sibling-cell {
+	padding-top: 3.8em;
+}
+#filters-form .filters-options {
+	padding-left: 2em;
+	border-left: 1px solid #ccc;
+}
+#filters-form label.ib, span.ib {
+	width:7em;
+	display: inline-block;
+}
+#filters-form label.ibw, span.ibw {
+	width: 9em;
+	display: inline-block;
+}
+#filters-form select {
+	width: 14em;
+}
+#filters-form h4 {
+	margin-top: 0;
+	margin-bottom: 2em;
+}
+
+/* ---------------------------------------------------- Pagination */
+.pagination {
+	height: 22px;
+	margin-top: 1em;
+	line-height: 22px;
+	padding: 0 .75em;
+	border: 1px solid #ddd;
+	overflow: hidden;
+	background: #e1e1e1;
+	background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1));
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	clear: left;
+}
+.pagination a, .pagination strong {
+	height: 20px;
+	border: none;
+	padding: 2px 6px;
+	background-color : transparent;
+	background-position : 50% 50%;
+	background-repeat: no-repeat;
+}
+.pagination a:hover, .pagination strong {
+	border-color : #ccc;
+	background-color: #fff;
+}
+
 /* --------------------------------------------------------------- password indcator */
 .pw-table {
@@ -1423,2 +1784,58 @@
 	width: 150px;
 }
+
+/* ---------------------------------------------------------------------------
+	Media queries vite fait en attendant la reprise complète du layout
+---------------------------------------------------------------------------- */
+@media screen and (max-width: 920px) {
+	#top, #top h1 a {width: 42px !important; height:100%; overflow: hidden;
+}
+	#top h1 a:link {
+		background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
+		border-right: 1px solid #ccc;
+	}
+	#top h1 a:hover, #top h1 a:focus {
+		background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px;
+		border-right: 1px solid #A2CBE9;
+	}
+}
+@media screen and (max-width: 800px) {
+	#top, #info-boxes, #info-box1, #info-box2 {
+		display:inline-block;
+		vertical-align:middle;
+		margin:0;
+		padding:0;
+		line-height: 32px; /* ie < 9 sucks */
+		line-height: 3.2rem;
+	}
+	#info-box1 {margin-left: .75em;}
+	#info-box1 select {width: 140px; width: 14rem;}
+	#main-menu, #main, #content, #content h2, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child {
+    	display:block;
+    	width: 98%;
+    	margin:0 auto;
+    	padding:0;
+    	float:none;
+    	text-align: left;
+    	clear: both;
+  	}
+  	#content {
+  		width: 100%;
+  		padding-top: .5em;
+  	}
+}
+@media screen and (max-width: 720px) {
+	.smallscreen {display: none;}
+	#help-button {width:20px; overflow: hidden;}
+	#info-box2 {float:none;}
+	#dashboard-items div {display: block;margin-bottom: 1em; padding: 0 1em;}
+	#help-button {height:26px; width:26px; background-color: #A2CBE9; padding: 0; margin:0;font-size:10px; font-size: 1rem;line-height: 68px}
+}
+@media screen and (max-width: 492px) {
+	#header {height: 36px; height: 3.6rem;}
+	#wrapper {font-size: 16px; font-size: 1.6rem;}
+	.page-title, #info-boxes, .media-item {display: inline-block;}
+	div.media-list .media-item {width: 90%; float: none}
+	#info-box1 select {width: 120px; width: 12rem; margin-right: .6rem;}
+	#info-box1 p.nomobile, label.nomobile {display: none;}
+}
Index: admin/style/install.css
===================================================================
--- admin/style/install.css	(revision 1583)
+++ admin/style/install.css	(revision 1330)
@@ -6,9 +6,13 @@
 	Please see http://dotclear.net/ for more details.
 */
+html {
+	font-size: 62.5%;
+}
 body.install {
-	font: 0.875em Helvetica,Arial,sans-serif;
-	color: #000;
-	background-color: #fff;
-	line-height: 1.5em;
+	font: 1.2rem/1.5 Arial,Helvetica,sans-serif;
+	color: #333;
+	background: #fff;
+	margin: 0;
+	padding: 0;
 }
 body.install #content {
@@ -22,5 +26,5 @@
 }
 body.install h1,h2 {
-	font-family: Helvetica,arial,sans-serif;
+	font-family: arial,Helvetica,sans-serif;
 }
 body.install h1 {
@@ -154,43 +158,2 @@
 	border: 1px solid #2C8FD1;
 }
-
-
-/* --------------------------------------------------------------- password indcator */
-.pw-table {
-	display: table;
-	margin-bottom: 1em;
-}
-.pw-cell {
-	display: table-cell;
-	margin-bottom: 1em;
-}
-#pwindicator {
-	display: table-cell;
-	vertical-align: bottom;
-	padding-left: 1.5em;
-	height: 3.8em;
-}
-#pwindicator .bar {
-	height: 6px;
-	margin-bottom: 4px;
-}
-.pw-very-weak .bar {
-	background: #900;
-	width: 30px;
-}
-.pw-weak .bar {
-	background: #c00;
-	width: 60px;
-}
-.pw-mediocre .bar {
-	background: #f60;
-	width: 90px;
-}
-.pw-strong .bar {
-	background: #060;
-	width: 120px;
-}
-.pw-very-strong .bar {
-	background: #0c0;
-	width: 150px;
-}
Index: admin/style/jsToolBar/jsToolBar.css
===================================================================
--- admin/style/jsToolBar/jsToolBar.css	(revision 1065)
+++ admin/style/jsToolBar/jsToolBar.css	(revision 1475)
@@ -2,6 +2,5 @@
 	border-width : 0 1px 1px 1px;
 	border-style : solid;
-	border-color : #000 #ccc #ccc #000;
-	padding-left: 5px;
+	border-color : #ccc;
 	background : #f9f9f9;
 }
@@ -9,6 +8,10 @@
   margin: 0;
   border: 0;
+  padding: 0;
 }
-
+.jstEditor textarea {
+  width: 99%;
+  padding: 1rem 0 0 1%;
+}
 .jstHandle {
 	height: 8px;
@@ -22,9 +25,17 @@
 
 .jstElements {
-	padding: 3px 3px;
-	border-width: 1px 1px 0 1px;
-	border-style: solid;
-	border-color: #000 #ccc #ccc #000;
-	background: #dfdfdf;
+	height: 28px;
+	padding: 0 1rem; 
+	border: 1px solid #ccc;
+	overflow: hidden; 
+	background: #e1e1e1; 
+	background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); 
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); 
+	-moz-border-radius: 4px 4px 0 0; 
+	-webkit-border-radius: 4px 4px 0 0; 
+	border-radius: 4px 4px 0 0; 
+	-webkit-box-shadow: 0 1px 0 #FFF inset; 
+	-moz-box-shadow: 0 1px 0 #FFF inset; 
+	box-shadow: 0 1px 0 #FFF inset;
 }
 
@@ -34,13 +45,12 @@
 .jstElements select {
 	width: 12em;
+	margin-right: .6rem;
 }
 .jstElements button {
-	margin-right : 2px;
-	width : 20px;
-	height: 20px;
-	padding: 0;
-	border-style: solid;
-	border-width: 1px;
-	border-color: #dfdfdf;
+	width : 30px;
+	height: 28px;
+	border-style: groove;
+	border-width:  0 1px 0 0;
+	border-color: #666;
 	background-color : transparent;
 	background-position : 50% 50%;
@@ -55,11 +65,16 @@
 }
 .jstElements span {
-	display : inline;
+	display : inline-block;
+	vertical-align: top;
+	background: #dfdfdf;
 }
 
 .jstSpacer {
-	width : 0px;
-	font-size: 1px;
-	margin-right: 4px;
+	width : 2px;
+	height: 28px;
+	margin-right: 0;
+	border-style: groove;
+	border-width:  0 1px 0 0;
+	border-color: #666;
 }
 
@@ -67,19 +82,17 @@
 	display: block;
 	list-style: none;
-	margin: 0 0 0 -5px;
+	margin: 0;
 	padding: 0 0 5px 0;
 	background: #dfdfdf;
 	border-top: 1px solid #999;
-	font-size: 90%;
-	font-weight: bold;
 }
 .jstSwitcher li {
 	display: inline;
 	margin: 0 0 0 5px;
-	padding: 2px 4px;
+	padding: 2px 8px;
 }
 .jstSwitcher li.jstSwitcherCurrent {
 	color: #fff;
-	background: #999;
+	background: #575859;
 	border-radius: 0 0 2px 2px;
 }
Index: admin/style/jsUpload/style.css
===================================================================
--- admin/style/jsUpload/style.css	(revision 1209)
+++ admin/style/jsUpload/style.css	(revision 1526)
@@ -58,10 +58,7 @@
 }
 
-.enhanced_uploader .add {
-	margin-right: 4em;
-}
-
-.enhanced_uploader .cancel, .enhanced_uploader .clean, .enhanced_uploader .start {
-	margin-left: .5em;
+.enhanced_uploader .add, .enhanced_uploader .cancel, 
+.enhanced_uploader .clean, .enhanced_uploader .start {
+	margin-right: .4em;
 }
 
@@ -76,5 +73,5 @@
 }
 
-.button.clean, .button.cancel, .button.add, .enhanced_uploader .fileupload-buttonbar .button.start {
+.button.clean, .button.cancel, .button.add {
 	display: none;
 }
@@ -97,6 +94,6 @@
 
 .enhanced_uploader p.clear {
-	margin-top: 3em;
-	margin-bottom: 0;
+	padding-top: 1em;
+	margin-bottom: 1em;
 }
 
@@ -104,7 +101,17 @@
 	margin-top: 1em;
 	margin-bottom: 0;
+	clear: both;
 }
 
 /* files */
+.files {
+	list-style-type: none;
+	margin-left: 0;
+	padding-left: 0;
+}
+.files li {
+	margin-left: 0;
+	padding-left: 0;
+}
 .upload-msg {
 	font-weight: bold;
@@ -126,10 +133,13 @@
 
 .upload-fileinfo {
-	margin-left: 16px;
+	margin-left: 8px;
 	margin-bottom: .4em;
 }
-
+.upload-fileinfo span {
+	padding-right: 8px;
+}
 .upload-fileinfo .upload-filecancel {
 	display: block;
+	padding-right: 0;
 	margin-top: 3px;
 	width: 20px;
@@ -151,5 +161,5 @@
 
 .upload-progress {
-	padding: 0 1em;
+	padding: 0 8px;
 }
 
@@ -166,6 +176,10 @@
 	border-radius: 2px;
 }
-
 div.template-upload {
 	clear: both;
 }
+
+.queue-message {
+	font-weight: bold;
+	margin: 0 0 1em 0;
+}
