added two themes and removed one I know is dead..

39 files changed, 1442 insertions, 324 deletions

diff --git a/contrib/themes/classic-ng/images/ampache-light-bg.gif b/contrib/themes/classic-ng/images/ampache-light-bg.gif
deleted file mode 100644
index 2fa58b29..00000000
--- a/contrib/themes/classic-ng/images/ampache-light-bg.gif
+++ /dev/null
diff --git a/contrib/themes/classic-ng/images/ampache.gif b/contrib/themes/classic-ng/images/ampache.gif
deleted file mode 100755
index 5ee651ca..00000000
--- a/contrib/themes/classic-ng/images/ampache.gif
+++ /dev/null
diff --git a/contrib/themes/classic-ng/images/blankalbum.gif b/contrib/themes/classic-ng/images/blankalbum.gif
deleted file mode 100644
index a1d25b40..00000000
--- a/contrib/themes/classic-ng/images/blankalbum.gif
+++ /dev/null
diff --git a/contrib/themes/classic-ng/images/headphone.gif b/contrib/themes/classic-ng/images/headphone.gif
deleted file mode 100755
index 74a66e11..00000000
--- a/contrib/themes/classic-ng/images/headphone.gif
+++ /dev/null
diff --git a/contrib/themes/classic-ng/screencap/01.jpg b/contrib/themes/classic-ng/screencap/01.jpg
deleted file mode 100644
index e6d88df7..00000000
--- a/contrib/themes/classic-ng/screencap/01.jpg
+++ /dev/null
diff --git a/contrib/themes/classic-ng/screencap/02.jpg b/contrib/themes/classic-ng/screencap/02.jpg
deleted file mode 100644
index 513ab97a..00000000
--- a/contrib/themes/classic-ng/screencap/02.jpg
+++ /dev/null
diff --git a/contrib/themes/classic-ng/screencap/03.jpg b/contrib/themes/classic-ng/screencap/03.jpg
deleted file mode 100644
index 32486c01..00000000
--- a/contrib/themes/classic-ng/screencap/03.jpg
+++ /dev/null
diff --git a/contrib/themes/classic-ng/templates/default.css b/contrib/themes/classic-ng/templates/default.css
deleted file mode 100644
index 82df0907..00000000
--- a/contrib/themes/classic-ng/templates/default.css
+++ /dev/null
@@ -1,270 +0,0 @@
-<?php
-/*
-
- Copyright (c) 2001 - 2005 Ampache.org
- All rights reserved.
-
- This program is free software; you can redistribute it and/or
- modify it under the terms of the GNU General Public License
- as published by the Free Software Foundation; either version 2
- of the License, or (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License
- along with this program; if not, write to the Free Software
- Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
-
-*/
-
-/*!
- @header Style File
- @discussion this is the css that is included on every page of
- 	ampache, mod this to change the look and feel of the site
-*/
-?>
-<style type="text/css">
-<!--
-body {
-  background: #ffffff;
-  font-family: Verdana;
-  font-size: 12px;
-  color: #000000;
-  margin: 0;
-  padding: 0;
-  }
-
-p {
-  color: #000000;
-  font-family: Verdana;
-  font-size: 12px;
-  }
-
-a {
-  color: #000000;
-  font-family: Verdana;
-  }
-
-a:visited {
-  color: #000000;
-  font-family: Verdana;
-  }
-
-a:active {
-  color: #000000;
-  font-family: Verdana;
-  }
-
-.text-box {
-  padding-left:5px;
-  padding-top:5px;
-  margin-bottom:10px;
-  background-color: #bbbbbb;
-  border-right:2px solid #000000;
-  border-bottom:2px solid #000000;
-  border-left:2px solid #000000;
-  border-top:2px solid #000000;
-  }
-
-table.tabledata {
-  }
-
-td {
-  padding: 0px 8px 0px 8px;
-  color: #000000;
-  font-family: Verdana;
-  font-size: 12px;
-  }
-
-th {
-  padding-right: 10px;
-  }
-
-input {
-  color: #000000;
-  font-family: Verdana;
-  font-size: 12px;
-  font-weight: bold;
-  background-color: #dddddd;
-  margin: 2px 2px 2px 2px;
-  }
-
-select {
-  color: #000000;
-  font-family: Verdana;
-  font-size: 12px;
-  background-color: #dddddd;
-  }
-
-textarea {
-  background-color: #dddddd;
-  color: #000000;
-  font-family: Verdana;
-  font-size: 12px;
-  }
-
-.table-header {
-  background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) #dddddd repeat-x;
-  vertical-align: top;
-  }
-/*************** Main Menu *****************/
-#mainmenu {
-  width: 100%;
-  background: #ddd;
-  margin: 0px 0 0px 0;
-  padding: 15px 10px 5px;
-  list-style: none;
-  border-bottom: 1px solid #000;
-  }
-
-#mainmenu li {
-  margin-left: 5px;
-  margin-bottom: 0;
-  padding: 2px 10px 5px;
-  border: 1px solid #000;
-  display: inline;
-  background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) #dddddd repeat;
-  font-weight: bold;
-  }
-
-#mainmenu li:hover {
-  background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) #dddddd repeat;
-  }
-
-#mainmenu li.active {
-  background: #fff;
-  border-bottom: 2px solid #fff;
-  }
-
-#mainmenu a {
-  text-decoration: none;
-  }
-
-#mainmenu a:hover {
-  color: #fff;
-  }
-
-#mainmenu a.active {
-  color: #00a;
-  }
-/*************** END Main Menu *************/
-/*************** Admin Menu *************/
-#adminmenu {
-  background: #fff;
-  margin: 0px 0 20px 0;
-  padding: 15px 10px 5px;
-  list-style: none;
-  border-bottom: 1px solid #000;
-  }
-
-#adminmenu li {
-  margin-left: 5px;
-  margin-bottom: 0;
-  padding: 2px 10px 5px;
-  border: 1px solid #000;
-  display: inline;
-  background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-light-bg.gif) #dddddd repeat;
-  font-weight: bold;
-  }
-
-#adminmenu li:hover {
-  background: url(<?php echo conf('web_path'); ?><?php echo conf('theme_path'); ?>/images/ampache-dark-bg.gif) #dddddd repeat;
-  }
-
-#adminmenu li.active {
-  background: #fff;
-  border-bottom: 2px solid #fff;
-  }
-
-#adminmenu a {
-  text-decoration: none;
-  }
-
-#adminmenu a:hover {
-  color: #fff;
-  }
-
-#adminmenu a.active {
-  color: #00a;
-  }
-/*************** END Admin Menu *************/
-/*************** Page Header *********************/
-#pageheader {
-  display: block;
-  background: #ddd;
-  }
-/*************** END Page Header *****************/
-
-.header1 {
-  color: #000000;
-  font-family: Verdana;
-  font-size: <?php echo conf('font_size') + 6; ?>px;
-  font-weight: 900;
-  }
-
-.header2 {
-  color: #000000;
-  font-family: Verdana;
-  font-size: <?php echo conf('font_size') + 2; ?>px;
-  font-weight: 900;
-  }
-
-.headrow {
-  background:#cccccc;
-  font-size: 12px;
-  }
-
-.odd {
-  background:#bbbbbb;
-  font-size: 12px;
-  }
-
-.even {
-  background:#dddddd;
-  font-size: 12px;
-}
-
-.blank {
-  background: #fff;
-  }
-
-.border {
-  background:#000000;
-  }
-
-.header {
-  font-size: 12px;
-  }
-
-.error {
-  color: #990033; 
-  }
-
-.fatalerror {
-  padding-top: 3px;
-  padding-bottom: 3px;
-  color: #990033;
-  border-right:4px solid #990033;
-  border-bottom:4px solid #990033;
-  border-left:4px solid #990033;
-  border-top:4px solid #990033;
-  font-size: <?php echo conf('font_size')+2; ?>px;
-  font-weight: 900;
-  text-align: center;
-  }
-
-.disabled {
-  text-decoration: line-through;
-  }
-
-.alphabet {
-  font-size: 12px;
-  font-weight: normal;
-  }
-
--->
-</style>
-
diff --git a/contrib/themes/classic-ng/theme.cfg.php b/contrib/themes/classic-ng/theme.cfg.php
deleted file mode 100644
index 33c85df9..00000000
--- a/contrib/themes/classic-ng/theme.cfg.php
+++ /dev/null
@@ -1,54 +0,0 @@
-##################
-#<?php exit(); ?>#
-##################
-
-###########################
-# Classic Ampache NG 
-###########################
-
-name = "Classic Ampache NG"
-author	= "Matt Keadle"
-maintainer = "Matt Keadle <mkeadle@mkeadle.org>"
-version = "1.0"
-
-# Theme Colors
-###################
-[color]
-###################
-# Below is a list of the default colors for this theme, upon
-# applying this theme the users color preferences will be reset
-# to what is listed below... 
-
-# Background Color 1
-bg_color1 = "#ffffff"
-
-# Background Color 2
-bg_color2 = "#000000"
-
-# Base Color 1 
-base_color1 = "#bbbbbb"
-
-# Base Color 2 
-base_color2 = "#dddddd"
-
-# Font Color 1 
-font_color1 = "#222222"
-
-# Font Color 2
-font_color2 = "#000000"
-
-# Font Color 3
-font_color3 = "#ffffff"
-
-# Row Color 1 
-row_color1 = "#cccccc"
-
-# Row Color 2
-row_color2 = "#bbbbbb"
-
-# Row Color 3
-row_color3 = "#dddddd"
-
-# Error Color
-error_color = "#990033"
-
diff --git a/contrib/themes/empires/images/Thumbs.db b/contrib/themes/empires/images/Thumbs.db
new file mode 100644
index 00000000..5bf1c13e
--- /dev/null
+++ b/contrib/themes/empires/images/Thumbs.db
diff --git a/contrib/themes/empires/images/ampache.gif b/contrib/themes/empires/images/ampache.gif
new file mode 100644
index 00000000..228d1dcf
--- /dev/null
+++ b/contrib/themes/empires/images/ampache.gif
diff --git a/contrib/themes/empires/images/blank-ampache.gif b/contrib/themes/empires/images/blank-ampache.gif
new file mode 100644
index 00000000..e9375633
--- /dev/null
+++ b/contrib/themes/empires/images/blank-ampache.gif
diff --git a/contrib/themes/empires/images/blankalbum.gif b/contrib/themes/empires/images/blankalbum.gif
new file mode 100644
index 00000000..c2a1a936
--- /dev/null
+++ b/contrib/themes/empires/images/blankalbum.gif
diff --git a/contrib/themes/classic-ng/images/blankalbum.jpg b/contrib/themes/empires/images/blankalbum.jpg
index 468301bd..468301bd 100644
--- a/contrib/themes/classic-ng/images/blankalbum.jpg
+++ b/contrib/themes/empires/images/blankalbum.jpg
diff --git a/contrib/themes/classic-ng/images/table.gif b/contrib/themes/empires/images/table.gif
index 89761b38..89761b38 100755..100644
--- a/contrib/themes/classic-ng/images/table.gif
+++ b/contrib/themes/empires/images/table.gif
diff --git a/contrib/themes/empires/screencap/01.jpg b/contrib/themes/empires/screencap/01.jpg
new file mode 100644
index 00000000..5a6600d8
--- /dev/null
+++ b/contrib/themes/empires/screencap/01.jpg
diff --git a/contrib/themes/empires/templates/default.css b/contrib/themes/empires/templates/default.css
new file mode 100644
index 00000000..28ca4ae8
--- /dev/null
+++ b/contrib/themes/empires/templates/default.css
@@ -0,0 +1,695 @@
+<!--
+/*   
+Empires
+so this is my first attempt at theming.  i'm not a css pro.  in fact, this 
+is pretty much the first time i've gotten my hands really dirty in css. so
+if there's css errors or issues, that's probably why.  if it's anything 
+blatant, feel free to fix them, just let me know what you did.
+
+i used apex's method of breaking down the css because it was easier to read
+and find stuff, so that, and a lot of the comments, is all him.  if you
+like the ampache.gif but want your own text/logo in there, feel free to 
+use the blank-ampache.gif as a template or you can email me and if i'm free
+i may be able to throw something together for you.  i am intending on, at
+some point, revisiting it and adding some color to it, but for now, i just
+want to get this thing out and be done with it.
+
+kay, i'll stop yammering.  --jazzs3quence (c <dot> s <dot> reynolds <at> gmail <dot> com
+
+oh, and one more thing.  this was written and tested for Ampache v.3.3.3
+It *should* work with other 3.3.3 versions and future versions but who the hell knows.
+*/
+-->
+
+/**************/
+/*   PIECES   */
+/**************/
+
+p { 
+	color: #0099FF;
+}
+a { 
+	color: #F9F9F9; 
+	font-family: Verdana, Helvetica, sans-serif; 
+}
+a:visited 
+	{ 
+	color: #F9F9F9; 	
+	font-family: Verdana, Helvetica, sans-serif; 
+	}
+a:hover
+{ 
+	color: #0099FF;
+font-family: Verdana, Helvetica, sans-serif;
+}
+a:active  { 
+	color: #0099FF; 
+	font-family: Verdana, Helvetica, sans-serif; 
+}
+.text-box {
+	display: table-cell;
+	padding-left:5px;
+	padding-top:25px;
+	padding-right:5px;
+	margin-bottom:10px;
+	background-color: #1D1D1D;
+	border-right:2px solid #000000;
+	border-bottom:2px solid #000000;
+	border-left:2px solid #000000;
+	border-top:2px solid #000000;
+}
+td { 
+	padding: 0px 8px 0px 8px;
+	color: #0099FF; 
+	font-family: Verdana, Helvetica, sans-serif; 
+	font-size: 10px;
+}
+
+/*******************/
+/*  FORM ELEMENTS  */
+/*******************/
+
+input {
+	color: #0099FF; 
+	font-family: Verdana, Helvetica, sans-serif; 
+	font-size: 10px; 
+	background-color: #1D1D1D;
+	border: 2px solid #000000;
+	position: relative;
+	margin: 2px 2px 2px 2px;
+}
+select { 
+	color: #0099FF; 
+	font-family: Verdana, Helvetica, sans-serif; 
+	font-size: 10px; 
+	background-color: #1D1D1D;
+	border: 1px solid #000000;
+	position: relative;
+}
+textarea { 
+	background-color: #1D1D1D;
+	color: #0099FF; 
+	font-family: Verdana, Helvetica, sans-serif; 
+	font-size: 10px;
+	border: 2px solid #000000;
+}
+checkbox {
+	background-color: #000000;
+	border: 1px solid #1D1D1D;
+}
+.text-action, .text-action li {
+	margin-top:5px;
+	list-style: none;
+	margin-bottom:5px;
+	padding-left:0px;
+}
+.text-action a, .text-action span {
+	background: #000000;
+	border:1px solid #1D1D1D;
+ 	padding-left:2px;
+	padding-right:2px;
+	text-decoration: none;
+}
+.text-action #pt_active {
+	background: #1D1D1D;
+	color: #0099FF;
+	border:1px solid #1D1D1D;
+}
+.confirmation-box {
+	padding: 5px;
+ 	margin-left: 0 auto;
+ 	margin-right: 0 auto;
+	margin-bottom:10px;
+	background-color: #000000;
+	border:2px solid #1D1D1D;
+}
+
+/* Playing around with making columns distinct */
+/* Unfortunately adding borders breaks alot of */
+/* other pages... trying to fix it but will    */
+/* require changes to core files... 8(         */
+
+.border {
+	border: 1px solid #1D1D1D;
+}
+.tabledata {
+	border-top: 5px solid #1D1D1D;
+}
+.odd {
+	background:#000000;
+	font-size: 10px;
+	text-align: left;
+}
+.even {
+	background:#1D1D1D;
+	font-size: 10px;
+	text-align: left;
+}
+th {
+	padding: 4px 0 4px 0;
+	text-align: center;
+	border-bottom: 3px double #000000;
+}
+.even td {
+	text-align: center;
+	padding: 3px;
+	border-right: 1px solid #000000;
+	border-left: 1px solid #000000;
+}
+.odd td {
+	text-align: center;
+	padding: 3px;
+	border-right: 1px solid #000000;
+	border-left: 1px solid #000000;
+}
+.table-header {
+	background: url(../themes/empires/images/ampache.gif) #1D1D1D repeat-x;
+	vertical-align: top;
+	padding: 0;
+	text-align: center;
+}
+	.header1 
+    { 
+	color: #0099FF; 
+	font-family: Verdana, Helvetica, sans-serif; 
+	font-size: 18px; 
+	font-weight: 900;
+    }
+    .header2
+    {
+    	color: #0099FF;
+	font-family: Verdana, Helvetica, sans-serif;
+	font-size: 14px;
+	font-weight: 900;
+    }
+	.headrow 
+		{
+		background:#1D1D1D;
+		font-size: 10px;
+		}
+	.odd 
+		{
+		background:#000000;
+		font-size: 10px;
+		}
+	.even
+		{
+		background:#1D1D1D;
+		font-size: 10px;
+		}
+.table-footer td {
+	background: #1D1D1D;
+	border-bottom: 3px double #000000;
+	border-left: 1px solid #000000;
+	border-right: 1px solid #000000;
+}
+.table-header td,th {
+	border-right: 1px solid #000000;
+	border-left: 1px solid #000000;
+	border-top: 3px double #000000;
+	border-bottom: 1px solid #000000;
+	padding: 4px 4px 4px 4px;
+	text-align: center;
+	background: #1D1D1D;
+	font-size: 10px;
+}
+.tabledata td {
+	border-bottom: 1px solid #000000;
+}
+.error { 
+	color: #990033;
+	border-bottom: 1px solid #000000;
+}
+.alphabet { 
+	margin: 10px;
+	font-size: 9px; 
+	font-weight: normal; 
+}
+.list-header td {
+	border: 0;
+}
+
+/*****************/
+/*   BIG STUFF   */
+/*****************/
+
+body {	
+	padding-top: 0px;
+	font-family:Arial, Helvetica, Sans-Serif;
+	color: #0099FF;
+	background: #000000;
+	text-align: center;
+	margin-right: auto;
+	margin-left: auto;
+}
+.smeg-ie {
+	margin: 0 auto;
+	padding: 10px;;
+}
+#maincontainer {
+	text-align: center;
+	border: 0;
+	margin-right: auto;
+	margin-left: auto;	
+}
+#content {
+	border: 1px solid #000000;
+	padding: 0;
+	margin: 0 auto;
+	z-index: 1;
+	text-align: center;
+}
+#footer-content {
+	margin: 0 auto;
+	padding: 0;
+	border: 0;
+	height: 0;
+	background: #000000;
+	position: relative;
+	z-index: 2;
+}
+
+/***********************/
+/*   SIDEBAR == MENU   */
+/***********************/
+
+div#sidebar{
+	margin: 0px auto;
+	padding: 31px 150px 0 148px;
+	height: 65px;
+	width: 600px;
+	position: relative;
+	top: -20px;
+	left: 0px;
+	border: 0;
+	background: #000000;
+	z-index: 50;
+}
+
+#sidebar h3 {
+	display: none;
+	width: 0px; 
+	height: 0px; 
+	margin:0px;
+	padding:0px;
+	border: 0;
+	background: #000000;
+	line-height: 1px;
+}
+	
+#sidebar h3 span {
+	display:none
+}
+
+#sidebar ul {
+	margin: 0px;
+	list-style: none;
+	font-family:Arial, Helvetica, Sans-Serif;
+	font-size:10px;
+	padding: 0px;
+	line-height: 1.0;
+	background-color:#000000;
+}
+
+#sidebar li {
+    margin: 0;
+    float: left;
+    display: block;
+    border-bottom: 1px solid #1D1D1D;
+    border-left: 1px solid #1D1D1D;
+    border-right: 1px solid #1D1D1D;
+    border-top: 1px solid #1D1D1D;
+    padding: 5px 0px 5px 10px;
+    width: 10.5em;
+    background-color:#000000;
+}
+
+#sidebar a, .navbutton {
+    display: block;  /*Not sure why this is neccesary, but it is for IE*/
+    text-decoration: none;
+}
+
+#sidebar li:hover, #sidebar li.sfhover {
+	color: #1D1D1D;
+       background-color: #000000;
+}
+
+#sidebar li:active {
+	background-color:#000000;
+	z-index:30;
+}
+   
+#sidebar li ul {
+    float: left;
+    position: absolute;
+    width: 9em;
+/*	margin: -1.5em 0 0 10.5em; /* for vertical menu; comment out otherwise */
+	margin: 0.5em 0 0 -1.1em;  /* for horizontal menu;  comment out otherwise */ 
+    left: -999em;  /* this -999em puts the submenu item way off to the left until it's called back by a hover (below) */
+	z-index:30;
+}
+
+#sidebar li:hover ul, #sidebar li.sfhover ul {
+	left: auto;  /* this calls the submenu back when the parent li is hovered. */
+       background-color: #000000;
+}
+
+#navlist ul li:hover {
+       background-color: #1D1D1D;
+}
+#play_type_switch {
+	position: relative;
+	top: -3px;
+	width: 92px;
+	border: 1px solid #1D1D1D;
+	background: #000000;
+}
+
+/* #sidebar li.sfhover ul {}
+#navlist ul li:hover {} */
+
+/***************************/
+/* NOW PLAYING & HOME PAGE */
+/* STATISTICS + POPULAR    */
+/*         BOXES           */
+/***************************/
+
+#nowplaying {
+	width:650px;
+	background: #000000;
+}
+.np_row {
+	border: 0;
+	width: 780px;
+}
+.np_cell {
+	color: #F9F9F9;
+	padding: 10px 0 10px 0;
+	text-align: center;
+	border: 5px;
+	background: #1D1D1D;
+	width: 500px;
+}
+#np_container1{
+	width: 260px;
+	height: 18px;
+	padding: 0px;
+	margin: 0px;
+	background: #000;
+}
+#np_container1 h1{
+	font-size: 10px;
+	font-weight: bold;
+	padding: 2px;
+}
+#np_container2{
+	border-width: 1px 1px 1px 1px;
+	border-style: solid;
+	padding: 6px;
+	font-family: Verdana, sans-serif;
+	font-size: 10px;
+	line-height: 10px;
+	color: #000;
+	background: #000000;
+}
+#biddaddy {
+	/* I didn't pick the name. Its the box around most of the stuff on the main page. */
+	text-align: left;
+	margin-left: auto;
+	margin-right: auto;
+	border: 0;
+}
+
+/*************/
+/*  Top Bar  */
+/*************/
+#topbar { 
+	height: 75px;
+	padding-top:3px;
+	padding-left:10px;
+}
+#topbarright { 
+	float: left;
+	margin-top: 30px;
+	font-size: 10px;
+}
+	/* This holds the "Your currently logged in as and version #... blah blah */
+
+#topbarleft {
+	/* ampache.gif inside this, hard coded into the page */
+	float: left;
+	border: 0;
+}
+
+/********************/
+/* TABLE STUFF:     */
+/* Albums listings  */
+/* Preferences      */
+/* etc.             */
+/********************/
+
+.box { 
+    text-align: center;
+	padding:0px;
+	background: #000000;
+	border: #1D1D1D;
+	margin:10px auto;
+}
+.box-title { 
+	border-bottom: 2px solid #1D1D1D;
+	font-weight: bold;
+}
+.box-content table {
+	text-align: left;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	border: 0;
+}
+.box-content {
+	text-align: left;
+}
+/*******************************/
+/*  IMAGE BORDERS AROUND BOXES */
+/*******************************/
+/* I don't have any */
+.box-left-top		{ display: none }
+.box-right-top		{ display: none }
+.box-left-bottom	{ display: none }
+.box-right-bottom	{ display: none }
+.box-left			{ display: none }
+.box-right			{ display: none }
+.box-top			{ display: none }
+.box-bottom			{ display: none }
+
+/************************/
+/*  TABS ON PREF. PAGE  */
+/************************/
+
+#tablist {
+        padding: 3px 0;
+        margin: 12px 0 0 0;
+        font: bold 12px Verdana, sans-serif;
+}
+#tablist li {
+        list-style: none;
+        margin: 0;
+        display: inline;
+}
+#tablist li a {
+        padding: 3px 0.5em;
+        margin-left: 3px;
+        border: 1px solid #000000;
+        border-bottom: none;
+        background: #1D1D1D;
+}
+#tablist li a:link {
+	color: #F9F9F9;
+}
+#tablist li a:visited {
+	color: #F9F9F9;
+}
+#tablist li a:hover {
+        color: #0099FF;
+        background: #000000;
+        border-color: #1D1D1D;
+}
+#tablist li a#current {
+        color: #0099FF;
+        background: #000000;
+        border-color: #1D1D1D;
+}
+
+/*****************/
+/*  LOGIN PAGE   */
+/*****************/
+#container{
+	margin:100px auto 0px auto;
+	width:437px;
+	font-size: 12px;
+	text-align:center;
+}
+#container h1{
+	background:url("../images/ampache.gif") no-repeat;
+	height:81px;
+	margin-bottom:8px;
+}
+#container h1 span{
+	display:none;
+}
+#container div{
+	background:#1D1D1D;
+	height:285px;
+}
+#loginp_0{
+	color:#0099FF;
+	font-family: Verdana, sans-serif;
+	margin-top:0px;
+	padding-top:60px;
+}
+.loginp_1{
+	text-align:right;
+	font-family: Verdana, sans-serif;
+	padding-right:100px;
+}
+.loginp_1 span{
+	font-weight:bold;
+}
+.loginp_1 input{
+	border:1px solid #999;
+}
+input.text_input {
+width:12em;
+}
+.loginp_1 input.check_input {
+margin-right:5em;
+} 
+
+/**************************/
+/*   USELESS STUFF THAT   */
+/*    DOESN'T DO MUCH     */
+/*      OF ANYTHING       */
+/**************************/
+
+.disabled		{text-decoration: line-through;}
+
+/* ########################## */
+/*   I'm too lazy to break    */
+/*   something sufficiently   */
+/*   to skin this for now.    */
+/*                            */
+/* If you have a fatal error, */
+/* your skin is not your most */
+/* important problem now,     */
+/* is it? 8)                  */
+/* ########################## */
+
+.fatalerror {
+	padding-top: 3px;
+	padding-left: 3px;
+
+	padding-right: 3px;
+	display: table-cell;
+	padding-bottom: 3px;
+	color: #990033;
+	border-right:4px solid #1D1D1D;
+	border-bottom:4px solid #1D1D1D;
+	border-left:4px solid #1D1D1D;
+	border-top:4px solid #1D1D1D;		
+}
+/* ########################### */
+/* styles for the star ratings */
+/* ########################### */
+.star-rating{
+        list-style:none;
+        margin: 0px;
+        padding:0px;
+        width: 80px;
+        height: 15px;
+        position: relative;
+        background: url(../../../images/ratings/star_rating.gif) top left repeat-x;
+}
+.star-rating li{
+        padding:0px;
+        margin:0px;
+        float: right;
+}
+.star-rating li span{
+        display:block;
+        width:16px;
+        height: 15px;
+        text-decoration: none;
+        text-indent: -9000px;
+        z-index: 20;
+        position: absolute;
+        padding: 0px;
+}
+.star-rating li span:hover{
+        background: url(../../../images/ratings/star_rating.gif) left center;
+        z-index: 2;
+        left: 0px;
+}
+li.zero-stars span:hover {
+        background: url(../../../images/ratings/x.gif);
+        height: 15px;
+        left: 80px;
+        display: block;
+}
+span.zero-stars {
+        background: url(../../../images/ratings/x_off.gif);
+        height: 15px;
+        left: 80px;
+        display: block;
+}
+span.one-stars{
+        left: 0px;
+}
+span.one-stars:hover{
+        width:16px;
+}
+span.two-stars{
+        left:16px;
+}
+span.two-stars:hover{
+        width: 32px;
+}
+span.three-stars{
+        left: 32px;
+}
+span.three-stars:hover{
+        width: 48px;
+}
+span.four-stars{
+        left: 48px;
+}
+span.four-stars:hover{
+        width: 64px;
+}
+span.five-stars{
+        left: 64px;
+}
+span.five-stars:hover{
+        width: 80px;
+}
+li.current-rating{
+        background: url(../../../images/ratings/star_rating.gif) left bottom;
+        position: absolute;
+        height: 15px;
+        display: block;
+        text-indent: -9000px;
+        z-index: 1;
+}
+
+/************************************************/
+/* User Online/Offline style, used in users.php */
+/************************************************/
+td.user_online{
+	background:#007ACC;
+}
+td.user_offline {
+	background:#4D4D4D;
+}
+td.user_disabled {
+	background:#999999;
+}
\ No newline at end of file
diff --git a/contrib/themes/empires/theme.cfg.php b/contrib/themes/empires/theme.cfg.php
new file mode 100644
index 00000000..65595b26
--- /dev/null
+++ b/contrib/themes/empires/theme.cfg.php
@@ -0,0 +1,65 @@
+##################
+#<?php exit(); ?>#
+##################
+
+###########################
+# Ampache Theme: Empires 
+###########################
+
+# Notes
+# This theme is based off a Joomla! template called js_empire.
+# I've been running the 3.3.2 Ampache with this color scheme
+# hard-coded in preferences for a while and decided it was time
+# to make a new theme, and make it work with the new Ampache.
+#
+# 01/15/07 updated to include color scheming for user_offline/
+# user_online classes, removed some no-longer-used stuff from
+# this file, changed the blank-ampache.gif.
+
+# Theme Name
+# This is the actual name of the theme that
+# will be displayed in the preferences screen
+# DEFAULT: ampache-theme
+name = "Empires"
+
+# Theme Author
+# This is just a way of giving credit to the 
+# person who actually created this theme
+# DEFAULT: N/A
+author = "jazzs3quence"
+
+# Theme Maintainer
+# This is just a way of listing who is responsible for
+# maintaining this theme incase it's not working right
+# please include an e-mail address so you can be contacted
+# DEFAULT: N/A
+maintainer = "jazzs3quence -- c dot s dot reynolds at gmail dot com"
+
+# Version
+# This is the version of the Theme (usefull if you've updated it)
+version = "1.3.1"
+
+# Orientation
+# This was added as of 3.3.2-Alpha4, this tells Ampache if this theme
+# uses vertical or horizontal orientation of the menu, if this is a horizontal 
+# theme then it will not show the quick search and quick random play forms
+orientation = "horizontal"
+
+# Submenu
+# If this is set to simple the sub menu's will only be shown when you're on one of the 
+# respective pages. If you want to make the menu's something like the classic theme
+# comment this out
+# submenu = "simple"
+
+# Theme Colors
+###################
+[color]
+###################
+# this isn't really used anymore, so the list below is the basic theme colors used.
+
+# background                  = "#000000"
+# text boxes and stuff        = "#1D1D1D"
+# plain text and mouseovers   = "#0099FF"
+# links                       = "#F9F9F9"
+# errors                      = "#990033"
+
diff --git a/contrib/themes/classic-ng/images/ampache-dark-bg.gif b/contrib/themes/klassikiosk/images/ampache-dark-bg.gif
index e9fc72c9..e9fc72c9 100755..100644
--- a/contrib/themes/classic-ng/images/ampache-dark-bg.gif
+++ b/contrib/themes/klassikiosk/images/ampache-dark-bg.gif
diff --git a/contrib/themes/klassikiosk/images/ampache-light-bg.gif b/contrib/themes/klassikiosk/images/ampache-light-bg.gif
new file mode 100644
index 00000000..262430b8
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/ampache-light-bg.gif
diff --git a/contrib/themes/classic-ng/images/ampache-mid.gif b/contrib/themes/klassikiosk/images/ampache-mid.gif
index 57376ea4..57376ea4 100755..100644
--- a/contrib/themes/classic-ng/images/ampache-mid.gif
+++ b/contrib/themes/klassikiosk/images/ampache-mid.gif
diff --git a/contrib/themes/klassikiosk/images/ampache.gif b/contrib/themes/klassikiosk/images/ampache.gif
new file mode 100644
index 00000000..b085c7f2
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/ampache.gif
diff --git a/contrib/themes/klassikiosk/images/bg_login_0.jpg b/contrib/themes/klassikiosk/images/bg_login_0.jpg
new file mode 100644
index 00000000..ea53491c
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/bg_login_0.jpg
diff --git a/contrib/themes/klassikiosk/images/bg_login_1.jpg b/contrib/themes/klassikiosk/images/bg_login_1.jpg
new file mode 100644
index 00000000..ee10fe66
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/bg_login_1.jpg
diff --git a/contrib/themes/classic-ng/images/blank-pixel.gif b/contrib/themes/klassikiosk/images/blank-pixel.gif
index 17d43908..17d43908 100644
--- a/contrib/themes/classic-ng/images/blank-pixel.gif
+++ b/contrib/themes/klassikiosk/images/blank-pixel.gif
diff --git a/contrib/themes/klassikiosk/images/blankalbum.gif b/contrib/themes/klassikiosk/images/blankalbum.gif
new file mode 100644
index 00000000..c2a1a936
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/blankalbum.gif
diff --git a/contrib/themes/klassikiosk/images/blankalbum.jpg b/contrib/themes/klassikiosk/images/blankalbum.jpg
new file mode 100644
index 00000000..468301bd
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/blankalbum.jpg
diff --git a/contrib/themes/klassikiosk/images/bottom.gif b/contrib/themes/klassikiosk/images/bottom.gif
new file mode 100644
index 00000000..e1545988
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/bottom.gif
diff --git a/contrib/themes/klassikiosk/images/bottomleft.gif b/contrib/themes/klassikiosk/images/bottomleft.gif
new file mode 100644
index 00000000..940eeb36
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/bottomleft.gif
diff --git a/contrib/themes/klassikiosk/images/bottomright.gif b/contrib/themes/klassikiosk/images/bottomright.gif
new file mode 100644
index 00000000..4e9caf4d
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/bottomright.gif
diff --git a/contrib/themes/klassikiosk/images/left.gif b/contrib/themes/klassikiosk/images/left.gif
new file mode 100644
index 00000000..0f9fb2d9
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/left.gif
diff --git a/contrib/themes/klassikiosk/images/right.gif b/contrib/themes/klassikiosk/images/right.gif
new file mode 100644
index 00000000..c984eaa7
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/right.gif
diff --git a/contrib/themes/klassikiosk/images/sidebar_top.jpg b/contrib/themes/klassikiosk/images/sidebar_top.jpg
new file mode 100644
index 00000000..cd6e7dfd
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/sidebar_top.jpg
diff --git a/contrib/themes/klassikiosk/images/tmp/sidebar_top.jpg b/contrib/themes/klassikiosk/images/tmp/sidebar_top.jpg
new file mode 100644
index 00000000..cd6e7dfd
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/tmp/sidebar_top.jpg
diff --git a/contrib/themes/klassikiosk/images/top.gif b/contrib/themes/klassikiosk/images/top.gif
new file mode 100644
index 00000000..dbdde2cc
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/top.gif
diff --git a/contrib/themes/klassikiosk/images/topleft.gif b/contrib/themes/klassikiosk/images/topleft.gif
new file mode 100644
index 00000000..3a931ff0
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/topleft.gif
diff --git a/contrib/themes/klassikiosk/images/topright.gif b/contrib/themes/klassikiosk/images/topright.gif
new file mode 100644
index 00000000..ea13e18a
--- /dev/null
+++ b/contrib/themes/klassikiosk/images/topright.gif
diff --git a/contrib/themes/klassikiosk/templates/default.css b/contrib/themes/klassikiosk/templates/default.css
new file mode 100644
index 00000000..bf1258bb
--- /dev/null
+++ b/contrib/themes/klassikiosk/templates/default.css
@@ -0,0 +1,640 @@
+/*

+

+ Copyright (c) 2001 - 2006 Ampache.org

+ All rights reserved.

+

+ This program is free software; you can redistribute it and/or

+ modify it under the terms of the GNU General Public License v2

+ as published by the Free Software Foundation

+

+ This program is distributed in the hope that it will be useful,

+ but WITHOUT ANY WARRANTY; without even the implied warranty of

+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+ GNU General Public License for more details.

+

+ You should have received a copy of the GNU General Public License

+ along with this program; if not, write to the Free Software

+ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

+

+*/

