/* CSS for Experimental Sandy Larkman site */

/* BASIC PAGE LAYOUT*/

*{
margin: 0;
padding: 0;
}

html {
text-align: center;
}

body {
width: 100%;
height: 100%;
background-color: #fff;
}

#container {
position: relative;
width: 1022px;
height: 766px;
margin: 0 auto;
border-left: 5px dotted #eeeeee;
border-right: 5px dotted #eeeeee;
background: #fff;
}

/* HEADING ONE AND MAIN NAVIGATION */

#header1 {
width: 760px;
height: auto; 
margin: 0 auto;
}

#header1 ul {
padding: 20px 0 0 0;
text-align: left;
font-family: "Trebuchet MS", Arial, sans-serif;
margin: 0;
}

#header1 li  {
padding: 0 24px 0 0;
display: inline;
}

#header1 a:link {
color: #777;
text-decoration: none;
}

#header1 a:visited {
color: #77c;
text-decoration: none;
}

#header1 a:hover {
color: #170;
text-decoration: none;
}

#header1 a:active {
color: #c77;
text-decoration: none;
}

.title1 {
font-size: 2.6em;
text-align: left;
color: #777;
}

.nav {
font-size: .75em;
text-align: left;
}

/* HEADING TWO */

#header2 {
width: 760px;
height: auto;
margin: 0 auto;
padding: 0 0 20px 0;
background: #fff;
border-bottom: 5px dotted #eeeeee;
}

.title2 {
font-size: 1.6em;
text-align: left;
color: #777;
padding: 10px 0;
}

/* MAIN CONTENT AREA */

#maincontent {
position: relative;
width: 770px;
height: auto;
background: #fff;
margin: 0 auto;
}

h2 {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #777;
font-size: 1em;
font-weight: normal;
}

p {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #777;
font-size: .75em;
}

/* BOTTOM OF PAGE */

#pagebottom {
position: relative;
width: 760px;
height: auto;
padding: 20px 0 0 0;
}

#endnotice {
position: relative;
width: 760px;
height: 130px;
}

#endnotice a:link, #endnotice a:visited {
color: #77c;
text-decoration: none;
}

#endnotice a:hover {
color: #170;
}

#endnotice a:active {
color: #c77;
}

/* SPECIFIC TO HOME PAGE */

.homepic {
border: 1px dotted #999;
margin: 50px 0;
}

/* SPECIFIC TO PROFILE PAGE */

#containerb {
position: relative;
width: 1022px;
height: 1350px;
margin: 0 auto;
border-left: 5px dotted #eeeeee;
border-right: 5px dotted #eeeeee;
background: #fff;
}

#profiletext {
position: absolute;
top: 50px;
left: 10px;
width: 400px;
height: 800px;
}

#profiletext li {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .75em;
color: #777;
text-align: left;
list-style-type: disc;
width: 390px;
height: auto;
}

#profilepic {
position: absolute;
top: 50px;
left: 430px;
width: 310px;
height: 232px;
}

#profilepic2 {
position: absolute;
top: 290px;
left: 430px;
width: 310px;
height: 232px;
}

#profilepic3 {
position: absolute;
top: 530px;
left: 430px;
width: 310px;
height: 232px;
}

#profilepic4 {
position: absolute;
top: 770px;
left: 430px;
width: 310px;
height: 232px;
}

.propic {
border: 1px dotted #777;
padding: 3px;
}

#pagebottomnav {
position: absolute;
top: 1050px;
left: 0;
width: 760px;
height: 100px;
}

#pagebottomnav ul {
margin: 20px 0;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
padding: 5px 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .75em;
}

#pagebottomnav li {
padding: 0 24px 0 0;
display: inline;
}

#pagebottomnav a:link {
color: #777;
text-decoration: none;
}

#pagebottomnav a:visited {
color: #77c;
text-decoration: none;
}

#pagebottomnav a:hover {
color: #170;
text-decoration: none;
}

#pagebottomnav a:active {
color: #77c;
text-decoration: none;
}

#profileendnotice {
position: absolute;
top: 1120px;
left: 0;
width: 760px;
height: auto;
padding: 0 0 20px 0;
}

#profileendnotice a:link {
color: #77c;
text-decoration: none;
}

#profileendnotice a:visited {
color: #77c;
text-decoration: none;
}

