/* Copyright (C) 2011  Sara Arenson <sara_arenson@yahoo.ca>
   This file is part of the Bo-Keep website.

   Bo-Keep is free software: you can redistribute it and/or modify
   it under the terms of the GNU 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 General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.

   Author: Sara Arenson <sara_arenson@yahoo.ca>
 */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

html {
	background-color: #99CCFF;
}

body {
	font-size: 100%;
	background-color: #CCFF99;
	border: solid #00CC66;
	border-width: 0 5px;
	width: 900px;
	margin: 0 auto;
	padding: 15px;
	padding-top: 0;
}

h1 {
	font-size: 60px;
	font-weight: bold;
}

h2 {
	font-size: 34px;
	font-weight: bold;
	margin: 1em 0;
/*	background-color: #FFFFFF; */
	padding: 1em 0 0 0;
	color: #333366;
	text-align: center;
	border-top: 3px dashed #FFFFFF;
}

h3 {
	font-size: 24px;
}

ul {
	margin: 1em;
}

p {
	font-size: 16px;
	margin: 1em 0;
}

#top {
	color: #333366;
/*	border-bottom: 5px dotted #333366; */
	padding: 10px;
	width: 800px;
	margin: auto;
	line-height: 1.2;
}

#top h1, #top h2 {
	margin: 0;
	border: none;
	padding: 0;
	color: #333366;
	background-color: #CCFF99;
}

#top h2 {
	font-weight: normal;
}

#top img {
	float: right;
	margin-left: -20px;
}

#top p {
	font-size: 20px;
	color: #0099CC;
}

ul.nav li {
	float: left;
	background: #FFF;
	border: 1px solid #333366;
	margin: -10px 10px 20px 10px;
	font-size: 1.2em;
	letter-spacing: 0.06em;
	list-style-type: none;
}

ul.nav a {
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}

ul.nav a:hover {
	background: #333366;
	color: white;
}

h2.first {
	clear: both;
	margin-top: 0.5em;
}

.screenshots {
	margin-bottom: 1em;
	zoom: 1;
}

.screenshots li {
	float: left;
	list-style-type: none;
}

.screenshots a {
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.picture {
	margin: 0 20px 34px 20px;
	width: 200px;
	height: 250px;
	padding: 15px;
	border: 3px solid black;
	background: #CCFF77;
}

.picture:hover {
	color: #FFF;
	background: #66AAFF;
}

.picture:active {
	color: black;
}

.picture img {
	margin: 10px 0;
}

.picture p {
	padding: 0;
	margin: 0;
	text-align: center;
}

#documentation {
	clear: both;
}

a.back {
	display: block;
	clear: both;
	padding-left: 20px;
	background: url(arrow1_n.png) no-repeat center left;
}

a.back:active {
	color: black;
}