/* Thai Emperor Website Stylesheet
http://www.thaiemperor.co.uk
Author: Yvonne Tsang http://www.yvonnetsang.com
Created: 2nd April 2007
Last Update : 6th April 2007
*/

* {
   margin:0; padding:0;
   border:0;
   text-decoration: none;}

body {background: #E23E95 url(../images/thai-bg.jpg) 0 0 repeat-x; text-align:center;
     font-family: verdana, Helvetica, arial;
     font-size:62.5%;
     line-height: 1.8em;
     color:#555;}

.clear {clear:both;}
br.clear {clear:both; height:0;}
img.center {margin: 5px 35px; border:3px solid #fff} 
img.right {float:right; margin: 15px;}
img.left {float:left; margin: 15px;}

p {margin: 15px;
   font-size: 1.5em;
   line-height:1.4em;
   }

ul.list {margin: 15px 30px;
        font-size: 1.5em;
        line-height:1.4em;
        }

ol {margin: 15px 30px;
        font-size: 1.1em;
        line-height:1.4em;
        }        
   
a:link, a:visited {color: #e33e95 }
a:hover {color: white; background: #e33e95;}

h2 { color: #A70052;
   padding: 10px 15px;
   margin: 0;
   font-size: 2.3em;
   font-family: Georgia, "Times New Roman", Times,  serif;
   line-height: 1.3em;
   font-weight:normal;
   text-align:center;}

h3 { color: #75035F;
   position: relative;
   padding: 10px 15px;
   margin: 0;
   font-size: 2em;
   font-family: Georgia, "Times New Roman", Times,  serif;
   line-height: 1.3em;}   
   
h3 em {font-size:0.7em;}
h3 em span {float:right;
		 color: #000;}
                        
h4 { color: #956F00;
   position: relative;
   padding: 10px 15px;
   margin: 0;
   font-size: 1.8em;
   font-family: Georgia, "Times New Roman", Times,  serif;
   line-height: 1.3em;}

/* Header */
h1 {background:  url(../images/thai-title-bg1.jpg) 30px 38px no-repeat;
   margin : 0px auto;
   margin-bottom: -44px;
   width: 819px;
   height: 327px;}
h1 span
   {background:  url(../images/thai-title.png) -9px 0px no-repeat;
   display:block;
   margin : 0px auto;
   width: 819px;
   height: 327px;
   font-size:0.001em;
   text-indent: -9000px;}
#menu h1        {background-image: url(../images/thai-title-menu.jpg) ;}
#drinks  h1     {background-image: url(../images/thai-title-drinks.jpg) ;}
#contact  h1    {background-image: url(../images/thai-title-contact.jpg) ;}
#location  h1   {background-image: url(../images/thai-title-location.jpg) ;}

#wrapper {position:relative;
          margin: 0 auto;
          width: 800px;}

/* Intro */
#intro {width:490px; min-height:187px;
        margin-left:5px;
        background: url(../images/sawadeeka.jpg) 0 0 repeat-y;
        border:1px solid white;
        }
#intro p {width:300px;}        

/* Begin Content i.e. page */

.page { 
	width: 799px;
	margin:0 auto;
	background: url(../images/thai-page-m.png) -1px 0  repeat-y;
	text-align: left;

	}

.page-top	{
		position: relative;
		background: url(../images/thai-page-t.png)  no-repeat;
		height: 45px; width: 799px;
		margin: 0px;
		}

.page-bottom	{
		background: url(../images/thai-page-b.png)  no-repeat;
		height: 53px; width: 799px;
		margin: 0px;  
                padding-top: 10px;
		}

.content { background: url(../images/thai-side.jpg) right top repeat-y;
          margin: -1px 32px 0px 32px;
          padding-bottom: 13em;
          }

.maincontent {width: 480px;
            position: relative;
            top:0; left:0;
            text-align:left;            }

.sidepanel {width: 240px;
            position: absolute;
            top:330px; left:530px;
            text-align:center;
            }
.sidepanel p, .sidepanel address { color: #C88E06;
               font-size:1.8em;
               line-height: 1.3em;
               margin: 0px;
               padding: 15px;
               font-family: verdana, Helvetica, arial;}
.sidepanel h2 {font-size: 2.2em; font-weight:bold;}


/* Context Menu */
/*.context-menu, .context-menu ul, .context-menu li, .context-menu a
                             {
                          font-size:1.2em;
                          line-height:1em;
                          list-style-type:none;
                          display:block} */


.sidepanel ul.context-menu
			{list-style-type: none;
			display: block;
			margin:  0px; padding: 0;
			width:100%;
			font-size: 2em; line-height: 1.3em;
			font-family: goergia, Times, serif;
			background: #FEF4BF}
.sidepanel ul.context-menu li
	 { display: block; padding:0 !important; margin:0 !important;
		position: relative;
		top:0; left:0;
			font-weight:bold;
		width: 100%;
			text-align: center;
			}
.sidepanel ul.context-menu li a, .sidepanel ul.context-menu li a:visited, .sidepanel ul.context-menu li a:active
		{display: block;
			margin: 0 !important; padding:10px 15px 10px 15px ;
			background: url(../images/thai-context-menu.jpg) 0 100% repeat-x;
			border-top:1px solid #FfF5cF;
			color:#C99606}
.sidepanel ul.context-menu li a:hover
			{padding: 10px 15px 10px 15px;
			background: #F1CB44 url(../images/thai-context-menu2.jpg) 0 100% repeat-x;
		border-top:1px solid #FfF5cF;
			color: #fff8e0;
			text-decoration:none}


/* Panel on the side column */
.sidepanel .panel {border:3px solid white;
                  background: #FCEBFA;
                  margin:10px ;}
.sidepanel .panel h2 {background: #AC018B;
                      color:white;}
.sidepanel .panel p {font-size: 1.2em;
                    color:#555;
                    text-align:justify;}

/* Footer and Opening Times */
#opening {width: 740px;
         position:absolute;
         background: url(../images/thai-footer.jpg) 0 2.5em no-repeat;
         margin: 0 ; padding:0;
         left:33px;
         text-align:right;
         border-bottom: 1px solid #75035F;
         }
#opening h3 {padding-top:0; padding-bottom:0;}
#opening p {color:white;
           margin:0; padding:0 13px 7px 0;
           font-size:1.3em;}


/* Definition List */

dl {margin: 0px 10px 30px 10px;
    font-size: 1.2em;
    line-height:2em;}

dl dt { font-size: 1.7em;
	padding: 20px 5px 5px 5px;
        color:  #a80000;
        display:block;
        clear: both;
        width:100%;
        font-family: georgia, times, serif;
	border-bottom: 2px dotted #777;}

dl span {float:right;
		margin: 0 5px;
		color: #000;
                text-align:right;
                display:block}

dl dd	{margin: 5px 5px 0 5px;
		 font-size: 1.1em;
		 font-family: Verdana;}

dl em span {float:right;
           font-size: 1.0em;
		margin: 0 5px;
		color: #000;
                text-align:right;
                display:block}

dl hr{border:1px solid #aaa;
   clear: both;
   width: 80%;
   margin: 5px auto;}

dl.banquet dt {padding-top: 2px;
              border-bottom: 0px;
              color: #CC0066;
              font-size: 1.3em;}

dl dt img {border: 2px solid #E23E95;
       position:absolute;
       left: 520px;}
dl dd img {border: 2px solid #fff;
           float:right;
           margin:5px;}

#menu h3 em {font-size:0.7em;}
#menu h3 em span {float:right;
		 color: #000;}

/* Main Menu */
.main-menu   { position:absolute;
               top:285px; left:45px;
               width: 520px; height:45px;
               list-style-type: none;
               display:block;
          }
.main-menu li {display:block;
               float:left;
               }
.main-menu li a {display:block; height: 45px;
               text-indent: -50000px;
               outline:0;
               }

li#home-nav a {width:98px;}
#home li#home-nav a,
      li#home-nav a:hover
      {background: url(../images/thai-menu.gif) 0 0 no-repeat;}

li#menu-nav a {width:96px;}
#menu li#menu-nav a,
      li#menu-nav a:hover
      {background: url(../images/thai-menu.gif) -99px 0px no-repeat; }

li#drinks-nav a {width:96px;}
#drinks li#drinks-nav a,
        li#drinks-nav a:hover
      {background: url(../images/thai-menu.gif) -194px 0px no-repeat; }

li#location-nav a {width:110px;}
#location li#location-nav a,
          li#location-nav a:hover
      {background: url(../images/thai-menu.gif) -289px 0px no-repeat;}

li#contact-nav a {width:115px;}
#contact li#contact-nav a,
         li#contact-nav a:hover
      {background: url(../images/thai-menu.gif) -400px 0px no-repeat;      }


/* Forms */

fieldset {
  padding: 2em 1em;
  border-top: 1px solid #E23E95;
  font-size: 1.3em;
  font-family: verdana, arial, sans-serif;
  }
label {
  float:left;
  width:40%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  clear: both;
  }
input, select, textarea {border: 1px solid #666; margin: 3px 1px;}



/*Footer */
.footer	{       width: 799px;
		margin: -45px 0 10px 0px;
                color:#fac;
		}
.footer p {width: 300px;
               text-align: left;
               margin:0;
               margin-left: 25px;
                font-size: 0.9em;}
.footer a, .footer a:visited {color: white;}
.footer a:hover {color: #e33e95;
                      background:white;}

.footer .menu { width: 410px;
                position : relative;
                     float: right;
                     list-style-type: none;
                     margin-right: 22px;
                     display:block;
                     border-bottom:1px solid #e33e95;}
.footer .menu li { display:block;
                        float: right;
                        padding: 5px;
                        border-right: 1px solid #fac;
                        }