/*css file for wesley r. baker portfolio site*/

/*sets header and common elements for all pages*/

/*center the page on screen*/

body {
     background-color: #333333;
}

div#body-container {
     position: relative;
     width: 750px;
     margin: 0px auto 0px auto;
}

img#headerimg {
     position: absolute;
     top: 5px;
     left: 0px;
}


/*remove bullets from navigation menu*/
ul.navigation {
     list-style-type: none;
}

/*each list item appears in one line*/
ul.navigation li {
     display: inline; 
  }

/*sets font family and size*/
ul.navigation {
     font-family: arial, verdana, helvetica, sans-serif;
     font-size: small;
}

/*sets navigation text color*/
ul.navigation>* :link {
     color: #C0C0C0;
}


ul.navigation>* :visited {
     color: #C0C0C0;
}

ul.navigation>* :hover {
     color: #C0C0C0;
}

ul.navigation>* :active {
     color: #C0C0C0;
}

/*creates the post between links in navigation menu*/
ul.navigation li {
     border-right: 1px solid;
     padding-right: .5em;
     padding-left: .5em;
     color: #C0C0C0;
}

ul.navigation li:first-child {
     padding-left: 0;
}

ul.navigation li#last-li {
     border: 0;
}

ul.navigation {
     position: absolute;
     top: 140px;
     left: 100px;
}

h1#name {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     font-size: xx-large;
     color: #CF5F09;
     position: absolute;
     top: 87px;
     left: 395px;
     z-index: 1;
}

/*sets padding and font for basic paragraphs*/
p { 
     font-family: arial, helvetica, sans-serif;
     font-size: medium;
     font-weight: normal;
     color: white;
}

/*sets links color*/
a:link {
     color: #AB864C;
}

a:visited {
     color: #AB864C;
}

a:hover {
     color: #AB864C;
}

a:active {
     color: #AB864C;
}

h1.sectionhead {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     font-size: medium;
     color: #C0C0C0;
     border-bottom: 1px solid #C0C0C0;
     padding: 0 0 3px 0;
     width: 300px;
}

p#contact {
     border-top: 1px solid #C0C0C0;
     width: 750px;
     padding: 10px 0 0 0;
}

strong {
     font-weight: bold;
}


div#events-container1 {
     position: absolute;
     top: 180px;
     right: 0px;
     width: 150px;
     padding: 5px; 
}


h1#eventsectionhead {
     width: 150px;
}

h1#eventsectionhead {
     padding: 0 0 10px 0;
}


ul.event {
     padding: 5px 0 10px 0;
     border-bottom: 1px solid #C0C0C0;
}

ul.event li {
     font-family: arial, helvetica, sans-serif;
     font-size: small;
     font-weight: normal;
     color: white;
     padding: 0 0 2px 0;
}

ul.event li.important {
     font-weight: bold;
     padding: 3px 0 3px 0;
}

ul.event li.eventtitle {
     font-weight: bold;
     font-size: small;
     padding: 3px 0 3px 0;
     font-variant: small-caps;
     color: #65A1E3;
}

/*--------sets the layout for the home page-------*/

div#showcase {
     position: absolute;
     top: 230px;
     left: 15px;
     width: 400px;
}

div#showcase p {
     color: #C0C0C0;
     font-size: small;
     float: right;
}


div#content-container {
    position: absolute;
    top: 500px;
    width: 550px;
}

div#intro-container1 p.intro {
     padding: 10px 0 10px 15px;
     width: 550px;
}

div#intro-container1 {
    padding: 0 0 180px 0;
}

div#news-section {
     padding: 0 0 25px 0;
}

p.news {
     padding: 15px 0 0px 15px;
     width: 550px;
}

ul.news-ul {
     padding: 0 0 0 15px;
}

ul.news-ul li {
     font-family: arial;
     font-size: small;
}

img#iaclogo {
     float: left;
     padding: 0 10px 0 0;
}

img#chopper {
     vertical-align:text-top;
     float: left;
     padding: 0 10px 5px 0;
     height: 125px;
}

img#galleryicon {
     padding-top: 55px;
}

/*-----sets styles for gallery page------*/


div#maincontent-container img#mainimage {
     padding-top: 25px;
}

div#maincontent-container {
     position: absolute;
     top: 200px;
     left: 0;
     width: 750px;
}

div#largepainting {
     height: 300px;
}


div#mainparagraph {
     position: absolute;
     top: 50px;
     left: 470px;  
     width: 300px;
     height: 270px;
     overflow:auto;
}

div#mainparagraph p {
     padding-top: 10px;
}

ul.artdetails {
     padding: 0px 0 0px 0;
     font-family: arial, helvetica, sans-serif;
     font-size: medium;
     font-weight: normal;
     color: white;
}

ul.artdetails li.highlight {
    padding-top: 15px;
}

p#disclaimer {
     position: absolute;
     top: 600px;
     right: 0;
     font-size: small;
}

p#giclee {
     position: absolute;
     top: 530px;
     text-align: left;
     max-width: 500px;
     padding-bottom: 5px;
     font-size: small;
}

div#images-container {
     position: absolute;
     top: 340px;
     left: 0px;
     min-height: 80px;
     max-width: 750px;
     padding: 10px 0 15px 0;
}

/*-----settings for wide-format images page-----*/

div#wide-gallerymid-container {
     min-height: 500px;
}

div#wide-images-container {
     position: absolute;
     top: 300px;
     right: 0px;
     min-height: 80px;
     max-width: 325px;
     padding: 10px 0 15px 0;
}

div#wide-images-container div.smallimg {
     display: inline;
}

div.smallimg img {
     padding: 0 0 5px 5px;
     float: right;
}


/*-----settings for gallery non-javascript page-----*/

div#galleryhtml-mainp {
     min-height: 125px;
     border-bottom: 1px solid #C0C0C0;
}

div#galleryhtml-mainp p {
     padding: 10px 0 10px 10px;
}

div.painting-sample {
     padding: 15px 0 25px 0;
}

div.painting-sample img {
     float: right;
     padding: 0 0 0 15px;
}

div.painting-sample p {
     padding: 10px 0 10px 10px;
}

div.painting-sample ul {
    padding: 0 0 0 10px;
}

/*-----styles for contact page-----*/
div#content-container ul#contact1 {
     padding: 15px 0 5px 15px;
     font-family: arial, helvetica, sans-serif;
     font-size: medium;
     font-weight: normal;
     color: white;
}

ul#contact1 li {
     padding-bottom: 3px;
}

/*----settings for links page-----*/

div#content-container p#linkparagraph {
     padding: 10px 0 0 15px;
}

div#content-container ul#links-list {
     padding: 15px 0 275px 45px;
}

ul#links-list li {
     padding-bottom: 3px;
     font-family: arial, helvetica, sans-serif;
     font-size: medium;
     font-weight: normal;
     color: white;
}

/*----settings for media page-----*/

div#media-container {
     position: absolute;
     top: 200px;
     left: 0;
     width: 650px;
}

ul.article-photo {
     float: right;
     padding: 20px 0 0px 10px;
}

ul li.caption {
     font-family: arial, helvetica, sans-serif;
     font-size: x-small;
     font-weight: normal;
     color: white;
     padding-bottom: 0px;
     text-align: right;
}

ul.articlehead {
     padding: 20px 0 25px 0;
}

ul.articlehead li {
     font-family: arial, helvetica, sans-serif;
     font-size: medium;
     font-weight: normal;
     color: white;
}

div.article {
     padding: 0 0 35px 0;
}

div.article p {
     padding: 0 0 10px 0;
}

p.article-intro {
     padding-top: 15px;
}