+

+

+/************************************************/

+/*    Unify default browsers style rules        */

+/************************************************/

+:link,:visited { text-decoration:underline; }

+h1, h2, h3, h4, h5, h6, pre, code	{ font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */

+a img, :link img, :visited img { border: none; } /* no blue linked image borders */

+ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */

+

+

+/************************************************/

+/*           General style rules                */

+/************************************************/

+body { 

+	background:#d3d3d3;

+	font-family:Arial, Helvetica, Sans-Serif;

+}

+p { 

+	color: #000;

+	margin:1em 0;

+}

+a, a:visited, a:active{ 

+	color: #000; 

+	font-family: Verdana, Helvetica, sans-serif; 

+}

+td { 

+	padding: 0 8px;

+	color: #000; 

+	font:14px Verdana, Helvetica, sans-serif; 

+}

+th {

+	padding-right: 15px;

+}

+input, select, textarea{

+	font: 14px Verdana, Helvetica, sans-serif; 

+	background: #ddd; 

+	color: #000; 

+}

+input {

+	font-weight: bold;

+  margin: 2px 2px 2px 0;

+}

+

+

+/************************************************/

+/*             Header                           */

+/************************************************/

+#topbar { 

+	height: 80px;

+	padding: 3px 0 0 10px;

+}

