/* style sheet for dianagordon.com
-------------------------------------*/
/* Jan 2013 changes - purple ellipse to highlight left nav
header larger font -Oil Paintings by Diana Gordon
top nav buttons moved down
purple bar div-colour change
Diff Logos attached to div.logo grapeslogo1, moon logo3, booklogo2, gazelogo4

navy font changes to purple

------------------------------------*/


/*  browser scrollbar and body values
darker was E8DFCA now dad3c3
--------------------------------- */

body {
 font-size:100%;
 text-align:center;
 background-color:#dad3c3;
 margin:0px;
 padding:0px;
}


#wrapper {
 position:relative; 
 margin:0px auto;
 width:980px; 
 text-align:left;
}


/*a89876 new colour, BCB7CB is old purplebar color*/
div.purplebar {
 position:absolute;
 top:0px; 
 left:0px; 
 width:155px; 
 height:680px;
 background-color:#a89876;
 border-top:0.1em ridge #7C6349;
 border-left:0.1em ridge #7C6349;
 z-index:0;
}

/*Using Still Life GrapesLogo1, Book2, Moon3 Gaze4
-------------------------------*/
div.logo1 {
 position: absolute;
 top:25px; 
 left:18px;
 width:110px;
 height: 73px;
 background:url('images/grapeslogo1.jpg');
 border:0.1em solid #7C6349;
 z-index:1;
 }

div.logo2 {
 position: absolute;
 top:25px; 
 left:18px;
 width:110px;
 height: 73px;
 background:url('images/booklogo2.jpg');
 border:0.1em solid #7C6349;
 z-index:1;
 }

div.logo3 {
 position: absolute;
 top:25px; 
 left:18px;
 width:110px;
 height: 73px;
 background:url('images/moonlogo3.jpg');
 border:0.1em solid #7C6349;
 z-index:1;
 }

div.logo4 {
 position: absolute;
 top:25px; 
 left:18px;
 width:110px;
 height: 75px;
 background:url('images/gazelogo4.png');
 border:0.1em solid #7C6349;
 z-index:1;
 }


/*Flower M3 Logo
-------------------------------*/
div.logo5 {
 position: absolute;
 top:25px; 
 left:18px;
 width:110px;
 height: 75px;
 background:url('images/flowers/logo5.jpg');
 border:0.1em solid #7C6349;
 z-index:1;
 }


div.shadow {
 position:absolute;
 top:0px; 
 left:155px; 
 width:10px; 
 height:680px;
 background-image:url(images/shadow10.jpg); 
 background-position:top left;
 background-repeat:repeat-y;
 }

div.header {
 position:absolute; 
 top:0px;
 left:170px;
 width:720px;
 height:109px;
 padding:5px;
 z-index:0;
 background-color:#E3DAD1;
 background-image:url(images/mosaic6.gif);
 background-position: top left;
 background-repeat:repeat;
 border-top:0.1em ridge #7C6349;
 border-right:0.1em ridge #7C6349;
 border-left:0.1em ridge #7C6349;
 border-bottom:0.1em ridge #7C6349;
}


/*  top navigation buttons on header color was3F3E3D
--------------------------------------------- */
div.nav-menu {
position:absolute; 
top:90px;
left:233px;
z-index:1;
}

div.nav-menu ul {
list-style-type: none;
padding:0px;
margin:0px;
}

div.nav-menu li {
float:left;
margin:0.15em;
}

div.nav-menu li a {
background: url(images/browngradient3.jpg) #D3C7BA bottom left repeat-x;
height:1em;
line-height:1em;
float:left;
width:6em;
display:block;
color:black;
font-family:Garamond, Arial, Helvetica, sans-serif; 
font-size:14px;
font-style:italic; 
text-decoration:none;
text-align:center;
}

div.nav-menu a:visited {
 color:#3F3E3D; 
 font-family:Garamond, Arial, Helvetica, sans-serif; 
 font-size:14px;
 font-style:italic;
}

div.nav-menu a:hover {
 color:#6A082D; 
 font-family:Garamond, Arial, Helvetica, sans-serif; 
 font-size:14px;
 font-style:italic;
}

