﻿body, html { margin: 0px; padding: 0px; height: 100%; width: 100%; background-color: #000000; background-image: url(/images/gfx/bodyBackground.gif); background-position: top; background-repeat: repeat-x; text-align: center; }
* { font-family: Tahoma, Verdana, Geneva, Sans-Serif; font-size: 11px; color: #999999; -webkit-text-size-adjust: none; }

img { border: none; }

a { color: #cccccc; }
a:hover { color: #ffffff; }
b, strong { color: #aaaaaa; }

ul { padding: 0px; margin: 0px; margin-left: 20px; color: #777777; }

hr { clear: both; border: none; border-top: dashed 1px #000000; height: 1px; }

input, select, textarea { background-color: #666666; border: solid 1px #000000; color: #cccccc; }
form { margin: 0px; }
.Submit { background-color: #000000; border: none; padding: 2px; }

.TopArea { background: url(/images/gfx/topBackground.gif) repeat-x; height: 90px; width: 100%; top: 0px; }
.TopLogo { background: url(/images/gfx/topLogo.gif) left no-repeat; width: 930px; height: 90px; top: 0px; }

.MenuArea { background: url(/images/gfx/menuBarBackground.gif); width: 100%; height: 25px; }
.MenuAreaBreaker { float: left; background: url(/images/gfx/menuBarBreaker.gif) center no-repeat; width: 2px; height: 25px; }
.MenuAreaActive { float: left; width: 80px; height: 21px; background-image: url(/images/gfx/menuBarActive.gif); padding: 4px 8px 0px 8px; color: #ffffff; font-weight: bold; text-decoration: none; }
.MenuAreaActive A { color: #cccccc; font-weight: bold; text-decoration: none; }
.MenuAreaActive A:hover { color: #ffffff; }
.MenuAreaLink { float: left; width: 80px; height: 21px; padding: 4px 8px 0px 8px; }
.MenuAreaLink A { color: #999999; font-weight: bold; text-decoration: none; }
.MenuAreaLink A:hover { color: #cccccc; }

.mainPage { width: 930px; margin: 0px auto; }

.contentArea { width: 683px; float: left; text-align: left; margin-top: 10px; }
.navigationArea{ width: 247px; float: right; text-align: left; margin-top: 10px; }

.contentArea .blogHeader { background-image: url(/images/gfx/BGcontentTop.gif); width: 657px; height: 18px; text-align: right; }
.contentArea h2  {  background-image: url(/images/gfx/BGcontentTop.gif); width: 657px; height: 18px; }
.contentArea .blogContent  { background-image: url(/images/gfx/BGcontentCenter.gif); width: 643px; }
.contentArea .spacer  { background-image: url(/images/gfx/BGcontentBottom.gif); width: 673px; height: 5px; }

.navigationArea .blogHeader { background-image: url(/images/gfx/BGnavigationTop.gif); width: 231px; height: 18px;  }
.navigationArea h2  { background-image: url(/images/gfx/BGnavigationTop.gif); width: 231px; height: 18px;  }
.navigationArea .content  { background-image: url(/images/gfx/BGnavigationCenter.gif); width: 231px;  }
.navigationArea .spacer  { background-image: url(/images/gfx/BGnavigationBottom.gif); width: 247px; height: 5px; }

h2 { padding: 4px 8px 0px 8px; margin: 0px; font-weight: bold; font-size: 11px; color: #cccccc; }
.blogHeader { padding: 4px 8px 0px 8px; margin: 0px; font-weight: bold; font-size: 11px; color: #cccccc; }
.blogContent { padding: 10px 15px 10px 15px; }
.content { padding: 10px 8px 10px 8px; }
.spacer { font-size: 0px; margin-bottom: 10px; }

.blogContent h1 { padding: 0px; margin: 0px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #eeeeee; }
.blogContent p { padding: 0px; margin: 0px; margin-bottom: 10px; }
.blogContent hr { clear: both; border: none; border-top: dashed 1px #000000; height: 1px; }
.blogContent Img { margin-left: 15px; margin-bottom: 5px; margin-right: 5px; }
.blogContent .noborder { background: transparent; border: none; color: #cccccc; padding: 0px; margin: 0px; }
.blogAdminPost { color: #eeeeee; }
.blogTeaser { font-weight: bold; font-size: 12px; font-style: italic; }

.BlogDescription { font-style: italic; margin-bottom: 10px; }

.achiveHeading { padding-bottom: 0px; }
.donate { font-size: 20px; vertical-align: top; padding-top: 20px; }

.adminList { width: 100%; }

.adminEdit th { background-color: #333333; color: #eeeeee; text-align: right; padding: 5px; }
.adminEdit td {  background-color: #555555; padding: 5px; }

.adminList th { background-color: #333333; color: #eeeeee; text-align: center; padding: 5px; }
.adminList .listA {  }
.adminList .listB {}

div.lfmWidget { width: 184px }
div.lfmWidget .Radio { height:20px; width:100%; background:url(http://cdn.last.fm/widgets/images/en/header/radio/regular_red.png) no-repeat 0 -20px; }
div.lfmWidget .TopArtists { height:20px; width:100%; background:url(http://cdn.last.fm/widgets/images/en/header/chart/topartists_regular_black.png) no-repeat 0 -20px; cursor:pointer; }
div.lfmWidget .Recently { height:20px; width:100%; background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.png) no-repeat 0 -20px; cursor:pointer; }
div.lfmWidget .Quilt { height:20px; width:100%; background:url(http://cdn.last.fm/widgets/images/en/header/quilt/album_vertical_black.png) no-repeat 0 -20px; cursor:pointer; }	
div.lfmWidget .Holder { display:none; }