﻿body
{
	margin: 0 auto; /* centers the content in the page */
	font-size: .8em;
	color: gray;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

a:link {color: silver; text-decoration: none;}
a:visited {color: purple; text-decoration: none;}
a:hover {color: #c33; text-decoration: underline;}
a:active {color: red; text-decoration: none;}

ul {color: Gray}
img.a {border: none;}
/**********************************
	Header includes logo which
	is a clickable link, a tag line
	(index tag line is "Photography
	on the go", category page headline
	is page name); and horizontal 
	navigation ul
**********************************/
#header
{	margin: 0 auto; width: 720px;}

h1 /* Logo */
{
	font-size: 2em;
	font-family: 'Harlow Solid Italic', Verdana, Cursive, Fantasy;
	font-weight: bold;
	color: gray;
	text-decoration: none; /* Link, no underline */
}

h3 /* Tag line, appears under the logo "Piks Clicks" */
{
	font-family: Verdana, Cursive, Fantasy;
	font-size: 1em;
	text-align: center;
}

#header a {color: Silver;}

h1.categoryPage
{
	font-size: 5em;
	font-style: italic;
	font-family: 'Harlow Solid Italic' , Verdana, Cursive, Fantasy;
	font-weight: bold;
	color: gray;
	text-decoration: none; /* Link, no underline */
}

h2.promotionTitle
{
	font-weight: bold;
	color: silver;
}

.tag /* Tag line, appears under the logo "Piks Clicks" */
{
	font-family: Verdana, Cursive, Fantasy;
	font-size: 15pt;
	font-style: italic;
	font-weight: bold;
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-top: -50px;
}

/**********************************
	'footer' div contains additional
	navigation, contact page info and
	copyright info
**********************************/
#footer
{
	position: relative;
	margin: 0 auto;
	width: 875px;
	text-align: center;
}

#footer ul
{
	list-style-type: none;
}

#footer ul li
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: silver;
	display: inline;
	margin-right: 10px;
}

.copyright
{
	font-size: .8em;
	vertical-align: middle;
	color: silver;
	text-align: center;
}

/**********************************
	'price' class appears in the 
	price list page
**********************************/
.price {font-size: 1.2em; color: #555;}

#admin {margin: 0 auto; color: #333;}

.bold {color: Red;}

#errorPage {margin: 0 auto; color:#444;}

.clearFloat {clear: both;}


/***********  
	CSS for adding captions to photos; add photo to 'div class=picture left;' (or right) 
	add line break after <img /> tag; type caption after line break
***********/

.picture {background-color: #f9f9f9; border: 1px solid #cccccc; padding: 3px; font: 11px/1.4em 'Microsoft Sans-Serif', sans-serif;}
.picture img {border: 1px solid #444; vertical-align: middle; margin: bottom: 3px;}
.right {margin: 0.5em 0pt 0.5em 0.8em; float: right;}
.left {margin: 0.5em 0.8em 0.5em 0; float: left;}