/*..MY STYLES..*/

html {
scrollbar-base-color: #839287;
scrollbar-arrow-color: orange;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

li {list-style: square outside; color:white;}

a img {border: none; } 

body {margin:0px;padding:0px;}

div {font-family:Arial,serif;font-size:13px;line-height: 25px;}

div#h2 {font-family:Arial,serif;font-size:20px;line-height: 25px;}

div#h3 {font-family:Arial,serif;font-size:14px;line-height: 25px;}

div#colart {font-family:Arial,serif;font-size:11px;line-height: 16px;color:#FFDF6F;text-indent: 2em;background:#747D76;border: 1px #B5B9B6 solid;width:100%;float:left;margin-top:10px;position:relative;}
html>body #colart {}

div#blog {font-family:Verdana,serif;font-size:11px;line-height: 25px;background:#647e54;border: 1px #A9B1AB solid;;color:white;}

div#shun {position:absolute; top: 100px; left: 750px; z-index:2;}

div#body {width: 650px; margin: 0px;margin-left: 100px;height: 100%; background:#839287; text-align:center;}

div#head {width:100%;text-align:left;padding-top:30px;padding-bottom:5px;}

div#line {width:100%; height:9px;background-image:url('images/dot5.gif');background-repeat: repeat-x;float:left;position: relative;}
 
div#column {width:150px ;height:250px; text-align:justify; float: left;padding:0px;color:orange;border:1px #839287 solid; margin-top:47px;margin-right:30px;margin-bottom: 20px;}

html>body #column {width:148px ;height:248px; text-align:justify; float: left;padding:0px;color:orange;border:1px #839287 solid; margin-top:47px;margin-right:30px;margin-bottom: 20px;}

div#main {width: 470px;height:250px;text-align:justify;float:left;color:white;margin-top:47px ;margin-bottom:20px;padding-left: 25px;padding-right:25px;font-family:Verdana,serif;font-size:11px;} 

html>body #main {width: 418px;height:auto;min-height:248px;text-align:justify;float:left;color:white;margin-top:47px;margin-bottom:20px;padding-left: 25px;padding-right:25px; } 

/*..Artworks page styles..*/

div#bodyart {width: 900px; margin: 0px;margin-left: 100px;height: 100%; background:#839287; text-align:center;}
img.top {height:65px; width:100%; margin:0px;}

div#headart {width:100%;text-align:left;padding-top:20px;padding-bottom:5px;}

div#columnart {width:240px ;height:400px; text-align:left;float: left;padding:10px;color:orange;border:1px #839287 solid; border-right: 1px #B5B9B6 solid; border-top: 1px #B5B9B6 solid; margin-top:20px;margin-right:20px;font-size:13px;letter-spacing: 1px;font-weight: bold;}

html>body #columnart {width:220px ;height:auto;min-height:400px; text-align:left;float: left;padding:10px;color:orange;border:1px #839287 solid; border-right: 1px #B5B9B6 solid; border-top: 1px #B5B9B6 solid;margin-top:20px;margin-right:20px;font-size:13px;letter-spacing: 1px;font-weight: bold;}

a.thumb {width: 60px; height:60px; border:1px #B5B9B6 solid; padding:0px; margin: 5px;margin-top:10px;margin-bottom:15px; float:left;}

html>body .thumb {width: 58px; height:58px; border:1px #B5B9B6 solid; padding:0px; margin: 5px;margin-top:10px;margin-bottom:15px; float:left;}

div#thumbspace {width: 62px; height:62px; padding:0px; margin: 5px;margin-top:10px; margin-bottom:15px; float:left;}


div#mainart {width: 630px;height:400px;text-align:center;float:left;color:white;padding:10px;padding-bottom:10px;padding-top:10px;border:0px white solid;margin-top:20px;margin-bottom:20px;margin-right:4px;} 

html>body #mainart {width: 610px;height: auto;min-height:380px;text-align:center;float:left;color:white;padding:10px;padding-bottom:10px;padding-top:0px;border:0px white solid;margin-top:20px;margin-bottom:20px;margin-right:4px;} 


div#mainrez {width: 645px;height:250px;text-align:justify;color:white;margin-top:20px;margin-bottom:20px;margin-left:2px; padding-left: 25px;padding-right:25px; border-top:0px;border:0px white solid;font-family:Verdana,serif;font-size:11px;line-height: 20px;}

html>body #mainrez {width: 595px;height:auto;min-height:250px;text-align:justify;color:white;margin-top:20px;margin-bottom:20px;margin-left:2px; padding-left: 25px;padding-right:25px; border-top:0px;border:0px white solid;font-family:Verdana,serif;font-size:11px;line-height: 20px;}

div#columnlink {width:150px ;height:250px; text-align:justify; padding:0px;color:orange;border:1px #839287 solid; margin-top:47px;margin-left:30px;margin-bottom: 20px;position:relative;}

html>body #columnlink {width:148px ;height:248px; text-align:justify; float:left;padding:0px;color:orange;border:1px #839287 solid; margin-top:47px;margin-left:30px;margin-bottom: 20px;}

a.nav { float:left; width: 100px; background: #839287; padding: 1px;  border: 1px #B5B9B6 solid;color:white ;font-family: Verdana,serif; font-size:11px;margin: 2px;margin-left: 3px; margin-top: 5px;}

html>body .nav { float:left; width: 98px; background: #839287; padding: 1px;  border: 1px #B5B9B6 solid;color:white ;font-family: Verdana,serif; font-size:11px;margin: 2px;margin-left: 3px; margin-top: 10px;margin-bottom: 15px;}

a.nav:link {color: white; text-decoration: none; }
a.nav:visited {color: white; text-decoration: none; }
a.nav:hover {color: #eecf72; text-decoration: none; background:#768379;}
a.nav:active {color: orange; } 

a.cur { float:left; width: 100px; background: #a58420; padding: 1px;  border: 1px #B5B9B6 solid;color:white ;font-family: Verdana,serif; font-size:11px;margin: 2px;margin-left: 3px; margin-top: 5px;}

html>body .cur { float:left; width: 98px; background: #a58420; padding: 1px;  border: 1px #B5B9B6 solid;color:white ;font-family: Verdana,serif; font-size:11px;margin: 2px;margin-left: 3px; margin-top: 10px;margin-bottom: 15px;}

a.cur:link {color: white; text-decoration: none; }
a.cur:visited {color: white; text-decoration: none; }
a.cur:hover {color: #eecf72; text-decoration: none; background:#768379;}
a.cur:active {color: orange; } 

a:link {color: #FFF200;text-decoration:underline ;}
a:visited {color: #FFF200; text-decoration: none; }
a:hover {color: orange; text-decoration: none; background:none;}
a:active {color: #FFF200; } 