/*--------------------
Site:         snoots.net
Description:  Primary, site-wide COLORS style sheet. 
Code:         CSS
Media:        Screen
Author:       Tim Snoots
--------------------*/


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

#browser-warn-box {	border: 1px dotted #FF6314; }

#browser-warn-box, #browser-warn-box a, p.browser-warn-p, p.browser-warn-p a { color: #FF6314;}

#access ul li a
{
	color: #CCC;
	border-right: 1px solid #CCC;
}

#access ul li a.last
{
	color: #CCC;
	border-right: 0 none #CCC;
}

#banner img
{
	border-style: none;
}

#banner, #page-menu, #content
{
	border-width: 1px 0 0 1px;
	border-style: solid none none solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}


/* SITE MENU
-------------------- */

#site-menu {
	background-color: #069;
}

#site-footer {
	background-color: #CCC;
}

#site-menu ul
{
	background-color: #069;
	border-top: 1px solid #07A;
	border-bottom: 1px solid #058;
	border-right: 1px solid #058;
}

#site-footer ul
{
	background-color: #CCC;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
}

#site-menu ul li a
{
	color: #FFF;
    border-left: 1px solid #07A;
    border-right: 1px solid #058;
}

#site-footer ul li a
{
	color: #FFF;
    border-left: 1px solid #DDD;
    border-right: 1px solid #BBB;
}

#site-menu ul li a.home-link
{
	background-color: #07A;
}

#site-menu ul li a.simple-auth-loginlogout
{
	color: #CCC;
}

#site-menu ul li span.simple-auth-username
{
	color: #CCC;
    border-left: 1px solid #07A;
}

#page-menu
{
	background-color: transparent;
}

#page-menu li a, #page-menu li.lvl0 a { color: #036; }
#page-menu li.lvl1 a { color: #369; }
#page-menu li.lvl0:hover, #page-menu li:hover, #page-menu li.lvl1:hover {background-color: #FFF;}

#page-menu img.fishpic {
	border: none;
}


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

#content h1
{
	color: #036;
	border-bottom: solid 3px #000;
}

#content h1.replace
{
	color: #036;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	overflow: hidden;
	border-bottom: solid 3px #000;
}

h1#snoots-net-home {background-image: url(/_Images/_SnootsNetHeader.png) }
h1#snoots-net-about {background-image: url(/_Images/_AboutHeader.png) }
h1#snoots-net-map {background-image: url(/_Images/_SiteMapHeader.png) }
h1#you {background-image: url(/_Images/_AboutYouHeader.png) }
h1#snoots-net-tim {background-image: url(/_Images/_TimHeader.png) }
h1#snoots-net-caroline {background-image: url(/_Images/_CarolineHeader.png) }
h1#snoots-net-contact {background-image: url(/_Images/_ContactHeader.png) }
h1#snoots-net-tsts {background-image: url(/_Images/_TSTSHeader.png) }
h1#snoots-net-tl {background-image: url(/_Images/_TechLinksHeader.png) }
h1#snoots-net-fishing {background-image: url(/_Images/_FishingHeader.png) }
h1#snoots-net-photo {background-image: url(/_Images/_PhotoHeader.png) }
h1#snoots-net-video {background-image: url(/_Images/_VideoHeader.png) }
h1#snoots-net-browser {background-image: url(/_Images/_BrowserWarnHeader.png) }
h1#snoots-net-login {background-image: url(/_Images/_LoginHeader.png) }
h1#cws {background-image: url(/_Images/_CWSHeader.png) }

#content h2
{
	color: #369;
}

#content p a,
#content li a,
#content dd a,
#content td a,
#content th a,
#content blockquote a,
#content table td a,
#content .fakelink,
#content h3
{
	color: #036;
}

#content p.quote,
#content blockquote
{
	background-color: #D4E3F2;
	border-width: 1px;
	border-style: solid;
	border-color: #C4D3E2;
}

#content th
{
	color: #000;
	background-color: #E5E5E5;
}

#content td
{
	color: #003;
	background-color: #F2F2F2;
}

#content table td img,
#content table td a img
{
	border: none;
}

#content dl dt
{
	color: #036;
}

#content dl dd
{
	color: #000;
}

#content img.right
{
	border-width: 0;
	border-style: none;
}

#content ul li img
{
	border-width: 0;
	border-style: none;
}

#content p.content-footer
{
	color: #666;
	border-style: solid none none none;
	border-color: #000;
	border-width: 1px 0 0 0;
}

#content p.content-footer a
{
	color: #999;
}

#php-status
{
	background-color: #EEE;
	border: solid 1px #DDD;
	color: #808;
}

ul#simple-auth-status
{
	background-color: #EEE;
	border: solid 1px #DDD;
}

ul#simple-auth-status li
{
	color: #808;
}

/* CSS2 and CSS3 Enhancements
-------------------- */

.iconQuicktime:after
{
	padding-left: 10px;
	border: none;
	text-decoration: none;
}

.iconQuicktimeH264:after
{
	content: url(/_Images/_iconQuicktimeH264.gif);
	padding-left: 10px;
	border: none;
	text-decoration: none;
}

a[href$=".pdf"] {
	background: url(/_Images/icon-external-pdf-17x7.png) no-repeat right 50%;
	padding-right: 1.5em;
}

.more:after {
	content: '...';
}