/*
 * Copyright (c) 2013-2015 Andrew "Jamoozy" Correa,
 * 
 * This file is part of Picture Viewer.
 * 
 * Picture Viewer is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

h1 { margin-left:50px; }

.title {
  padding:20px 0 0 180px;
  text-align:left;
  margin:0;
  text-shadow:10px 10px 10px #888;
  font-family:Tangerine;
  font-size:80pt;
  font-weight:normal;
}

.subtitle {
  font-family:"Oregano",cursive;
  font-style:italic;
  font-weight:normal;
}

#background {
  width:100%; 
  height:100%; 
  position:fixed; 
  left:0px; 
  top:0px; 
  z-index:-1;
}

#background img.stretch {
  width:100%;
  height:100%;
  padding:0;
  margin:0;
}

p, .p {
  font-size:18pt;
  margin:20px 50px;
}

#status {
  display:none;
  font-size:12pt;
  margin:5px;
  padding:5px;
  border:1px solid black;
}

ul, li {
  display:inline-block;
  vertical-align:middle;
  min-width:204px;
}

ul {
  list-style-type:none;
  padding:0;
  margin:0 0 0 50px;
}

li {
  text-align:center;
  margin:5px 10px 5px 0;
}

li a {
  text-decoration:none;
  color:black;
  font-size:16pt;
}

li img {
  border:2px solid black;
}

li span {
  cursor:pointer;
}

.fname {
  display:none;
}

#exit-bg, #overlay {
  display:none;
  position:fixed;
}

#exit-bg {
  background-color:rgba(0,0,0,0);
  top:0;
  right:0;
  bottom:0;
  left:0;
}

#overlay {
  background-color:rgba(0,0,0,0.85);
  top:0;
  right:0;
  bottom:0;
  left:0;
}

#overlay img {
  display:block;
  margin:auto;
}

#img-pane {
  margin:25px;
  float:left;
}

#desc, #comments {
  margin:25px;
  padding:5px;
  border:1px solid gray;
  background-color:white;
  width:300px;
  min-width:300px;
}

#comments #name {
  width:75%;
  margin:10px 10px 0 0;
}

.comments-list {
  min-height:8em;
}

#comments textarea { width:98%; }

#desc {
  font-size:16pt;
  text-align:center;
}

#overlay, #overlay ul, #overlay li {
  text-align:left;
}

#overlay ul {
  border-bottom:1px solid gray;
  display:block;
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  overflow-y:scroll;
}

.name {
  font-weight:bold;
  margin:0 10px 0 0;
}

.navs, #x {
  position:fixed;
  cursor:pointer;
}

#overlay li span { cursor:default; }

.content { margin-bottom:200px; }

.co-notice {
  font-size:8pt;
  padding:20px 10px 0 50px;
}

.left {
  padding-right:10px;
  float:left
}

#full-size-dl {
  margin: 5px auto 0 auto;
  border-top: 1px solid gray;
  text-align: center;
  padding-top: 5px;
}

#full-size-dl {
  font-size: 8pt;
}