/***********************************************************************
** ssofb.co.uk_retreattravel.css
**  Copyright 2004-2006 Patrick R. Michaud (pmichaud@pobox.com)
**  Copyright 2006 Hagan Fox
**  This file is part of PmWiki; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
***********************************************************************/

/* This sets the overall frame for the site */
body {
  margin:0px; 
  padding:0px;
  color: #6d6f71; 
  font-family:'Trebuchet MS',Georgia,'Times New Roman',serif;  
  font-size:9pt;
  width: 100%; 
  height: 100%;
}

/* These control the fixed-width text elements of the page */
textarea, pre, code { font-size:12px; }
pre, code { font-family:'Lucida Console','Andale Mono','Courier New',Courier,monospace; }
pre { line-height:1.2em; }
pre code, code code, pre pre { font-size:100%; }

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { 
  color: #6d6f71;
  line-height:100%; 
  margin: 0px 0px 10px 0px;  
  font-weight:normal; 
  font-family:Georgia,'Times New Roman','Trebuchet MS',serif;
}
/* header links */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
  color: #000000;
  text-decoration:none;
}
/* header links mouse over */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
  color: #000000;
  text-decoration:underline;
}
/* header links */
h1 a { 
  color: #c6c8ca;
  text-decoration:none;
}


h1 code, h2 code, h3 code, h4 code { 
  font-size:1em; 
}
h1 { 
  font-size:20px; 
  padding: 0px 0px 0px 0px;  
  font-weight: normal;   
}
h2 { 
  font-size:20px; 
  padding: 0px 0px 0px 0px;  
  font-weight: normal; 
  color: #647883;
}
h3 { 
  font-size:16px; 
  padding: 0px 0px 0px 0px;  
  font-weight: normal; 
}
h4 { 
  font-size:15px; 
  padding: 0px 0px 0px 0px;  
  font-weight: bold; 
  font-family:'Trebuchet MS',Georgia,'Times New Roman',serif; 
}
h5 { 
  font-size:15px;
  padding: 0px 0px 0px 0px;  
  font-weight: bold; 
  font-family:'Trebuchet MS',Georgia,'Times New Roman',serif; 
  color: #647883;
  text-transform: uppercase;
}
h6 { 
  font-size:13px;
  padding: 3px 0px 0px 0px;  
  font-weight: bold; 
  font-family:'Trebuchet MS',Georgia,'Times New Roman',serif; 
  color: #647883;
}

#wikitext h1 a { 
  text-decoration:none;
}

#wikitext h1 a:hover { 
  text-decoration:underline;
}


/* The #wikilogo element is the logo from $PageLogoFmt */
#wikilogo { margin-top:4px; padding:6px; border-bottom:1px #cccccc solid; }

/* This controls the rest of the heading (primarily the search box) */
#wikihead { 
  position:absolute; right:10px; top:10px; 
  font-family:Verdana,sans-serif; font-size:85%; 
}
#wikihead input { font-size:85%; } 

/* These are for the left-sidebar. */
#wikileft { 
  width:155px; 
  padding:6px; border-right:1px #cccccc solid; 
  line-height:1.33em;
  font-size:9.4pt; font-family:Verdana,sans-serif;
}
#wikileft .vspace { margin-top:1.125em; }
#wikileft a { text-decoration:none; color:black; }
#wikileft a:hover { text-decoration:underline; color:blue; }
#wikileft ul { list-style:none; padding:0px; margin:0px; }
#wikileft li { margin:0px; padding-left: 6px; }
.sidehead {
  margin:0px; padding:4px 2px 2px 2px;
  font-size:11pt; font-weight:bold; font-style:normal; 
}
.sidehead a 
  { color:#505050; font-weight:bold; font-style:normal; }

/* These affects the main content area. */
#wikibody { 
  padding:0px 10px 10px 10px; background-color:white; 
  font-size:11pt; 
}
#wikicmds { 
  float:right; white-space:nowrap; 
  font-family:Verdana,sans-serif; font-size:80%; 
}
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin:0px 5px; }
#wikicmds li a { text-decoration:none; color:black; border:none; }
#wikicmds li a.createlink { display:none; }
#wikicmds li a:hover { text-decoration:underline; color:blue; }
.pagegroup { margin-top:8px; margin-bottom:2px; }

/* Title field from title tag to head of wiki page */
.pagetitle { 
  color: #6d6f71;
  line-height:100%; 
  margin: 0px 0px 0px 0px;  
  font-weight:normal;   
  font-size:21px; 
  padding: 0px 0px 0px 0px;    
  font-family:Georgia,'Times New Roman','Trebuchet MS',serif;
}
.wikiaction { margin-top:4px; margin-bottom:4px; }

/* Body text field from tag to body of wiki page */
#wikitext { 
  margin-top:12px; 
  font-size:12px; 
  line-height:1.33em; 
  color: #6d6f71;
  font-family:'Trebuchet MS',Georgia,'Times New Roman',serif;  
  padding: 1px 3px 1px 1px;  
  overflow: hidden;
  height: auto;  
}
/* links in body text field from tag to body of wiki page */
#wikitext a { 
  color: #6d6f71;
  text-decoration: none;  
}
#wikitext a:hover { 
  color: #6d6f71;
  text-decoration: underline;  
}

#wikitext table { 
  font-size:100%; 
  line-height:1.33em; 
} /* For MSIE 5.5 */

/* These are for the edit form. */
#wikiedit form { margin:0px; width:100%; }
#wikiedit textarea { width:100%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }

