body { background-color: #000; font-family: Arial, Helvetica, sans-serif; text-align: center; 
       margin-top: 0px; }
table, td { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; 
       margin: 0px; padding: 0px; border: 0px; color: #ccc; font-size: 12px; }

a { color: #fff; text-decoration: none; font-weight: bold; }
a:hover { color: #900; }
h1 { font-size: 21px; font-weight: bold; color: #fff; background-color: #600; padding: 2px 5px; width: 680px; }
h2 { font-size: 12px; font-weight: normal; text-align: left; color: #f99; background-color: #300; padding: 2px 5px; width: 680px; }
p { color: #fff; font-size: 12px; font-weight: normal; }

.logged { text-align: right; color: #c00; }
.logged a { background-color: #600; color: #f99; padding: 2px 5px; }
.logged a:hover { background-color: #f99; color: #600; }
.main { margin-right: auto; margin-left: auto; margin-top: 0px; }
.left { background-image: url('gfx/left.jpg'); width: 222px; height: 554px; vertical-align: top; background-repeat: repeat-x; }
.login td { padding: 5px; background-color: #600; }
.full { width: 640px; }

/*
 * Ohjelmistolista
 */
.program { width: 640px; }
.program .div { height: 1px; padding: 0px; margin: 0px; background-color: #900; }
.program th { padding: 5px 0px 5px 10px; font-weight: bold; font-family: Verdana, Arial; font-size: 17px; color: #fff; text-align: left; }
.program td { padding: 2px 5px 5px 25px; color: #ccc; vertical-align: top; }
.program td.image { padding: 5px; }

.thumb { border-width: 1px; border-color: #fff; border-style: solid; }
/*
 * Jasenlista
 */
.userlist    { width: 640px; }
.userlist td { padding: 10px; color: #999; vertical-align: top; text-align: center; }

/*
 * Jasen
 */
.userinfo td { padding: 1px 5px; border-bottom: 1px solid #333; }
.portrait { border: 1px solid #fff; margin: 0px 10px 0px 0px; }

/*
 * Yhteys
 */
.contact .field { width: 350px; }
.contact .text  { width: 350px; height: 250px; }