div.nav-menu a:active {
 color:brown; 
 font-family:Garamond, Arial, Helvetica, sans-serif; 
 font-size:14px;
}


/*underline top nav clicked buttons*/
div.nav-menu li.clicked {
border-bottom:0.3em ridge #7C6349;
}

/* Hide from IE5-Mac \*/
div.nav-menu li a
{
float:none
}
/* End hide */

div.nav-menu
{
width:40em
}


/*  side navigation buttons on purplebarhover was 6A082D
--------------------------------------------- */

div.left-nav-menu {
 clear:both;
 position:absolute; 
 top:110px;
 left:15px;
 z-index:2;

}

div.left-nav-menu ul {
 list-style-type:none;
 margin-left:5px;
 padding-left:0px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 color:white;
 font-size:14px;
}

/*coloured ellipse927557 7C6349 on click*/
div.left-nav-menu  li.clicked {
 padding-left:5px;
 padding-right: 5px;
 line-height:19px;
 background-color:#927557;
 background-repeat:no-repeat;
 border-radius:10px;
 font-size:14px;
}

div.left-nav-menu li a {
 line-height:21px;
 color:black;
 font-size:14px;
 text-decoration:none;
}

div.left-nav-menu  li a:hover {
 color:#900526; 
 font-size:14px;
 }


/*  position of image galleries; text area and font
--------------------------------------------- */
div.thumbnails {
 position:absolute;
 top:140px; 
 left:170px;
}

div.thumbnails9 {
 position:absolute;
 top:140px; 
 left:268px;
}

div.textarea {
 position:absolute;
 top:140px; 
 left:233px;
}

div.texthead {
 color:#330066; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.0em;
 font-weight:normal;
}

div.texthead a {
 text-decoration:none;
 color:navy;
}

div.text {
 color:#330066; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.8em;
 font-weight:normal;
}

div.text a {
 text-decoration:none;
 color:navy;
font-weight:bold;
}


div.footer {
 position:absolute;
 top:800px; 
 left:360px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.6em;
 color:black;
 text-align:center;
}

/*text for image pop-ups
----------------------------------*/

div.imgdescribe {
  color:#330066; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:1.0em ; 
  font-style:italic; 
  text-align: center
}

div.imgprose {
  font-family:Arial, Helvetica, sans-serif; 
  color:#330066;  
  font-size:0.8em; 
  text-align:center;
}



/* Header text Oil Paintings...by Diana Gordon
----------------------------------*/
span.title {
 position:relative;
 left:80px;
 font-family:"Times New Roman", "Times", serif; 
 font-size:32px; 
 font-style:italic; 
 color:#5d462e;
}

span.titlesm {
 position:relative;
 left:250px;
 font-family:"Times New Roman", "Times", serif; 
 font-size:18px; 
 font-style:italic; 
 color:#5d462e;
}

span.artist {
 position: relative;
 left:350px;
 font-family:"Times New Roman", "Times", serif; 
 font-size:32px;
 font-style:italic;
 font-weight:bold;
 color:#604125;
}

/* Text area fonts
----------------------------------*/


span.headings {
 color:#330066; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.2em;
 font-style:italic;
 font-weight:bold;
 }

span.headingsm {
 color:#330066; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.9em;
 font-style:italic;
 }

span.poemtitles {
 color:#330066; 
 font-family: Arial, Helvetica, sans-serif; 
 font-size:1.1em;
 font-style:italic;
 font-weight:bold;
 }

span.textsm {
 color:#330066; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size: 10px;
}

span.text {
 color:#330066; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.8em;
 font-weight:normal;
}

div.span a {
 text-decoration:none;
 color:navy;
font-weight:bold;
}


/* Gallery Image Links maroon border,visited gray border
----------------------------------------------- */

td.pix a:link img {
border-width:2px;
border-color:maroon; 
border-style:ridge;
}

td.pix a:visited img {
border-width:2px; 
border-color:#B0A8A8; 
border-style:ridge;
}