+#topbarright { 

+	float: right;

+	font-size: 10px;

+}

+#topbarleft, #topbarleft a{ 

+	float: left;

+}

+

+

+/************************************************/

+/*                Footer                        */

+/************************************************/

+#footer {

+	margin: 0 0 10px 150px;

+}

+#footer p {

+	color:#999;

+	font-size:10px;

+}

+

+

+/************************************************/

+/*                  Buttons                     */

+/************************************************/

+.selected_button {

+	background: #000;

+  color: #fff;

+}

+.unselected_button {

+}

+.smallbutton {

+	border:0;

+	padding: 0 1px;

+	font-size: 14px;

+	cursor: pointer;

+}

+

+

+/************************************************/

+/*         Tables (songs lists...)              */

+/************************************************/

+.table-header {

+/*	background: url(../images/ampache-light-bg.gif) #dddddd repeat-x; */

+	background: #a0a0a0;

+	vertical-align: top;

+	text-align:center;

+}

+.odd {

+		font-size: 14px;

+		background:#bbb;

+}

+.even {

+		font-size: 14px;

+		background:#ddd;

+}

+.headrow {

+		font-size: 14px;

+    background:#ccc;

+}

+.blank {

+	background: #fff;

+}

+.border { 

+	background: #000; 

+}

