body {
  background-color: #1A1A1A;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: Arial;
  text-align: center;
}

img {
  border: 0;
}

span.jfn {
  font-variant: small-caps;
}

/* Header */

#header {
  background: #360621 url(../im/i_headerbg.png) no-repeat 50% -20px;
  height: 242px;
  text-align: center;
}

#header * {
  text-align: left;
}

#header h1 {
  position: absolute;
  left: 70px;
  top: 0;
  margin: 0;
}

#header h1 a {
  display: block;
  width: 285px;
  height: 215px;
  text-indent: -2000px;
  outline: none;
}

#header .placeholder {
  position: relative;
  width: 900px;
  height: 242px;
  margin: 0 auto;
}

#header .mainmenu {
  position: absolute;
  right: 0;
  width: 550px;
  text-align: center;
  bottom: 0.6em;
  font-size: 20px;
  color: #ccf;
}

#header .mainmenu span {
  margin-left: 1.5em;
}
#header .mainmenu a {
  color: #ccf;
  text-decoration: none;
  border-bottom: 1px solid #889;
  margin-right: 2px;
}
#header .mainmenu a:hover {
  color: #ff9;
  border-bottom-color: #ff6;
}

#header .helpmenu {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  color: #ccc;
  padding: 1em 1.5em 0.5em 2em;
  border-bottom: 1px solid #4D082F;
  background-color: #400727;
  font-size: 12px;
}
#header .helpmenu span {
  margin-left: 0.5em;
}
#header .helpmenu a {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px solid #888;
  margin-right: 2px;
}
#header .helpmenu a:hover {
  color: #fff;
  border-bottom-color: #eee;
}

#header .widgettabs {
  position: absolute;
  left: 432px;
  top: 38px;
  width: 403px;
  height: 21px;
  background-image: url(../im/i_widgettabs.png);
}

#header .widgettabs a {
  position: absolute;
  display: block;
  width: 132px;
  height: 21px;
  outline: none;
  font-size: 11px;
  text-indent: 10px;
  color: #ddd;
  text-decoration: none;
  line-height: 23px;
  font-family: Verdana;
}
#header .widgettabs a.newreleases { left: 3px; }
#header .widgettabs a.playlist { left: 135px; }
#header .widgettabs a.comments { left: 268px; }
#header .widget_container {
    position: absolute;
    left: 432px;
    top: 59px; 
    width: 468px;
    height: 125px;
}
/*
#widget_upcoming_container { background-color: #724641; }
#widget_playlist_container { background-color: #9F754F; }
#widget_comments_container { background-color: #4F7F4F; }
*/
#widget_upcoming_container { background-color: #23233d; }
#widget_playlist_container { background-color: #91619b; }
#widget_comments_container { background-color: #732b1f; }
#widget_text { 
	position: absolute;
	left: 432px;
	bottom: 60px;
	width: 425px;
	height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ddd;
  font-size: 11px;
  font-family: Verdana;
  text-indent: 10px;
}

#widget_comments {
  color: #efe;
}
#widget_comments p {
  clear: left;
}
#widget_comments a {
  color: #bfb;
}
#widget_comments img {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #9d3b2b;
}

/* Redirected */

#redirected {
  padding: 0.5em 1em;
  background-color: #ffa;
  color: #300;
  text-align: left;
}

/* Scrollables */

div.scrollable { 
    /* required settings */ 
    position: absolute;
    left: 8px;
    top: 5px; 
    width: 452px;
    height: 102px;
    overflow: hidden;
} 
div.widget_container a.disabled {
  visibility:hidden !important;   
}

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

#widget_comments_container div.scrollable { 
    height: 114px; 
} 
#widget_comments_container div.scrollable div.items { 
    /* this cannot be too large */ 
    width: 430px; 
    height: 1000px; 
} 
 
div.scrollable div.items div { 
    float:left; 
} 
 
div.items img { 
    vertical-align: middle;
    margin: 0 2px; 
}

.widget_container a.nextPage,
.widget_container a.prevPage {
  background: url(../im/i_arrows.png) no-repeat;
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 2px;
  top: -20px;
  text-indent: -2000px;
  outline: none;
}

.widget_container a.prevPage { background-position: -36px 0; right: 22px; } 
.widget_container a.prevPage:hover,
.widget_container a.prevPage:active { background-position: -36px -18px; }

.widget_container a.nextPage { background-position: -54px 0; }
.widget_container a.nextPage:hover,
.widget_container a.nextPage:active { background-position: -54px -18px; } 

