/* COLORS
------------------------
aqua: rgb(30,140,171)
dusky aqua: rgb(127,167,175)
blue: rgb(38,63,137)
*/
/* GENERAL 
------------------------*/
*{
margin:0;
padding:0;
border:none;
}
body {
background:black url(../images/smoke.jpg) 4px 20px no-repeat;
font:normal .9em/1.4em Verdana, Arial, Helvetica, san-serif;
color:white;
}
.clear{
clear:both;
}
/* LAYOUT styles
-----------------------*/
ul#header{
float:left;
width:100%;
height:168px;
background:transparent url(../images/newName.png) top left no-repeat;
z-index:9;
}
li#name{
float:left;
text-indent:-9999px;
}
li#feature{
height:168px;
margin-left:620px;
background:transparent url(../images/newHeaderBG.png) top right no-repeat;
z-index:10;
}
#feature img{
float:right;
margin:25px 125px 0 0;
border:1px solid white;
}
div#container{
clear:both;
position:relative;
background:transparent url(../images/edgeL.png) top left repeat-y;
}
div#container2{
clear:both;
position:relative;
background:transparent url(../images/edgeR.png) top right repeat-y;
}
div#content{
float:right;
width:78%;
padding:60px 0 20px 0;
margin-right:3%;
z-index:3;
}
/*possibly problematic*/
div#wornDisc{
background:transparent url(../images/wornDisc.png) center center no-repeat;
position:relative;
margin:0 auto;
top:60px;
width:692px;
height:142px;
z-index:20;
}
div.slide{
height:500px;
text-align:center;
}
#loading{
height:500px;
}
#footer{
font-size:.7em;
background:transparent url(../images/footerR.png) bottom right no-repeat;
clear:both;
}
#footer ul{
height:35px;
margin-right:100px;
background:transparent url(../images/footerL.png) bottom left no-repeat;
}
#footer ul li{
float:right;
padding:3px 2px 0 0;
}
/* Ps, BLOCKQUOTEs, SPANs
------------------------*/
#content p{
padding:0 60px .6em 0;
}
p.quotee{
margin-left:3em;
}
p.noBotMarg{
margin:0;
}
blockquote{
margin:0 0 0 1em;
}
span.qMark{
position:relative;
top:.4em;
color:rgb(30,140,171);
font:normal 3.5em/.2em Georgia, serif;
}
/* HEADERS
------------------------*/
h1{
margin:0 0 0 -.8em;
padding-left:.3em;
font:normal 1.5em/1.3em Helvetica, Arial, sans-serif;
letter-spacing:1px;
}
h1:after{content:url(../images/wave.png)}
/* LISTS
------------------------*/
ul{
list-style-image:none;
list-style:none;
}
#prevNext{
float:right;
position:relative;
right:30px;
font-size:25px;
}
#prevNext li{
float:right;
display:block;
}
ul#sitemap {
font-size:1.4em;
}
ul#sitemap ul {
padding-left:2.5em;
font-size:85%;
}
ul#sitemap li{
margin-bottom:.5em;
}
ul.vcard{
margin-bottom:.5em;
}
ul#linkTitles, ul#linkURLs{
float:left;
width:49%;
padding-bottom:150px;
text-indent:0;
text-align:right;
line-height:2em;
}
ul#linkURLs{
float:right;
text-align:left;
}
/* A styles
------------------------*/
a{
color:rgb(127,167,175);
text-decoration:none;
border-bottom:1px dotted rgb(127,167,175);
}
#header a{
border:0;
}
a:hover, #footer a:hover {
color:white;
border-bottom:1px solid white;
}
#prevNext li a{
border:0;
display:block;
margin:2px;
}
#footer a{
color:white;
border-bottom:1px dotted white;
}
a#toThumbs{
width:12px;
height:25px;
background-color:rgb(127,167,175);
}
a#toThumbs:hover{
background-color:white;
}
/* IMG styles
------------------------*/
a img{
border:0;
text-decoration:none;
}
.imageR{
float:right;
margin:.5em 60px .2em 1em;
}
.imageR img, .imageL img{
border:1px solid white;
}
.imageL{
float:left;
margin:.5em 1em .5em 0;
}
div.imageR p, div.imageL p{
margin:.2em 0 0 0;
text-indent:0;
font:italic .8em/1em Helvetica, Arial, sans-serif;
}
img#imgCheck{
position:absolute;
}
/* THUMBS
----------------------*/
ul#thumbs{
position:relative;
width:98%;
height:30em;
text-align:center;
margin:0 auto;
}
ul#thumbs li{
text-indent:0;
float:left;
position:relative;
list-style:none;
padding:8px;
}
#thumbs a{
display:block;
border:1px solid white;
}
#thumbs a:hover{
border:1px solid rgb(38,63,137);
}
/* !NAV
------------------------*/
div#primNav {
float:left;
left:4px;
width:12%;
margin-top:100px;
margin-left:4px;
}
div#primNav ul{
text-indent:0;
border:1px solid rgb(127,167,175);
border-width:1px 3px 1px 0;
}
div#primNav a{
display:block;
height:1.8em;
padding-left:1.5em;
margin-right:5px;
font-size:.9em;
line-height:1.8em;
color:white;
border:1px solid rgb(127,167,175);
border-width:0 1px 1px 0;
}
ul#nav2{
margin-top:1.8em;
}
ul#nav1 a#links{
border-bottom:0;
}
div#primNav ul a:hover {
background:rgb(38,63,137) url(../images/tinyEdge.png) top left no-repeat;
}
div#primNav ul#nav2 a.blank:hover{
background:none;
}
#bioBody ul#nav1 a#bio{
background:rgb(38,63,137) url(../images/tinyEdge.png) top left no-repeat;
}
#musicBody ul#nav1 a#music{
background:rgb(38,63,137) url(../images/tinyEdge.png) top left no-repeat;
}
#galleryBody ul#nav1 a#gallery{
background:rgb(38,63,137) url(../images/tinyEdge.png) top left no-repeat;
}
#linksBody ul#nav1 a#links{
background:rgb(38,63,137) url(../images/tinyEdge.png) top left no-repeat;
}
#calBody ul#nav2 a#calendar{
background:rgb(38,63,137) url(../images/tinyEdge.png) top left no-repeat;
}