/*------------header--------------------------------------------------------*/

a {color:#335980; text-decoration:underline;} /*color:#293959;*/
a:hover,a:visited {text-decoration:none;}

body {background-color:#E6EBFC; margin:12px 2%; font-family:Verdana,sans-serif; font-size:12px; color:#000;}
p {margin:0;}

#header {background:#B8C8E6 url(images/header_back.jpg) 0 0; margin-bottom:12px; position:relative;}
#header #sitename {background:transparent url(images/maria.jpg) 0 0 no-repeat; height:80px;} /*width:315px;*/
#header #sitename p {margin-left:3px; font-size:220%; font-weight:bold; font-variant:small-caps; display:none;}
#header #ml {padding:3px; position:absolute; top:5px; right:0;}
#header #ml h3 {margin:0 0 3px 0; padding:0; font-size:110%; text-align:center;}
#header #ml p {margin-top:5px; text-align:center;}

#header a, #footer a {color:#264580;}

/*------------navigation----------------------------------------------------*/

#nav {width:180px; float:left;}
#nav div {margin-bottom:12px;}
#nav p img {float:left;}
#nav p img:first-child {margin-right:2px;}
#nav #homepage {padding-top:12px; text-align:center; clear:left;}

#nav ul {background-color:#D2DCFA; width:100%; margin:0; padding:5px 0 0 0; list-style-type:none;}
#nav li {background:transparent url(images/bullet.gif) 0 40% no-repeat; margin-left:12px; padding:0 0 5px 8px; font-size:90%;}

#nav h3.navhead:first-child {margin-top:0;}
#nav h3.navhead {background:#B8C8E6 url(images/navhead_back.jpg) 0 0; width:100%; height:19px; padding:0; margin:12px 0 0 0; line-height:18px; font-size:110%; font-weight:bold; font-variant:small-caps; text-align:center; border-bottom:1px solid #99B6FF;}

#nav a {color:#466380; text-decoration:underline; display:block;}
#nav a:hover {text-decoration:none;}

/*------------content-------------------------------------------------------*/

#content {background-color:#D2DCFA; margin-left:192px; padding:3px;}
#content p {margin-bottom:12px;}

/*index page*/
#index h1,#index #homepage {display:none;}
#welcome {margin-bottom:20px;}
#welcome div {background:transparent url(images/irasshaimase.gif) 50% 0 no-repeat; height:25px; margin:0 auto 10px auto;}
#welcome div:hover {background-image:url(images/welcome.gif);}
#updates ul {margin:0 0 12px 0; padding:0; list-style-type:none;}
#updates h3 {background-color:#B8C8E6; margin:0 0 4px 0; padding:2px; font-size:110%;}
#updates ul ul {margin-left:25px; list-style-type:disc;}
#updates p {}
#webrings {display:none;}
#webrings div {margin-right:8px; text-align:center; float:left;}
#webrings p img {float:right;}
#webrings table {width:400px; margin:0 auto; clear:both;}
#counter {margin-top:10px; text-align:center;}

/*exceptions*/
#music #col1 {float:left;}
#music #col2 {float:right;}
#music #content ul {margin-top:0;}
#templates #content h4 {margin-bottom:6px;}
#templates #content p+p {text-align:center;}
#templates #content p+p+p {text-align:left;}
#templates #content p+p+p+p {padding-bottom:15px;}
#tutorials #content ol,#tutorials #content ul {margin-top:0;}
#about #content img {width:315px; height:80px;}
#etc #content h3 {margin-bottom:5px;}

/*multipage*/
.border {border:2px solid #99B6FF;}
.border2 {border:1px solid #99B6FF;}
.clear {clear:left;}
.button {background-color:#D2DCFA;}
.subheading {margin:0; padding:0; font-size:120%; font-variant:small-caps;}
hr {background-color:#99B6FF; height:1px; margin:12px 0; color:#99B6FF; border-width:0;}
h1 {background-color:#B8C8E6; margin:0 0 12px 0; padding:3px; font-size:110%; text-align:center;}
h4 {margin-bottom:0;}
h4 span {font-weight:normal; font-variant:normal;}

/*------------footer--------------------------------------------------------*/

#footer {padding-top:12px;}
#footer p {background-color:#B8C8E6; padding:3px; font-size:90%;}
#footer #subfooter {background-color:transparent; margin-top:8px; text-align:center;}