/* HOME CSS */
#intro {position: relative; margin-bottom: 10px; padding: 20px; background: #666 url(/public/img/intro_back.gif) repeat-x bottom; border: solid 1px #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden;}
#intro h2 {color: #fff; font-size: 30px; letter-spacing: -1px; }

#intro.loggedin h2 {background: url(/public/img/titles/title_sprite.png) 0 -48px no-repeat; text-indent: -9999px; height: 42px;}
#intro.loggedout h2 {background: url(/public/img/titles/title_sprite.png) 0 -0px no-repeat; text-indent: -9999px; height: 34px;}

#intro .intro_img {background: url(/public/img/intro_image.gif) no-repeat; height: 82px; width: 640px; margin: 20px 0 20px -20px;}
#intro p {color: #fff; font-size: 14px; line-height: 20px;}
#intro ul li {display: inline; margin-right: 10px; height: 100px;}
#intro ul li h3 {color: #fff; line-height: 32px; font-size: 17px; letter-spacing: -1px; float: left; margin-right: 20px;}

#intro h4 {color: #fff; float: right; font-size: 18px; margin-top: 10px;}



#home_faces li {float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
#home_faces li.no_mar {margin: 0;}
#home_faces li .rank {position: absolute; top: 4px; left: 4px; background: url(/public/img/rank-small.gif) repeat scroll 0 0; border-color:#A09A9A #A09A9A #A09A9A -moz-use-text-color; border-style:solid solid solid none; border-width:1px 1px 1px medium; color:#FFFFFF; font-size:20px; font-weight:bold; height:38px; line-height:38px;text-align:center;width:38px; filter: alpha(opacity=75); opacity: .75}

#categories h2 {text-transform: uppercase; height: 50px; padding: 0 10px; font-size: 24px; letter-spacing: -1px; background: url(/public/img/cat_title_back.gif) repeat-x; line-height: 50px; color: #fff}
#categories h2 .view_list {position: absolute; right: 9px; top: 9px}
#categories ul {border-top: solid 1px #a09a9a}
#categories ul li {float: left; margin: 0; padding: 0; height: 36px;}
#categories ul li img {padding: 0; margin: 0;}

#news {margin-top: 20px}
#news li {overflow: hidden; margin-bottom: 30px;}
#news .news_date {float: left;  width: 48px; height: 52px; padding-top: 5px; background: url(/public/img/design/news_date.jpg) no-repeat; text-align:center; font-weight: bold}
#news .news_date .day {font-size: 30px; letter-spacing: -1px;}
#news .news_date .month {margin-top: -5px;font-size: 18px; color: #5d5d5d; display: block}
#news li h2 a {font-size: 14px; font-weight: bold}
#news li h2, #news li .news_content {margin-left: 58px;}