/* Style sheet : ThaiWorldView */

body
{
   font-family      : Arial,Helvetica,Geneva;
   color            : black;
   background-color : white;
   background-image : url(gif/deco/back.jpg);
   word-spacing     : normal;
   letter-spacing   : normal;
   width					  : 95%;
   margin					  : auto;
}

a:link, a:visited, a:active { color : black }
a:hover { color : red }

img.bottom
{
	display      : block;
  margin-left  : auto;
  margin-right : auto;
  max-width    : 100%;
  height       : auto;
  width        : auto;
}

div { text-align : justify }

div.center { text-align : center }

div.wrapper
{
	display				 : table;
	margin-left    : auto;
  margin-right   : auto;
}

div.bottom1
{
   border-style    : solid;
   border-color    : #ACA250;
   padding	       : 1em;
   background      : #fed170;
   text-align      : center;
}

div.bottom2
{
	 border-right-style  : solid;
   border-bottom-style : solid;
   border-left-style   : solid;
   border-color        : #ACA250;
   padding	           : 1em;
   background          : #fed170;
   text-align          : center;
}

div:after
{
    content:"";
    clear:both;
    display:block;
}

P { text-indent: 3em; }

hr
{
   color      : #ACA250;
   height     : 2;
   width      : 75%;
   margin     : 0 auto 3px auto;
}

hr.sep
{
   color      : #ACA250;
   height     : 1;
   width      : 25%;
   margin     : 0 auto 3px auto;
}

h1 { font-size: 24pt }
h2 { font-size: 18pt }
h3 { font-size: 16pt }
h4 { font-size: 14pt }
h5 { font-size: 12pt }

h1.green
{
   color       : #ACA250;
   font-family : "arial black";
}

ul { list-style-type : circle; }

ol { list-style-type : square;  }

li { padding-bottom : 10px; }

LI SPAN
{
   font-family : CourierNew;
   font-size   : 16px;
   font-style  : normal;
}

SPAN.thai
{
	font-family : Tahoma,Angsana New,Cordia New,IrisUPC,Arial Unicode MS;
	font-size   : 17pt;
}

SPAN.date
{
   font-family : CourierNew;
   font-style  : normal;
   font-weight : bold;
   color       : green;
}

SPAN.first
{
   font-family : verdana;
   font-size   : 24px;
   font-style  : normal;
}

SPAN.music
{
   font-family      : helvetica,arial;
   font-size        : 24px;
   font-style       : normal;
   background-color : orange;
}

SPAN.month
{
   font-family     : CourierNew;
   font-size       : 24px;
   text-decoration : underline;
   color           : red;
}

SPAN.title
{
   text-align      : center;
   margin          : 0.5em;
   padding         : 0;
   margin-bottom   : 0.5em;
   color           : #ACA250;
   font-size       : 35px;
   font-family     : verdana;
   text-decoration : underline;
   font-weight     : bold;
}

SPAN.tablecell
{
   display: table-cell;
   vertical-align: middle;
}

FIGURE 
{
	display : table;
	margin  : 15px 15px 15px 15px; 
	vertical-align: middle;
}

FIGURE.right 
{
	float: right; 
}

FIGURE.left 
{
	float: left; 
}

FIGURE.nb1, FIGURE.nb2
{
    margin-left: auto;
    margin-right: auto;
}

FIGCAPTION 
{
	 display         : block;
   border-width    : 3px;
   border-style    : solid;
   border-color    : #ACA250;
   background      : #fed170;
   text-align      : center;
	 font-weight     : bold;
	 margin-top      : 0.5em;
}

section { margin: 3%; }

@media screen and (max-width: 768px)
{
  img.hideimage { display: none; }
  
  img.size
	{
    max-width: 100%;
    height   : auto;
    display  : block;
  	width    : auto;
	}
}

@media screen
and (min-width : 769px)
and (max-width : 1024px)
{
	
  FIGURE.nb1
  {
    float: left;
    width: 40%;
  }
  FIGURE.nb2
  {
    float: right;
    width: 40%;
  }
}

@media screen and (min-width: 1024px) 
{
	body { width : 980px; }
	
  FIGURE.nb1
  {
    float: left;
    width: 40%;
  }
  FIGURE.nb2
  {
    float: right;
    width: 40%;
  }
}