/*
Theme Name: The Desert Lily
Theme Author: Moxie Design Studios
Theme URL: http://thedesertlily.com
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	margin: 0;
	padding: 0;
	background: #d55d40 url('images/bg.jpg') repeat-x;
	font:  13px/19px  Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
           * html .clearfix { height: 1%;}
           .clearfix {display: block;}
      /* End hide from IE-mac */

	
a {
	color: #FFF;
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-decoration: none;
	}

a.img {
border: 0;
}

#wrap {
	margin: 0;
	padding: 0;
	background: transparent url('images/bg_sky.png') repeat-x;
        min-height: 167px;
	}

#container {
       margin: 0px auto;
       width: 980px;
       padding-bottom: 150px;  /* must be same height as the footer */
       }


/* HEADER AREA --------------------------------*/

#head {
     width: 960px;
     margin: 0px auto;
}

#banner {
     position: relative;
     top: 0;
     left: 0;
     padding: 0;
     margin: 0;
     }

#banner p {
    float: left;
    width: 670px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

#banner span {
   float: right;
   display: block;
   width: 269px;
   height: 60px;
}

#banner span a {
   display: block;
   text-indent: -9999px;
   width: 269px;
   height: 60px;
   background:url('images/make.jpg') no-repeat;
}

#banner span a:hover {
   background:url('images/makehover.jpg') no-repeat;
}


/* NAVIGATION ----------------------------------*/
#nav {
      position: relative;
      top: 0;
      left: 0;
}

#nav ul {
	float: right;
	list-style: none;
	margin: 0px;
        margin-top: 65px;
	padding: 0px;
}

#nav li {
        background-image: none;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index:20;
	line-height:30px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	text-align: center;
	color: #FFF;
	display: block;
	font-size: 14px;
        font-weight: bold;
	text-transform: lowercase;
        margin: 0px;
        padding: 9px 9px;
	text-decoration: none !important;
	}

#nav li a:hover, #nav li a:active {
	background: transparent;
	color: #000;
        margin: 0px;
	display: block;
	font-size: 14px;
        padding: 9px 9px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #FFF;
        text-align: center;
	color: #3B599F;
        margin: 0px;
	display: block;
/*	height: 30px;*/
	font-size: 12px;
        font-weight: bold;
        padding: 8px 10px;
	text-decoration: none;
        border: 2px solid #000;
	}

#nav li li.btm a {
border-bottom: 0;
}
	
#nav li li a:hover, #nav li li a:active {
	background: #000;
	color: #FFFFFF;
        margin: 0px;
	display: block;
/*	height: 30px;*/
	font-size: 12px;
        padding: 8px 10px;
        font-weight: bold;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 110px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
        border-left: 0;
	}

#nav li ul a { 
	width: 110px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 201px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}

/*  LOGO -------------------------------------------*/

#nav .logo {
       float: left;
       display: block;
        width:347px;
        height:209px;
        background: url(images/logo.png);
        text-indent: -9999px;
       margin-top: 3px;
        }

#nav .logo a {
       display: block;
       width: 347px;
       height: 209px;
       }





/* CONTENT AREA --------------------------------*/

#content {
position: relative;
        width: 980px;
        margin: auto;
        }

#content #welcome {
       width: 360px;
float: left;
/*position: relative;
top: 0;
left: 10px;
margin-bottom: 40px;*/
background: #d55d40 ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d55d40 ;
padding: 0px 10px;
       }

#content div#wide {
clear: both;
margin: 0px 10px;
}

#content div#message {
width: 500px;
margin: auto;
margin-bottom: 40px;
background: #d55d40 ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d55d40 ;
padding: 0px 10px;
}

#content #wide h2,
#content #copy h2,
#content #message h2,
#content #welcome h2 {
       font-size: 18px;
       background:url('images/wel.png') bottom no-repeat;
padding: 0;
       padding-bottom:15px;
}

#content #sidebar h3,
#content #wide h3,
#content #copy h3,
#content #message h3,
#content #welcome h3{
       font-size: 14px;
}

#content #wide h4,
#content #copy h4,
#content #message h4,
#content #welcome h4{
       font-size: 13px;
color: #FFF;
}


#content #wide h2,
#content #copy h2,
#content #message  h2 {
       background:url('images/wel.png') bottom left repeat-x;
}

/*#content #copy p,
#content #message p,
#content #welcome p {
      font-size: 14px;
      line-height: 20px;
       }*/




/* SLIDESHOWS AREA --------------------------------*/
#content #wide-side {
float: right;
width: 581px;
margin-top: -80px;
}

#content #slideshows {
position: relative;
display: block;
      }

#content #slideshows .top{
position: relative;
       width: 581px;
       background: url('images/top_rev.png') top left no-repeat;
      height: 22px;
      display: block;
      
}

#content #slideshows .mid {
position: relative;
      width: 583px;
      background: url('images/mid_rev.png') top left repeat-y;
/*      min-height: 360px;*/
}

