/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.2 (Oct 21, 2005)
Screen layout: */
body
{
margin : 0 auto;
padding : 0; /* play around with various padding and section dimension settings ie menus using PMC as a guide to see what happens to page */
font : 76% Verdana , Tahoma , Arial , sans-serif; /* was 76% Verdana , Tahoma , Arial , sans-serif; */
background color : rgb(00 , 99 , 33) url("../images/bg.gif") top center repeat-y; /* rgb(244, 244, 244) very light gray or off-white */
color : rgb(48, 48, 48); /* this controls the color of the font in main content area of the page */
}
#wrap
{
background : rgb(00, 99, 33;) /* 255, 255, 255 was an off-white and now set to green */
color : rgb(48 , 48 , 48); /* dark grey or not quite black - change to green had no visible effect */
margin : 0 auto;
width : 760px; /* controls width of full page */
}
#header
{
clear : both;
margin : 10px 0 0 0;
padding : 0;
height : 0px; /* originally 60px */
}
#header h3
{
width : 250px;
margin : 5px 20px 0;
}
#header p
{
width : 600px;
text-align : center;
color : rgb(160 , 160 , 160); /* rgb(160 , 160 , 160) was set at light grey */
margin : 0 0 10px 0;
font-size : 0.8em;
line-height : 1.2em;
background-color : inherit;
}
#frontphoto
{
margin : 0 0 10px 0;
border : 0;
}
#avmenu
{
clear : left;
float : left;
width : 150px;
margin : 0 0 10px 0;
padding : 0;
font-size : 0.9em;
}
.announce
{
margin : 10px 0 10px 0;
padding : 10px;
width : 130px;
color : rgb(80 , 80 , 80); /* standard gray */
background-color : rgb(00 , 99 , 33); /* rgb(244, 244, 244 was very light gray or off-white */
line-height : 1.3em;
}
#extras
{
float : right;
width : 120px;
margin : 0 0 10px 0;
padding : 0;
font-size : 0.9em;
line-height : 1.5em;
}
#extras p
{
margin : 0 0 1.5em 0;
}
#content
{
margin : 0 130px 20px 160px; /* top right bottom left margins indicated in px */
border-left : 1px solid rgb(240 , 240 , 240); /* very light gray or off-white */
border-right : 1px solid rgb(240 , 240 , 240); /* very light gray or off-white */
padding : 0 10px 0 10px;
line-height : 1.6em;
text-align : left;
}
#content h2
{
font-size : 1.5em;
margin : 0 0 0.5em 0;
}
#content img
{
padding : 1px;
display : inline;
background : rgb(204 , 204 , 204); /* light gray */
color : rgb(204, 223, 204); /* 48, 48, 48 dark grey or "not quite black" */
border : 4px solid rgb(240 , 240 , 240); /* very light gray or off-white */
}
h3
{
font-size : 1.3em;
margin : 0 0 10px 0;
}
a
{
text-decoration : underline;
color : rgb(00 , 99 , 33); /* this was light blue like original links and active is green */
}
a:hover
{
text-decoration : none;
color : rgb(00 , 99 , 33); /* rgb 40 110 160 was light blue like original links and now active is green */
}
a img
{
border : 0;
}
#footer
{
clear : both;
margin : 0 auto;
padding : 10px 0 20px 0;
border-top : 4px solid rgb(240 , 240 , 240); /* shade of white */
width : 760px;
text-align : center;
color : rgb(128 , 128 , 128); /* medium grey */
font-size : 0.9em;
}
#footer a
{
color : rgb(00 , 99 , 33); /* was simply blue name */
text-decoration : underline;
}
#footer a:hover
{
text-decoration : underline;
}
.left
{
margin : 10px 10px 5px 0;
float : left;
}
.right
{
margin : 10px 0 5px 10px;
float : right;
}
.textright
{
text-align : right;
}
.center
{
text-align : center;
}
.small
{
font-size : 0.8em;
}
.bold
{
font-weight : bold;
}
.hide
{
display : none;
}
/* side menu */
#sideMenu ul
{
list-style : none;
width : 150px;
padding : 0;
margin-left : 0;
Background-color : rgb (00, 99, 66); /* pilgrims green */
Margin-bottom : 1px solid rgb(0 , 0 , 0);
}
#sideMenu a
{
font-weight : bold;
height : 26px;
text-decoration : none;
color : rgb(230 , 230 ,230); /* this controls text for bottom part of left menu and now is set for white */
display : block;
background : rgb(09, 99, 66); /* 244 , 244 , 244 was very light grey or off-white this controls color of left menu bar that is now green */
border-left : 4px solid rgb(204 , 204 , 204); /* light grey */
font-size : 1.05em;
Border-bottom : 1px solid rgb(204 , 204 , 204); /* light grey */
Vertical-align : middle;
Padding-top : 2px;
Padding-left : 2px;
Padding-bottom : 2px;
}
#sideMenu li.here a /* controls left menu font color */
{
color : rgb (230, 230, 230); /* menu text is now is off-white or grey */
}
#sideMenu div.subdiv a /* controls left menu font color */
{
color : rgb(230, 230, 230); /* menu text is now is off-white or grey */
}
#sideMenu div.subdiv li.here a
{
color : gb(00, 00, 00); /* was 00, 99, 33 and not sure what it controls */
}
#sideMenu a:hover, #sideMenu div.subdiv a:hover, #sideMenu li.here a:hover
{
background : rgb(234 , 234 , 234); /* very light grey */
color : rgb(00 , 99 , 33); /* was 40, 110, 160 light blue now active is green */
border-left : 4px solid rgb(00 , 99 , 33); /*was rgb 40, 110, 160 light blue and now it is green -- may be sliding bar in left menu */
}
#sideMenu ul li ul li a
{
}