/* livingLink.css - basic CSS for http://livingLink.org
Revision History:
05-12-07 PKJ Original
*/

/* set defaults */
@import url("reset.css");

/* ***********************************
SET DEFAULTS
*************************************/
body {
font-size:           small;
font-family:         'helvetica neue Light', helvetica, verdana, arial,  sans-serif;
letter-spacing:      .15px;
color:               #00;
background-color:    #FF;
background-image:    url(graphic/sphereGradient.jpg);
background-position: right top;
background-repeat:   no-repeat;
margin-left:         20px;
}

a:link {color:#09c;}
a:visited {color:#07a;}

p {
line-height:      1.5;
margin-bottom:    1em;
/* border:      purple 2px solid; */
}

ul {
list-style-type:  circle; 
/* list-style-image: url(graphic/livingLinkBullet.gif); */
margin-left:      20px;
}

ul.logo {
list-style-image: url(graphic/livingLinkBullet.gif); 
}

li {
line-height:      1.5;
margin-left:      20px;   /* keep bullet inside of box */
/* border:           purple 3px solid; */
}

h1, h2, h3, h4, h5 {
font-weight:      500;
color:            #404040;           /* dark gray */
margin:           .5em 0px .5em 0px;
}

h1 {
margin:           10px 0px 15px 30px;
padding:          0px;
font-size:        175%;
}

h2 {
font-size:        150%;
margin-bottom:    .25em;
background-color: #ADC23A;           /* pale green */
padding:          3px;
border-bottom:    2px black solid;   /* add a shadow effect */
border-right:     2px black solid;
}

h3 {
font-size:        130%;
margin-bottom:    .25em
color:            #404040;
}

/* ***********************************
HEADER
*************************************/
#header {
background-color: #FFF;
margin:           30px;
width:            20%;
}
#header a:hover {
background-color:   #FFF;
margin:             0px;
padding:            0px;
}

#headerPhoto {
position:         absolute;
right:            30px;
top:              20px;
}

/* ***********************************
MAIN CONTENT WINDOW
*************************************/
#content1 {
float:             left;
padding:          0px 2% 10px 2%;							
margin:           5px 5px 20px 30px;
background-color: #F9F9F9;
width:            65%; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:           65%;
   border-left:     #0092D2 5px solid;	
   line-height:     2;
   }
   html>body #content1 {
   width: 65%; /* ie5win fudge ends */
}
#content1 p, #content1 a{
line-height:      1.5;
/* border:      purple 2px solid; */
}


/* ***********************************
MENU
*************************************/
#content2 {
float:           right;
margin:          2px 10px 10px 0px;
padding:         0px 0px 0px 5px;
width:           20%;
background-color:#f9f9f9;
border:          1px dashed #0092D2;

    /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 20%;
	}
html>body #content2 {
	width: 20%; /* ie5win fudge ends */
}
#content2 a {
color:           #09c;
display:         block;
font-size:       .75em;
text-decoration: none;
font-weight:     600;
padding-left:    10px;
}

#content2 a:hover {
color:           #000;
background-color:#EAFC85;
padding-left:    10px;
font-weight:     bold;
}
/* for link of current page, make darker */
#content2 p {
font-size:          .75em;
background-color:   #7E;
margin-left:        10px;
color:              #000099;
font-weight:        900;
}


/* ***********************************
FOOTER
*************************************/
#footer {
clear:               both;                   /* start below other columns */
background-color:    #DFF0FF;
padding:             5px 5px 5px 15px;
margin:              0px 30px 30px 30px;
background-color:    #FFFFFF;
border:              2px solid #0092D2;
background-image:    url(graphic/sphereGradientSmall.jpg);
background-position: right top;
background-repeat:   no-repeat;
height:              5em;
}

/* keep link from jerking when hoving over it */
#footer a:hover {
background-color:   #FFF;
margin:             0px;
padding:            0px;
}

#footer #graphic {
float:              left;
width:              100px;
margin:             5px;
}
#footer p {
float:              left;
padding:            5px 0px 5px 10px;
}

/* ***********************************
Text as LOGO TYPE
*************************************/
.living {
	color: #0394D5;
	font-weight: bold;
}
.link {
	color: #0394D5;
	font-weight:lighter;
}