@media screen {
    body {
    	background-color: #114;
    	color: #cacada;
    	width: 725px;
    	margin: 0 auto;
    }
    #camimg { border: 2px solid #003; }
    #copy, #copy :link, #copy :visited { color: #558; }
    :link		{ color: #aaf; }
    :visited	{ color: #cad; }
    .ajaxhighlight		{ color: #ffe6bf; }
    h1,h2 { color: #ddddda; }
}

body {
    font-family: "Trebuchet MS", sans-serif;
}

/* ROUGH LAYOUT */
.hide { display: none; }

#pagehead {
    position: relative;
    height: 140px;
}

.left  { width: 245px; }
.right, #time { width: 390px; }

.col.left  { float: left; }
.col.right { float: right; }


/* PAGE HEADER AND CURRENT CONDITIONS */
.headleft  {
    left: 0;
    padding-right: 5px;
}

.headright {
    right: 0;
    padding-left: 5px;
}

body .headcenter {
    width: 100px;
    height: 100px;
    top: 30px;
    left: 240px;
    border: none;
    background: url("/images/circle.png")
    			no-repeat center center;
    
}

#subtitle1, #subtitle2 { display: block; text-align: center; }
#subtitle1 { font-size: 18px; padding: 12px 0; }
#subtitle2 { font-size: 12px; font-style: italic; }

#wndcell {
    /* pull the wind cell out of the table and put it in the circle */
    display: block;
    position: absolute;
    top: -3px; left: -80px;
    width: 80px; height: 80px;
}

#wndcur { display: block; }
#wndcell .unit { font-size: 12px; display: none;}

#wnddir {
    display: block;
    font-size: 20px;
    position: absolute;
    left: 0; bottom: 4px;
    width: 80px;
}

.headleft, .headright {
    	border-width: 2px 0;
    border-style: solid;
}
.head {

    position: absolute;
    height: 67px;
    top: 45px;
}

h1, #time {
    position: absolute;
    top: 0;
}

h1 {
    height: 28px;
    margin: 0; padding: 17px 0 0 0;
    font-family: "Arial Rounded MT Bold", "Arial Black", sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
}

#time {
    font-size: 15px;
    font-style: italic;
    right: 0; top: 29px;
    text-align: right;
}

table { width: 100%; height: 100%;}

.head td,#wndcell {
    text-align: center;
    font-size: 30px;
}

.head .label {
    text-transform: lowercase;
    font-size: 13px;
}
.unit { font-size: 65%; }
.unit.deg { vertical-align: top; }

/* we have a canvas! And it even works! */
body.with_canvas #wnddir { display: none; }
body.with_canvas .headcenter { background: none; }
body.with_canvas #wndcell { top: 6px; height: 50px; }


/* FORECASTS */
ol#forecast {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

ol#forecast ul {
    list-style: none;
    padding: 0; margin: 0;
}


#forecast h3 {
    text-align: center;
    border-bottom: 1px solid;
    margin: 5px 0 3px 0;
}

ol#forecast .night, ol#forecast .day {
    clear: both;
}

#forecast .icon {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

#forecast .temp {
    float: right;
    font-size: 25px;
    margin-left: 5px;
}

#forecast .accum {
	font-size: 22px;
}

.longfcast { display: none; }
cite { display: block; clear: both; }

/* WATCHES & WARNINGS */
#warnlist, #warnhead { display: none; } /* will be shown by javascript when needed */

/* MISC STUFF */
h2 {
    text-align: center;
    margin: 0; padding: 0;
    margin-top: .8em;
}
.cntr { text-align: center; }
#copy { clear: both; padding-top: 3em; text-align: center;}

ul { margin: 0; padding-left: 1.3em; }

#sunchart { margin: 0 -8px; }

col.time { width: 5em; }

.btn { font-size: 80%; }