/*--------------------
Site:         snoots-tech.com
Description:  Primary, site-wide TYPOGRAPHY, MARGINS, PADDING style sheet. 
Code:         CSS
Media:        Screen
Author:       Tim Snoots
--------------------*/


body { font-family: "century gothic", "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; }


/* HEADER, NAV, FOOTER
-------------------- */

#browser-warn-box {
	padding: 0.2em 0;
	font-size: 0.9em;
}

#access em {text-decoration: underline; font-style: normal;}

#banner img {
	display: block;
}

ul.hor-nav {
    float: left;
	font-size: 0.8em;
}

ul.hor-nav li {
    float: left;
}

ul.hor-nav li a,
ul.hor-nav li span.simple-auth-username {
    float: left;
	text-decoration: none;
	padding: 0 1em;
 	line-height: 1.8em;
 }

#site-footer { padding-bottom: 20px; }

#site-footer ul {
    float: left;
	font-size: 0.7em;
	margin-top: 0.4em;
}

#site-footer ul li {
    float: left;
}

#site-footer ul li a {
    float: left;
	text-decoration: none;
	padding: 0 0.6em;
 }

/* PAGE MENU
-------------------- */

#page-menu {
	font-size: 0.75em;
}

#page-menu ul {
	list-style-type: none;
}

#page-menu ul li {
	margin-bottom: 0.4em;
}

#page-menu a {
	display: block;
	line-height: 2em;
	padding: 0 0.5em 0 0.5em;
	text-decoration: none;
}

#page-menu img {
	border: none;
	margin: 10px 6px;
}


/* CONTENT
-------------------- */

strong { font-weight: bold; }
em { font-style: italic; }

#content h1 {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.1em;
	padding: 0 0.5em;
}

#content h2, #content h3 {
	font-family: "georgia", "times new roman", serif;
	font-weight: bold;
}

#content h2 {
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#content h3, #content h4 {
	font-size: 0.85em;
	margin-top: 1em;
	margin-bottom: 0.3em;
}

#content h4 {
	font-style: italic;
	font-weight: normal;
}

#content p, #content ul, #content ol, #content dl {
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}

#content p.webexample {
	margin-top: 0.3em;
	margin-bottom: 0.7em;
}

#content p { line-height: 1.4em; }

#content ul
{
	list-style-type: disc;
}

#content ul,
#content ol
{
	list-style-position: outside;
	margin-top: 1em;
	padding-left: 3em;
	padding-right: 3em;
}

#content ul#site-map,
#content ul#site-map ul
{
	list-style-type: none;
}

#content ul#site-map ul
{
	padding-left: 1.5em;
	padding-right: 1.5em;
}

#content li
{
	padding-bottom: 0.5em;
	line-height: 1.4em;
}

#content dl
{
	margin: 1em 0.6em;
	border-width: 0px;
}

#content dl dt
{
	font-size: 1em;
	padding: 1em 0 0.2em 0;
}

#content dl dd
{
	font-size: 1em;
	line-height: 1.4em;
}

#content img.right
{
	padding: 1em;
	float: right;
	clear: right;
}

#content img.center
{
	margin: 1em auto 1em auto;
	clear: both;
}

#content img.card-indent
{
	margin: 1em auto 1em 5em;
	clear: both;
}

#content ul li img
{
	float: none;
	clear: none;
}

#content p.content-footer
{
	margin-top: 2em;
	padding-top: 0.7em;
	font-size: 0.7em;
}

#php-status
{
	padding: 0 0.5em;
}

ul#simple-auth-status
{
	margin: 0 0;
	padding: 0 0;
	list-style-type: none;
}

ul#simple-auth-status li
{
	margin: 0 0;
	padding: 0.5em;
}