/*
Pikselinviilaajat.NET CSS
*/

/* CSS RESET: */
*
{
  margin: 0;
  padding: 0;
}

/******************************************************************************/

/* CSS */

body
{
  font-family: "Tahoma";
  font-size: 0.8em;
  background-position: right;
  background-image: url('/images/bg_balls_r.gif');
  background-repeat: repeat-y;
  background-color: #E1E1C1;
}

h1
{
  font-size: 3em;
}

h2
{
  font-size: 2.5em;
}

h3
{
  font-size: 2em;
}


h1, h2, h3, h4
{
  padding-top: 0.5em;
  clear: both;
}

a, a:visited
{
  color: #000;
}

p
{
  padding-bottom: 1em;
}

.even
{
  background-color: #E1E1C1;
}

.odd
{
  background-color: #CECFAF;
}

.form-dd-submit
{
  padding-top: 1em;
}

/******************************************************************************/

/* Header */

#header
{
  display: block;
  clear: both;
  background-image: url('/images/bg_balls_u.gif');
    background-repeat:no-repeat;
    background-position:right top;
  background-color: #E1E1C1;
}

#header h1
{
  padding:0.3em;
}

#header #menu ul
{
    list-style: none;
    white-space: nowrap;
    border-width:1px 0px 1px 0px;
    border-style:dotted;
    border-color:#000000;
    background-color:#B7B79D;
    padding: 2px;
}

#header #menu ul li:hover
{
  background-color: #E1E1C1;
}

#header #menu ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	height: 100%;
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
}

#header #menu ul li a
{
  text-decoration: none;
  font-weight: bolder;
}


/* Admin menu */
#header #admin-menu
{
  background-color: hotpink;
}

#header #admin-menu ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

#header #admin-menu ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-repeat: no-repeat;
	height: 100%;
	display: inline;
	padding-right: 1em;
}

/******************************************************************************/

/* Footer */

#footer
{
  position: relative;
  clear: both;
  text-align: right;
}

#footer-content
{
  padding-right: 1em;
  padding-left: 1em;
}

/* Forms */
fieldset
{
  border: 0px solid #000000;
}

input, textarea
{
  border: 1px solid #0000000;
}

/******************************************************************************/

/* Posts */

#posts
{
  position: relative;
  width:50em;
  float:left;
}

#posts .entry
{
  margin-top: 1em;
  display: block;
}

#posts .entry-subject
{
  display: block;
  border-bottom: 1px dashed #000;
  padding: 0.5em;
  color: #000000;
  font-weight: bolder;
}

#posts .entry-content
{
  padding: 1em;
  display: block;
  border-left: 1px dashed #000;
  border-right: 1px dashed #000;
}

#posts .entry-author
{
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: block;
  border: 1px dashed #000;
  border-top: none;
  background-color: #B7B79D;
}

/******************************************************************************/

/* Content */
#content
{
  /*position:relative;*/
  width: 75em;
  min-height: 1500px;
  padding-bottom: 1em;
  padding-left: 10em;
  padding-right: 1em;
  background-image: url('/images/bg_balls.gif');
  background-repeat: repeat-y;

}

/* Menu */
#menu, #admin-menu ul
{
  height: 22px;
  background-color: #E1E1C1;
}

#menu li.selected, #admin-menu li.selected
{
  background-color: #B7B79D;
}

/******************************************************************************/

/* Comic */

#comic-info
{
  display: block;
  border-bottom: 1px dashed #000;
  margin-bottom: 1em;
}

.comic-navigation
{
  display: block;
  clear: both;
}

.comic-navigation ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

.comic-navigation ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 1em;
}

.comment-added
{
  padding-right:1em;
}

#comic-navigation-bottom
{
  margin-bottom: 0.5em;
}

/* Comic archive */
#archive-year-list ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

#archive-year-list ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 1em;
}

/* Logout link */
#logout a
{
  color: #f11;
}

/* Bookmarks */
#bookmark-list
{
  background-color: #fff;
  border: 1px solid #000;
  /*width: 40em;*/
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;

}

#bookmark-list ul
{
  display: inline;
  margin: auto auto;
  text-align: center;
}

#bookmarks
{
  clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}

#bookmarks li
{
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	display: inline;
  padding-left: 0.5em;
}

#bookmarks li a
{
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 7px;
	text-decoration: none;
}

#bookmarks li a:hover
{
  text-decoration: underline;
}

#bookmarks li a#delicious
{
	background-image: url('/images/delicious.gif');
}

#bookmarks li a#digg
{
	background-image: url('/images/digg.gif');
}

#bookmarks li a#facebook
{
	background-image: url('/images/facebook.gif');
}

#bookmarks li a#reddit
{
	background-image: url('/images/reddit.gif');
}

#bookmarks li a#stumbleupon
{
	background-image: url('/images/stumbleupon.gif');
}

/* Debug */
#sql-query-list
{
  text-align: left;
}

/* Guestbook */
#guestbook div
{
  margin-bottom: 1em;
}

#guestbook .question
{
  padding-left: 1em;
  padding-right: 1em;
}

#guestbook .answer
{
  padding-left: 1em;
  padding-right: 1em;
  border-top: 1px dashed #000;
  margin-top: 1em;
  color: #f00;
}

/* Frontpage Comic statistics */
#statistics
{
  position: relative;
  float: left;
  /*position: absolute;
  top: 10em;
  right: 10em;*/
  width: 20em;
  padding-left:2em;
}

#comics-latest-comments table
{
  margin-bottom: 1em;
}

#comics-top table
{
  margin-bottom: 1em;
}

.statistics table
{
  border: 1px dashed #000;
}

.title
{
  font-weight:bold;
}

.statistics table tr td
{
  overflow: hidden;
  padding: 2px;
}

.staff-comment
{
  color: #0F76B1;
}

div .navigation
{
  margin: auto auto;
  text-align: center;
}

.navigation ul
{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	white-space: nowrap;
}

.navigation ul li
{
	position: relative;
	white-space: nowrap;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	display: inline;
	padding-right: 1em;
}

#intro
{
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
  color: #000000;
  border: 1px dashed #000;
  display: block;
}

#archive-year-list ul li.selected a
{
  color: #f00; 
}