/*   
Theme Name: Thannas Place Live
Theme URI: http://thannas.com/
Description: Live Theme for Thanna's Place
Author: MLS
Author URI: http://phototnt.com/
Version: 0.1

Copyright Marc Seyon. All rights reserved.
*/

/*

Colour scheme

cream (light): #fefbc6
  usage: background

cream (dark): #ffe99f
  usage: border around coloured squares
	
orange: #d2521e
  usage: coloured square, about us background
	
green: #8bbf27 (formerly #b3c800)
  usage: coloured square, rooms and rates background

reddish pink: #d04643
  usage: coloured square, amenities background
	
deep yellow: #d8ac19
  usage: coloured square, contact background

deepish reddish orange: #b85327
  usage: footer text
*/

body
{
background: #fefbc6;
color: #b85327;
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 100%;
}

#h /* header */
{
width: 790px;
margin: 1em auto 0 auto;
background: url(i/bg.4sq.b.gif) no-repeat right 50px;
}

#p /* page */
{
color: #fff;
width: 750px;
margin: 1em auto;
border: 3px solid #fff;
padding: 10px;
}

#p p
{
line-height: 1.5;
}

#general-nav
{
width: 100%;
border-bottom: 3px solid #ffe99f;
}

#general-nav ul
{

list-style-type: none;
text-align: center;
margin-bottom: -3px;
overflow: auto;
}

#general-nav ul li
{
display: block;
float: left;
margin: 0 10px;
}

#general-nav a
{
display: block;
text-decoration: none;
color: #b63e23;
border-bottom: 3px solid #ffe99f;
font-size: small;
text-transform: uppercase;
letter-spacing: 1px;
}


#general-nav .page-item-3 a:hover {color: #d2521e; border-bottom: 3px solid #d2521e;}
#general-nav .page-item-4 a:hover {color: #8bbf27; border-bottom: 3px solid #8bbf27;}
#general-nav .page-item-6 a:hover {color: #d04643; border-bottom: 3px solid #d04643;}
#general-nav .page-item-7 a:hover {color: #d8ac19; border-bottom: 3px solid #d8ac19;}
#general-nav .page-item-8 a:hover {color: #7b9cbb; border-bottom: 3px solid #7b9cbb;}

body.page-id-3 #p {background: #d2521e;}
body.page-id-4 #p {background: #8bbf27;}
body.page-id-6 #p {background: #d04643;}
body.page-id-7 #p {background: #d8ac19;}
body.page-id-8 #p {background: #7b9cbb;}

#f
{
width: 790px;
background: url(i/bg.4sq.s.gif) no-repeat center top;
margin: 0 auto 1em auto;
padding-top: 40px;
text-align: center;
font-size: x-small;
}

#p div
{
padding: .5em .1em;
}

#p div div /* for ul-holder div in amenities */
{
padding: 0;
}

#p a
{
color: #fff;
font-weight: bold;
text-decoration: none;
}

h1
{
margin: 0;
padding: 0;
}

h2
{
margin: 0 0 0 10px;
padding: 0;
font-size: 110%;
}

h2.intro-h2
{
font-family: georgia;
font-size: large;
}

table.rates
{
width: 80%;
margin: 1em auto;
border-collapse: collapse;

}

table.rates td
{
vertical-align: top;
border: 1px solid #fff;
padding: 6px;
}

#f p, #f h6
{
font-size: 85%;
margin: 0;
}

#f p
{
margin-bottom: .5em;
}

#f a
{
font-weight: bold;
text-decoration: none;
color: #b85327;
}

#f a:hover
{
text-decoration: underline;
}

#f a#a-a:hover {color: #d2521e;}
#f a#a-r:hover {color: #8bbf27;}
#f a#a-s:hover {color: #d04643;}
#f a#a-c:hover {color: #d8ac19;}

#badges
{
width: 360px;
margin: 0 auto 1em auto;
text-align: center;
overflow: auto;
}

#badges #bbcarib
{
width: 360px;
font-size: 1em;
text-align: center;
}

#badges .th-badge
{
float: left;
}

br.spc
{
clear: left;
}

.alignnone
{
   border: 2px solid #fff;
   background: #ffe99f;
   margin-left: 6px;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: 2px solid #fff;
   background: #ffe99f;
}

.alignleft {
   float: left;
   border: 2px solid #fff;
   margin-right: 6px;
   background: #ffe99f;
}

.alignright {
   float: right;
   margin-left: 6px;
   border: 2px solid #fff;
   background: #ffe99f;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}