* {
    margin:                    0px;
    border:                    0px;
    padding:                   0px;
    font-family:               serif;
    font-size:                 14px;
    color:                     #8C8C73;
}

body {
    line-height:               18px;
    background-color:          #80807b;
}

a {
    color:                     #888888;
    text-decoration:           underline;
}

a:hover {
    text-decoration:           none;
}

a:visited {
    color:                     #CC6633;
    text-decoration:           none;
}

sup {
    font-size:                 0.5em;
}

p {
    padding:                   0px 0px 12px 0px;
    margin-bottom:             14px;
    text-align:                justify;
}

img {
    border:                    none;
}

h1 {
    margin:          0px;
    padding-left:    24px;
    height:          44px;
    font:            bold 36px/100% Tahoma, Arial;
    color:           #d0d0d0;
}

h1 a, h1 a:visited {
	color:           #d0d0d0;
	text-decoration: none;
}

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

h2 {
	color:           #323232;
	margin:          0px 0px 2px;
	border-bottom:   1px dotted #CCCCCC;
	letter-spacing:  -1px;
	font:            normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom:  3px;
}

h2 a, h2 a:visited {
	color:           #484848;
	text-decoration: none;
}

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

h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #a6a6a6;
	margin: 10px 0px 5px;
}

h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #b6b6b6;
	margin: 10px 0px 5px;
}

#page-container {
    position:                  relative;
    width:                     800px;
    margin:                    0 auto 0 auto;
    background-color:          #60605e;
}

#page {
/*    position:                  relative;
 */
/*
 *
 *  $DESC:    We could use the margin or border attribute to 'position' the page within the
 *            page container. I chose the border attribute.
 *
    margin:                    8px 8px 8px 8px;
 *
 */
    padding:                   2px 0px 12px 0px;              /* The padding attribute controls the offsets of our content. If this is NOT specified then the header and logo falls away so it is truly an explicit requirement. Order is TOP RIGHT BOTTOM LEFT. */
    border:                    8px solid #60605e;
    border-top:                0px;
    border-bottom:             0px;
    background-color:          #ffffff;
}

/* header area */
#header-container {
    position:                  relative;
    width:                     784px;
    margin:                    0 auto 0 auto;
}

#header {
    border-top:                    8px solid #60605e;
    width:                     784px;
    height:                    156px;
}

#menu-container {
    position:                  relative;
    background:                #000000 url('../media/menu/background_menu.png') no-repeat top left;
    height:                    32px;
    padding:                   0px 0px 0px 8px;
    margin:                    118px 2px 0px 2px; 
}

ul#menu
{
   /* clear: both; */
    float: left;
    height: 32px;
  /*  width: 533px;*/
    text-align: center;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
      background-color: #ffffff; /* required for the fading to work properly. */
}

#menu li
{
      float: left;
/* we rather use opacity and filter to remove text than try and place it out of bounds. placing it out of bounds simply introduces unwanted visual artifacts. */
    /*  text-indent: -9999px; */
}

#menu a
{
      height: 32px;
      display: block;
 color: #9da387;
    opacity:                                .100;
    filter: alpha(opacity=100); 

}

#menu li#home
{
 /*    cursor: pointer; */
 /*   float: left;  */
    width: 102px;
    height: 32px;
    background-image: url('../media/menu/menu_home.png');
}

#menu li#home:hover
{
    height: 32px;
    background-position: 0px 32px;
    filter: alpha(opacity=0); 
}

#menu li#tours
{
/*     cursor: pointer; */
/*    float: left; */
    width: 108px;
    height: 32px;
    background-image: url('../media/menu/menu_tours.png');
}

#menu li#tours:hover
{
     cursor: pointer;
    height: 32px;
    background-position: 0px 32px;
}

#menu li#accommodation
{
  /*   cursor: pointer; */
  /*  float: left;  */
    width: 214px;
    height: 32px;
    background: url('../media/menu/menu_accommodation.png');
}

#menu li#accommodation:hover
{
     cursor: pointer;
    height: 32px;
    background-position: 0px 32px;
}

#menu li#contact
{
 /*    cursor: pointer; */
/*    float: left;  */
    width: 130px;
    height: 32px;
    background: url('../media/menu/menu_contact.png');
}

#menu li#contact:hover
{
     cursor: pointer;
    height: 32px;
    background-position: 0px 32px;
}












#nav {
	list-style:          none;
	margin:              0px;
	position:            absolute;
	right:               0px; /* Adjust to move the menu to the left. */
	bottom:              0px;
}