+.header { 

+	font-size: 14px; 

+}

+

+/************************************************/

+/*               Content block                  */

+/************************************************/

+#content {

+	top:90px;

+	float: none;

+	margin:20px 0 0 200px;

+	/* background:#fff url(../images/bg_content.gif) repeat-y right top; */

+}

+h3#content_title{

+	font: 14px/32px Arial,Helvetica,Sans-Serif;

+	background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;

+	color:#fff;

+}

+h3#content_title span {

+	text-align:left;

+}

+

+

+/************************************************/

+/*                  Sidebar                     */

+/************************************************/

+#sidebar{

+	clear:both;

+	position:absolute;

+	left:5px;

+	top:87px;

+}

+#sidebar select	{

+	width: 95%; 

+}

+#sidebar h3 {

+	width: 180px; 

+	height: 28px; 

+	background: transparent url(../images/sidebar_top.jpg) no-repeat left; 

+}

+#sidebar h3 span {

+	display:none

+}

+#sidebar ul {

+	list-style: none;

+	font-family:Arial, Helvetica, Sans-Serif;

+	font-size: 14px;

+	margin: 0;

+	padding: 0;

+	line-height: 1em;

+}

+#sidebar ul.subnavside {

+    display: block; /*none;*/

+    position: static; /*absolute;*/