/* These affect the lines at the very bottom. */
#wikifoot { 
  padding-left:178px; padding-bottom:4px; border-top:1px #cccccc solid;
  font-family:Verdana,sans-serif; font-size:80%; 
}

/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:auto; margin:0px; padding:0.5em; }
  #wikihead, #wikileft, #wikicmds, .footnav { display:none; }
  #wikifoot { padding:2px; }
  /* Print customisations by SSOFB */
  /* dont think they work though
  .pagetitle { display:block; } 
  .pop-up_box_container { display:none; }
  */
}





/* Code by SSOFB */

/* main body center */
.page_center {
  text-align: center;
  border: 0px #00aaaa solid;
  margin: 0px;
}

/* page container */
.page_container {
  border: 0px #aa00aa solid;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
}

/* header container */
.header_container {
  position: relative;
  border: 0px blue solid;
  padding: 61px 0px 0px 46px;
  margin: 0px 0px 0px 0px; 
  height: 99px; 
  background: url(header.gif) #ffffff 0% 0% no-repeat;
}
  
  
/*
Header menu styles
*/
/* header menu container */
.menu_container  {
  border: 0px yellow solid;
  background: #ffffff 0% 0% no-repeat;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 45px;   
}

.menu_left_container, .menu_right_container  {
  border: 0px red solid;
  padding: 7px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  color: #6d6f71;  
  font-size: 14pt;
  font-family:Georgia,'Times New Roman','Trebuchet MS',serif;  
}

.menu_left_container a, .menu_right_container a  {
  text-decoration: none;
  color: #6d6f71;  
  padding: 0px 10px 0px 10px;  
}

.menu_left_container  {
  position: relative;
  float: left;    
  text-align: left;
  padding-left: 35px;
}

.menu_right_container  {
  position: relative;
  float: right;    
  text-align: right; 
  padding-right: 35px;  
}
  


/*
Body styles
*/
.body_container {
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  height: auto;
  background: 0% 0% repeat-y;
  border: 0px green solid;
  min-height: 250px;    
  overflow: hidden;
}

.body_image_container {
  position: relative;
  float:right;  
  text-align: left;
  border: 0px blue solid;
  padding: 0px 0px 0px 0px;
  margin: 40px 45px 30px 0px; 
  width: 300px;  
  height: auto;
  overflow: hidden;
}

.body_text {
  position: relative;
  float:left;  
  padding: 0px 0px 0px 0px;
  margin: 40px 40px 30px 40px; 
  text-align: left;
  border: 0px yellow solid;
  font-size: 8pt;
  color: #000000;
  height: auto;
  width: 920px;
  overflow: none;
  z-index: 1;
}
/* body text links */
.body_text a {
  text-decoration: underline;
  color: #000000;    
}
/* body text links mouse over */
.body_text a:hover {
  text-decoration: underline;
  color: #02236b;    
}

/*
Footer styles
*/
/* footer_container */
.footer_container {
  position: relative;
  border: 0px red solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 100px;
  width: 1000px;  
  background: #ffffff 0% 0% no-repeat; 
}


.footer_left_container {
  position: relative;
  float: left;    
  text-align: left;
  border: 0px blue solid;
  padding: 25px 0px 0px 45px;
  margin: 0px 0px 0px 0px; 
  height: 75px;
  width: 450px;  
  font-size: 8pt;
  color: #6d6f71;  
  text-decoration: none;  
  font-family:Georgia,'Times New Roman','Trebuchet MS',serif;
}

/* credit bar container links, this contains the footer bar at the bottom of the page */
.footer_left_container a, .footer_right_container a {
  text-decoration: none;
  color: #6d6f71;  
}

/* credit bar container links mounse over, this contains the footer bar at the bottom of the page */
.footer_left_container a:hover, .footer_right_container a:hover {
  text-decoration: underline;
  color: #6d6f71;  
}


.footer_right_container {
  position: relative;
  float:right;  
  text-align: right;
  border: 0px blue solid;
  padding: 25px 45px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 75px;
  width: 450px;  
  font-size: 7pt;
  color: #6d6f71;  
  text-decoration: none;  
  font-family:'Trebuchet MS',Georgia,'Times New Roman',serif;
}

/* credit bar container links, this contains the footer bar at the bottom of the page */
.footer_left_container a {
  text-decoration: none;
  color: #6d6f71;  
}

/* credit bar container links mounse over, this contains the footer bar at the bottom of the page */
.footer_left_container a:hover {
  text-decoration: underline;
  color: #6d6f71;  
}



/* horizontal line */
hr {
  height: 2px;
  border: 0px;
  background: #e4e3e3;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

/* for use with artist_gallery.php cookbook */
.galleryitem {
  position: relative;
  float: left;  
  text-align: center;
  border: 1px #6d6f71 solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: auto;
  width: 300px; 
  display: table-cell; 
  vertical-align: middle;
  overflow: hidden; 
}
.galleryimage {
  text-align: center;
  position: relative;
  border: 0px yellow solid;
  padding: 20px 20px 20px 20px;
  margin: 0px 0px 0px 0px; 
  height: 320px; 
  width: 300px;  
  display: table-cell; 
  vertical-align: middle;
  text-align: center;
  overflow: hidden; 
}
.galleryname {
  float: bottom;  
  text-align: center;
  border: 0px red solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; 
  height: 55px; 
  width: 300px;  
  overflow: hidden; 
}




.singleimage_container {
  border: 0px green solid;
  width: 650px;
  float: right;    
}

.singleimage_image_container {
  border: 0px red solid;
  width: 300px;
  float: left;
 
}

.singleimage_text_container {
  border: 0px blue solid;
  width: 340px;
  float: right;
}