#profileendnotice a:hover {
color: #170;
text-decoration: none;
}

#profileendnotice a:active {
color: #c77;
text-decoration: none;
}


/* SPECIFIC TO MAIN GALLERY and INNER ARCHIVE MENU PAGES */

#galleriesmenu {
position: relative;
width: 760px;
height: 766px;
margin: 50px auto 10px auto;
}

#button1 {
position: absolute;
top: 20px;
left: 0;
width: 240px;
height: 240px;
border: 1px dotted #ddd;
}

#button2 {
position: absolute;
top: 20px;
left: 260px;
width: 240px;
height: 240px;
border: 1px dotted #ddd;
}

#button3 {
position: absolute;
top: 20px;
left: 520px;
width: 240px;
height: 240px;
border: 1px dotted #ddd;
}

#button4 {
position: absolute;
top: 20px;
left: 100px;
width: 240px;
height: 240px;
border: 1px dotted #ddd;
}

#button5 {
position: absolute;
top: 20px;
right: 100px;
width: 240px;
height: 240px;
border: 1px dotted #ddd;
}

#button1 img, #button2 img, #button3 img, #button4 img, #button5 img {
border: 1px solid #aaa;
}

#button1 img:hover, #button2 img:hover, #button3 img:hover, #button4 img:hover, #button5 img:hover {
border: 1px solid #170;
}

#button1 ul, #button2 ul, #button3 ul, #button4 ul, #button5 ul {
margin: 20px 0 0 0;
list-style-type: none;
}

#button1 li, #button2 li, #button3 li, #button4 li, #button5 li {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .8em;
}

#button1 a:link, #button2 a:link, #button3 a:link, #button4 a:link, #button5 a:link {
color: #777;
text-decoration: none;
}

#button1 a:visited, #button2 a:visited, #button3 a:visited, #button4 a:visited, #button5 a:visited {
color: #77c;
text-decoration: none;
}

#button1 a:hover, #button2 a:hover, #button3 a:hover, #button4 a:hover, #button5 a:hover {
color: #170;
text-decoration: none;
}

#button1 a:active, #button2 a:active, #button3 a:active, #button4 a:active, #button5 a:active {
color: #c77;
text-decoration: none;
}

/* SPECIFIC TO GALLERIES PAGES */

#containerc {
position: relative;
width: 1022px;
height: 768px;
margin: 0 auto;
border-left: 5px dotted #eeeeee;
border-right: 5px dotted #eeeeee;
background: #fff;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {
width: 180px;
height: 180px;
border: 1px dotted #ccc;
}

#box1, #box2, #box3, #box4 {
position: absolute;
top: 50px;
}

#box5, #box6, #box7, #box8 {
position: absolute;
top: 250px;
}

#box1, #box5 {
left: 0;
}

#box2, #box6 {
left: 193px;
}

#box3, #box7 {
left: 386px;
}

#box4, #box8 {
left: 579px;
}

#box1 img, #box2 img, #box3 img, #box4 img, #box5 img, #box6 img, #box7 img, #box8 img {
border: 1px solid #aaa;
}

#box1 img:hover, #box2 img:hover, #box3 img:hover, #box4 img:hover, #box5 img:hover, #box6 img:hover, #box7 img:hover, #box8 img:hover {
border: 1px solid #170;
}

#box1 li, #box2 li, #box3 li, #box4 li, #box5 li, #box6 li, #box7 li, #box8 li {
list-style-type: none;
font-size: .6em;
}

#box1 a:link, #box2 a:link, #box3 a:link, #box4 a:link, #box5 a:link, #box6 a:link, #box7 a:link, #box8 a:link {
color: #ccc;
}

#box1 a:visited, #box2 a:visited, #box3 a:visited, #box4 a:visited, #box5 a:visited, #box6 a:visited, #box7 a:visited, #box8 a:visited {
color: #ccc;
}

#box1 li a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover, #box5 a:hover, #box6 a:hover, #box7 a:hover, #box8 a:hover {
color: #170;
}

#box1 li a:active, #box2 a:active, #box3 a:active, #box4 a:active, #box5 a:active, #box6 a:active, #box7 a:active, #box8 a:active {
color: #c10;
}

.portrait {
margin: 10px 0 0 0;
padding: 2px;
}

.landscape {
margin: 26px 0 0 0;
padding: 2px;
}

