/* CSS Document */

/*PAGE LAYOUT*/
body {	margin: 20px 0px 0px 0px; background:#5a483e url(/images/bg_asako.jpg) no-repeat top; }
*{ margin:0px; }
#header{ clear:both;}
#content{ clear:both;}
#logo{float:left; background:url(/images/AsakoSongsTxt.png) no-repeat bottom; width:523px; height:244px;}
#topheader{float:right; width:275px; height:244px; position:relative; background:#ffffff; border:1px solid #ffffff; padding-top:2px;padding-bottom:2px;}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{clear:both; width:800px; height:32px; background:url(/images/bg_menu.png) repeat-x; padding-top:12px; padding-right:15px;}
#navi{clear:both; background:#cccccc; 	font: 11px Tahoma, sans-serif; color:#f8f8ff;}
	#navi a      {color:#f8f8ff; text-decoration:none; }
	#navi a:hover{color:#ffffff; text-decoration:underline; }
#contenttext{float:left; width:570px; background:url(/images/AsakoSongsBg.png) repeat-y; font: 11px Tahoma, sans-serif; color:#f8f8ff}
	#contenttext h2{font-size:16px;}
	#contenttext dt,dd     {font: 11px Tahoma, sans-serif; color:#f8f8ff}
	#contenttext dd a      {color:#f8f8ff; text-decoration:none; }
	#contenttext dd a:hover{color:#ffffff; text-decoration:underline; }

#panel{float:right; width:230px;}

#footer{
	float:left;
	width:800px;
	height:90px;
	font-weight:bold;
	background:url(/images/Footer_Bg.png) repeat-x;
	padding:5px 5px 5px 5px;
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#f8f8ff;
	text-align:right;
	vertical-align:bottom;
}
	#footer a       { font-weight:bold; color:#f8f8ff; text-decoration:none; }
	#footer a:hover { font-weight:bold; color:#ffffff; text-decoration:underline; }

/*Linklist*/
#linklist{
	float:left;
	width:800px;
	font-weight:bold;
	padding:3px;
	font: 8px Tahoma, sans-serif;
	font-weight:normal;
	color:#666;
	text-align:right;
	vertical-align:bottom;
}
	#linklist a       { color:#666; text-decoration:none; }
	#linklist a:hover { color:#777; text-decoration:underline; }


