@charset "utf-8";
/* CSS Document */

/*  
Theme Name: WeatherFlow Inc.
Theme URI: http://wordpress.org/
Description: WeatherFlow Inc. Template
Version: 1.0
Author: http://pixeltree.us
Author URI: http://www.weatherflow.com
*/

/*		START WF CSS		*/
* { margin: 0;padding: 0;}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
background-color: #fff;
color: #9b9ba0;
}
img {border: 0;}
a {
text-decoration: underline;
color: #666;
background-color: #fff;
}
a:hover {
text-decoration: none;
color: #000000;
background-color: #fff;
}
/* Alt Font Classes */
.orangestrong {
color: #ff5a2e;
font-weight: bold;
background-color: #fff;
}
/* ------------ Layout ------------- */
#bodyImage {
margin:0;
*margin:18px 0 13px 0;  /*--- ie7 ---*/
 _margin:0 0 17px 0;  /*--- ie6 ---*/
padding:0;
}
 #object {
*margin:18px 0 15px 0;  /*--- ie7 ---*/
_margin:0 0 17px 0;/*--- ie6 ---*/
}
#bodyImage h2 {
position:absolute;
top: 148px;
padding: 10px;
font-size: 15px;
text-align:left;
font-weight: normal;
letter-spacing: 2px;
color: #3395F1;
}
#bodyImage p {
position:absolute;
top: 168px;
padding: 10px;
font-size: 10px;
font-weight: normal;
text-align:justify;
color: #333;
width: 290px;
line-height: 14px;
letter-spacing: .1em;
}
#mainContainer {
width: 720px;
margin-right:auto;
margin-left:auto;
}
#wrapper {
width:740px;
margin-right:auto;
margin-left:auto;
text-align: left;
}
/* page highlight */
#home #mainNav .home a,
#services #mainNav .services a,
#clients #mainNav .clients a,
#contact #mainNav .contact a,
#news #mainNav .news a {
color: #ff5a1e;
cursor:default;
background: url(images/nav/tab-change.gif) no-repeat top left;
}
#mesonet #secondaryNav .mesonet a,
#meteorology #secondaryNav .meteorology a,
#modeling #secondaryNav .modeling a,
#applications #secondaryNav .applications a {
color: #ff5a1e;
cursor:default;
background: url(images/nav/tab-change-rt.gif) no-repeat bottom right;
}
/*header and main nav */
#header {
width:740px;
height: 50px;
text-align: left;
position:relative;
}
#logo {
float: left;
width: 172px;
height: 26px;
margin: 15px 0 0 0;
padding: 0;
background-repeat: no-repeat;
}
#logo h1 {
text-indent: 5px;
padding: 5px 0 0 0;
white-space: nowrap;
width: auto;
height: 20px;
font-weight: normal;
font-size: 11px;
float: left;
color: #052e55;
}
/* header feature button */
.feature_btn {
list-style:none;
text-indent:-99999px;
position:absolute;
top:2px;
margin:0 0 0 550px;
*margin:0 0 0 382px;
}
.feature_btn li a{
list-style:none;
width:184px;
height:16px;
background: url(2009/images/datascope_btn.png) top left no-repeat;
display:block;
}
.feature_btn li a:hover { background-position: bottom left;}
/* header search form */
#searchform div{
position:absolute;
padding:0;
margin:0;
top:0;
left:566px;
height:24px;
width:173px;
}
#searchform div img {
margin:-5px 0 0 10px;
float:right;
padding:0;
}
#s {
position:absolute;
font-size:10px;
width:145px;
margin:3px 0 0 0;
padding:0;
}
#searchsubmit{display: none;}
/*main nav*/
#mainNav{
z-index:20000;
float: right;
margin: 50px 0 0 150px;
padding: 0;
}
#mainNav ul {list-style-type: none;}
#mainNav ul li {
float: left;
padding: 0px 0 4px 3px;
}
#mainNav ul li a {
display: block;
padding: 3px 15px 0 18px;
background: url(images/nav/tab-left.gif) no-repeat top left;
float: left;
text-decoration: none;    
}
#mainNav ul li a:hover {
text-decoration: none;
background: url(images/nav/tab-change.gif) no-repeat top left;
background-color: #fff;
color: #ff5a1e;
}
#mainNav ul li a.first {
background-color: #fff;
color: #ff5a1e;
background: url(images/nav/tab-left.gif) no-repeat top left;
}
/* secondary nav */
#secondaryNav .feature_button {
float:left;
list-style:none;
}
#secondaryNav .feature_button li{
float:left;
list-style:none;
background: url( ) no-repeat top left;
}
#secondaryNav {
float: right;
margin: 0;
_margin: 10px 0 0 0;/* ie6 */
*margin: -18px 0;/* ie7 */
padding:0;
width:740px;
}
#secondaryNav ul {list-style-type: none;}
#secondaryNav ul li {
float: right;
padding: 5px 0 0 3px;
}
#secondaryNav ul li a {
display: block;
padding: 0px 20px 3px 23px;
background: url(2009/images/tab-right.gif) no-repeat bottom left;
float: left;
text-decoration: none;    
}
#secondaryNav ul li a:hover {
text-decoration: none;
background: url(2009/images/tab-change-right.png) no-repeat bottom left;
background-color: #fff;
color: #ff5a1e;
}
/* thirdNav */
#thirdNav {
float:left;
padding:0;
margin:0;
}
#thirdNav h1 {
padding: 26px 0 10px 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3395F1;
}
#thirdNav ul {list-style-type: none;}
#thirdNav ul li {padding: 10px 3px 2px 0; }
#thirdNav ul li a {   
display: block;
padding: 2px 23px 3px 10px;
background: url(images/nav/button-right.gif) no-repeat top right;
text-decoration: none;    
}
#thirdNav ul li a:hover {
 display: block;
