/* MAIN SITE STYLE
 * --------------------
 * Copyright (c) sStitch, OntoIP LLC, and Abstract Approach Digital Solutions 2008
 * --------------------
 * This is the main CSS file for the site. It is divided into sections
 * and sub-sections by comments.
 * --------------------
 * PALLET
 * --------------------
 * ORANGE:	e69a41
 * GREEN:	9eb04b
 * BLUE:	29a3c4
 * TAN:		f4d0ae
 */

/* **************************
 * GLOBAL
 * **************************/
*
{
	font-family: verdana, arial, helvetica, sans-serif;
}

/* **************************
 * GLOBAL TYPES
 * **************************/
body
{
	font-size: 1em;
	background-color: #fff;
    color: #333;
	margin: 0;
	padding: 0;
	width: 100%;
}

th
{
    text-align: left;
}

/* Text Boxes
 * --------------------
 * Make all text boxes full width.
 */
td>input[type='file'],
td>input[type='text']
{
	width: 100%;
}

/* Links
 * --------------------
 * Overrides to the basic properties of links.
 */
a
{
    color: #29a3c4; /* PALLET: BLUE */
	text-decoration: none;
}
a:hover
{
	text-decoration: overline underline;
}
a img
{
	border: none 0;
}

/* **************************
 * CORE CLASSES
 * **************************/
.clear
{
	clear: both;
}

.detail
{
	font-size: .6em;
}

ul#NAVIGATION,
ul.navigation
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .8em;
}

ul#NAVIGATION>li,
ul.navigation>li
{
	display: inline;
}

ul#NAVIGATION>li+li,
ul.navigation>li+li
{
	margin-left: 1px;
	padding-left: 5px;
	border-left: dashed 2px #29a3c4; /* PALLET: BLUE */
}

ul#NAVIGATION>li a,
ul.navigation>li a
{
	font-weight: bold;
}

/* **************************
 * HEADER
 * **************************/

/* Backgrounds
 * --------------------
 * Background definitions for the header objects.
 */
#HEADER
{
	position: relative;
	background-image: url('/images/header_top.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

/* Header Content
 * --------------------
 * Used to manage floats in the header.
 */
#HEADER .content
{
	display: block;
	float: left;
}
#HEADER div.content
{
	height: 100%;
}
#HEADER img.content
{
	margin: 4px 0 4px 8px;
	height: 3.75em;
}

/* Main Navigation
 * --------------------
 * The site navigation.
 */
#HEADER ul#NAVIGATION
{
	padding: 4px 6px 0 24px;
}

#HEADER ul#NAVIGATION>li+li
{
	border-color: #e69a41; /* PALLET: ORANGE */	
}

#HEADER ul#NAVIGATION>li a
{
	color: #9eb04b; /* PALLET: GREEN */
}

/* Title Bar
 * ------------------------
 * The title bar for the site.
 */
#HEADER h1
{
	font-size: 2em;
	font-weight: bold;
	color: #29a3c4; /* PALLET: BLUE */
	padding: 4px 6px;
	margin-bottom: 0;
	margin-top: 0;
}
#HEADER h1:first-letter
{
	color: #e69a41; /* PALLET: ORANGE */
}

/* **************************
 * MAIN CONTENT
 * **************************/
#CONTENT
{
	padding: 8px 12px 4px 12px;
	margin: 0;
	background-image: url('/images/header_bottom.png');
	background-position: top;
	background-repeat: repeat-x;
}
#CONTENT>h1
{
	margin-top: 0;
	font-size: 1.25em;
}

/* PHOTO CELL
 * ------------------------
 * A single photo and it's name.
 */
#CONTENT div.photo_cell
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	float: left;
	text-align: center;
	font-size: .75em;
}

#CONTENT div.photo_cell img
{
	margin: 5px;
	height: 5em;
	vertical-align: middle;
	display: inline;
}

/* Tag List
 * ------------------------
 * A list of tags.
 */
#CONTENT ul.tagList
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#CONTENT ul.tagList>li
{
	display: inline;
}

/* Messages
 * ------------------------
 * Page messages, like errors and notices.
 */
#CONTENT #NOTICE
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 4px 6px;
	color: green;
	background-color: #E0FFE0;
}

#CONTENT #ERROR
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 8px 6px 4px 6px;
	color: red;
	background-color: #FFBBAA;
}



/* **************************
 * FOOTER
 * **************************/
/* Post Footer
 * ------------------------
 * A post_footer is a page-specific footer. It is rendered directly above the normal footer, and, while it is not part of the normal footer (which is correct, as it is page-specific), it is styled similarly.
 */
#FOOTER,
#CONTENT *.post_footer
{
	text-align: center;
	font-size: .65em;
}
#FOOTER p
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}