#nav li {
	float:               left;
	margin-left:         2px;
}

#nav .current_page_item a, #nav .current_page_item a:visited{
	color: #000000;
	text-decoration: none;
}

#nav .page_item a {
	color: #ffffff;
	text-decoration: none;
	background: #5c8d0c url(images/nav-button-bg.gif) repeat-x;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
/*	border-top: 1px solid #E6EED0;
	border-left: 1px solid #AFCD69;
	border-right: 1px solid #AFCD69; */
	display: block;
}
#nav .page_item a:hover {
	color: #000000;
}

/* content area */
#content {
    background-color: white;
    padding: 4px 2px 30px 4px;
    float: left;
    width: 542px;
    overflow: hidden;
}

.post {
	clear:both;
	padding-top: 8px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.png) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.entry {
	float:right;
	width: 540px; /* control post width with post above. */
}
.post-cat {
	background: url(images/mini-category.png) no-repeat left center;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.png) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
	padding-top: 10px;
}

.post-content p {
	text-align: justify; 
}

.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.png) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.png) no-repeat right center;
}

/*sidebar */
#sidebar {
    background: #cdcdcf;
    float: right;
    border: 0px;
/*    border-left: 1px dotted #666666; */
    padding: 0px 8px 32px 8px;
    margin: 2px 2px 0px 0px;
    width: 210px;
    color: #666666;
    overflow: hidden;
}

/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #323232;
	margin: 16px 0px 2px 0px;
	border-bottom: 1px dotted #666666;
}

#links h2 {
    text-indent: -9999px; 
    background-image:          url('../media/image/title_links.png');
    background-repeat:         no-repeat;
    background-position:       top left;
   height: 42px;
}
#tag_cloud h2 {
    text-indent: -9999px; 
    background-image:          url('../media/image/title_tags.png');
    background-repeat:         no-repeat;
    background-position:       top left;
   height: 42px;
}

/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #495233;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.png) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.png) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.png) no-repeat !important;
	padding-left: 20px !important;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/* footer area */
#footer {
    border:                    8px solid #60605e;
    border-top:                0px;
	clear: both;
      width: 784px;
	background-color: #fefefe; /* url(images/footer-bg.gif) no-repeat; */
	color: #d0d0df;
	font-size: 9pt;
/*	line-height: 130%; */
	padding-bottom: 2px;
}

#footer a, #footer a:visited {
	color: #ffffff;
        text-decoration: none;
}
#footer h4 {
	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #9cdbfb;
	margin: 10px 0px 5px;
}

#footer-menu-container {
    width:                     784px;
    height:                    24px;
    margin:                    0px auto 0px auto;
    background: white url(../media/image/background_menu_footer.png) no-repeat center;
}

#footer-menu-container ul {
    list-style:                none;
    color:                     #ffffff;
}

ul#menu-footer
{
   /* clear: both; */
   /* float: left; */
    height: 24px;
    color: #ffffff;
  /*  width: 533px;*/
  /*  text-align: center; */
    list-style: none;
}

#footer-menu li
{
    color: white;
    float: left;
    margin: 2px 0px 0px 0px;
    padding: 0px 8px 0px 8px;
}

#footer-menu a
{
      height: 24px;
}

/* credits */
#credits {
/*	margin: 0px auto; */
/*	width: 768px; */
	color: #323232;
/*	background-color: #fefefe; */
/*	font-size: 85%; */
/*	line-height: 120%; */
}
#credits a, #credit a:visited {
	color: #323232;
}

#credits p {
    border: 0;
    margin: 2px 0px 2px 0px;
    padding: 0;
}

.rss_entries {
	background: url(images/rss_entries.png) no-repeat left center;
	padding-left: 38px;
	padding-bottom: 16px;
	margin-left: 8px;
}
.rss_comment {
	background: url(images/rss_comment.png) no-repeat left center;
	padding-left: 38px;
	padding-bottom: 18px;
	margin-left: 8px;
}
.loginout {
	background: url(../media/icon/administration.png) no-repeat left center;
	padding-left: 38px;
	padding-bottom: 16px;
	margin-left: 8px;
      margin-right: 8px;
      cursor: pointer;
}

.loginout:hover {
/*
 *  $DESC:      Mozilla  and Safari supports the opacity CSS element.  Microsoft
 *              IE  uses  a  filter CSS element which also requires a  width  or
 *              height element property to be set within the element.
 */
    opacity:                                .85;
    filter:                                 alpha("opacity=85");
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}