/* stephenbair.com styles */
body{margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

#logo_sm{height:43px; width:52px; background:url(../images/logo_sm.png) no-repeat; margin:5px;}
#logo_med{height:129px; width:156px; background:url(../images/logo_med.png) no-repeat; margin:5px;}
#logo_lg{height:378px; width:468px; background:url(../images/logo_lg.png) no-repeat; margin:5px;}

#wrapper{position:relative; width:900px; margin-right:auto; margin-left:auto; padding-top:10px;}

#wrapper #navigation{width:900px; float:left; height:70px; position:relative;}
#wrapper #navigation ul.primary{position:absolute; top:30px; left:80px; list-style:none; width:400px; margin:0px; padding:0px;}
#wrapper #navigation ul.primary li{height:16px; float:left; font-size:10px; margin-right:8px; padding:0px 9px 0px 0px;}
#wrapper #navigation ul.primary li a{height:16px; padding:0px 5px 0px 5px; text-decoration:none; color:#36f;}
#wrapper #navigation ul.primary li a:hover{color:#999;}
#wrapper #navigation ul.primary li a.selected{color:#465780;}

#wrapper #fontsize{position:absolute; right:142px; top:28px;}
#wrapper a.fontSmall{font-size:10px;}
#wrapper a.fontMedium{font-size:12px;}
#wrapper a.fontLarge{font-size:14px;}
#wrapper #timedate{position:absolute; right:10px; top:30px;}

#wrapper #leftNav{float:left; width:155px; padding:2px 8px 2px 0px; margin:10px 0px 10px 0px;}
#wrapper #menu{height:400px;}
#wrapper #menu ul.links{margin:0px 0px 8px 20px; padding:0px; list-style:none;}
#wrapper #menu ul.links li{margin-bottom:3px; font-size:10px;}
#wrapper #menu ul.links li a{color:#36f; text-decoration:none;}
#wrapper #menu ul.links li a:hover{color:#999;}
#wrapper #menu ul.links li a.selected{color:#999; font-weight:bold;}
#wrapper #column1{float:left; width:192px; padding:2px; margin:10px 0px 10px 22px;}
#wrapper #column2{float:left; width:280px; padding:2px; margin:10px 0px 10px 35px;}
#wrapper #footer{clear:both; width:900px; height:15px; border-top:1px #ccc solid; text-align:center; padding-top:3px; color:#999;}

/* text formatting */
p, input{font-size:11px; letter-spacing:.04em; margin:0px; padding:0px;}
p{margin-bottom:10px;}
h1{color:#323266; font-size: 14px;}
h2{color:#999; font-size: 12px; }
h1,h2{margin:0px 0px 5px 0px; padding:0px; text-transform:lowercase;}
input{}
a:link, a:visited, a:active{color:#36f; text-decoration:none;}
a:hover{color:#999;}
img{border:0px;}

/* ==== home ==== */
#wrapper .home #column1{width:382px;}
#wrapper .home #leftNav {width:160px;}
.newsRelease{font-weight:bold;}
.newsRelease p{font-weight:normal; padding-top:4px;}
.newsRelease img{float:left; margin:4px 8px 3px 0px; border:2px #ccc solid;}
#newsSpacer{border-top:1px #ccc dashed;height:1px; padding-top:8px; clear:both;}

/* ==== news ==== */
#wrapper .news #column1{width:370px;}

/* ==== portfolio ==== */
#wrapper .portfolio #column1{width:260px;}

/* ==== contact ==== */
#wrapper #leftNav #menu p{margin-bottom:0px;}
a.boxIt{float:left; width:155px; border-top:1px #999 solid; padding:3px 0px; color:#999;}
a.boxIt:hover{background:#F7F7F7; color:#36f;}