/* CSS for Main Pages */
/* syntax
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}
a:link, a:visited, a:hover, a:active{color:#ffffff}
.classname eg or
p.classname eg
#title eg
or
p#title eg
descendents
p h1 eg
This is h1 within p
p h1 {background-color:ffffff}
p.classname h1 ie h1 nested within p of specific class="classname"
p#title h1 ie h1 nested within p of specific id="title"
p>h1 ie h1 nested within 1 tier of p
attribute selectors
img[name] {border="none"} ie selects all images with an attribute name set to anything
img[name="main"] {border="none"} ie selects only images with name attribute set to "main"
*/
/****** Start ********************************************/
/* pseudo */
a:link, a:visited, a:hover, a:active {
text-decoration:none;
outline-style:none;
}
a:link {color:#68689e}
a:visited {color:#68689e}
a:hover {color:#918751}
a:active {color:#918751}
a.facebook:link, a.facebook:visited, a.facebook:active {
font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:normal;
margin-left:5px;
padding: 1px 2px 1px 64px;
color:#fcfcfc;
background:#3b5998 url(../images/main/facebook_link.png) left center no-repeat;
border:2px solid #68689e;
text-decoration:none;
}
a.facebook:hover{
border:2px solid #918751;
}
html, body {margin: 0; padding: 0;}
body {
background-color: #68689E;
}
table#framework {
width: 850px;
margin-left:auto;
margin-right:auto;
text-align: left;
border: 4px solid #918751;
border-collapse:collapse; /* leaves 1 pixel space. Need cellspacing & cellpadding on table */
background-color: #EBEFFC;
}
/* cell borders remove this after testing
table#framework td {
border: 4px dashed #ff0000;
}
table#header td {
border: 2px solid #00ff00;
}
div {
border: 2px solid #ff0000;
}
*/
div#header{
background-image: url("../images/main/header_main_pages.jpg");
height:150px;
background-repeat: no-repeat;
border-bottom: 2px solid #CCCCCC;
}
div#menubar{
width:100%;
margin-bottom:0;
padding-bottom:0;
padding-top:125px;
text-align: center;
color:#000050;
}
div#content{
margin-top: 20px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 30px;
}
div#main_image{
float:left;
text-align:right;
padding-top:20px;
padding-bottom:20px;
}
div.imagename{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
margin-top:0;
margin-bottom:25px;
padding-top:0;
color:#000050;
}
div#main_text1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
color:#000050;
line-height: 20px;
text-align:justify;
margin-left:250px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
color:#000050;
text-align:left;
padding-top:0;
margin-top:0;
}
div#footer{
border-top: 1px solid #918751;
width: 850px;
}
div#alchemycopyright {
float:left;
width:25%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
font-weight: normal;
color: #918751;
text-align:center;
margin-left:20px;
margin-bottom: 5px;
margin-top:5px;
}
div#artistcopyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
font-weight: normal;
color: #918751;
text-align:center;
margin-left:250px;
margin-bottom: 5px;
margin-top:5px;
}
/* home page */
h1#news_header{
font-family: Tahoma;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #68689E;
text-align:center;
margin-top:0;
padding-top:0;
}
div#news{
width: 450px;
margin-left:250px;
padding: 5px 20px 20px 20px;
text-align: left;
border: 1px solid #918751;
font-family: Tahoma;
font-size: 14px;
font-style: normal;
font-weight: normal;
color:#000050;
margin-top: 50px;
}
/* cv page */
/* add colors to get alternative colored lines in list
div.iteminlist_hi{
background-color: #F3F3F3;
}
div.iteminlist{
}
*/
h1.cvlist {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
color:#000050;
text-align:left;
padding-top:20px;
padding-bottom:0;
margin-bottom:0;
}
div.leftcol_cv{
float:left;
width:20%;
}
div.rightcol_cv{
margin-left:150px;
}
/* links page 1*/
div.leftcol_links{
float:left;
width: 60%;
}
div.rightcol_links{
margin-left:320px;
text-align:center;
}
div.linkname{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
margin-top:0;
padding-top:0;
padding-bottom:20px;
color:#000050;
}
div#pagecontrol{
padding-top:10px;
padding-bottom:10px;
}
/* links page 2*/
div.iteminlist_links2{
padding-bottom:10px;
}
div.leftcol_links2{
padding-top:5px;
float:left;
width:20%;
}
div.rightcol_links2{
margin-left:100px;
}
/* contact page */
/* referenced in windowopener in dsmain.js */
p#detailswin{
text-align:center;
font-weight:bold;
padding-top:20px;
}
/* home page */
/* windowopener opening hours*/
div#lbhours{
float:left;
width:450px;
height:100px;
}
div#lbhourswin{
display: none;
height:0px;
}
div#lbhourstext{
padding-left:20px;
padding-right:20px;
}
h3#lbhoursheader{
font-size:16px;
padding-top:20px;
padding-bottom:20px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-style:normal;
}
/* window opener directions */
div#lbhelp{
float:left;
width:450px;
height:100px;
}
div#lbhelpwin{
display: none;
height:0px;
}
div#lbhelptext{
padding-left:20px;
padding-right:20px;
}
h3#lbhelpheader{
font-size:16px;
padding-top:20px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-style:normal;
}
h3.lbsectionheader{
font-size:16px;
padding-top:20px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-style:normal;
}
p.quotation{
padding:0;
margin:0;
font-style:italic;
}
p.pricetext{
padding:0;
margin:0;
}
/* google map */
div#map_container{
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
width: 940px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
div#map_canvas{
width:700px;
height:400px;
background-color:#68689e;
margin:50px;
border:10px solid #918751;
}
div#map_text{
background-color:#ebeffc;
color:#000050;
padding:10px;
}