/*
index.html

Author: Jonathan Thomas
Last Edit: June 3rd, 2009

Required Files: index.html
*/

body {background-color: rgb(20, 50, 80); color: white; font-family: sans-serif; vertical-align: middle}

a.artExpand {font-size: 12px; color:white; text-decoration: none}
a.artExpand:hover {font-weight: bold; text-decoration: none}

div.imgFrame {font-size: 11px; width: 224px}
div.imgFrame img {border: none; max-width:192px; margin-bottom: 12px}
div.imgFrame a {display: block; color: white; text-decoration: none; text-align: center}
div.imgFrame a:hover {font-weight: bold}

table.tablebar {margin: 5px; border-collapse: collapse; margin-top: 15px; margin-left: 30px}
table.tablebar td {width: 16px; height: 16px; padding: 0px}

table.tablecontent {margin: 5px; border-collapse: collapse; margin-top: 15px; clear: right}
table.tablecontent td {width: 16px; height: 16px; padding: 0px}

table.tabletop {margin: 5px; border-collapse: collapse; margin-top: 15px; margin-left: 30px; clear: right}
table.tabletop td {width: 16px; height: 16px; padding: 0px}

td.topleft {background: url(tl.gif) no-repeat top left}
td.topright {background: url(tr.gif) no-repeat top right}
td.botleft {background: url(bl.gif) no-repeat bottom left}
td.botright {background: url(br.gif) no-repeat bottom right}

td.left {background: url(left.gif) repeat-y left; height: auto}
td.right {background: url(right.gif) repeat-y right; height: auto}
td.top {background: url(top.gif) repeat-x top; width: auto}
td.bot {background: url(bot.gif) repeat-x bottom; width: auto}

td.article {background-color: rgb(35, 65, 95); width: 500px}
td.article h1 {letter-spacing: 2px; font-size: 25px}
td.article h2 {letter-spacing: 1px; font-size: 11px; background-color: rgb(20, 50, 80);
 width: 200px; border: 1px solid rgb(25, 55, 85)}
td.article p {display: block; font-size: 12px; text-align: left}

fieldset.codes {display: block; background-color: gray; font-size: 10px}
fieldset.multiImg {display: block; background-color: gray}

#logo {float: left}

#top {font-size: 11px; background-color: rgb(35, 65, 95)}
#top h1 {font-size: 22px; letter-spacing: 4px; width: 400px}

#pageContents {}
#elemcon {margin-top: 20px; position: absolute; left: 220px}
#elemcon h1 {font-size: 14px}
#elemside {margin-top: 10px; position: absoulte; left: 20px }

#sidebar {background-color: rgb(35, 65, 95); width: 150px}
#sidebar a {display: block; color: white; font-size: 10px; margin-left: 4px;
text-decoration: none; letter-spacing: 2px; line-height: 22px}
#sidebar a:hover {font-weight: bold}

#minibar {background-color: rgb(35, 65, 95); width: 150px}

#updates {background-color: rgb(35, 65, 95); clear: left; width: 150px; text-align: center}
#updates h5 {text-align: left; font-size: 14px; text-align: center}
#updates a {color: white; display: block; font-size: 13px; text-decoration: none}
#updates a:hover {font-weight: bold; text-decoration: underline}

#content {background-color: rgb(35, 65, 95); width: 500px}
#content a {text-decoration: none; color: white}
#content a:hover {font-weight: bold}
#content p {margin-left: 10px}

#loginbar {display: none}

#article1, #article2, #article3, #resume1, #resume2, #resume3 {width: 500px}
#a1content, #a2content, #a3content, #r1content, #r2content, #r3content {display: none}

#img1, #img2, #img3 {width: 320px}

#loginmenu {text-align: center}

#labelname, #labelpass {text-align: left}