@font-face {
 font-family: FourThousandTallCompressed;
 src: url("fonts/4000tallcompressed.eot") /* EOT file for IE */
}
@font-face {
 font-family: FourThousandTallCompressed;
 src: url("fonts/4000tallcompressed.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: FourThousandTall;
 src: url("fonts/4000tall.eot") /* EOT file for IE */
}
@font-face {
 font-family: FourThousandTall;
 src: url("fonts/4000tall.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: FourThousand;
 src: url("fonts/4000monospaced.eot") /* EOT file for IE */
}
@font-face {
 font-family: FourThousand;
 src: url("fonts/4000monospaced.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: FourThousandClock;
 src: url("fonts/4000com2.eot") /* EOT file for IE */
}
@font-face {
 font-family: FourThousandClock;
 src: url("fonts/4000com2.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: FourThousandSpecial;
 src: url("fonts/4000special.eot") /* EOT file for IE */
}
@font-face {
 font-family: FourThousandSpecial;
 src: url("fonts/4000special.ttf") /* TTF file for CSS3 browsers */
}


body {
	background-color:#1c0a57;
	margin:0px;
	-webkit-text-size-adjust:none;
}

#titlespan {
	font-size:32px;
}

#nwstitle {
	vertical-align:middle;
	margin-top:22px;
}

#almanactitle {
	vertical-align:middle;
	margin-top:32px;
}

#noaalogo img {
	vertical-align:middle;
}

#nwsdays {
	position:absolute;
	height:275px;
	width:800px;
	overflow:hidden;
	font-size:34px;
	margin-left:70px;
	margin-top:108px;
}

#nwsticker {
	text-transform:uppercase;
	color:white;
	left:-40px;
	top:-40px;
	position:relative;
	height:286px;
	width:800px;
	overflow:hidden;
}

#nwsticker li {
	min-height:286px;
	width:800px;
	line-height:40px;
	margin-top:2px;
	font-size:31px;
	overflow:hidden;
}

#nwsheader, #almanacheader {
	top:12px;
}

#q {
	font-size:18px;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	background-color:white;
	width:200px;
	color:black;
	border: 0px;
}

#changezip {
	position:absolute;
	float:right;
	right:0px;
}

#btnZip {
	background-color:#474948;
	font-size:14px;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	color:white;
	border: 0px;
}

#btnSubmit {
	height:20px;
	background-color:#474948;
	font-size:18px;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	color:white;
	border: 0px;
	text-shadow: 2px 2px black;
}

#enterzip {
	position:relative;
	background-color:#474948;
	font-size:18px;
	text-shadow: 2px 2px black;
	text-align:center;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	color:white;
	width:945px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
}

#radar {
	background-image:url('images/4000radar.png');
	background-position:center;
	width:945px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
}

#radarimage {
	position:relative;
	width:945px;
	height:367px;
	top:113px;
}

.whiterow {
	color:white;
}

#moondata {
	color:yellow;
	text-align:left;
}

.aligncenter {
	text-align:center;
}

.alignright {
	text-align:right;
}

#almanacdaytable {
	position:relative;
	top:87px;
	height:310px;
}

#almanacdaytabletable, #moondaytable {
	width:640px;
}

#almanacdaytabletable {
	position:relative;
	left:8px;
}

#moondaytable {
	color:white;
	margin-left:161px;
	line-height:32px;
}

#moondaytable td {
	width:25%;
}

.First {
	height:98px;
	background-image:url('images/fcicons/moon-first.png');
	background-position:center;
	background-repeat:no-repeat;
}

.Full {
	height:98px;
	background-image:url('images/fcicons/moon-full.png');
	background-position:center;
	background-repeat:no-repeat;
}

.Last {
	height:98px;
	background-image:url('images/fcicons/moon-last.png');
	background-position:center;
	background-repeat:no-repeat;
}

.New {
	height:98px;
	background-image:url('images/fcicons/moon-new.png');
	background-position:center;
	background-repeat:no-repeat;
}

#almanacdaytabletable tr {
	line-height:28px;
}

#fiveday {
	background-image:url('images/40005day.png');
}

#almanac {
	background-image:url('images/4000almanac.png');
}

#alert {
	background-image:url('images/4000warn.png');
}

#currentconditions, #nwsforecast {
	background-image:url('images/4000blue.png');
}

#cccondition, #cccondition2 {
	color:white;
	position:relative;
	height:300px;
	font-size:32px !important;
}

#ccwindlabel {
	position:absolute;
	text-align:left;
	left:0px;
	bottom:62px;
	letter-spacing:4px;
}

#ccwindgustlabel {
	position:absolute;
	text-align:left;
	left:0px;
	bottom:23px;
	letter-spacing:4px;
}

#ccwind {
	position:absolute;
	bottom:62px;
	text-align:right;
	right:20px;
	letter-spacing:4px;
}

#ccwindgust {
	position:absolute;
	bottom:23px;
	left:200px;
	letter-spacing:4px;
}

