/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
---------------------------------------ma----------*/

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

div.loginform .formfield, div.commentform .formfield, div.mailform .formfield { 
    display: block; 
} 

span.alttext {display:none;}

table.shop {border-collapse:collapse;}
table.shop p {margin:0;padding:8px 0;}
table.shop td {padding:15px;border:1px solid #ccc;vertical-align:top;}

table.form-preview {border-collapse: collapse;font-size:12px;}
table.form-preview td {border:1px solid #555;padding:4px;}
td.form-name {color:#fff;background-color:#9EAEBC;}
td.form-value {}
.formerror {	font-weight:bold;	color:red;}
.form-notice {	font-weight:bold;	color:#FF3300;}

p {margin-top:8px;line-height:1.5em;font-size:90%;}

table.calendar {width:210px;}
.calendar td ,.calendar th {text-align:right;font-size:12px;}
td.days a {display:block;background-color:#333;color:#FFF;}
td.days a:visited {color:#FFF;}

#NAVI {height:38px;width:760px;}

ul.topnavi {padding:0;margin:0;position:absolute;left:10px;top:1px;
width:700px;height:30px;}

.topnavi li {display:inline;padding:0;margin:0;
background-repeat:none;
background-style:none;
}

.topnavi img {visibility:hidden;}
.topnavi a {padding:0;margin:0;display:block;
background-image:url(/skins/default/images/navi/navi.gif);
height:28px;position:absolute;top:0;}

a.top {background-position:0px 0;width:61px;}
a.live {background-position:-61px 0;width:139px;left:61px;}
a.weblog {background-position:-200px 0;width:72px;left:200px;}
a.profile {background-position:-272px 0;width:90px;left:272px;}
a.discography {background-position:-362px 0;width:131px;left:362px;}
a.shop {background-position:-493px 0;width:76px;left:493px;}
a.fanclub {background-position:-569px 0;width:104px;left:569px;}
a.link {background-position:-673px 0;width:65px;left:673px;}

a.top:hover {background-position:0px 56px;width:61px;}
a.live:hover {background-position:-61px 56px;width:139px;left:61px;}
a.weblog:hover {background-position:-200px 56px;width:72px;left:200px;}
a.profile:hover {background-position:-272px 56px;width:90px;left:272px;}
a.discography:hover {background-position:-362px 56px;width:131px;left:362px;}
a.shop:hover {background-position:-493px 56px;width:76px;left:493px;}
a.fanclub:hover {background-position:-569px 56px;width:104px;left:569px;}
a.link:hover {background-position:-673px 56px;width:65px;left:673px;}




.live h2 {color:white;font-size:16px;display:block;width:484px;height:32px;
background: url(images/h2BackImage.gif) left 0px no-repeat;
padding-top:8px;padding-left:30px;margin-top:20px;font-weight:700;
letter-spacing:2px;}

.live h3 {color:#333333;font-size:16px;display:block;width:435px;height:20px;
background: url(images/h3BackImage.gif) left 0px no-repeat;
padding-top:1px;padding-left:25px;margin-top:20px;font-weight:700;
border-bottom:2px solid #CF3423;}

.discography ol {margin:0 10px 0 30px;padding:10px 0;}
.discography li {margin:0 0px;padding:0 0 10px;font-size:90%;line-height:1.5em;}


/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	color: #494949;
/*	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-family: Verdana, Arial, sans-serif;*/
	font-family: sans-serif;
	font-size: 90%;
	letter-spacing:1px;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
	background-color: #E8E8E8;
	background-image: url(images/body-background.gif);
}
img
{
	border: 0;
}
form
{
	margin: 0;
clear:both;
}

/* Headings */
h1 {padding: 0;}
h1,h2,h3,h4,h5,h6
{
/*    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}
h4 {border-bottom:1px solid #996633;font-size:14px;font-weight:700;
padding-bottom:3px;margin-top:10px;margin-bottm:7px;width:450px;}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: left 5px;
/*	background: url(images/arrow.gif) left 5px no-repeat;*/
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited
{
	color: #852111;
	text-decoration: none;
}
div#BODY p a:link, div#BODY p a:visited {
	border-bottom:1px dashed;
}

a:hover, a:active
{
	color: black;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}


/*-------------------------------------------------
  preHeader styles
-------------------------------------------------*/
#PREHEADER {width:762px; height:24px; background-image:url(images/background-top.gif); background-repeat:no-repeat; margin:0 auto;}


/*-------------------------------------------------
  Header styles
-------------------------------------------------*/
#HEADER {height:50px;text-align:left;width:762px; background-image:url(images/background-pattern.gif); background-repeat:repeat-y; margin:0 auto; position:relative;}

#HEADER .titlelogo {position:absolute; width:340px; height:45px; left: 9px; top: 0px;}
#HEADER .mailto {position:absolute; width:100px; height:19px; left: 625px; top: 24px; background-image:url(images/icon-mail.gif); background-repeat:no-repeat; padding-left:23px;background-position:0px 4px;}


/*-------------------------------------------------
  Body styles
-------------------------------------------------*/

#NAVI {text-align:left;width:760px; background-image:url(images/background-pattern.gif); background-repeat:repeat-y;
padding:0; margin:0 auto;position:relative;}

/*-------------------------------------------------
  Body styles
-------------------------------------------------*/

#BODY {text-align:left;width:762px; background-image:url(images/background-pattern.gif); background-repeat:repeat-y; margin:0 auto;clear:both;}


/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h3
{
	clear: both;
/*	background: url(images/dot.gif) bottom repeat-x;
	font-size: 18px;
	padding: 0 0 6px 0;
	margin: 0;*/
}

.contentbody
{
	font-size:13px;
	padding: 0 0 10px 0;
clear:both;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	letter-spacing:0;
	padding: 0 3px 0 14px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	letter-spacing:0;
	padding: 0 3px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	letter-spacing:0;
	padding: 0 3px 0 10px;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	letter-spacing:0;
	padding: 0 3px 0 12px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
//	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 15px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
//	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9;
//	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #FCBCAF;
}
.id1:hover
{
	background: #F9F9F9;
//	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h4
{
	font-size: 12px;
	border:none;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: left;
	width: 204px;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 0 0 4px 6px;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
/*    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;*/
	padding: 4px 10px;
}
.sidebardl dd
{
	background: #EEEEEE;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	background: url(images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#FOOTER {width:762px; height:31px; background-image:url(images/background-footer.gif); background-repeat:no-repeat; margin:0 auto;clear:both;}

#copyrights
{
	color: #474747;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 12px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}

.formfield:hover {background-color:#FBF8E7;}


.formbutton
{
padding:4px;
letter-spacing:3px;
cursor:pointer;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
/*    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;*/
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
/*    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;*/
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea
{
    width: 400px;
}
.mailform textarea, .mailform .formfield
{
    width: 300px;
}



.commentform .formbutton
{
	padding:3px 0;
	border:none;
	background-color:#666;
	color:#fff;
/*    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;*/
}
.error
{
	color: red;
	font-weight: bold;
}



/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
clear:both;
border:1px solid #ddd;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}


table.mailform {background-color:#FFF;border-collapse: collapse;}
table.mailform th {background-color:#EEE;padding:7px;border:1px solid #fff;font-weight:normal;font-size:90%;}
table.mailform td {padding:7px;}