#widget_comments_container a.prevPage { background-position: 0 0; } 
#widget_comments_container a.prevPage:hover,
#widget_comments_container a.prevPage:active { background-position: 0 -18px; }

#widget_comments_container a.nextPage { background-position: -18px 0; } 
#widget_comments_container a.nextPage:hover,
#widget_comments_container a.nextPage:active { background-position: -18px -18px; }


/* Overlay */

/* the overlayed element */
.simple_overlay {
  
  /* must be initially hidden */
  display:none;
  
  /* place overlay on top of other elements */
  z-index:10000;
  
  /* styling */
  background-color:#333;
  
  width:675px;  
  min-height:200px;
  border:1px solid #666;
  
  /* CSS3 styling for latest browsers */
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;  
}

/* close button positioned on upper right corner */
.simple_overlay .close {
  background-image:url(../im/overlay/close.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px;
}

/* the large image. we use a gray border around it */
#img {
  border:1px solid #666;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
  position:absolute;
  top:45%;
  left:50%;
  display:none;
}

/* Footer */

#footer {
	padding: 1.5em 0;
	text-align: center;
	background-color: #181111;
	color: #433;
	font: 8pt Verdana;
}

#footer a {
	color: #433;
}

/* Main */

#main {
  background: #FFEFC3 url(../im/i_mainbg.png) no-repeat 0 0;
  width: 900px;
  min-height: 500px;
  margin: 0 auto;
  font-family: Arial;
  color: #003;
  text-align: left;
}

h2 {
  margin: 0;
  padding: 15px 20px 3px;
  background-color: #000;
  color: #fff;
  font-size: 16pt;
  font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
}

h3 {
	color: #412;
	border-bottom: 1px solid #dca;
	font-family: Verdana;
	font-size: 13.5pt;
	letter-spacing: -1px;
	margin-bottom: 0;
}

#main h3 a,
#main h3 a:visited {
  color: #412;
	text-decoration: none;
}

#main .content {
  padding: 0.5em 20px;
}

#main a {
  color: #a00;
}
#main a:visited {
  color: #833;
}

#main small a {
  color: #114;
}
#main small a:visited {
	color: #336;
}

#main .blog4 b {
	color: #633;
	font-family: Verdana;
}

#main .content div.credit {
  margin-top: 5px;
  font-size: 12px;
}

#main .content p.tags {
  font-size: 12px;
  opacity: 0.7;
}

img.right {
	float: right;
	margin: 0 0 1em 1em;
}

.hr {
  border-bottom: 1px solid #600;
  margin: 3px auto;
}
.hr hr {
  display: none;
}

i.hastitle { border-bottom: 1px dashed #003; cursor: help; }

/* Twitter */

.twitter {
  margin: 0.5em 65px 0 50px;
}
.twitter .header {
	height: 27px;
  background-image: url(../im/i_twitter2.png);
  background-repeat: no-repeat;
}
.twitter .main {
	margin-left: 24px;
	background-color: #bfefff;
}
.twitter .tweet {
	padding: 0.5em;
}
#main .twitter a {
	color: #2A8DA2;
}
.twitter .hr {
  border-bottom: 1px solid #217081;
  margin: 3px 0;
}

/* Tag cloud */

.module-tagcloud .module-content {text-align: center; }
.module-tagcloud .module-content ul { list-style: none; margin-left: 0; padding-left: 0; }
.module-tagcloud .module-content ul .module-list-item { display: inline; line-height: 30px; }
.module-tagcloud .module-content ul li a { text-decoration: none; border-bottom: 1px solid #009; white-space: nowrap; }
.module-tagcloud .module-content ul li.taglevel1 { font-size: 2.3em; }
.module-tagcloud .module-content ul li.taglevel2 { font-size: 2.0em; }
.module-tagcloud .module-content ul li.taglevel3 { font-size: 1.8em; }
.module-tagcloud .module-content ul li.taglevel4 { font-size: 1.6em; }
.module-tagcloud .module-content ul li.taglevel5 { font-size: 1.3em; display: none; }
.module-tagcloud .module-content ul li.taglevel6 { font-size: 1em; display: none; }
.module-tagcloud .module-content ul.show-level5 li.taglevel5 { display: inline; }
.module-tagcloud .module-content ul.show-level6 li.taglevel5 { display: inline; }
.module-tagcloud .module-content ul.show-level6 li.taglevel6 { display: inline; }

/* Contact form */

.contact_form form {
	width: 600px;
	margin: 0 auto;
}

.contact_form input.text {
	width: 50%;
}
.contact_form textarea {
	width: 100%;
}