body
{
    color:#000000;
    background-color:#181818;
}

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input
{
    color:#dddddd;
}

h1,h2,h3,h4,h5,h6
{
    color:#eeeeee;
}

a:link
{
    color:#dcdcff;
}

a:visited
{
    color:#dcdcff;
}

a:hover,a:active
{
    color:#ff4800;
}

#sources
{
	border-right: 1px solid #535859;
}

#headerbar
{
    background-color:#181818;
	border-bottom: 1px solid #535859;
	position: relative;
	z-index: 2;
}

#playlist {
	border-left: 1px solid #535859;
}

/*-- divs used to create infobar layout --*/

.bordered
{
    border-left:1px solid #000000;
    border-bottom:1px solid #343434;
    border-right:1px solid #343434;
    border-top:1px solid #000000;
}

#notifications
{
    /*background-color:#000000;*/
	  opacity: 1;
	
}
/*-- divs and classes used in the albums list --*/

.album1
{
    background-color:#252525;
}

.album2
{
    background-color:#181818;
}

a.album:visited
{
    color:#dcdcff;
}

a.album:hover,a.album:active
{
    color:#ff4800;
}

#filemenu
{
    border-left:1px solid #444444;
}

div.clickable:hover
{
    color:#ff4800;
}

div.clickable.selected:hover
{
    /*color:#555555;*/
	color:#ffffff;
}

/*-- divs and classes used in the playlist --*/

.playlistcurrentitem
{
    color:#cc0000;
	/*color: #ff4800;*/
}

.playlistcurrenttitle
{
    color:#cc0000;
	/*color: #ff4800;*/
}

.item
{
    border-top:1px solid #535859;
}

.inbrowser
{
    color:#000000;
}

/*-- For Wikipedia and Last.FM pages --*/

.stleft
{
    border-right:1px solid #aaaaaa;
}

#wikipopup
{
    background-color:#000000;
}

#imagecontainer
{
    background-color:#ffffff;
}

.infosection
{
    /*background-color:#000000;*/
    /*border-top:1px solid #000000;*/
	background-color: #2a2a2a;
	color: #888888;
	border-radius: 2px;
	border: none;
	padding: 10px 15px;
}

.infotext {
	color: #555555;
}

.albumsection
{
    background-color:#000000;
}

.translucent
{
    opacity:0.7;
}

.infowiki
{
    background-color:#181818;
}

.infoslideshow
{
    background-color:#000000;
}

/*-- For Album Cover Art --*/

.crackbaby
{
    background-color:#444444;
}

#albumcovers
{
    background-color:#444444;
}

.popupwindow
{
    background-color:#111111;
    border-left:1px solid #666666;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-top:1px solid #666666;
}

.underlined
{
    border-bottom:1px solid #000000;
}

/*-- Styles for drop-down menus --*/

ul.topnav li a
{
    color:#12569a;
}

ul.subnav li a
{
    color:#ffffff;
}

ul.topnav li a:hover
{
    color:#ff4800;
}

ul.subnav
{
    border-left:1px solid #666666;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-top:none;
}

ul.topnav li ul.subnav
{
    background-color:#000000;
    /*color:#ffffff;*/
	/*background-color: #555555;*/
	color: #aaaaaa;
}

.prefsection {
	border-bottom: 1px solid #535859;
}

ul.topnav li ul.subnav input.topform
{
    background:#000000;
    color:#ffffff;
    border:1px solid #999999;
}

ul.topnav li ul.subnav input.topcheck
{
    background-color:#000000;
    color:#ffffff;
}

.separator
{
     border-bottom:12px solid #888888;
}

input.sourceform
{
    border:1px solid #999999;
    color:#181818;
}

input.topformbutton
{
    color:#000000;
}

/*-- Styles to make the Wikipedia nav boxes look prettier --*/

th.navbox-title
{
    background-color:#343434;
}

.navbox-abovebelow
{
    padding-bottom:4px;
}

.navbox-title a:link,
.navbox-abovebelow a:link,
.navbox-group a:link
{
    text-decoration:none;
}

.navbox-title a:visited,
.navbox-abovebelow a:visited,
.navbox-group a:visited
{
    text-decoration:none;
}

.navbox-title a:hover,a:active,
.navbox-abovebelow a:hover,a:active,
.navbox-group a:hover,a:active
{
    text-decoration:none;
}

table.tracklist {
    line-height:1.5em;
}

.tracklist tbody tr th
{
    font-weight:bold;
}

th.tlheader
{
    background-color:#232323;
}

.description
{
    margin-top:4px;
}

.underline
{
    border-bottom: 1px solid #999999;
}

.infosection h2
{
    /*border-bottom:1px solid #eeeeee;*/
	border-bottom:1px solid #535859;
}

.funkymusic
{
    background-color:#000000;
    border-left:1px solid #666666;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
}

.backhi:hover {
    background-color:#454545;
    cursor:pointer;
}

/* ========================= */

#patrickmoore {
	background: #383838;
	color: #d8d8d8
}

/*
#sources .menuitem:nth-child(4n+2), #sources .line:nth-child(even) {
	background: #383838;
}
*/

#sources .dropmenu .clickable::before {
	content: "";
	display: block;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
	margin-top: -2px;
}

#sources .dropmenu .clickable:nth-child(odd)::before {
	background: #383838;
}

#sources .dropmenu .clickable:nth-child(even)::before {
	background: #181818;
}

#sources .dropmenu  .clickable.selected::before  {
	background-color: #575757;
}

.selected {
	background-color: #575757;
}

.clock-bg {
	width: 160px;
	height: 191px;
	background-image: url(../newimages/alarmclock_150.png);
	background-position-x: -14px;
	background-repeat: no-repeat;
}

.clock-button {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
}

.arrow-increase {
	background-image: url(../newimages/arrow-increase.png);
}

.arrow-increase:hover {
	background-image: url(../newimages/arrow-increase_over.png);
}

.arrow-decrease {
	background-image: url(../newimages/arrow-decrease.png);
}

.arrow-decrease:hover {
	background-image: url(../newimages/arrow-decrease_over.png);
}


.clock-pad {
	height: 20px;
}

.alarmnumbers {
	font-size: 200%;
	color: #CC070F;
}

ul.topnav li ul.subnav li.component-clock {
	padding: 5px;
}

.togglebutton {
	padding: 0px;
	height: 16px;
	width: 33px;
}

.dropmenu {
	border-top: 1px solid #383838;
}

button, #morebutton {
	background-color: #93BB4E;
	/*background-color: #99d82b;*/
	background-image: none;
	color: #ffffff;
	margin: 2px;
	font-size: 12px;
	padding: 5px 8px;
	border: none;
}

#morebutton {
	margin: auto;
}

button:hover {
	color: #ffffff;
}

#similarartists h3 {
	border-top: 1px solid #535859;
}

.topimg:hover {
	border-bottom: 3px solid #535859;
}

.highlighted {
	border: 1px solid #535859;
	border-radius:2px;
}

#imageeditor {
	border: 1px solid #535859;
}

#fiddler {
	border-left: 1px solid #535859;
	border-right: 1px solid #535859;
	margin-top: -3px;
	left: -1px;
}

#origimage {
	border-left: 1px solid #535859;
}