/* This shit is so fucked :: &nbsp;&nbsp; Thumb Nail View &nbsp;&nbsp; ::... I hate writing code for my dead brother... it just kills me and makes me want to scream!!!  I Miss You Chad!!!  WHY!!!!!!!!!*/

body {
font-family: calibri;
font-size: .8em;
margin-right: 5%;
margin-left: 5%;
background-color: #000;
}

body a {
font: calibri 12px #ddd;
}

body a:link {
text-decoration: none; 
color: #ddd;
}

body a:visited {
text-decoration: none; 
color: #ddd;
}

h1 {
font: calibri 14px #ddd;
padding: 20px;
}

h2 {
font: calibri 14px #ddd;
padding: 20px 0px 30px 0px;
}

a img {
border: solid 1px #111
}
img.pic_big {
border: solid 1px #111;
position: absolute;
top: 110px;
}

a.button_next {
Display: block;
position: absolute;
top: 50px;
left: 297px;
width: 80px;
height: 25px;
color: #000;
text-decoration: none;
padding: 30px 20px 20px 20px;
color: #000;
text-decoration: none;
background:url(images/button_next2.jpg) no-repeat -13px 60px;
}

a.button_next:visited {
color:#ddd;
background:url(images/button_next.jpg) no-repeat -13px 60px;
}

a.button_next:hover {
color:#333;
background:url(images/button_next.jpg) no-repeat -13px 0px;
}

a.button_up {
Display: block;
position: absolute;
top: 50px;
left: 180px;
width: 160px;
height: 25px;
color: #000;
text-decoration: none;
padding: 30px 20px 20px 20px;
color: #000;
text-decoration: none;
background:url(images/button_up.jpg) no-repeat -6px -60px;
}

a.button_up:visited {
color:#ddd;
background:url(images/button_up.jpg) no-repeat -6px -60px;
}

a.button_up:hover {
color:#333333;
background:url(images/button_up.jpg) no-repeat -6px 0px;
}

a.button_previous {
Display: block;
position: absolute;
top: 50px;
left: 60px;
width: 160px;
height: 25px;
color: #000;
text-decoration: none;
padding: 30px 20px 20px 20px;
color: #000;
text-decoration: none;
background:url(images/button_previous.jpg) no-repeat 0px -60px;
}

a.button_previous:visited {
color:#ddd;
background:url(images/button_previous.jpg) no-repeat 0px -60px;
}

a.button_previous:hover {
color:#333;
background:url(images/button_previous.jpg) no-repeat 0px 0px;
}



ul {
padding-top: 10px;
font-size: 11px;
}




#picnav a:link {
text-decoration: none; 
color: #ddd;
}

#picnav a:visited {
text-decoration: none; 
color: #ddd;
}

#picnav a:hover {
height: auto;
}

#picnav a:hover:link {
color: #fff;
background-color: #111;
}

#picnav a:hover:visited {
color: #111;
background-color: #ddd;
}

#picnav a:hover:active {
color: #696969;
background-color: #ddd;
}

#picnav a.currentpage {
background-color: #000;
color: #fff !important;
}



#container {
margin: 0;
width: 1102px;
height: 100%;
border: 1px solid #111;
background-color: #000;
color: #ddd;
}

#header {
width: 1100px;
height: 580px;
background-attachment: fixed;
background-position: top left;
background: url(images/ces_header.jpg) no-repeat;
}

#message {
width: 660px;
float: left;
top: 210px;
padding-left: 70px;
color: #ddd;
position: absolute;
}

#navigator {
float: left;
width: 100%;
height: 40px;
background-color: #111;
}

#thumbsection {
padding-top: 80px;
}


/* Page = Picnic */
#header2 {
width: 1100px;
height: 560px;
background-attachment: fixed;
background: url(images/picnic3.jpg) no-repeat;
background-position: top right;
}

#message2 td{
padding: 20px;
font-size: 14px;
}

.warning {
color: #dd2200;
font-style: italic;
}





/* Page = shelter */
#header3 {
width: 1100px;
height: 580px;
background-attachment: fixed;
background: url(images/shelter.jpg) no-repeat;
background-position: bottom right;
}

#message3{
width: 500px;
float: left;
top: 120px;
padding-left: 70px;
color: #ddd;
position: absolute;
}

h3.eventtime {
margin-top: -20px;
margin-left: 60%;
color: #fff;
}

#message3 a.goldurl {
text-decoration: underline;
color: #fff;
}



#header4 {
width: 1100px;
height: 1840px;
}

#message4{
width: 500px;
float: left;
top: 120px;
padding-left: 70px;
color: #ddd;
position: absolute;
}





/* Page = Memories*/
#header5 {
width: 1100px;
height: 510px;
background: url(images/rowwin.jpg) no-repeat;
background-attachment: scroll;
background-position: top right;
}

#message5{
width: 500px;
float: left;
top: 120px;
padding-left: 70px;
color: #ddd;
position: absolute;
}

#comments {
padding-left: 70px;
}

#comments td.value_lab {
color: #777;
font-size: .9em;
text-align: top left;
border-bottom: solid 1px #111;
}

#comments td.value_com {
color: #bbb;
text-align: left;
font-size: 14px;
text-align: top left;
border-left: solid 1px #111;
}

#comments td.com_lab_top {
color: #777;
font-size: .9em;
vertical-align: top;
text-align: right;
border-bottom: solid 1px #111;
}

#comments td.com_lab_bot {
color: #777;
font-size: .9em;
vertical-align: top;
text-align: right;
}

#warncontainer {
color: #ccc;
}




/* Mouse over stuff for Navigator */
#weeks {
width: 100%;
}

#weeks a {
text-align: left-bottom;
font-size: 14px;
list-style-type: none;
padding: 10px 60px 0px 20px;
display: inline;
}

#weeks a:link {
text-decoration: none; 
color: #ddd;
}

#weeks a:visited {
text-decoration: none; 
color: #ddd;
}

#weeks a:hover {
height: auto;
background-color: #eee;
}

#weeks a:hover:link {
color: #fff;
background-color: #111;
}

#weeks a:hover:visited {
color: #111;
background-color: #ddd;
}

#weeks a:hover:active {
color: #696969;
background-color: #ddd;
}

#weeks a.currentpage {
background-color: #000;
color: #fff !important;
}

#footer {
margin: 5px;
border-top: solid 1px #ddd;
font-size: .7em;
color: #ddd;
clear: both;
}