* {padding: 0; margin: 0; border: 0; }
html { font-size: 100%; } /* IE hack */
body { font-family:"Lucida Grande",Verdana,Geneva,Arial,sans-serif; font-size:12px;}
/* Define general text color - modified by 'brightness setting' */ body , div#navigation a , #footer a { color: #888; }
body { background-color: #080808; }
body { font-size: 62.5%; background: #080808 url(images/mainBackground.gif) no-repeat fixed left bottom;}
ul ul , li li, li p, td p, blockquote p , label , input , textarea {font-size:1em; }
h1 { color: #D07C00; font-family:Palatino Linotype, Georgia, sans-serif; ; margin-top: 0%;}
h2 , h3 , h4 ,h5 { color: #D07C00; font-family:Palatino Linotype, Georgia, sans-serif; margin-top: 3%;}
h5 {color: #787878; font-family:"Lucida Grande",Verdana,Geneva,Arial,sans-serif; font-variant: small-caps; }
h2.red { color: #DF2800; }
h1 { font-size: 3em; } h2 { font-size: 1.5em; } h3 { font-size: 1.3em; } h4 { font-size: 1.1em; } h5 { font-size: 1.0em; }
h2:target , h3:target { background: url(images/flashListIcon.gif) no-repeat left center; padding: 0 0 0 15px; }
input, select, th, td { font-size:1em; }
.clear {clear: both;}
.bigBtmMargin { margin-bottom: 25%;}
/* Header styles */
#header , #gettingHereHeader , #madridToPiedrahitaHeader
{ margin-left: 150px; margin-top:0px; height: 120px; background: #080808 url(images/walkHeader.jpg) left top; color:#fff;
padding: 0 0 0 10px; font-size:1.8em; position: relative; }
/* #header { margin-left: 0px; margin-top:0px; height: 120px; background-color: #888; border-left: 150px solid #080808;
padding: 0 0 0 10px; font-size:20px; } */
#header h2, #gettingHereHeader h2, #madridToPiedrahitaHeader h2 { font-size: 0.99em; position: relative; top: 7px; left: 97px; color: #080808;}
/* Wordpress blog */
.sidebarBlog { float: right; width: 25%; padding: 2em 0% 3% 2%; overflow: hidden;}
.content2colBlog {float: left; display: inline; width: 68%; padding: 2em 2% 2% 2%; border-left: 150px solid #080808; margin-left: -150px; overflow: hidden; }
.blogForm { margin: 1em 0; border: 1px solid #222; font-size: 1em; }
.content2colBlog a:visited { text-decoration: none; border-bottom: dotted 1px #D07C00; color: #DF2800; background-color: #080808 }
.sidebarBlog a:visited { text-decoration: none; border-bottom: dotted 1px #D07C00; color: #DF2800; background-color: #080808 }
.content2colBlog a:hover { text-decoration: none; border-bottom: solid 1px #DF2800; color: #D07C00; background-color: #080808 }
.sidebarBlog a:hover { text-decoration: none; border-bottom: solid 1px #DF2800; color: #D07C00; background-color: #080808 }
.content2colBlog a:active { text-decoration: none; border-bottom: solid 1px #DF2800; color: #D07C00; background-color: #080808 }
.sidebarBlog a:active { text-decoration: none; border-bottom: solid 1px #DF2800; color: #D07C00; background-color: #080808 }
/* General style for links in content area*/
.contentWrapper a:link { text-decoration: none; border-bottom: dotted 1px #D07C00; color: #DF2800; }
.contentWrapper a:visited { text-decoration: none; border-bottom: dotted 1px #555; color: #AA7; background-color: #181818}
.contentWrapper a:hover , a:active { text-decoration: none; border-bottom: solid 1px #DF2800; color: #D07C00; background-color: #080808 }
a.noLinkStyle:link , a.noLinkStyle:visited , a.noLinkStyle:hover { border-bottom: none;}
.contentWrapper ul { margin-top: 1%; padding-left: 1.2em;}
.contentWrapper ul ul { margin-top: 1%; font-size: 0.98em; padding-left: 1em; }
.contentWrapper { margin-left: 150px; margin-top: 0px; padding: 0px; line-height: 1.8em; font-size: 1.2em;}
.contentWrapper p {margin-top: 1%; font-size: 0.9em; }
.contentWrapper li {list-style:none; background-image: url(images/listIcon1.gif); background-repeat: no-repeat; background-position: 0px 10px;
padding-left: 10px; margin-bottom: 6px; font-size: 0.9em; }
/* .contentWrapper li { margin-left: 20px; } */
/* a.thickbox:link , a.thickbox:visited , a.thickbox:hover , a.thickbox:active { text-decoration: none; border: none; } */
#outerWrapper { margin: 0px; max-width: 1024px; min-width: 760px; }
/* background: #080808 url(images/pgBackground.jpg) repeat-y left top;} */
/* ++ Navigation bar ++ */
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use absolute position */
#navigation { position: absolute; left: 0; top: 0; width: 150px; }
/* background: #FFF url("images/mainBackground.jpg") repeat-y left top; } */
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser which handle fixed positioning */
#outerWrapper > #navigation {position: fixed; }
#navigation a:link , #navigation a:visited , #navigation a:hover { text-decoration: none; }
ul#spanishNav { padding-bottom: 25px; margin: 0; list-style: none; background: transparent url(images/spanishMenuLine.gif)
repeat-y right top; line-height: 1.6em;}
ul#spanishNav li { display: inline; width: 150px; margin: 0; letter-spacing: 0px; }
ul#spanishNav a { display: block; text-decoration: none; padding: 5px 0px 3px 5px;
background: url(images/spanishMenuLine.gif) repeat-y right top;}
ul#spanishNav li a.selected { color: #DF2800; background: url(images/spanishMenuLine.gif) repeat-y left top; }
ul#spanishNav li a:hover { color: #fff; background: url(images/spanishMenuLine.gif) repeat-y left top; }
ul#paraNav { padding-bottom: 25px; margin: 0; list-style: none; background: transparent url(images/paraMenuLine.gif)
repeat-y right top; line-height: 1.6em;}
ul#paraNav li { display: inline; width: 150px; margin: 0; letter-spacing: 0px; }
ul#paraNav a { display: block; text-decoration: none; padding: 5px 0px 3px 24px;
background: url(images/paraMenuLine.gif) repeat-y right top;}
ul#paraNav li a.selected { color: #DF2800; background: url(images/paraMenuLine.gif) repeat-y left top; }
ul#paraNav li a:hover { color: #fff; background: url(images/paraMenuLine.gif) repeat-y left top; }
/* Display main menu items */
ul#mainNav { padding-bottom: 5px; margin: 0; list-style: none; line-height: 1.6em;}
ul#mainNav li { width: 150px; margin: 0; letter-spacing: 1px; }
ul#mainNav a.mainNav { display: block; text-decoration: none; padding: 3px 0px 3px 5px;
background: url("images/menuLine.gif") repeat-y right top; width: 145px; font-size: 0.9em; }
ul#mainNav li.mainNavLiActive a.mainNav { color: #DF2800; background: url(images/menuLine.gif) repeat-y left top; cursor: default; }
ul#mainNav li.mainNavLi a.mainNav:hover { color: #FFF; background: url(images/menuLineHover.gif) repeat-y left top; }
/* 2nd level menu display */
/* By default all not Active 2nd level uls not displayed */
li.mainNavLi ul { display: none; }
li.mainNavLiActive ul { padding-top: 3.5em; margin: 0; list-style: none; width: 150px; padding-bottom: 5px; ;
background: transparent url(images/menuLineHorz.gif) no-repeat left top; line-height: 1.0em;
position: absolute; top: 236px; left: 0px; }
li.mainNavLiActive ul li { background: transparent url(images/level2MenuLine.gif) repeat-y left top; }
li.mainNavLiActive ul li a { display: block; text-decoration: none; text-align: right; padding: 3px 5px 3px 0px; font-size: 0.9em;
background: transparent url(images/level2MenuLine.gif) repeat-y left top; width: 145px; }
li.mainNavLiActive ul li a.level2Selected { color: #DF2800 ; background: url(images/level2MenuLine.gif) repeat-y right top; }
li.mainNavLiActive ul li a:hover { color: #FFF; background: #000 url(images/level2MenuLineHoverLow.gif) repeat-y left top; }
li.mainNavLiActive a.level2Selected:hover { color: #DF2800 ; background: url(images/level2MenuLine.gif) repeat-y right top; cursor: default;}
/* Non active 2nd level is displayed only during mouse over main menu item */
ul#mainNav li.mainNavLi {position: relative; }
li.mainNavLi ul { padding-top: 0px; margin: 0; list-style: none; line-height: 1.2em; position: absolute; top: 0px; left: 136px;
border-bottom: 1px solid #690; width: 175px; padding: 0px 6px 0px 0px; }
li.mainNavLi ul a { display: block; text-align: right; padding: 5px 5px 3px 0px; width: 175px ;
background: transparent url(images/menuLineHover.gif) repeat-y right top;
border-right: 1px solid #690; border-top: 1px solid #690; }
li.mainNavLi:hover ul { display:block; z-index: 100; }
li.mainNavLi:hover ul li a:hover { color: #FFF; background: #000 url(images/level2MenuLineHoverUpper.gif) repeat-y right top; }
/* -- End of navigation -- */
.content2col {float: left; display: inline; width: 64%; padding: 2em 2% 2% 2%; border-left: 150px solid #080808; margin-left: -150px; overflow: hidden; }
.content2col70 {float: left; display: inline; width: 70%; padding: 2em 2% 2% 2%; border-left: 150px solid #080808; margin-left: -150px; overflow: hidden; }
.content2col65 {float: left; display: inline; width: 65%; padding: 2em 2% 2% 2%; border-left: 150px solid #080808; margin-left: -150px; overflow: hidden; }
.content1col {float: left; display: inline; width: 99%; padding: 2em 2% 2% 2%; border-left: 150px solid #080808; margin-left: -150px; overflow: hidden; }
.sidebar25 { float: right; width: 25%; padding: 2em 0% 3% 2%; overflow: hidden;}
.sidebar20 { float: right; width: 20%; padding: 2em 0% 3% 2%; overflow: hidden;}
.sidebar { float: right; width: 30%; padding: 2em 0% 3% 2%; overflow: hidden;}
/* * html .sidebar { display: inline;} */
/* ++ Footer -- */
#footer { background: #355C00; width:100%; text-align: center; padding: 6px 0px 8px 0px; color: #D07C00; font-size: 0.9em; }
#footer a { margin: 0; padding: 0; text-decoration: none; /* color: #D07C00; */ }
#footer p { padding: 0; margin: 0; }
#footer a:link { text-decoration: none; border: none; }
#footer a:visited { text-decoration: none; border: none; background-color: #355C00; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#addThisBookmark img { margin:0px 5px 5px 0px; padding: 0px 0px 0px 0px ; border: none; float: right;}
div.galleryThumbs { margin:0px 11px 10px 0px; width: 510px; }
div.thumbArea { width: 100px; height: 100px; border: 1px solid #222; float: left; }
.galleryThumbs a:link { text-decoration: none; border: none; }
.galleryThumbs a:visited { text-decoration: none; border: none;}
.galleryThumbs a:hover , a:active { text-decoration: none; border: none; }
.thumbArea img { margin: 8px; }
/* Calendar styling */
caption { color: #D07C00; font-family:Georgia; margin-top: 5%; font-size: 2em; }
td , th { padding: 0px 3px 0px 3px; border: 1px solid #333; }
th { color: #996; }
table { border-collapse: collapse; text-align: center; color: #996; margin: 10px; width: 100%; background-color: transparent; }
table#legend td.booked , table#legend td.vacancies , table#legend td.query , table#legend td.unavailable { width: 15px; }
tr.booked td {background-color: #DF2800; color: #000; }
/* tr.vacancies td {background-color: #9F9; color: #006400;} */
tr.query td {background-color: #FFCC33; color: #8B0000;}
tr.unavailable td {background-color: #C7D7FF; color: blue; }
tr.easy td {background-color: #99FF99; color: #33197F; }
tr.moderate td {background-color: #3366FF; color: #222222; }
tr.difficult td {background-color: #33197F; color: #B2A300; }
td.query {background-color: #FFCC33 !important;}
td.booked {background-color: #DF2800; color: #000; }
td.easy {background-color: #99FF99; color: #33197F;}
td.moderate {background-color: #3366FF; color: #222222; }
td.difficult {background-color: #33197F; color: #B2A300; }
table.months td.weekNo {background-color: #080808 ; color: #996 ; }
table.months td.booked_0 { }
table.months td.booked_1 { color: #080808 ; background: url(booking/images/bookedVac.gif) repeat-y -112px top }
table.months td.booked_2 { color: #080808 ; background: url(booking/images/bookedVac.gif) repeat-y -96px top }
table.months td.booked_3 { color: #080808 !important; background: url(booking/images/bookedVac.gif) repeat-y -80px top }
table.months td.booked_4 { color: #080808 !important; background: url(booking/images/bookedVac.gif) repeat-y -64px top }
table.months td.booked_5 { color: #080808 !important; background: url(booking/images/bookedVac.gif) repeat-y -48px top }
table.months td.booked_6 { color: #080808 !important; background: transparent url(booking/images/bookedVac.gif) repeat-y -32px top }
table.months td.booked_7 { color: #080808 !important; background: url(booking/images/bookedVac.gif) repeat-y -16px top }
table.months td.booked_8 { color: #080808 !important; }
table.months tr.booked td {background-color: #DF2800; color: #000; }
table.months tr.query td {background-color: #FC3; color: #8B0000;}
table.months tr.easy td {background-color: #99FF99; color: #33197F; }
table.months tr.moderate td {background-color: #3366FF; color: #222222; }
table.months tr.difficult td {background-color: #33197F; color: #B2A300; }
/* Image styling */
img { border: 1px solid #444; margin-top: 2%; }
img.left { float: left; padding: 1px; margin: 2% 8px 0px 0px; }
img.right { float: right; padding: 1px; margin: 2% 0px 8px 8px;}
img { text-decoration: none; }
.centre { margin-left: auto; margin-right: auto; }
img.noBorderMargin { border: none; margin: 0; }
/* image with caption #AA7 */
div.captionImgRight { float: right; padding: 1px; margin: 2% 0px 3px 8px; }
div.captionImgLeft { float: left; padding: 1px; margin: 2% 8px 3px 0px; }
/* use span or p but p doesn't validate in a tags */
.captionImgRight p , .captionImgLeft p , .captionImg p { padding: 0 0 0 5px; color: #AA7; text-align: center; border: 1px solid #222;
margin-top: 0; line-height: 1.5; }
.captionImgRight span , .captionImgLeft span , .captionImg span { padding: 0 0 0 5px; color: #AA7; text-align: center; border: 1px solid #222;
margin-top: 0; line-height: 1.5; display: block; }
.galleryThumbs { width: 480px; }
img.galleryThumbs , a.galleryThumbs {height: 90px; width: 90px; padding: 10px;}
/* change direct of text */
.sdrawkcab { unicode-bidi:bidi-override; direction: rtl; }
/* Item Box */
.box { border: 1px solid #222; margin-bottom: 4%; padding: 3%; }
/* Styling for form */
fieldset { margin: 1em 0; border: 1px solid #222; font-size: 1em; }
label { float: left; clear: left; width: 9em; text-align: right; padding: 0 5px 3px 0; color: #D07C00; margin: 10px 0 0 0;
background: #080808;}
input , textarea { float: left; width: auto; padding: 4px; background: transparent; border: 1px solid #222; margin: 10px 0 0 0; background: #080808; color: #888888;}
textarea { margin: 12px 0 0 0; }
input.sendButton { margin-left: 9em; Margin-top: 15px; color: #D07C00; padding: 5px 5px 3px 5px; border: 1px solid #DF2800}
input.sendButton:hover { background: #040404; border: 1px solid #DF2800; color: }
input:hover, textarea:hover { border: 1px solid #888; }
input:focus, textarea:focus { color: #AA7; background: #040404; border: 1px solid #DF2800; }
/* Youtube video */
.youTubeVideo { margin-top: 20px; margin-bottom: 20px; width: 425px; height: 350px; margin-left: auto; margin-right: auto; }
/* Wordpress Image styling */
img.alignleft { float: left; padding: 1px; margin: 8px 8px 8px 0px; }
img.alignright { float: right; padding: 1px; margin: 8px 0px 8px 8px; }
li.blogLi { color: #D07C00; list-style:none; background-image: none; padding-left: 0px; margin-bottom: 6px; font-size: 1.3em; }
.blogEntry { color: #AA7; font-size: 0.85em; }
.post .meta .more {
padding: 0 0px 0 15px; margin-right: 20px;
background: url(images/more.gif) no-repeat left center;
}
.post .meta .comments {
padding-left: 20px;
background: url(images/response.gif) no-repeat left center;
}
.RSSentry {
padding: 3px 0px 3px 20px;
background: url(images/rssEntry16x16.gif) no-repeat left center;
}
.RSScomments {
padding: 3px 0px 3px 20px;
background: url(images/rssComments16x16.gif) no-repeat left center;
}
cite { color: #D07C00 }
.commentmetadata { color: #AA7; font-size: 0.85em; }
h4.date { color: #AA7; }
/* 2 col divs for example weeks */
div.col2Left { float: left ; background: yellow; width: 200px ;}
div.col2Right { margin-left: 205px; background: red; width: 200px ;}
div.col2Container { width: 410px; }
/* ++ IE fixes -- */
/* Fix max and min width for IE only */
/* Set width to 1000 for no javascript - Remember test and limit vals must be slightly different to avoid lockups */
* html #outerWrapper { width: 1000px;
width: expression(document.documentElement.clientWidth < 760? "750px" : document.documentElement.clientWidth > 1030? "1024px" : "auto"); }
/* old method discard when happy new one workd 24/12/07
width: expression(document.body.clientWidth < 760? "750px" : document.body.clientWidth > 1010? "1000px" : "auto"); } */
/* Fix the fixed position probem for IE 6 */
* html html { overflow: hidden; }
/* html body { width: 100%; height: 100%; } */
/* Giv the box layout