body {
  text-align : left;
  padding : 0px;
  margin: 0px;
  font : 10pt Arial, Helvetica, sans-serif;
  background-color: #fff;
  background-image: url(/images/icesus3_mv.jpg);
  background-repeat: no-repeat;
  background-position: 90% 0%;
  color:#444455;
}

#otsikko {
  height: 65px;
  border-bottom: 2px solid navy;
  background: transparent;
  background-image: url(/images/logo-talvi.jpg);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

#main-container {
  position: relative;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}

#leipa {
  width: 780px;
  margin-left: 20px;
}

.main-info, .info-block, .title-bar, .pic-bar, #large-box {
  margin-left: 0px;
}

.main-info {
  text-align: left;
  width: 340px;
  float: left;
}

.logo-block {
  float: left;
  width: 365px;
}

.clear {
  clear:both;
}

.info-block {
  width: 680px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size : 8pt;
  text-align: center;
}

.title-bar {
  position: relative;
  color : #778A71;
  width: 688px;
  margin-top: 10px;
}

.title-bar .browse {
  position: absolute;
  right: 0;
}

.title-bar .browse .uparr {
  margin-right: 20px;
}

.title-bar .browse .dnarr {
  margin-left: 20px;
}

.title-bar .title {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  margin : 0px;
  letter-spacing: 1px;
}

.pic-bar {
  position: relative;
  margin-top: 10px;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  height: 100px;
  text-align: center;
  width: 776px;
}

.pic-bar .thumb{ 
  position: relative;
  width: 92px;
  height: 92px;
  float: left;
  margin-right: 8px;
  font-size: 10px;
/*  border: 1px solid #778A71;*/
}

.pic-bar .thumb img {
/*  margin: 1px;*/
}

.pic-bar .thumb .thumb-info {
  text-align: right;
  opacity: 0.7;
  position: absolute;
  bottom: 1px;
  right: 1px;
  width:90px;
  background-color: black;
  color: white;
}

#thumb-box .thumb .thumb-info {
  text-align: right;
  opacity: 0.7;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: black;
  color: white;
  padding: 2px 3px 2px 3px;
}

#large-box {
  position: relative;
  float: left;
  width: 530px;
  margin-top: 10px;
  margin-left: 10px;
}

#large-box .title, #comment-box .title {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  margin : 0px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.main-link, .pic-owner {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  margin : 0px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}

.prevnext {
}

#large-box .desc {
  margin-top: 5px;
  font: 10pt Arial, Helvetica, sans-serif;
  width: 400px;
  color : black;
}

#large-box .pic {
  width: 540px;
  margin-left: -8px;
}

#large-box .pic img {
  margin: 1px;
}

#thumb-box {
  width: 200px;
  margin-top: 10px;
  float: left;
}

#thumb-box .thumb {
  position: relative;
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

#thumb-box .thumb img {
  width: 60px;
  height: 60px;
}

#thumb-box .title {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  margin : 0px;
  letter-spacing: 1px;
  margin-left: 0;
}

#thumb-box .browse {
  position: relative;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  margin : 0px;
  letter-spacing: 1px;
  margin-left: 0px;
  width: 190px;
  text-align: center;
}

#thumb-box .browse .uparr {
  position: absolute;
  left: 0;
  bottom: 5px;
}

#thumb-box .browse .dnarr {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.upload {
  width: 100px;
}


#comment-box {
  width: 340px;
  margin-top: 20px;
  color: #444455;
}

#comment-box .comment {
  font : 10pt Arial, Helvetica, sans-serif;
  color: black;
  margin-bottom: 10px;
}

.ajax-loading {
  padding: 20px;
  background: url(../static/img/spinner.gif) no-repeat center;
}

#comment-box .sender {
  display: inline;
}

#comment-box .content {
  display: inline;
}

#post-comment-box {
  margin-top: 10px;
}

#post-comment-box .txt {
  width: 200px;
}

#profile-box {
  width: 776px;
  margin-top: 10px;
}