#cccondition {
	width:280px;
	top:112px;
	line-height:40px;
	left:-30px;
	text-align:center;
	float:left;
	font-family:FourThousandSpecial, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	font-size:32px;
}

#cccondition2 {
	width:280px;
	top:96px;
	line-height:42px;
	left:-110px;
	text-align:left;
	float:right;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	font-size:32px;
}

#cccityname {
	margin-left:-30px;
	color:yellow;
}

#cchumidity, #ccdewpoint, #ccvisibility, #ccpressure, #ccheatwind {
	float:right;
	margin-right:5px;
	font-size:32px;
}

#cctemp {
	font-family:FourThousandTall, Arial, Helvetica, sans-serif;
	font-size:50px;
	letter-spacing:-1px;
}

#fiveday, #currentconditions, #nwsforecast, #almanac, #alert {
	background-position:center;
	width:945px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
	color:yellow;
	font-weight:normal;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	font-size:30px;
	text-shadow: 3px 3px black;
}

#fivedayheader {
	position: relative;
	left:30px;
}

#ccheader, #nwsheader, #almanacheader {
	position:relative;
	float:left;
	left:30px;
	line-height:28px;
}

#ccheader {
	top:-2px;
}

#clockdiv, #clockdiv2, #clockdiv3, #clockdiv4 {
	right:49px;
	top:16px;
	width:200px;
	position: relative;
}

#day0, #day1, #day2, #day3, #day4 {
	position:relative;
	float:left;
	width:155px;
	top:82px;
	text-align:center;
	height:359px;
}

#fiveday img {
	max-width:140px;
	max-height:90px;
	min-width:80px;
	min-height:60px;
}

#ccicon img {
	min-width:140px;
	min-height:90px;
	max-width:200px;
	max-height:160px;
	margin-top:-10px;
}

#datetext, #datetext2, #datetext3, #datetext4 {
	width:945px;
	font-family:FourThousandClock, Arial, Helvetica, sans-serif;
	position:absolute;
	text-align:right;
	color:white;
	text-shadow: 2px 2px black;
	line-height:20px;
}

#alertdate, #alerttime {
	font-family:FourThousandClock, Arial, Helvetica, sans-serif;
	color:white;
	text-shadow: 2px 2px black;
	line-height:20px;
	width:945px;
}

#alertdate {
	position:relative;
	left:40px;
	text-align:left;
}

#alerttime {
	position:relative;
	left:580px;
	text-align:right;
}

#alertclock {
	position:relative;
	top:-10px;
}

#alerttext {
	position:relative;
	height:399px;
	color:white;
	text-transform:uppercase;
	margin-left:40px;
	margin-right:40px;
}

#extendedloc {
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	color:white;
	top:-11px;
	position: absolute;
	font-size:32px;
	letter-spacing:-2px;
}

#extendedtitle {
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	top:17px;
	position:absolute;
	font-size:32px;
	letter-spacing:-2px;
}

#tickerdiv, #tickerdiv2, #tickerdiv3, #tickerdiv4, #tickerdiv5 {
	font-size:32px;
	color:white;
	clear:both;
	height:80px;
	overflow:hidden;
	position:relative;
}

#tickerdiv {
	top:10px;
}

#tickerdiv2 {
	top:69px;
}

#tickerdiv3 {
	top:269px;
}

#tickerdiv4 {
	top:59px;
}

#tickerdiv5 {
	top:-52px;
}

.ticker {
	list-style: none;
}

#day0 {
	left:30px;
}

#day1 {
	left:57px;
}

#day2 {
	left:84px;
}

#day3 {
	left:111px;
}

#day4 {
	left:138px;
}

#day0name, #day1name, #day2name, #day3name, #day4name {
	position:relative;
	top:-9px;
}

#day0condition, #day1condition, #day2condition, #day3condition, #day4condition {
	width:100%;
	position:absolute;
	bottom: 0px;
	color:white;
	font-size:28px;
	font-weight:lighter;
	top:126px;
}

#day0icon, #day1icon, #day2icon, #day3icon, #day4icon {
	width:100%;
	position:absolute;
	bottom: 0px;
	color:white;
	font-size:30px;
	font-weight:lighter;
	top:35px;
	left:2px;
}

#day0hi, #day1hi, #day2hi, #day3hi, #day4hi {
	font-family:FourThousandTall, Arial, Helvetica, sans-serif;
	position:absolute;
	bottom: 11px;
	color:white;
	font-size:36px;
	font-weight:normal;
	right:22px;
	width:62px;
	text-align:right;
}

#day0lo, #day1lo, #day2lo, #day3lo, #day4lo {
	font-family:FourThousandTall, Arial, Helvetica, sans-serif;
	position:absolute;
	bottom: 11px;
	color:white;
	font-size:36px;
	width:62px;
	text-align:right;
	font-weight:normal;
	left:-2px;
}

#credits, #credits > a {
	text-align:center;
	font-family:FourThousand, Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
}