#g2menu {
position: absolute;
top: 450px;
left: 0;
width: 760px;
height: auto;
}

#g2menu ul {
font-family: "Trebuchet MS", Arial, sans-serif;
text-align: center;
}

#g2menu li {
display: inline;
list-style-type: none;
margin: 0 50px 0 0;
padding: 2px 4px;
font-size: .75em;
}

.selected {
border: 1px dotted #aaa;
}

#g2menu a:link {
color: #777;
text-decoration: none;
}

#g2menu a:visited {
color: #77c;
text-decoration: none;
}

#g2menu a:hover {
color: #170;
}

#g2menu a:active {
color: #c77;
}

#g2menu a.selected {
color: #c10;
}

#pagebottomb {
position: absolute;
top: 500px;
left: 0;
width: 760px;
height: auto;
text-align: center;
}

#pagebottomd {
position: absolute;
top: 620px;
left: 0;
width: 760px;
height: auto;
text-align: center;
}

#galleriesendnotice {
position: absolute;
top: 520px;
left: 0;
width: 760px;
height: 40px;
}

#galleriesendnoticeb {
position: absolute;
top: 640px;
left: 0;
width: 760px;
height: auto;
}

#galleriesendnotice a:link, #galleriesendnotice a:visited,  #galleriesendnoticeb a:link, #galleriesendnoticeb a:visited{
color: #77c;
text-decoration: none;
}

#galleriesendnotice a:hover, #galleriesendnoticeb a:hover {
color: #170;
}

#galleriesendnotice a:active, #galleriesendnoticeb a:active {
color: #c77;
}

/* INDIVIDUAL ITEM PAGES */

#bigbox {
position: absolute;
top: 50px;
left: 330px;
height: 380px;
width: 380px;
border: 1px dotted #ccc;
text-align: center;
}

#bigboxb {
position: absolute;
top: 50px;
left: 330px;
height: 420px;
width: 380px;
border: 1px dotted #ccc;
text-align: center;
}

#bigboxc {
position: absolute;
top: 50px;
left: 330px;
height: 500px;
width: 380px;
border: 1px dotted #ccc;
text-align: center;
}

.biglandscape {
border: 1px dotted #777;
padding: 2px;
margin: 50px 0 0 0;
}

.bigportrait {
border: 1px dotted #777;
padding: 2px;
margin: 12px 0 0 0;
}

#pictureinfo {
position: absolute;
top: 50px;
left: 0;
width: 300px;
height: 300px;
}

.firstline {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1.5em;
text-align: center;
padding: 0;
width: 300px;
margin: 110px 0 10px 0;
}

.next {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1.2em;
text-align: center;
margin: 0 0 5px 0;
padding: 0;
width: 300px;
}

#gallerynav {
position: absolute;
top: 350px;
left: 0;
height: 100px;
width: 300px;
}

#gallerynav ul {
width: 300px;
height: auto;
}

#gallerynav li {
font-family: "Trebuchet MS", Arial, sans-serif;
list-style-type: none;
display: inline;
padding: 0 10px;
font-size: .75em;
}

#gallerynav a:link, #gallerynav a:visited {
color: #777;
text-decoration: none;
}

#gallerynav a:hover {
color: #170;
}

#gallerynav a:active {
color: #c77;
}



/* SPECIFIC TO SALES PAGE */

#text2 {
position: absolute;
top: 50px;
left: 0;
width: 300px;
height: 300px;
}

#text2 ul {
list-style-type: disc;
}

#text2 li {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .75em;
color: #777;
text-align: left;
list-style-position: outside;
}

#salespic {
position: absolute;
top: 50px;
left: 370px;
width: 350px;
height: 250px;
}

.salespic {
border: 1px dotted #777;
padding: 3px;
}

#pagebottomsales {
position: absolute;
top: 400px;
left: 0;
width: 760px;
height: auto;
}


/* SPECIFIC TO EVENTS PAGE */

#containerd {
position: relative;
width: 1022px;
height: 800px;
margin: 0 auto;
border-left: 5px dotted #eeeeee;
border-right: 5px dotted #eeeeee;
background: #fff;
}

.eventspic {
margin: 50px 0 0 0;
border: 1px dotted #777;
padding: 3px;
}

#eventsmenu ul {
margin: 20px 0;
}

