/* PAGE ELEMENTS */
html {
overflow-y:scroll;
}
body {
background: #676767;
margin: 0;
padding: 10px 0 0 0;
background-image: url(graphics/llclogosm.png);
background-repeat: repeat;
}
#container {
width: 750px;
margin: 0 auto;
background: #201A1A;
border: 4px solid red;
}
#header {
padding: 10px 0px 0px 0;
background: #201A1A;
font-size: 13px;
font-family: sans-serif;
font-weight: bold;
}
#header p {
color: #fff45f;
text-align: center;
}
#header a {
color: #121212;
text-decoration: none;
font-size: 30px;
font-family: "Myriad Pro", "Arial Narrow";
}
#menu {
background-color: #3b7687;
padding: 6px 0 6px 40px;
}
#menu a {
color: #c5d6db;
text-decoration: none;
font-size: 14px;
font-family: "Arial Narrow", "Myriad Pro";
}
#menu a:hover {
color: #ecf2f3;
}
#sidebar {
float: left;
width: 300px;
padding: 0 0 0px 20px;
margin: 0 0 0px 0;
font-size: 14px;
color: #FFFFFF;
font-family: sans-serif;
text-decoration: none;
}
h1 {
margin: 0px;
color: #0000FF;
font-size:24px;
font-family: "Impact", sans-serif;
font-weight: bold;
}
h2 {
color: #3b7687;
font-size: 15px;
margin: 20px 0 5px 0;
}
#playermain {
text-align: center;
color: yellow;
font-family: sans-serif;
padding: 10px 0 10px 55px;
}
#player {
padding: 5px 5px 0 25px;
margin: 0 0 25px 0;
}
#content {
width:750px;
}
#contentleft {
float: left;
width: 350px;
padding: 0 55px 0 5px;
text-align: center;
}
#contentright {
margin: 0 0 0 55px;
padding: 0 15px 0 40px;
color: #444444;
font-family: "Ariel", sans-serif;
font-size: 12px;
}
#contentright a {
text-decoration: none;
color: #444444;
}
#contentright a:hover {
color: #666666;
}
#footer {
padding: 7px 10px 7px 10px;
background: #d6d6d6;
font-family: sans-serif;
color: #444444;
}
#footleft {
float: left;
font-size: 11px;
text-align:left;
}
#footright {
font-size: 11px;
text-align: right;
}
#footer a {
text-decoration: none;
color: #262626;
}
#footer a:hover {
color: #666666;
}
/* END PAGE ELEMENTS */
/* UL MENU POPUP */
ul.makeMenu, ul.makeMenu ul {
width: 220px; /* sets the size of the menu blocks */
border: 0px solid #000; /* puts a black border around the menu blocks */
background-color: transparent; /* makes the menu blocks transparent - a bg- color MUST be included for IE to work */
padding-left: 0px; /* stops the usual indent from ul */
cursor: default; /* gives an arrow cursor */
margin-left: 0px; /* Opera 7 final's margin and margin-box model
cause problems */
}
ul.makeMenu li {
list-style-type: none; /* removes the bullet points */
margin: 0px; /* Opera 7 puts large spacings btwn li elements */
position: relative; /* makes the menu blocks be positioned relative
to their parent menu item the lack of offset
makes these appear normal, but it will make a
difference to the absolutely positioned child
blocks */
color: #fff; /* sets the default font colour to white */
}
ul.makeMenu li > ul { /* using the > selector prevents many lesser
browsers (and IE - see below) hiding child
ULs */
display: none; /* hides child menu blocks - one of the most
important declarations */
position: absolute; /* make child blocks hover without leaving space
for them */
top: 15px; /* position slightly higher than the parent menu
item */
left: 213px; /* this must not be more than the width of the
parent block, or the mouse will have to move
off the element to move between blocks, and
the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background-color: transparent; /* gives the active menu items a transparent
background */
color: Red; /* makes the active menu item text red */
text-decoration: none;
}
ul.makeMenu ul.CSStoShow { /* must not be combined with the next rule or
IE gets confused */
display: block; /* specially to go with the className changes
in the behaviour file */
}
ul.makeMenu li:hover > ul { /* one of the most important declarations - the
browser must detect hovering over arbitrary
elements the > targets only the child ul, not
any child uls of that child ul */
display: block; /* makes the child block visible - one of the
most important declarations */
}
/* and some link styles */
ul.makeMenu li a {
color: Blue;
display: block;
width: 100%;
text-decoration: none;
font-size: 20px;
font-style: italic;
}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink {
color: Red;
}
ul.makeMenu li:hover > a {
color: Red;
} /* supports links in branch headings - should not be display: block; */
/* END UL MENU POPUP */
/* POPUP GRAPHIC */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 15px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
top: -175px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
top: -175px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -175px;
left: 5px; /*position where enlarged image should offset horizontally */
}
/* END POPUP GRAPHIC */