/* ----- universal settings -----*/
body {background-image: url("bg_bot.jpg"); background-position: center; background-repeat: repeat-y; background-color: #295b99; font-family: verdana, san-serif; padding: 0px; margin: 0px;}
.border {background-color:#fff; border:1px dotted #000; padding:4px;}


/* ----- typography/alignment ----- */
.content {font-size: 8pt;}
.subpage {font-size: 8pt;}
.subcontent {font-size: 8pt; padding: 0px 13px 0px 13px;}
.footer {font-size: 8pt; text-align: center; color: #444;}
.copyright {font-size: 8pt; text-align: center; color: #444;}
.atext {font-size: 8pt; padding: 0px 10px 0px 6px !important; text-align: left;}
.btext {font-size: 8pt; padding: 0px 10px 0px 10px !important; text-align: left;}
.ctext {font-size: 8pt; padding: 0px 5px 0px 7px !important; text-align: left;}
.newsletter {font-size: 8pt; padding: 0px 17px 0px 17px !important; text-align: left;}
.weather {}
.summary_timestamp {padding-bottom:10px; font-style:italic;}
.title {font-size: 9pt; font-weight: bold;}
h2 {position: absolute; left: -9000px;}

#photo {padding: 00px 10px 0px 10px !important; margin: 0px !important; font-size: 8pt; text-align: center;}
#photo p {padding: 0px !important; margin: 0px !important;}



/* ----- unordered lists ----- */
.beg ul {font-size: 8pt; list-style-image: url(green.gif);}
.int ul {font-size: 8pt; list-style-image: url(blue.gif);}
.adv ul {font-size: 8pt; list-style-image: url(black.gif);}
.exp ul {font-size: 8pt; list-style-image: url(black2.gif);}
.subcontent ul {margin: 0px 0px 0px 15px !important; padding: 0px !important;}


/* ----- other ----- */
.image {border: 3px #457cbf solid;}


/* ----- links ----- */

.atext a:link {text-decoration: none; color: #008000; font-style:italic;}
.atext a:visited {text-decoration: none; color: #008000; font-style:italic;}
.atext a:hover {text-decoration: underline; color: #7bc143; font-style:italic;}
.atext a:active {text-decoration: none; color: #008000; font-style:italic;}

#photo a:link {text-decoration: none; color: #008000; font-style:italic;}
#photo a:visited {text-decoration: none; color: #008000; font-style:italic;}
#photo a:hover {text-decoration: underline; color: #7bc143; font-style:italic;}
#photo a:active {text-decoration: none; color: #008000; font-style:italic;}

.btext a:link {text-decoration: none; color: #008000; font-style:italic;}
.btext a:visited {text-decoration: none; color: #008000; font-style:italic;}
.btext a:hover {text-decoration: underline; color: #7bc143; font-style:italic;}
.btext a:active {text-decoration: none; color: #008000; font-style:italic;}

.ctext a:link {text-decoration: none; color: #008000; font-style:italic;}
.ctext a:visited {text-decoration: none; color: #008000; font-style:italic;}
.ctext a:hover {text-decoration: underline; color: #7bc143; font-style:italic;}
.ctext a:active {text-decoration: none; color: #008000; font-style:italic;}

.content a:link {text-decoration: none; color: #008000; font-style:italic;}
.content a:visited {text-decoration: none; color: #008000; font-style:italic;}
.content a:hover {text-decoration: underline; color: #7bc143; font-style:italic;}
.content a:active {text-decoration: none; color: #008000; font-style:italic;}

.subcontent a:link {text-decoration: none; color: #008000; font-style:italic;}
.subcontent a:visited {text-decoration: none; color: #008000; font-style:italic;}
.subcontent a:hover {text-decoration: underline; color: #7bc143; font-style:italic;}
.subcontent a:active {
	text-decoration: none;
	color: #008000;
	font-style:italic;
	text-align: center;
}

.footer a:link {text-decoration: none; color: #444;}
.footer a:visited {text-decoration: none; color: #444;}
.footer a:hover {text-decoration: underline; color: #444;}
.footer a:active {text-decoration: none; color: #444;}

.copyright a:link {text-decoration: none; color: #444;}
.copyright a:visited {text-decoration: none; color: #444;}
.copyright a:hover {text-decoration: underline; color: #444;}
.copyright a:active {text-decoration: none; color: #444;}


/* ----- backgrounds ----- */
.top {background-image: url("bg_top.jpg"); background-position: top center; background-repeat: repeat-y;}
.bottom {background-image: url("footer_bg.jpg"); background-position: top center; background-repeat: repeat-y;}
.foot {background-image: url("bg_bot.jpg"); background-position: top center; background-repeat: repeat-y;}
.a {background-image: url("left.jpg"); background-repeat: no-repeat;}
.b {background-image: url("mid.jpg"); background-repeat: no-repeat;}
.c {background-image: url("right.jpg"); background-repeat: no-repeat;}
.subpage {background-image: url("sub.jpg"); background-repeat: no-repeat;}
.subcontent {background-image: url("sub_bg.jpg"); background-repeat: no-repeat;}

#forecast-conditions {margin:0 auto;}
	#forecast-conditions h2 {margin:10px 0 5px 0;}
	
#fiveday-forecast-table {margin-bottom:20px; width:100%;}
	#fiveday-forecast-table tr.top td {border-top:1px dotted #4E721C;}
	#fiveday-forecast-table td {border-left:1px dotted #4E721C; border-bottom:1px dotted #4E721C; font-size:12px; padding:5px; text-align:center; width:20%;}
		#fiveday-forecast-table img {margin:5px 0;}
		#fiveday-forecast-table td.last {border-right:1px dotted #4E721C;}
	#fiveday-forecast-table span {display:block;}
		#fiveday-forecast-table td p {margin:0;}
		#fiveday-forecast-table td p span.temp {display:inline; font-size:18px; font-weight:bold;}

#current-table {width:280px;}
#current-table td {padding:2px 10px;}
	#current-table tr.current td {font-size:16px;}
	#current-table div.dotted-line {border-top:1px dotted #4E721C; height:1px; margin:5px 0 4px 0; width:100%;}

img.center {display:block; margin:5px auto;}
img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
img.align-l {display:inline; float:left; margin:0 10px 10px 0;}

		.clearfix:after {
			clear:both;
			content:".";
			display:block;
			height:0;
			visibility:hidden;
			font-size:0;
		}