+    width: 100%; /*9em;*/

+    top: 0; /*-1px;*/

+    left: 0; /*11.5em;*/

+    font-size: 1em;

+    z-index: 1;		

+}

+#sidebar li {

+    float: left;

+    clear: both;

+    display: inline;	/* IE6 Patch */

+    position: relative;

+    width: 13em;

+    width: /**/11.5em; /* Only IE5.5 can't see this */

+    margin: 0;

+    padding: .5em 0 .5em 1em;

+    border: 1px solid #8b8b8b;

+    border-right: 4px solid #b4b4b4;

+    background:#fff;

+}

+#sidebar ul.subnavside li { 

+    border-right-width: 1px;

+}

+#sidebar a, #sidebar .navbutton {

+    display: block;

+    position: relative;

+    text-decoration: none;

+    padding: .5em 0 .5em 1em;

+}

+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {

+    display:block;

+}

+#sidebar ul.subnavside{

+    margin-left:0.5em;

+}

+#sidebar ul.subnavside li{

+    width: 11.5em;

+    width: /**/10em; /* Only IE5.5 can't see this */

+}

+#sidebar li:hover, #sidebar li.sfhover,  #sidebar li.activetopmenu {

+    color:#000;

+    background:#ddd;

+}

+#sidebar li.hover:active {

