@charset "utf-8";

/* General Tags */
html {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	/*color: black;*/
	color: #393939;
}
h1 {
    font-weight:bold;
    font-size: 1.5em;
    margin-top: 0;
}
h2 {
    font-weight:bold;
    font-size: 1.2em;
}
h3 {
	font-weight:bold;
    font-size: 1em;
}
p {
    margin: 0.75em 0;
}

/* Main navigation */
ul#mainNavigation {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 30px;
    color: #cd9525;
}
ul#mainNavigation li {
    text-align:center;
}

.menuHilite {
    color: #db5800;   
}

/* Footer */
div#tagline{
    font-size: 1.15em;
    font-weight: bold;
    font-family: "Comic Sans MS", Arial, sans-serif;
    margin-top: -10px;
    color: #db5800;
}

/* Footer */
div#footer {
    font-weight: bold;
    font-size: 0.75em;
    color: #777;
    line-height: 30px;
}
    

/* Custom classes */ 

.quote {
	font-style: italic;
}
.important {
	font-weight: bold;
}

.indent {
	text-indent: 2em;
}
.centered {
	text-align: center;
}
.small {
	font-size:0.8em;
}
.smaller {
	font-size:0.65em;
}
.ExtraPadding {
	padding: 1em;
}


/* Links */
a {
	color: #db1e00;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
ul#mainNavigation a,  div#footer ul#footerNavigation a {
    color: #f9ca3d;
}


/* Add images to external links */
div#primaryZone a[href^="http:"]:hover
{ 
        background: url(/images/general/externalOver.png) right center no-repeat; 
}
div#primaryZone a[href^="http:"]
{ 
	background: url(/images/general/externalNormal.png) right center no-repeat; 
	padding-right: 12px; 
}

/* Do not add images to permalinks, internal full links and testing links */
div#primaryZone a[href^="http://www.howlongisyours.com"],
div#primaryZone a[href^="http://localhost"]
{ 
        background: transparent; 
        padding-right: 0px; 
} 
div#primaryZone a[href^="http://www.howlongisyours.com "]:hover,
div#primaryZone a[href^="http://localhost"]:hover
{ 
        background: transparent; 
}

