<!-- /*-- Cascading Style Sheet for Astro Gallery --*/

A:link,
A:active {text-decoration :       none;
          color           :       #0808a0 }

A:visited {text-decoration :       none; 
           color           :       #0808a0 }  

A:hover {text-decoration :       none;
             font-weight : bold ; 
         color           :       #6060ff }


/*-- Responsive structural elements --*/

/*-- Full width two full-width columns --*/

BODY.Main {background-color : white ; 
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
max-width:900px;
width: 900px;
 }

DIV.ColumnL2Border {
width : 420px ; 
float:left; 
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ; }

DIV.ColumnR2Border {
width : 420px ; 
float:right; 
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ; }


img {max-width:890px;}


/*-- Two narrower columns --*/

@media all and (max-width:916px) {
BODY.Main {background-color : white ; 
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
width: 610px ;
 }
}

@media all and (max-width:916px) {
DIV.ColumnL2Border {
width : 280px ; 
float:rleft;
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ;
}
}

@media all and (max-width:916px) {
DIV.ColumnR2Border {
width : 280px ; 
float:right;
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ;
}
}

@media all and (max-width:916px) {
img {max-width:270px; }
}


/*-- One full-width column --*/

@media all and (max-width:660px) {
BODY.Main {background-color : white ; 
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
width: 440px ;
 }
}

@media all and (max-width:660px) {
DIV.ColumnL2Border {
width : 420px ; 
float:left;
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ;
}
}

@media all and (max-width:660px) {
DIV.ColumnR2Border {
width : 420px ; 
float:right;
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ;
}
}

@media all and (max-width:660px) {
img {max-width:410px; }
}


/*-- One narrow column --*/

@media all and (max-width:490px) {
BODY.Main {background-color : white ; 
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
width: 300px ;
 }
}

@media all and (max-width:490px) {
DIV.ColumnL2Border {
width : 280px ; 
float:left;
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ;
}
}

@media all and (max-width:490px) {
DIV.ColumnR2Border {
width : 280px ; 
float:right;
margin: 5px 5px 12px 5px;
padding: 4px;
border-radius: 6px 6px 6px 6px;
border: 2px ridge white;
box-shadow: 1px 2px 6px rgba(0,0,0,0.3) ;
}
}

@media all and (max-width:490px) {
img {max-width:270px; }
}



/*-- Common elements --*/

H1            {text-align:center;
               font-family:'century gothic',verdana,arial;
               font-size:22pt;color:#8080C0;
               font-weight:bold;
               letter-spacing:8px;}

@media all and (max-width:490px) {
H1            {text-align:center;
               font-family:'century gothic',verdana,arial;
               font-size:18pt;color:#8080C0;
               font-weight:bold;
               letter-spacing:6px;}
}

H2            {font-family : tahoma,arial ;
               font-size : 11pt ;
               font-weight : bold ;
               text-align:center;
               color : #202060 ; }

.ItemSubtitle {font-family : tahoma,arial ;
               font-size : 9pt ;
               font-weight : bold ;
               text-align:center;
               color : #202060 ; }

.Intro        {text-align : center ;
               font-family : arial ;
               font-size : 9pt ;
               font-weight : bold ;
               color : #404060 }

.DescriptionJ {text-align : justify ;
               vertical-align : top ;
               font-family : arial ;
               font-size : 9pt ;
               color : #000040 ;
               font-weight : normal ;
               padding: 6px ;}

.Postage      {font-family : arial ;
               font-size : 9pt ;
               font-weight : normal ;
               text-align:center;
               color : #404080 ; }

.Price        {font-family : tahoma,arial ;
               font-size : 10pt ;
               font-weight : bold ;
               text-align:center;
               color : #808020 ; }

.Sold         {font-family : tahoma,arial ;
               font-size : 10pt ;
               font-weight : bold ;
               text-align:center;
               color : #a0a0a0 ; }


-->