+    background:#ccc;

+    z-index:30;

+}

+

+/* For horizontal menu */

+.horizontal_menu #content { margin:3em 0 0 2em; }

+.horizontal_menu #sidebar { width: auto; top: 85px;}

+.horizontal_menu #sidebar h3 { display: none; }

+.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b; }

+.horizontal_menu #sidebar ul.subnavside  { left: 0; top: 2em; }

+

+

+/* Menu Elements Display (icons, visibility...) */

+#sidebar_home a 	{ }

+#sidebar_admin a 	{ }

+#sidebar_prefs a 	{ }

+#sidebar_browse a 	{ }

+#sidebar_plists a 	{ }

+#sidebar_stats a 	{ }

+#sidebar_search a 	{ }

+#sidebar #sidebar_subsearch  	{ }

+#sidebar_random a 	{ }

+#sidebar_form  		{ }

+#sidebar_localplay a 	{ }

+#sidebar_localplay_ctrl	{ }

+#sidebar_logout a 	{ }

+

+#sidebar_admin_users a		{ }

+#sidebar_admin_mail_users a	{ }

+#sidebar_admin_catalog a	{ }

+#sidebar_admin_config a 	{ }

+#sidebar_admin_access_list a	{ }

+

+#sidebar_browse_albums a	{ }

