/*GENERAL*/ 

body 
	{
    background-color:#ffffff;
    }

p
	{
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
	margin-left:0px;
    padding-left:10px;
    padding-right:15px;
	text-align:left;
	}

td
	{
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
	margin-left:0px;
    padding-left:10px;
    padding-right:15px;
	text-align:left;
	}

ul  
    {
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
    margin-left:30px;
    padding-left:30px;
    }

img
    {
    border-color:black;
    }
li
    {
	font-family:"Arial";
	font-size:13.0pt;
    padding-left:5px;
    padding-bottom:3px;
	text-align:left;
    list-style-position:outside;
    list-style-type:none;
    list-style-image:url(imgbullety.gif);
    }

h1
	{
	color:black;
	font-family:"Arial";
	font-size:20pt;
	font-weight:bold;
	text-align:left;
	}

h2
	{
	color:black;
	font-family:"Arial";
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	}

h3
	{
	color:red;
	font-family:"Arial";
	font-size:14pt;
	font-weight:normal;
	text-align:left;
	}

.center
	{
	color:black;
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
	margin-left:0px;
    padding-left:10px;
    padding-right:15px;
	text-align:center;
	}

.centerhead 
{
text-align:center;
font-size:28pt;
}


.centerbold
	{
	color:black;
	font-family:"Arial";
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

.centerlight
	{
	color:black;
	font-family:"Arial";
	font-size:11pt;
	font-weight:normal;
	text-align:center;
	}

.centerviolet
	{
	color:blueviolet;
	font-family:"Arial";
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

.centergreen
	{
	color:green;
	font-family:"Arial";
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	}

.rightlight
	{
	color:black;
	font-family:"Arial";
	font-size:11pt;
	font-weight:normal;
	text-align:right;
	}

.nb {white-space:nowrap;}
.floatright {float:right;}
.floatleft {float:left}
.pixel {height:1px; width:1px;}
.pwide  {width:90%; max-width:800px; padding-left:5px;} 
/*HYPERLINK STYLE*/

a:link 
    {
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
    color:blueviolet; 
    text-decoration:none;
    }
 
a:visited 
    {
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
    color:blueviolet; 
    text-decoration:none;
    }

a:hover
    {
	font-family:"Arial";
	font-size:13pt;
	font-weight:normal;
    color:red; 
    text-decoration:underline;
    }

.pb

	{
	color:purple;
	font-family:"Arial";
	font-size:18pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.gb

	{
	color:green;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.rb

	{
	color:red;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.tan

	{
	color:#8b6914;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
	text-align:left;
    padding-right:5px;
    padding-left:5px;
	}

.tiny {font-size:8pt;}
.small {font-size:10pt;}
.an

	{
	color:yellow;
	font-family:"Arial";
	font-size:13pt;
	font-weight:bold;
    background-color:black;
    padding-right:3px;
    padding-left:3px;
	}

.bb
	{
	color:black;
	font-family:"Arial";
	font-size:5pt;
    background-color:white;
	}

.ib
	{
	color:black;
	font-family:"Arial";
	font-size:14pt;
	font-weight:bold;
	text-align:left;
    background-color:lightgrey;
	}

.dx {
    color:white;
	font-size:x-large;
    }

.indent

    {
    padding-left:20px;
    }

.large {font-size:large;}
.prominent {font-size:x-large;}

.bigblue
	{
	color:blue;
	font-family:"Arial";
	font-size:20pt;
	font-weight:bold;
    background-color:silver;
    padding-right:5px;
    padding-left:5px;
	}

a.redindex
    {
    font-size:x-large;
    color:white;
    }


.padded
    {
    padding-right:15px;
    padding-left:15px;
    }

.uline
    {
    font-style:normal;
    }

.italic
    {
    font-style:italic;
    }

/*W5 V Color (new palette) ----------------------*/

.red {color:#ff0000;}
.lightred {color:#ff9999;}
.orange {color:#ffbb00;}
.brown {color:#8b6914;}
.wheat {color:#ffffbb;}
.yellow {color:#ffff00;}
.sand {color:#ffff99;}
.green {color:#008b00;}
.lightgreen {color:#caff70;}
.aqua {color:#009999;}
.blue {color:#4169e1;}
.lightblue {color:#aaddff;}
.slate {color:#3366aa;}
.dblue, .indigo {color:#473c8b;}
.purple, .violet {color:#990099;}
.mauve {color:#f49fff;}
.white {color:#ffffff;}
.offwhite {color:#efffff;}
.lightgray {color:#dddddd;}
.midgray {color:#cdc0b0;}
.gray {color:#8b8878;}
.dark {color:#4d4d4d;}
.black {color:#000000;}

/*BACKGROUNDS (new palette)----------*/

.dredbg {background-color:#ff0000;}
.redbg, .pinkbg, .dpinkbg, lredbg {background-color:#ff9999;}
.brownbg {background-color:#8b6914;}
.sandybg, .wheatbg {background-color:#ffffbb;}
.yellowbg, .fawnbg, .goldbg {background-color:#ffff99;}
.aquabg {background-color:#009999;}
.greenbg, .lgreenbg {background-color:#caff70;}
.dgreenbg {background-color:#008b00;}
.slatebg {background-color:#3366aa;}
.dbluebg, .indigobg {background-color:#473c8b;}
.bluebg, .lbluebg {background-color:#aaddff;}
.mauvebg {background-color:#f49fff;}
.purplebg {background-color:#990099;}
.whitebg {background-color:#ffffff;}
.graybg {background-color:#dddddd;}
.dgraybg {background-color:#8b8878;}
.darkbg {background-color:#4d4d4d;}
.blackbg {background-color:#000000;}

/*OTHER BACKGROUNDS*/

.fawnbg {background-color:#ffd39b;}
.lbluebg {background-color:#98f5ff;}
.khakibg {background-color:#f0e68c;}
.wheatbg {background-color:#ffe7ba;}



/*Dalung Catalogue-Gallery Pages*/

.dlogoarchive, .dlogosketchbook, .dlogobanner {width:90%;max-width:500px;}

.price
	{
	color:blue;
	font-family:"Times New Roman";
	font-size:20pt;
	font-weight:normal;
  	}

.size
	{
	color:gray;
	font-family:"Times New Roman";
	font-size:20pt;
	font-weight:normal;
  	}

.code
	{
	color:black;
	font-family:"Times New Roman";
	font-size:20pt;
	font-weight:normal;
  	}

.banner
    {
	width:90%; max-width:500px;   
    }

.dalungbanner {padding-left:200px;}

.dnote
	{
	color:brown;
	font-family:"Times New Roman";
	font-size:16pt;
	font-style:italic;
	font-weight:normal;
  	}

.advertblock
    {
    color:yellow;
    background-color:red;
    }

.thumb
    {
    height:150px;
    width:150px;
    border-width:1px;
    border-style:solid;
    border-color:black;
    }
    
.thumb2
    {
    width:180px;
    border-width:1px;
    border-style:solid;
    border-color:black;
    }

.textbox
    {
    color:black;
    background-color:white;
    border-color:black;
    border-style:double;
    border-width:3px;
    }

.blackbox
    {
    color:white;
    background-color:black;
    border-color:black;
    border-style:double;
    border-width:3px;
    }
    
#sidebar,.sidebar 
    {
    position:fixed;
    left:5.0px; top:8.0px;  
    z-index:1;
    color:white;
	font-family:"Arial";
    background-color:black;
    width:160px;
    padding-left:10px;
    float:left;
    border-color:red;
    border-style:double;
    border-width:3px;
    margin-right:5px;
    }

.box600
{
-moz-border-radius: 60px 0px 60px 0px;
border-radius: 60px 0px 60px 0px;
background-color:red;
max-width:595px;
padding-top:40px;
padding-bottom:40px;
padding-left:5px;
}

.box200 {display:inline-block;vertical-align:middle;margin-left:5px; margin-bottom:5px;}
.box200 {-moz-border-radius: 0px 0px 30px 0px;border-radius: 0px 0px 30px 0px;}
.box200 {width:270px; min-width:200px; min-height:200px;font-size:20px;}
.box200 {border-color:#000000;border-style:solid;border-width:1px;}

.roundbr
{
-moz-border-radius: 00px 0px 30px 0px;
border-radius: 00px 0px 30px 0px;
padding-bottom:10px;
}

.catlogostrip {width:592px; height:86px;}
.darchivelogo, dsketchlogo {width:100%;max-width:500px;}
.boximgvar {width:100%; max-width:270px;}

.rgcontainer 
{
margin-left:200px;
width:80%;
color:#ffd39b;
background-color:black;
}

.boxshadow {-khtml-box-shadow: -3px 3px 10px #8b8878;box-shadow: -3px 3px 10px #8b8878;}
.boxcentering {margin: 0 auto; width:250px; font-size:12pt;}

.sidelinks
{
width:200px;
float:left;
}
 



/*puppets and paper art*/

.plogo {width:90%; max-width:600px; text-align"center;}

/*dalung art gallery*/

#artg, .artg
	{
    color:yellow;
    background-color:#992244;
    height:auto;
    padding-right:50px;
    padding-left:180px;    
	}

.pa
    {
    color:white;
    padding-left:20px;
    }

.picfit {width:80%;}

.picframe
    {
    width:100%; height:auto; max-width:500px;
    margin-right:10px;
    float:left;
    }

.hi-B {height:1500px;}
.hi-X {height:1100px;}
.hi-9 {height:900px;}
.hi-8 {height:800px;}
.hi-7 {height:700px;}
.hi-6 {height:600px;}
.hi-5 {height:500px;}
.hi-4 {height:400px;}
.hi-3 {height:300px;}
.hi-2 {height:200px;}

.bottomspace500 {margin-bottom:500px;}
.bottomspace450 {margin-bottom:450px;}
.bottomspace400 {margin-bottom:400px;}
.bottomspace350 {margin-bottom:350px;}
.bottomspace300 {margin-bottom:300px;}
.bottomspace200 {margin-bottom:200px;}
.bottomspace150 {margin-bottom:150px;}
.bottomspace100 {margin-bottom:100px;}
.bottomspace50 {margin-bottom:50px;}

.atitle
    {
    color:yellow;
    font-size:x-large;
    }

.dartleft
{
height:500px;
width:48%;
}

.dartright
{
height:500px;
width:48%;
float:right;
}

#more {float:right;}

.floatright {float:right; border-color:gray; border-style:solid; padding-bottom:5px;}

/*font overrides*/

.bold {font-weight:bold;}
.shiftleft,.moveleft {text-align:left;}


/*** WIDTH 4 *********************************/
@media (max-width:1100px;)
{
.shell-logo {width:212px; height:145px;}
.catlogostrip {width:300px; height:60px;}
.picfit {width:100%;}
.picframe {float:none;margin-right:1px;}
.picpos {padding-left:4px; margin-left:0px;}
.bottomspace50,.bottomspace100,.bottomspace150 {margin-bottom:0px;}
.bottomspace200,.bottomspace250,.bottomspace300 {margin-bottom:0px;}
.bottomspace350,.bottomspace400,.bottomspace500 {margin-bottom:0px;}
.hi-2,.hi-3,.hi-4,.hi-5,.hi-6,.hi-7,.hi-8,.hi-9,.hi-B,.hi-X {height:auto;}
.pa {max-width:700px;}
.dalungbanner {padding-left:0px;}
footer {padding-left:0px;}
.banner {font-size:40pt;}
}

/*** WIDTH 3 *********************************/
@media (max-width:900px;)
{
#sidebar,.sidebar {position:static;margin-bottom:15px;}
#artg,.artg	{padding-right:0px;padding-left:2px;}
.banner {font-size:30pt;}
}

/*** WIDTH 2 *********************************/
@media (max-width:750px;)
{
body {margin-left;0px; padding-left:0px;}
#sidebar,.sidebar {position:static;float:none;margin-bottom:15px;}
p {padding-left:2px; padding-right:2px;}
li {padding-bottom:20px;}
.banner {margin-left:0px; font-size:20pt;}
.pa {padding-left:2px;}
.dx {font-size:large;}
.atitle {font-size:large;font-weight:bold;}
.dlogosketchbook, .dlogoarchive, dlogobanner {width:100%; height:80px;}
.floatleft {float:none;}
.floatright {float:none;}
.sidelinks {float:none;}
.rgcontainer {margin-left:0px;width:100%;}


}
/*** WIDTH 1 *********************************/
@media (max-width:600px;)
{
.box200 {width:98%;}
.banner {font-size:16pt;}

}
/*** WIDTH 0 *********************************/
@media (max-width:400px;)
{

}