#content #slideshows .mid .content-area {
      position: relative;
      width: 540px;
      margin: auto;
}

#content #slideshows .mid .content-area .caption p {
     margin: 0;
}

#content #slideshows .mid .content-area .caption h2 {
     font-size: 14px;
     font-weight: bold;
     color: #2265E0;
     margin: 10px 0px 2px 0px;
}

#content #slideshows .btm {
      width: 581px;
      background: url('images/btm_rev.png') bottom left no-repeat;
      height: 22px;
      display: block;
}

/* MAIN COPY AREA --------------------------------*/

#content #wide,
#content #copy {
float: left;
/*position: relative;
top: 0;
left: 0px;*/
width: 581px;
margin-left: 10px;
margin-bottom: 40px;
background: #d55d40;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d55d40;
padding: 10px;
}

#content #wide {
float: none;
margin-bottom: 40px;
background: #d55d40 ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #d55d40 ;
padding: 0px 10px;
}

#content #wide p img,
#content #copy p img {
background: #FFF;
border: 2px solid #000;
}

#content #wide ul,
#content #copy ul {
}

#content #copy ul.local {
margin: 0px 0px 20px 0px;
padding: 0;
}


#content #copy ul.local li {
margin-left: 30px;
}

#content #copy ul.local li.heading {
list-style: none;
font-size: 14px;
font-weight: bold;
padding: 0;
margin-left: 0;
}

#content #wide li,
#content #copy li {
padding-bottom: 5px;
margin-bottom: 5px;
}

table td {
vertical-align: top;
}

input.text,
.form select,
.form option,
.form textarea.text,
.form input.text {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 13px;
       color: #000;
       padding: 1px;
       background: #8AB6FF;
       border: 1px solid #000;
       margin-right: 5px;
}

.form label {
font-weight: bold;
font-size: 13px;
}

.form label {
display: block;
padding-bottom: 3px;
}

.widget .form textarea,
.widget .form input {
display: block;
}

#content #copy .form textarea.text {
width: 475px;
}

#content #copy .form textarea.text,
#content #copy .form select,
#content #copy .form option {
margin-right: 0;
}

/* SIDEBAR AREA --------------------------------*/

#content #sidebar {
float: right;
margin-top: -90px;
padding: 0px 10px;
width: 300px;
/*position: relative;
top: -90px;
z-index: 20;
left: 645px;*/

}

#sidebar .widget {
border-bottom: 2px dotted #000;
margin-bottom: 20px;
padding-bottom: 20px;
}

#sidebar .recent,
#sidebar .blogroll,
#sidebar .archives,
#sidebar .search,
#sidebar .distance,
#sidebar .social,
#sidebar .newsletter,
#sidebar .twitter {
padding-left: 20px;
padding-right: 20px;
min-height: 80px;
}

#sidebar .recent ul {
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 0px;
}

#sidebar .form,
#sidebar .guestbook {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom: 0px;
}

#sidebar .twitter p.tweet {
margin: 0;
padding: 0;
background: url('images/quail.png') bottom left no-repeat;
padding-left: 50px;
min-height: 50px;
}

#sidebar span.fineprint {
font-size: 11px;
padding-top: 4px;
line-height: 14px;
}

#sidebar a {
color: #FFF;
}

#sidebar a:hover {
color: #000;
}

#sidebar a img {
border: 0;
}

#sidebar p span.text {
       font-weight: bold;
       font-size: 13px;
       display: block;
       padding-bottom: 3px;
}

#sidebar input.textbox{
       font-family: Arial, Helvetica, sans-serif;
       font-size: 14px;
       color: #000;
       padding: 1px;
       background: #8AB6FF;
       border: 1px solid #000;
       margin-right: 5px;
height: 20px;
width: 150px;
}

#sidebar input.submit {
       text-indent: -9999px;
       vertical-align: middle;
       }


/* THUMBS AREA --------------------------------*/
#thumbnails {
        width: 980px;
        margin: 40px auto;
}

#thumbnails_alt {
float: right;
width: 579px;
}

#thumbnails_col {
width: 980px;
margin: auto;
}

#thumbnails_col p.heading,
#thumbnails_alt p.heading,
#thumbnails p {
       font-size: 14px;
       color: #FFF;
       font-weight: bold;
margin-left: 10px;
}

#thumbnails_col p.heading,
#thumbnails_alt p.heading {
color: #000;
}

#thumbnails_col ul,
#thumbnails_alt ul,
#thumbnails ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
margin-left:10px;
}


#thumbnails ul li {
float: left;
margin: 0px 8px;
}

#thumbnails_col ul li,
#thumbnails_alt ul li {
clear:both;
display: block;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 2px dotted #000;
}

#thumbnails_col li img,
#thumbnails_alt li img {
float: left;
margin-right: 10px;
display: block;
clear: both;
}

#thumbnails_col ul li#first,
#thumbnails_alt ul li#first,
#thumbnails ul li#first {
margin-left: 0;
}