/*GRAY PANEL*/
.graypanel{ border:solid 1px #666666; padding:10px; margin:10px; background:url(/images/AsakoSongsBg.png) repeat-y;}
.paneltitle { font: 11px Tahoma, sans-serif; font-weight:bold; color:#ffffff; text-align:right; height:32px; margin-top: 16px; padding-top: 16px; padding-right: 10px; }
.panel_music { background:url(/images/bg_panel_music.png) no-repeat ; width:230px; height:365px; padding-top:12px;}
	.panel_music .play{ text-align:right; margin-bottom:5px;}
		.panel_music .play a      { font: 11px Tahoma, sans-serif; color:#f8f8ff; text-decoration:none;}
		.panel_music .play a:hover{ color:#ffffff; text-decoration:underline; }
#paneltitle_search  { background:url(/images/bg_panel_search.png) no-repeat ;}
#paneltitle_news    { background:url(/images/bg_panel_news.png) no-repeat ;}
.panelbody  { font: 11px Tahoma, sans-serif; font-weight:bold; color:#f8f8ff;}
	.panelbody a      { color:#f8f8ff; text-decoration:none;}
	.panelbody a:hover{ color:#ffffff; text-decoration:underline;}

	/* Panel Lists */
	ul.nobullets { margin:0; padding:0;}
	ul.nobullets { list-style:none; font: 12px Tahoma, sans-serif; color:#f8f8ff;}
		ul.nobullets a      { text-decoration:none; }
		ul.nobullets a:hover{ text-decoration:underline; }

.listhead { font-weight:bold; color:#ffd700;}
	.listhead a       {  color:#ffd700; }
	.listhead a:hover {  color:#daa520; }
.listbody { color:#fafad2; margin-left:5px; }
	.listbody a       { color:#fafad2; }
	.listbody a:hover { color:#fafad2; }

.smallgraylink { font: 11px Tahoma, sans-serif; font-size: 10px; color:#999999;}
	.smallgraylink a      { color:#999999; text-decoration:none;}
	.smallgraylink a:hover{ text-decoration:underline;}
.smallredtext { font: 11px Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#CC0000;}
	.smallredtext a      { color:#CC0000; text-decoration:none;}
	.smallredtext a:hover{ text-decoration:underline;}

/* Menu */
.menutext a{
	float: left;
	display: block;
	margin: 3px; padding: 2px 2px 2px 15px;
	height: 18px;
	background:url(/images/arrow.gif) no-repeat left; 
	font: 0.8em Tahoma, sans-serif;
	font-weight:bold;
	color:#ffd700;
	text-decoration:none;
}
.menutext a:hover{ color:#daa520; }
/* article */
.pagetitle{
	height: 32px;
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 8px;
	padding-top: 16px;
	padding-right: 10px;
	font: 10px Tahoma, sans-serif;
	font-weight:bold;
	text-align: right;
	color:#f0ffff;
}
#pagetitle_music  { background:url(/images/bg_title_music.png) no-repeat ;}
#pagetitle_events { background:url(/images/bg_title_events.png) no-repeat ;}
#pagetitle_diary  { background:url(/images/bg_title_diary.png) no-repeat ;}
#pagetitle_videos { background:url(/images/bg_title_videos.png) no-repeat ;}
#pagetitle_photos { background:url(/images/bg_title_photos.png) no-repeat ;}
#pagetitle_profile { background:url(/images/bg_title_profile.png) no-repeat ;}
#pagetitle_contact { background:url(/images/bg_title_contact.png) no-repeat ; clear:both;}
#pagetitle_archive { background:url(/images/bg_title_archive.png) no-repeat ;}

#toptitle_blog   { background:url(/images/Title_bar_Top_blog.png) no-repeat ;}
#toptitle_events { background:url(/images/Title_bar_Top_events.png) no-repeat ;}
#toptitle_music  { background:url(/images/Title_bar_Top_music.png) no-repeat ;}
.toparticle{ float:left; width:280px; margin-left:2px; margin-bottom:5px;}
	.toparticle a      { color:#c0c0c0; text-decoration:none; margin-right:5px;}
	.toparticle a:hover{ color:#ffffff; text-decoration:underline;}
.titletext_top { font: 12px Tahoma, sans-serif; font-weight:bold; color:#fffaf0; text-decoration:none; position:relative;}
	.titletext_top a      { font-size:12px; font-weight:bold; color:#c0c0c0; text-decoration:none;}
	.titletext_top a:hover{ font-size:12px; font-weight:bold; color:#ffffff; text-decoration:underline;}

.articlehead { clear:both; margin-top:8px; margin-left:8px; margin-right:8px; height:75px; text-align:justify;}
	.articlehead .itemimg{ float:left; width:72px; height:72px; margin-right:10px; }
		.articlehead .itemimg img{ border:2px solid #ffdead; width:69px; height:69px;}
	.articlehead .titletext { font: 18px Tahoma, sans-serif; font-weight:bold; color:#fffaf0; text-decoration:none; position:relative;}
		.articlehead .titletext a      { font: 18px Tahoma, sans-serif; font-weight:bold; color:#c0c0c0; text-decoration:none;}
		.articlehead .titletext a:hover{ font: 18px Tahoma, sans-serif; font-weight:bold; color:#ffffff; text-decoration:underline;}
.articlehead .titletext2 { font: 11px Tahoma, sans-serif; font-weight:bold; color: #a9a9a9;}
	.articlehead .titletext2 a{ font: 11px Tahoma, sans-serif; font-size: 11px; font-weight:bold; color: #c0c0c0; text-decoration:none;}
	.articlehead .titletext2 a:hover{ font: 11px Tahoma, sans-serif; font-weight:bold; color:#ffffff;  text-decoration:underline;}

.bodytext { clear:both; font: 11px Tahoma, sans-serif; color: #f8f8ff; border-top:solid 1px #c0c0c0;}
	.bodytext a      {font: 11px Tahoma, sans-serif; color:#f8f8ff}
	.bodytext a:hover{font: 11px Tahoma, sans-serif; color:#f8f8ff}
#map0{ color:#000000; margin-left:25px; }
#map0 a      { color:#0000cd; }
#map0 a:hover{ color:#0000cd; }
/* Profile */
#profile{
	color:#f8f8ff;
	font: 11px Tahoma, sans-serif;
}
#profile h2{
	font-size:16px;
}
#profile img{
	margin:5px 10px 5px 10px;
	border:1px solid #999;
}
/* -- */
.whitetitle {
	font: 11px Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.whitetitle a{
	font: 11px Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.smallwhitetext {
	font: 11px Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 11px Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.commentform{
	font: 11px Tahoma, sans-serif;
	text-align:left;
	color: #f8f8ff;
}
.loginform, .searchform {
	margin: 5px 0;
}
.commentform, .mailform {
	margin-top: 10px;
	padding: 10px;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield {
	display:block;
	font-size: 11px;
	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;
}
.formbutton {
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.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 {
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email {
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
    width: 300px;
}
.commentform .formbutton {
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error {
	color: red;
	font-weight: bold;
}


/* quote */
blockquote {
     background: url(/images/blockquote1.gif) no-repeat 95% 68%;  
     padding: 15px;  
     color: #064599;  
     border:1px solid #ccc;
}
blockquote p {
     margin-bottom: 12px;  
}

/** TagEx */
div.tag {
	font-size:8px;
	border:1px solid #ccc;
	margin-top:5px;
	margin-bottom:10px;
}
div.tag a{
	color:#CC0000;
	text-decoration:none;
}
div.tag li {display:inline;}
div.tag li a:hover {background-color:#d9dce6;}
/** // TagEx */