/* HEADER / NAV / LOGIN */

#header { float:left; position:relative; width:950px; background:url(../images/global/heartsnbones.gif) no-repeat; }
#header .topbar { float:left; position:relative; width:950px; margin:0; border-bottom:1px solid #404040; }
#header .logo { float:left; width:530px; background:url(../images/global/perenoworld.gif) no-repeat top left; }
#header .logo a { display:block; width:530px; height:110px; font-size:0.8em; color:#AAA; text-decoration:none; line-height:3em; }
#header .logo a:hover { display:block; color:#FFF; text-decoration:none; }

#header .cityname { float:left; padding-top:19px; }

#header .loginwrapper { float:right; position:relative; width:300px; }
#header .loginlink { float:left; text-align:right; width:100%; font-size:0.8em; color:#AAA; line-height:3em; }
#header #loginform { position:absolute; top:0;right:0; z-index:100; height:110px; width:300px; /*background:#202020;*/ color:#AAA; }
#header #loginform .user_login { margin-top:6px; font-size:0.75em; line-height:1.5em; }
#header #loginform label { width:45px; font-size:1em; line-height:2em; margin:0; }
#header #loginform .textinput { float:left; width:100px; font-size:1em; border:none; margin:0; padding:1px;}
#header #loginform .formlinks { font-size:0.8em; }
#header .loginbtn { float:left; font:normal 1.1em 'Trebuchet MS', Helvetica, sans-serif; color:#FFF; height:22px; margin:1px 0; padding:0 2px; background:#C00; border:0 none; cursor:pointer; }

#header .navbar { float:left; position:relative; width:950px; height:180px; padding-top:9px; }
#header .navlistwrapper { list-style-type:none; margin:0; padding:0; font-size:0.8em; line-height:1.8em; letter-spacing:-.01em; }
#header .navlistcol { list-style-type:none; float:left; margin:0 26px 0 0; color:#AAA; }
#header .navlist { list-style-type:none; margin:0px; padding:0px; }

#header .navlistcol a { color:#DDD; text-decoration:none; }
#header .navlistcol a:hover { color:#FFF; text-decoration:none; }
#header .navlist a { color:#AAA; text-decoration:none; }
#header .navlist a:hover { color:#FFF; text-decoration:none; }

#header #weatherbox { position:absolute; top:55px;right:20px; z-index:200; width:280px; background:#000; color:#AAA; }

#header .infobox { float:right; position:relative; width:300px; }
#header .datebox { float:left; width:250px; margin:0; padding:0; color:#888; font-size:0.8em; line-height:1.8em; letter-spacing:-.01em; }
#header .timebox { float:right; width:50px; margin:0; }
#header .socialbox { float:left; width:300px; margin:20px 0 0 0; }

#header .socialicons { float:left; width:300px; list-style:none; margin:20px 0 0 0; padding:0; }
#header .socialicons li { float:left; list-style:none; height:25px; margin-right:3px; }
#header .socialicons li img { height:24px; width:24px; }
#header .socialicons li a { float:left; display:block; text-decoration:none; }

/* COLLAR / SEARCH / BREADCRUMBS / BANNER */
#collar { float:left; position:relative; width:950px; margin:10px 0; }
#collar .searchwrapper { float:left; width:475px; margin:0; }
#collar .searchbox { float:left; border:1px solid #E0E0E0; margin:0; }
#collar .searchinput { float:left; font-size:1em; width:268px; height:22px; margin:0; padding:6px 2px 0 2px; border:0 none; xbackground:#EEE;}
#collar .searchbtn { float:left; width:30px; height:30px; margin:0; }

#collar .breadcrumbs { float:left; width:470px; list-style:none; margin:14px 0 0 0; padding:0; font-size:0.8em; color:#666; }
#collar .breadcrumbs li { float:left; list-style:none; margin-right:6px; }
#collar .breadcrumbs li a { float:left; color:#AAA; display:block; text-decoration:none; }
#collar .breadcrumbs li a:hover { color:#666; text-decoration:none; }