#eventsmenu li {
list-style-type: none;
display: inline;
padding: 0 50px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1.5em;
}

#eventsmenu a:link {
color: #777;
text-decoration: none;
}

#eventsmenu a:visited {
color: #77c;
text-decoration: none;
}

#eventsmenu a:hover {
color: #170;
}

#eventsmenu a:active {
color: #c10;
}

/* SPECIFIC TO THE ART EVENTS AND POT EVENTS PAGES */

#arteventspic {
position: absolute;
top: 50px;
left: 450px;
width: 250px;
height: 356px;
}

#poteventspic {
position: absolute;
top: 50px;
left: 420px;
width: 250px;
height: 356px;
}

#poteventstext {
position: absolute;
top: 360px;
left: 0;
width: 760px;
height: 100px;
}

#poteventstext p {
text-align: left;
line-height: 1.6em;
}

.arteventspic {
padding: 3px;
border: 1px dotted #777;
}

.poteventspic {
padding: 3px;
border: 1px dotted #777;
}

#arteventstable, #poteventstable {
position: absolute;
top: 50px;
left: 0;
width: 400px;
height: auto;
}

table.artevents {
border-collapse: collapse;
background: #f7fcf3;
width: 100%;
}

table.potevents {
border-collapse: collapse;
background: #fff;
width: 100%;
}

table.artevents th, table.artevents td, table.potevents th, table.potevents td {
border: 1px solid #777;
}

table.artevents th { 
color: #777;
font-size: .85em;
font-family: "Trebuchet MS", Ariel, sans-serif;
text-align: center;
padding-top: 1.5em;
padding-bottom: 1.5em;
padding-left: 1em;
padding-right: 1em;
}

table.potevents th { 
color: #777;
font-size: .85em;
font-family: "Trebuchet MS", Ariel, sans-serif;
text-align: center;
padding-top: 1.5em;
padding-bottom: 1.5em;
padding-left: 1em;
padding-right: 1em;
}

table.artevents tr {
text-align: center;
padding: 1em;
}

table.potevents tr {
text-align: center;
padding: 1em;
}

table.artevents td {
color: #777;
font-family: "Trebuchet MS","Comic Sans MS", sans-serif;
font-size: .75em;
padding: 1em;
}

table.potevents td {
color: #777;
font-family: "Trebuchet MS", Ariel, sans-serif;
font-size: .75em;
padding-left: 1em;
padding-right: 1em;
padding-top: 1.5em;
padding-bottom: 1.5em;
}

#pagebottomc {
position: absolute;
top: 550px;
left: 0;
width: 760px;
height: auto;
text-align: center;
}

#poteventsendnotice {
position: absolute;
top: 570px;
left: 0;
width: 760px;
height: auto;
}

#poteventsendnotice a:link, #poteventsendnotice a:visited {
color: #77c;
text-decoration: none;
}

#poteventsendnotice a:hover {
color: #170;
}

#poteventsendnotice a:active {
color: #c77;
}

/* SPECIFIC TO THE CONTACT PAGE */

#contact {
position: absolute;
top: 50px;
left: 0;
width: 350px;
height: 350px;
text-align: left;
}

#contact p {
width: 350px;
}

#contact span {
color: #77c;
}

#contact a:link, #contact a:visited {
color: #77c;
text-decoration: none;
}

#contact a:hover {
color: #170;
}

#contact a:active {
color: #c77;
}

#contactpic {
position: absolute;
top: 50px;
left: 370px;
width: 356px;
height: 344px;
}

.contactpic {
border: 1px dotted #777;
padding: 3px;
}

/* SPECIFIC TO THE LINKS PAGE */

#links {
position: absolute;
top: 50px;
left: 5px;
width: 350px;
height: 350px;
text-align: left;
}

#links p {
width: 350px;
}

#links li {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .9em;
color: #777;
text-align: left;
list-style-position: outside;
line-height: 2em;
}

#links a:link {
color: #777;
text-decoration: none;
}

#links a:visited {
color: #77c;
text-decoration: none;
}

#links a:hover {
color: #170;
}

#links a:active {
color: #c10;
}

#linkspic {
position: absolute;
top: 50px;
left: 370px;
width: 308px;
height: 258px;
}

.linkspic {
border: 1px dotted #777;
padding: 3px;
}