+#sidebar_browse_artists a	{ }

+#sidebar_browse_genre a		{ }

+#sidebar_browse_song_title a	{ }

+#sidebar_browse_lists a		{ }

+

+

+/************************************************/

+/*          Now Playing Styles                  */

+/************************************************/

+#nowplaying{

+	clear: both;

+	width: 600px;

+}

+

+#np_container1{

+	width: 260px;

+	height: 18px;

+	background: #fff url(../images/tb_tab.jpg) no-repeat top left;

+}

+

+#np_container1 h1{

+	font-size: 10px;

+	font-weight: bold;

+	padding: 2px;

+}

+

+#np_container2{

+	border: 1px solid #999;

+	border-color:#ddd #999 #999 #ccc;

+	padding: 6px;

+	font: 10px/12px Verdana, sans-serif;

+	background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;

+	color: #000;

+}

+.np_row {

+	padding: 3px 0;

+}

+.np_cell {

+	margin: 10px;

+}

+

+

+/************************************************/

+/*        Styles for the star ratings           */

+/************************************************/

+.star-rating{

+        position: relative;

+        list-style:none;

+        width: 80px;

+        height: 15px;

+        background: url(../../../images/ratings/star_rating.gif) top left repeat-x;

+}

+.star-rating li{

+        float: right;

+}

+li.current-rating{

+        display: block;

+        position: absolute;

+        height: 15px;

+        background: url(../../../images/ratings/star_rating.gif) left bottom;

+        text-indent: -9000px;

+        z-index: 1;

+}

+.star-rating li span{

+        position: absolute;

+        display:block;

+        width:16px;

+        height: 15px;

+        text-decoration: none;

+        text-indent: -9000px;

+        z-index: 20;

+}

+.star-rating li span:hover{

+        background: url(../../../images/ratings/star_rating.gif) left center;

+        z-index: 2;

+        left: 0;

+}

+li.zero-stars span:hover {

+        display: block;

+        left: 80px;

+        height: 15px;

+        background: url(../../../images/ratings/x.gif);

+}

+span.zero-stars {

+        display: block;

+        left: 80px;

+        height: 15px;

+        background: url(../../../images/ratings/x_off.gif);

+}

+span.one-stars        { left: 0px; }

+span.one-stars:hover  { width:16px; }

+span.two-stars        { left:16px; }

+span.two-stars:hover  { width: 32px; }

+span.three-stars      { left: 32px; }

+span.three-stars:hover{ width: 48px; }

+span.four-stars       { left: 48px; }

+span.four-stars:hover { width: 64px; }

+span.five-stars       { left: 64px; }

+span.five-stars:hover { width: 80px; }

+

+

+/************************************************/

+/*              Box Related Styles              */

+/************************************************/

+.box { 

+	background: #f7f7f7;

+}

+.box-title { 

+	border-bottom: solid 1px #000;

+	font-size: 1.05em;

+	font-weight: bold;

+}

+.box-list { 

+	padding-right: 10px;

+}

+

+/* Enclosing Boxes Styles */

+.box-left-top { 

+	background: url(../images/topleft.gif) no-repeat;

+	height:16px;

+}

+.box-left-bottom {

+  background: url(../images/bottomleft.gif) no-repeat;

+	height:18px;

+}

+.box-left { 

+	background: url(../images/left.gif);

+}

+.box-bottom { 

+	background: url(../images/bottom.gif);

+	height:18px;

+}

+.box-right-bottom { 

+	background: url(../images/bottomright.gif) no-repeat;

+}