#thumbnails_col ul li#last,
#thumbnails_alt ul li#last,
#thumbnails ul li#last {
margin-right: 0;
border: 0;
}
#thumbnails_col ul li a img,
#thumbnails_alt ul li a img,
#thumbnails ul li a img {
border: 2px solid #000;
}

#thumbnails_col ul li a:hover img,
#thumbnails_alt ul li a:hover img,
#thumbnails ul li a:hover img {
border: 2px solid #FFF;
}

#thumbnails_col ul.left {
width: 45%;
float: left;
}

#thumbnails_col ul.right {
width: 45%;
float: right;
}

/* SIGNUP AREA --------------------------------*/

#signup {
        width: 900px;
        margin: 30px auto;
 /*       background: #FFF;
        border: 2px solid #000;*/
        padding: 0px 20px 0px 0px;
}

#signup h3 {
font-size: 14px;
}

#signup div.left {
float: left;
width: 300px;
margin-left: 20px;
}

#signup div.right {
float: right;
text-align: center;
}

#signup span.fineprint {
font-size: 11px;
padding-top: 4px;
line-height: 14px;
}

#signup a {
color: #FFF;
}

#signup a:hover {
color: #000;
}

#signup a img {
border: 0;
}

#signup p span.text {
       font-weight: bold;
       font-size: 13px;
       display: block;
       padding-bottom: 3px;
}

#signup input.textbox{
       font-family: Arial, Helvetica, sans-serif;
       font-size: 14px;
       color: #000;
       padding: 1px;
       background: #8AB6FF;
       border: 1px solid #000;
       margin-right: 5px;
height: 20px;
width: 200px;
}

#signup input.submit {
       text-indent: -9999px;
       vertical-align: middle;
       }

#signup .twitter {
float: left;
width: 350px;
/*background: #8AB6FF;*/
padding: 0px 20px 0px 20px;
border-right: 2px dotted #000;
min-height: 80px;

}

#signup .twitter p.tweet {
margin: 0;
padding: 0;
background: url('images/quail.png') bottom left no-repeat;
padding-left: 50px;
min-height: 50px;
}

/* FOOTER AREA --------------------------------*/

#footer {
        background: #b73e2d  url('images/bg_foot.png') repeat-x top left;
        position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
        } 


#footer .container {
       width: 980px;
       margin: auto;
       text-align: center;
       padding: 20px 0px;
       }

#footer .container p {
     padding: 0px;
     margin: 5px 0px;
}

#footer .container p.copyright {
       font-size: 11px;
}

#footer .container p span {
padding: 0px 10px;
}


#s3slider {
   width: 540px; /* important to be same as image width */
   height: 358px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}


#s3sliderContent {
   width: 540px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}


 ul#s3sliderContent {
list-style: none;
margin: 0;
padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span.alt {
   position: absolute; /* important */
z-index: 10;
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 514px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
}

.s3sliderImage span {
   position: absolute; /* important */
z-index: 10;
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 514px;
   background-color: transparent;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span b {
display: block;
margin: 0;
margin-bottom: 3px;
padding: 0;
font-size: 14px;
}

.clear {
   clear: both;
} 

p.callout {
font-size: 14px;
font-weight: bold;
}

div#rates {
margin: 20px 0px;
padding: 10px;
background: #6c8dd3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000;
}

div#rates h3 {
margin: 0;
color: #FFF;
font-weight: bold;
}

div#rates a {
color: #FFFFFF;
font-weight: bold;
}

div#rates a:hover {
color: #000;
}

div#rates li {
margin-bottom: 3px;
padding-bottom: 3px;
font-size: 13px;
}

div#rates table {
border: 0;
}



div#rates td {
padding: 5px;
}

div#rates td.room {
font-weight: bold;
padding-right: 20px;
}

div#rates td.rates {
text-align: right;
}


div#rates p.callout {
margin: 0;
}

div.post1 {
margin: 5px 0px;
padding: 0px 10px;
}

div.post2 {
margin: 5px 0px;
background: #b73e2d ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #b73e2d ;
padding: 0px 10px;
}

p.guest {
font-weight: bold;
color: #FFF;
}

div.post h2 {
margin-bottom: 0;
}

p.date {
margin: 0;
padding: 3px 0px;
font-weight: bold;
}

div#copy .post img {
background: #FFF;
border: 2px solid #000;
padding: 4px;
}

div.post {
background:url('images/wel.png') bottom repeat-x;
padding-bottom: 10px;
}

#copy .results {
background: transparent;
}

div.divider {
background: url(images/divider.png) top center no-repeat;
height: 48px;
width: 50px;
margin: 40px auto;
}

div#comments {
margin-top: 40px;
}

div#comment div.form {
margin-top: 40px;
border: 1px solid #000;
}

h3.prevnext {
text-align: center;
margin-bottom: 30px;
display: block;
}

#thumbs{
width: 581px;
}

ul.recipes {
margin: 0px;
padding: 0px 20px 20px;
}

img.bigthumb {
margin-top: 4px;
}