
/*                  CASCADING STYLE SHEET                     */
/*                   -------------------                      */
/*                  for Glenn's Home page                     */
/* --------                                         --------- */
/*  http://www.xprt.net/~servitum/main/the_little_book.html   */
/*                      March 2006                            */
/*                  --------------------                      */
/*                                                            */

/* ELEMENT STYLES */

body {
font-family : "Palatino Linotype", "Book Antiqua", Garamond, Times, Serif;
font-size : 100%;
color : black;
background-color : #b0b080;
}

div {
margin : 0;
padding : 0;
}

p {
text-align : justify;
text-indent : 2em;
line-height : 96%;
}

pre {
font-family : Courier, monospace;
font-size : smaller;
}

code {
font-family : "Lucida Console", sans-serif;
font-size : smaller;
}

hr {
clear : both;
height : 1px;
width : 60%;
color : #c0c0cc;
background-color : inherit;
text-align : center;
}

img {
border : 0;
}

ul, ol, li {
margin-left : 0.5em;
}

/* end elements */

/* LINKS STYLES */
a:link, a:visited {
text-decoration : none;
}

a:link {
color : blue;
background : transparent;
}

a:visited {
color : purple;
background-color : transparent;
font-weight : bold;
}

a:hover {
color : #1e600a;
background-color : #fcfccc;
text-decoration : underline;
}

a:focus {
color : black;
background : #fffffc;
}

a:active {
color : green;
font-weight : bold;
background : inherit;
}

/* end links */

/* HEADER STYLES */

h1 {
font-size : 300%;
}

h2 {
font-size : 230%;
}

h3 {
font-size : 180%;
}

h4 {
font-size : 135%;
}

h5 {
font-size : 115%;
}

h6 {
font-size : 1em;
}

h1, h2, h3 {
text-align : center;
font-family : "Bookman Old Style", serif;
}

h4, h5, h6 {
text-align : left;
line-height : 90%;
font-family : Garamond, Times, serif;
}

/* end headers */

/* CLASS STYLES */

.title {
line-height : 34px;
word-spacing : -1px;
letter-spacing : -2px;
margin-top : 2em;
margin-bottom : 2em;
}

.sub-title {
word-spacing : -1px;
letter-spacing : -2px;
font-size : 180%;
font-weight : bold;
text-indent : 0;
text-align : center;
}

.outie-linkbar {
width : 100%;
height : auto;
}

.innie-linkbar {
width : 65%;
height : auto;
text-align : center;
font-family : Garamond, Times, Serif;
color : blue;
background : inherit;
border-bottom : 1px solid blue;
}

.art-outie {
height : 36px;
clear : both;
border : 1px solid #f9b60f;
}

.art-innie {
text-align : center;
width : 65%;
margin-left : 15%;
margin-top : 4px;
color : inherit;
background : #fbc306;
}

.lefttxtclm {
float : left;
border : 1px solid #fbc306;
width : 67%;
height : 600px;
overflow : auto;
margin-left : 1%;
margin-bottom : 1em;
padding-left : 2em;
padding-right : 2em;
background-image : url(images/bg1.jpg);
background-color : #f6f0de;
color : black;
}

.cntrtxtclm {
border : 2px solid green;
width : 72%;
height : 600px;
overflow : auto;
margin-top : 4em;
margin-bottom : 2em;
margin-right : 10%;
margin-left : 10%;
padding-left : 2em;
padding-right : 2em;
background-color : #f6f0de;
color : black;
}

.angeltxtclm {
border : 2px solid green;
width : 72%;
height : 600px;
overflow : auto;
margin-top : 4em;
margin-bottom : 2em;
padding-left : 0;
padding-right : 0;
margin-left : 12%;
margin-right : 12%;
background-image : url(angelbg.jpg);
background-color : white;
color : black;
}

.shhh {
display : none;
}

.txtcntr {
text-align : center;
}

.img {
margin : 6px;
}

.quote {
clear : both;
text-align : center;
font-family : Georgia, Tahoma, sans-serif;
font-size : smaller;
}

.sunset {
background-image : url(images/sunset.jpg);
background-repeat : no-repeat;
background-attachment : fixed;
}

/* end class styles */

/* DEFINE ID STYLES */

#head {
height : auto;
width : 100%;
text-align : center;
font-family : Garamond, Serif;
padding-top : 2px;
padding-bottom : 2px;
margin-top : 108px;
}

#foot {
clear : both;
height : auto;
width : 96%;
text-align : center;
font-family : Garamond, Times, Serif;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 0.5em;
}

#a-outsideframe {
width : 98%;
margin : 0;
border : 1px solid #a6acff;
background-image : url(images/art/babylnbg.jpg);
background-repeat : no-repeat;
background-color : black;
color : #fffccc;
}

#outsideframe {
width : 98%;
border : 1px solid green;
margin : 0.5em;
background-image : url(images/hzorbit.jpg);
background-repeat : no-repeat;
padding-top : 1em;
padding-bottom : 1em;
background-color : black;
color : #fffccc;
}

#c-outsideframe {
width : 98%;
border : 1px solid #044302;
margin : 0.5em;
background-image : url(images/city/Portlandskyline.jpg);
background-repeat : no-repeat;
background-color : black;
color : #fffccc;
}

#j-outsideframe {
width : 98%;
border : 1px solid green;
margin : 0.5em;
background-image : url(images/JeruSunsetHd.jpg);
background-repeat : no-repeat;
background-color : black;
color : #fffccc;
}

#insideframe {
width : 86%;
border : 1px solid #fffcfe;
margin-top : 100px;
margin-left : 6%;
margin-right : 6%;
background-image : url(images/bgmarble.jpg);
background-repeat : repeat;
}

#menuright {
float : right;
width : 15%;
height : 768px;
background-image : url(images/vtgalaxy.jpg);
border-top : 1px solid blue;
border-left : 1px solid blue;
border-right : 1px solid blue;
font-family : Garamond, serif;
text-align : center;
margin-right : 1%;
}

#slideshow {
float : none;
width : 520px;
height : 390px;
background-image : url(images/slideshow/moviescreen.jpg);
background-repeat : no-repeat;
margin-left : 0;
margin-top : 8em;
}

#copy {
text-align : center;
padding-top : 2px;
padding-bottom : 2px;
font-variant : small-caps;
font-family : Georgia, Tahoma, sans-serif;
font-size : smaller;
}

#addr {
font-family : Georgia, Tahoma, sans-serif;
font-variant : small-caps;
font-size : smaller;
}

#top {
font-size : 0.25em;
color : #a0a0aa;
background : inherit;
}

#skip {
display : none;
}
@media aural { 
#skip {
display : inline;
}
}

/* ----------------  end ID -------------------- */

/*           END CASCADING STYLE SHEET           */

/*                   ENDIT                       */
