planningalerts/docs/css/main.css

body {font-family:georgia, serif; text-align:center;line-height:1.7em;margin:0;
	color:#0f0f0f;}	
#divPage {width:500px; margin:0 auto;background:white;text-align:left;}
h1 {font-weight:normal; font-size:2.7em;padding-left:115px;padding-bottom:0.2em;padding-top:0.1em;}
h1 a {color:#456FB1;text-decoration:none;}
h1 span {color:#96ca2f;}
h1 small {font-size:0.3em; text-transform:uppercase;position:absolute;
	right:0.8em;top:2.1em;color:#456FB1}
h2 {font-weight:normal;font-size:1em;border-bottom:dotted 1px #808080;padding-left:115px;
	padding-bottom:1.5em;color:#96ca2f;font-style:italic;font-size:1.15em;}
h2 em {text-decoration:underline}
h3, h4 {color:#96ca2f;font-style:italic;font-weight:normal}

#pStats {padding:0; margin:0;position:absolute; left:115px;bottom:1.5em;
	color:#808080; font-size:0.9em;}

#divHeader {margin-top:1.7em;padding-bottom:1em;position:relative;}
#divHeader img {position:absolute;top:-15px;}

/* Menu */
#divMenu {background:#6E84BD;height:2.2em;font-size:0.7em;}
#divMenu ul {width:500px;margin:0 auto;}
#divMenu ul li {float:right;text-align:center;}
#divMenu ul li a {margin-left:1em;margin-right:1em;display:block; color:white; 
	text-decoration:none;position:relative; top:-0.2em;padding-bottom:4px;}
#divMenu ul li.selected {background:#96ca2f;}

/* Beta note */
#spnBeta {font-size:0.8em; padding:0;margin:0;
	color:#666;background:#fdd9ea;line-height:1em; position:relative; top:-5px;}

/* Warnings & errors*/
#divWarning {background:#fdd9ea;font-size:0.9em;text-align:center; margin-bottom:1em;}
input.error {background:#fdd9ea;}

/* Signup form */
span.number {font-size:2em;float:left;display:block;
	text-align:center;padding-bottom:0.6em;margin-right:0.7em;margin-left:0.4em;
	color:#456FB1;}
#liAlertArea span.number {margin-bottom:2em;}
#ulSignup label {width:250px;}
#ulSignup input.textbox {position:relative; top:0.4em;}
#ulSignup fieldset label {display:inline;float:none;}
#liEmail, #liPostcode, #liAlertArea {background:#ffffaa;}
#liEmail {height:2.3em;margin-bottom:1em;}
#liEmail input.textbox {width:230px;}
#liPostcode {height:2.3em;}
#liPostcode input.textbox {width:80px;}
#liPostcode small {position:relative; top:0.6em;padding-left:0.3em;}
#pAlertArea {margin-bottom:0;}
#ulAlertArea {font-size:0.9em;line-height:1.3em;}
#liSignup {padding-top:1em;line-height:1.3em;}
#liSignup input.button {font-size:1.5em;margin-bottom:0.5em;float:left;
	margin-right:10px;}

/* Attention grabbers */
div.attention {text-align:center; padding-top:1em;}
div.attention h3 {font-size:2em;padding-bottom:0.3em;font-style:normal; color:#456FB1;}

/* Faqs */
dl.faq dt {color:#96ca2f;font-style:italic;}
dl.faq dd {padding-left:0;margin-left:0;}

/* api */
div.apiitem {border:dotted 1px #808080;background:#fafafa;padding:10px;margin-top:1em;}
div.apiitem code {background:white;display:block;padding:10px;border:solid 1px #808080;
word-wrap: break-word}
div.apiitem code em {color:#808080;}
div.apiitem p {font-size:0.8em;margin:0;padding:0;line-height:1.5em;margin-bottom:1em;}
p.apiexamples {position:relative; top:0.7em;}
#hLicenseInfo {background:url(../images/salicense.png) no-repeat right 1em;padding-bottom:4px;
	padding-top:1em;}

/* infobox */
.infobox {background:#fdd9ea; font-size:0.9em;}

/* highlight */
span.highlight {background:#ffffaa;}

/* Index footer */
#divSiteUpdates {border-top:dotted 1px #808080;padding-top:0.5em;}
#divSiteUpdates ul {font-size:0.9em;margin:0;}
#divSiteUpdates em {padding-right:0.5em;color:#456FB1;}

/* Links */
a {color:#22579C;}

/* Footer */
#divFooter {font-size:0.9em;
	padding-top:1.5em;position:relative;}
#divFooter #aOpen {display:block;width:80px;height:15px;background:red url(../images/opendata.png);
	position:absolute; right:140px; top:40px;}
#divFooter #aHosted {display:block;width:130px;height:35px;background:url(../images/hosted.png);
	position:absolute; right:0; top:30px;}
#divFooter ul {border-top:dotted 1px #808080;padding-top:8px;padding-bottom:20px;}

/* Buttons */
input.button {font-family:georgia, serif;}

/* Ad box */
div.ad {border:solid 3px black;}
div.ad h4 {color:black;font-weight:bold;}