#profile-box .info {
  float: left;
  width: 300px;
  margin-right: 30px;
  margin-bottom: 30px;
}

#profile-box .upload-box {
  float: left;
  width: 336px;
}

#profile-box .upload-box strong {
  
}

.gallery-box {
  position: relative;
  float: left;
  margin-left: 30px;
  margin-right: 25px;
  width: 240px;
}

.gallery-box .desc {
  margin-bottom: 10px;
  margin-left: 6px;
  color: black;
}

.gallery-box .info {
  color:#444455;
  margin-left: 6px;
  font-size: 8pt;
  margin-bottom: 10px;
}

#gallery-box .pic-desc {
  margin-top: 5px;
  font-size: 10pt;
}

#gallery-box .pic-info {
  margin-top: 10px;
  font-size: 10px;
}

.gallery-box .thumb { 
  width: 240px;
}

.gallery-box .thumb img {
}

.gallery-box .thumb-info {
  position: absolute;
  top: 5px;
  left: 5px;
  color: white;
  background-color: black;
  opacity: 0.7;
  width: 100%;
  display: none;
}

#gallery-box .thumb .thumb-info2 {
  text-align: left;
  opacity: 0.7;
  position: absolute;
  top: 1px;
  left: 1px;
  width:200px;
  color: white;
  background-color: black;
}


a {
  color: #4169e1;
  color: #507090;
  text-decoration: none;
}
a:visited {
  color: #4169e1;
  color: #507090;
  text-decoration: none;
}
a:hover {
  text-decoration : none;
  background-color: #ccffff;
}

img {
  border: 0;
  margin: 0;
}

.playerList {
  margin-bottom: 30px;
  margin-left: -3px;
  width: 693px;
  text-align: justify;
  font-size: 12px;
  color: #507090;
}



div.navibox { 
font-family : Arial, Helvetica, sans-serif;
        position: absolute;
        top: 20px;
        right: 0px;
/*        left: auto;*/

        /*margin: 0 -15 0 0;*/
        margin: 0;
        padding: 5px 15px 15px 15px;
        color: #000;
        width: 186px;
text-align:left;
}

div.navibox a {
  color: #222233;
}

div.navibox a:hover {
  color: #777733;
  background-color: transparent;
}

div.navibox h4 {
margin: 0; padding:0;
}

div.navibox li { padding: 0 0 0 15px; list-style-type: none; }
div.navibox ul { margin: 0; padding: 0 0 0 0px; }
div.navibox ul>ul { 
        margin: 0;
        padding: 0 0 0 20px;
}
div.navibox li:hover {
background-image: url(/images/ar-p.gif);
background-repeat: no-repeat;
background-position: 0 3px;
}

div.navibox li.valittu { 
padding: 0 0 0 15px;
        list-style-type: none;
        background-image: url(/images/ar-p.gif);
        background-repeat: no-repeat;
        background-position: 0 3px;
}
div.hahmo {  
position: relative;
        margin-top: 10px;
        border: 1px solid #d0d0d0;
        height: 80px;
        padding: 3px 5px;
        font-size: 80%;
}

div.hahmo a { 
  color: #805000;
 }

#latestBox, #latestCommentBox {  
 position: relative;
 margin-top: 10px;
 border: 1px solid #d0d0d0;
 padding: 3px 5px;
 font-weight: bold;
 color: #5c6191;
 text-align: left;
 letter-spacing: 1px;
 font-size: 11px;
}

#latestBox a, #latestCommentBox a { 
 color: #507090;
 font: 10px Arial, sans-serif;
 text-decoration: none;
 letter-spacing: 0px;
}

#latestBox a:visited, #latestCommentBox a:visited { 
  color: #444455;
  font-size: 10px;
  text-decoration: none;
  letter-spacing: 0px;
}

#latestCommentBox .commentPic {
  float: left;
  width: 60px;
  margin-top: 5px;
}

#latestCommentBox .commentContent {
  float: left;
  width: 130px;
}

#loginBox {
  font-size: 10pt;
  margin: 0px;
}