text-decoration: none;
background: url(images/nav/button-change.gif) no-repeat top right;
color: #3395F1;
}
/* thirdNav dropDowns*/
ul #dropDown {list-style-type: none;}
ul #dropDown li {padding: 10px 3px 2px 0; }
ul #dropDown li a {
width:auto !important;
width: 15%; /* IE.5.x/Win */
display: block;
padding: 2px 23px 3px 20px;
background: url(images/nav/button-change.gif) no-repeat top right;
 text-decoration: none;    
}
ul #dropDown li a:hover {
display: block;
text-decoration: none;
background: url(images/nav/button-right.gif) no-repeat top right;
color: #3395F1;
}
/* Homepage Content Left */
#homeleft {
float: left;
padding:0;
width: 200px;
}
#homeleft h1 {
padding: 10px 0 10px 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3395F1;
background-color: #fff;
}
#homeleft h1 a {
text-decoration: none;
color: #3395F1;
}
#homeleft a:hover {
text-decoration: none;
color: #ff5a2e;  
}
#homeleft h2 {
padding: 0 0 2px 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #3395F1;
background-color: #fff;
 text-indent: 10px;
}
#homeleft p1 {
display:block;
width: 145px;
text-align:left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 0 10px 18px 11px;
line-height: 13px;
background-color: #fff;
text-align:left;
}
#homeleft p1 a {
color: #666;
text-decoration:underline;
background-color: #fff;
}
#homeleft p {
text-align:left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 0 10px 18px 11px;
line-height: 20px;
background-color: #fff;
text-align:left;
}
#homeleft p a {
color: #666;
text-decoration:underline;
background-color: #fff;
}
#homeleft p a:hover {
color: #ff5a2e;
text-decoration:underline;
background-color: #fff;
}
.bluehighlight {color: #3395F1;}
/* main Content */


#page {
background: url(images/nav/dot_blue.gif) 202px 50px repeat-y;
width:740px;
margin: 35px 0 0 0;
}
#mainContent {
float: right;
padding: 5px 0 0 0;
}

.widecolumn {
width: 100%;
background: #fff;
}
.narrowcolumn {width: 510px;}
#mainContent h1 {
padding: 20px 0 0 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3395F1; 
}
#mainContent p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 5px 0px 10px 11px;
line-height: 19px;
text-align:justify;
}
#mainContent p a {color: #666;}
#newsContent {
float: right;
width: 740px;
padding: 5px 0 0 0;
}
#newsContent h1 {
padding: 20px 0 0 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3395F1;  
}
#newsContent p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 5px 0px 18px 11px;
line-height: 19px;
text-align:justify;
}
#newsContent p a {color: #666;}	
body.singleColumn #page { /*removes vertical dot_blue.gif*/background: none;}

/*--------- Footer --------*/
#footer {
clear: both;
width: 740px;
padding: 22px 0 0 0;
background: url(images/nav/dot_blue.gif) 0px 10px repeat-x;
}
#footer p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999;
background-color: #fff;
}
#footer ul {
list-style-type: none;
padding: 5px 0 0 0;
}
#footer ul li {
display: inline;
color: #666;
background-color: #fff;
}
#footer a {
text-decoration: none;
color: #999;
background-color: #fff;  
}
#footer a:hover {
text-decoration: underline;
color: #ff5a2e;
background-color: #fff;  
}
#footer ul li a.first:hover  {
text-decoration: none;
color: #0057a2;
background-color: #fff;
padding: 0 2px 0 0;
}
#footer ul li a:hover {
text-decoration: none;
color: #0057a2;
background-color: #fff;
}
.clear {clear: both;} 
 /*--- fieldset styling- */ 
#mainContent fieldset p {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 5px 0px 2px 11px;
}
fieldset {
width: 480px;
margin: 6px 0 0 0;
padding: 10px 0 20px 0;
border : 1px solid #ccc;
background-color:#fff;
*border : none;   /* ie7 */
_border : 1px solid #ccc; /*ie6*/
}

/* legend styling */
legend {
font-weight: normal;
color:#ff5a2e;
padding: 4px 0 4px 0;
margin: 0 0 0 5px;
}
fieldset p {width: 100%;}
#contact-me label {width: 20px;}
input {width: 220px;}
input #text{width: 220px;}
input #value { width: 30px;}  
input.zip {width: 20px;}
input[type="text"], textarea {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
input.radio, input.checkbox, input.submit {width: auto;}
#clear {clear:right;}

/*END WF CSS*/

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}
/* Begin Comments*/
.alt {margin: 0;padding: 10px}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* End Comments */	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}		
.navon{
background:transparent url(images/nav/tab-change-rt.gif) no-repeat scroll right bottom;
color:#FF5A1E;
cursor:default;
}	
#thirdNav ul .current_page_item a{
color:#FF5A1E;
background: url(images/nav/button-change.gif) no-repeat top right;
}
.entry ul{margin-left: 50px;}
.entry ul li{
padding:2px 0px 2px 0px;
color:#666666;
}
.linklove {display: none;}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}	
.alignright {float: right;}
.alignleft {float: left}	
.wf-post-image{	
border:1px solid #CACACA;
margin: 10px;
padding:5px;
}	
#homeleft img {
width: 155px;
height: 70px;
padding: 5px 5px 5px 5px;
margin: 0 0 10px 0;
border: solid 1px #CACACA;
}   
#homeleft a:hover img {
width: 155px;
height: 70px;
padding: 5px 5px 5px 5px;
margin: 0 0 10px 0;
border: solid 1px #3395F1;
}
.post {clear: both;}
.error {
padding: 5px;
border: 1px solif #c00;
color: #c00;
font-weight: bold;
clear: both;
}