+.box-right-top {

+	background: url(../images/topright.gif) no-repeat;

+}

+.box-right { 

+	background: url(../images/right.gif);

+}

+.box-top { 

+	background: url(../images/top.gif);

+}

+

+

+/************************************************/

+/*             List Header Styles               */

+/************************************************/

+.list-header { 

+	text-decoration: none;

+} 

+.list-header:hover { 

+	color:#071fd4;

+}

+

+

+/************************************************/

+/*             Text Action Styles               */

+/************************************************/

+.text-action, .text-action li {

+	list-style: none;

+	margin:5px 0;

+	padding-left:0px;

+}

+.text-action a, .text-action span {

+ 	padding: 0 2px;

+	background: #ddd;

+	border:1px solid #000;

+	text-decoration: none;

+}

+.text-action #pt_active {

+	background: #000;

+	color: #fff;

+	border:1px solid #ddd;

+}

+

+

+/************************************************/

+/*            Tabs (for preferences)            */

+/************************************************/

+#tablist {

+        padding: 3px 0;

+        margin: 12px 0 0 0;

+        font: bold 12px Verdana, sans-serif;

+}

+#tablist li {

+        list-style: none;

+        display: inline;

+}

+#tablist li a {

+        padding: 3px 0.5em;

+        margin-left: 3px;

+        border: 1px solid #ccc;

+        border-bottom: none;

+        background: #ddd;

+        text-decoration: none;

+}

+#tablist li a:link { color: #222; }

+#tablist li a:visited { color: #000; }

+#tablist li a:hover {

+        color: #000;

+        background: #bbb;

+        border-color: #000;

+}

+#tablist li a#current {

+        color: #000;

+        background: #bbb;

+        border-color: #000;

+        border-bottom: 1px solid #000;

+}

+

+

+/************************************************/

+/*            Styles for Header                 */

+/*(for ampache admin : installation, update...) */

+/************************************************/

+div#Header{

+	height:80px;

+	margin-bottom:3px;

+}

+#Header h1 { 

+	width: 439px; 

+	height: 84px; 

+	float: left;

+	border:0; 

+	background: transparent url(../images/bg_login_0.jpg) no-repeat top left; 

+}

+#Header h1 span {

+	display:none

+}

+#Header h2 { 

+	float: right;

+	margin-top: 75px;  

+	width: 200px; 

+	height: 18px; 

+	background: transparent url(001/h2.gif) no-repeat top left; 

+}

+#Header h2 span {

+	font-size: 10px;

+	margin-left: 10px;

+}

+

+

+/************************************************/

+/*         Styles for Login template            */

+/************************************************/

+#container{

+	margin:100px auto 0 auto;

+	width:437px;

+	font-size:12px;

+	text-align:center;

+}

+#container h1{

+	background:url(../images/bg_login_0.jpg) no-repeat;

+	height:81px;

+	margin-bottom:8px;

+}

+#container h1 span{

+	display:none;

+}

+#container div.fatalerror {

+	display:block;

+	height:auto;

+	padding:5px;

+	margin:10px;

+	background:none;

+}

+#container div{

+	background:url(../images/bg_login_1.jpg) no-repeat;

+	height:285px;

+}

+#loginp_0{

+	color:#333;

+	margin-top:0;

+	padding-top:60px;

+}

+.loginp_1{

+	text-align:right;

+	padding-right:100px;

+}

+.loginp_1 span{

+	font-weight:bold;

+}

+.loginp_1 input{

+	border:1px solid #999;

+}

+input.text_input{

+width:12em;

+}

+.loginp_1 input.check_input{

+margin-right:5em;

+} 

+

+

+/************************************************/

+/*         TV Page Related Styles               */

+/************************************************/

+#tv_np{

+	float:right;

+}

+#tv_left{ 

+	float:left;

+	clear:right;

+}

+#tv_playlist{

+	clear:both;

+}

+

+

+/************************************************/

+/* User Online/Offline style, used in users.php */

+/************************************************/

+td.user_online{

+	background:#0f0;

+}

+td.user_offline {

+	background:#7f0000;

+}

+td.user_disabled {

+	background:#ccc;

+}

+

+

+/************************************************/

+/*                Misc                          */

+/************************************************/

+.text-box, .confirmation-box {

+	display:table-cell;

+	padding:5px 5px 0 5px;

+	margin-bottom:10px;

+	background:#bbb;

+	border:2px solid #000;

+}

+.alphabet { 

+	margin:10px;

+	font-size:10px; 

+	font-weight:normal; 

+}

+#mpdpl td {

+	padding:0 2px 0 2px;

+	text-align:left;

+}

+.header1 { 

+	color:#000; 

+	font:bold 18px Verdana, Helvetica, sans-serif; 

+}

+.header2 {

+  color:#000;

+	font:bold 14px Verdana, Helvetica, sans-serif;

+}

+.error { 

+	color:#903; 

+}

+.fatalerror {

+	display:table-cell;

+	padding:3px;

+	color: #903;

+	font-weight:bold;

+ 	border:2px solid #903;

+}

+.disabled {

+	text-decoration:line-through;

+}

+#maincontainer{}

+table.tabledata {}

+.display {}

+

+

+

+

+	

+

diff --git a/contrib/themes/klassikiosk/theme.cfg.php b/contrib/themes/klassikiosk/theme.cfg.php
new file mode 100644
index 00000000..541fbdfb
--- /dev/null
+++ b/contrib/themes/klassikiosk/theme.cfg.php
@@ -0,0 +1,42 @@
+##################

+#<?php exit(); ?>#

+##################

+

+###########################

+# klassikiosk Theme 

+###########################

+

+# this is a modified classic theme for use on kiosks.

+# combined classic with greyblock to use greyblock's 

+# menus and made the text size bigger.

+

+# Theme Name

+# This is the actual name of the theme that

+# will be displayed in the preferences screen

+# DEFAULT: ampache-theme

+name = "klassikiosk"

+

+# Theme Author

+# This is just a way of giving credit to the 

+# person who actually created this theme

+# DEFAULT: N/A

+author = "jazzs3quence"

+

+# Theme Maintainer

+# This is just a way of listing who is responsible for

+# maintaining this theme incase it's not working right

+# please include an e-mail address so you can be contacted

+# DEFAULT: N/A

+maintainer = "jazzs3quence"

+

+# Orientation

+# This was added as of 3.3.2-Alpha4, this tells Ampache if this theme

+# uses vertical or horizontal orientation of the menu, if this is a horizontal

+# theme then it will not show the quick search and quick random play forms

+orientation = "vertical"

+

+# Submenu

+# If this is set to simple the sub menu's will only be shown when you're on one of the

+# respective pages. If you want to make the menu's something like the classic theme

+# comment this out

+#submenu = "simple"