/* CSS Document */ /* Blanket Rules */ body {font-size: 80%; font-family: "Lucida Grande", Verdana, sans-serif;background: url(../images/bg.jpg);text-align: justify;} body a:link, body a:visited {text-decoration: none;color: #030;} img {border:0;} .description {font-size: 0.85em;margin: 0 25px 25px 25px;text-align: left;} .greybox {margin: 10px 0 10px 0;padding: 10px;background-color: #eee;border: 1px dotted #000;} .photocaption {text-align: center;font-style: italic;font-size: 0.8em;width: 200px;margin: 0 auto 0 auto;} /* Overall Containers*/ #container {width: 760px;margin: 0 auto 0 auto; background: #FFF url(../images/halfhouse.gif) left 120px no-repeat;border: 1px solid #000;} /* Masthead */ #masthead {width: 760px;height: 100px;margin: 0;background: #FFF url(../images/toplogo.jpg) center center no-repeat;} #frmasthead {width: 100%;height: 100px;margin: 0;} #masthead h1 {margin: 0;padding: 10px 0 0 561px;} /* navigation */ #navbar {margin: 0 auto 0 auto;text-align: center;} #navbar ul {list-style: none;margin: 0; padding: 0;background-color: #DDD;border-bottom: 1px solid #000;} #navbar li {display: inline;margin: 0 15px 0 0;padding: 0;line-height: 200%;} #navbar li a:link, #navbar li a:visited {text-decoration: none;font-size: 1em;font-weight: bold;color: #060;} #navbar li a:hover {color: #0A0;border-bottom: 2px dotted #0A0; } /* highlight current page */ #home #navbar a.home {border-bottom: 2px solid #060;} #open #navbar a.open {border-bottom: 2px solid #060;} #events #navbar a.events {border-bottom: 2px solid #060;} #wedding #navbar a.wedding {border-bottom: 2px solid #060;} #instruments #navbar a.instruments {border-bottom: 2px solid #060;} #education #navbar a.education {border-bottom: 2px solid #060;} #contact #navbar a.contact {border-bottom: 2px solid #060;} #links #navbar a.links {border-bottom: 2px solid #060;} /* main left col*/ #mainleft {width:449px;margin: 10px 10px 10px 30px;padding: 0 10px 0 10px;border-right: 1px solid #222;} #mainleft p {font-size: .9em; margin: 0 0 10px 0;} #mainleft .date {font-size:.8em; font-weight:bold;} #mainleft a:link, #mainleft a:visited {border-bottom: 1px dotted #030;line-height: 160%;} #mainleft h1 {clear:left;font-family: "Tangerine", Monotype Corsiva, Times New Roman, serif; padding: 0; margin:0 0 5px 0; font-weight:normal; font-size:50pt;text-shadow: 4px 4px 4px #aaa;} #mainleft h2{clear:left;font-size:1.2em;color: #000;background-color:#CCC;padding:0.3em;} #mainleft h3 {font-size:1em;margin: 20px 0 5px 0;} #mainleft strong {color:#990000;} #mainleft h4{font-size:1em;color:#000;background-color:#CCC;padding:0.3em;} #mainleft h5{clear:left;font-family: "Tangerine", Times New Roman, serif; padding: 0; margin:0 0 5px 0; font-weight:normal; font-size:40pt;text-shadow: 4px 4px 4px #aaa;} .ticket {margin: 10px auto 25px auto;width: 75%;font-size:.8em;color:#000;padding:1em;border: 1px solid #000;} #mainleft .body img {float: left;clear: left;margin: 0 10px 10px 0;} #mainleft .greyweddingbox {background-color:#CCC; border: 1px solid #000; padding:0.6em; margin: 0 0 10px 0;} #mainleft .greyweddingbox h2 {clear:left;font-size:1.2em;color: #fff;background-color:#222;padding:0.3em;margin: 5px;} #mainleft .greyweddingbox img {margin:5px 15px 5px 5px;} #mainleft .greyweddingbox p {width: 90%;} #mainleft .index {float: left; clear: left; margin: 0 15px 15px 0;} /* main right col*/ #mainright {width: 260px;text-align: center;float: right;font-family:'Lucida Grande',Verdana,sans-serif;} #mainright p {font-size: .9em;} #mainright img {margin: 10px auto 0 auto;} #mainright .bodytext {margin: 0 10px 0 10px;font-size: .8em;font-family: "Lucida Grande", Verdana, sans-serif; padding: 5px; font-weight:bold} #mainright ul {text-align: left;margin-right: 10px;} #mainright li a:link, #mainright li a:visited {border-bottom: 1px dotted #030;line-height: 160%;} #mainright .description {width: 200px; margin: 10px auto 0 auto; border:1px solid #000; padding: 5px;font-family: "Tangerine", Monotype Corsiva, Times New Roman, serif; font-size: 3em; text-align: center;} .logos {margin:0 0 10px 0; padding:0;position: relative; left: 75px;} .logos a {text-decoration:none;} /* Centre-only column for photographs etc */ #photocenter {width: 720px;text-align: center;} /* little box for prices etc */ #littlebox {text-align: center;margin: 5px auto 5px auto;width: 200px;border: 2px solid #000;padding: 5px;} /* SPECIAL EVENTS BOX */ .toggle {font-size:.7em; font-weight: normal; border-bottom:0;} .specialbox {border: 1px solid #000;padding: 10px;background-color: #040;margin: 20px 0 0 0;color: #fc0;font-size:.8em;} .specialbox h3 {margin: 0px;color: #f00;} #mainleft .specialbox h4 {margin: 0px;color: #fc0;background-color: #040;} #mainleft .specialbox a:link, #mainleft .specialbox a:hover, #mainleft .specialbox a:active, #mainleft .specialbox a:visited {color: #fc0;border-bottom: 1px dotted #fc0;} /* MAYFAIR BOX */ #mayfair {width: 75%;margin: 10px auto 0 auto;font-size:.9em;font-weight: bold;border: 1px solid #000;padding: 5px;text-align: center;} #mayfair a {color: #900;} /* Footer */ #footer {clear: both;width: 760px;height: 5em;min-height: 75px;margin: 0 0 0 0;border-width: 1px 0 0 0;border-style: solid;border-color: #000;background-color:#040;text-align: center;font-size: 0.8em;color: #AAA;} #footer a:link, #footer a:visited {text-decoration: none;color: #AAA;font-size: 1em;font-weight: bold;} #footer a:hover {color: #FFF;} #footer ul {text-align: center;list-style: none;margin: 15px 5px 15px 0;line-height: 120%;} #footer li {display: inline;margin: 0 5px;padding: 20px 1px 1px 2px;border-width: 0 0 1px 0;border-style: dotted;} #footer img {float: right;margin: 10px 10px auto 10px;} #footer p {margin: 5px 10px 10px 0;} .copyright {text-align:center; font-size:.9em;} /* COntainers for Frriends of Finchcocks Site*/ #frcontainer {width: 100%; margin: 0 auto 0 auto; line-height: 150%;} #frcontainer h1,h2,h3,p{ text-align:left;} #frcontainer ul {font-size:1.1em;} #frcontainer a:link,a:visited {text-decoration: underline; color: #900;} #frcontainer table{ border-spacing: 0px; border-collapse: collapse; width: 250px;} #frcontainer th {text-align: center;font-size: .8em;font-weight: bold;padding: 2px;border: 2px solid #FFFFFF;background: #4a70aa;color: #FFFFFF;} #frcontainer td {text-align: left;font-size: .6em; padding: 2px;border: 2px solid #FFFFFF;background: #e3f0f7;} #frfooter {clear: both;} #frphotocenter {width: 100%;text-align: center;}