法宝网首页大焦点图代码轮播滚动切换特效

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是法宝网首页大焦点图代码轮播滚动切换特效的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="JS代码,{keyword},JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为{title}，属于站长常用代码" />
<title>abc</title>
<LINK href="css/style.css" type=text/css rel=stylesheet tppabs="src/css/style.css">
<LINK href="css/home_css.css" type=text/css rel=stylesheet tppabs="src/css/home_css.css">
<SCRIPT src="js/jquery-1.2.6.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/jquery.flow.1.2.js" type=text/javascript></SCRIPT>
<SCRIPT language=javascript>
var Then = new Date(); 
Then.setTime(Then.getTime() + 12*60*60*1000 ); //秒分 
var cookieString = new String(document.cookie); 
var cookieHeader = "POPWIN" ; 
var beginPosition = cookieString.indexOf(cookieHeader); 
if (beginPosition == -1) 
{ 
    var newtop=0 
    var newleft=0 
    if (navigator.appName == "Netscape") { 
        layerStyleRef="layer."; 
        layerRef="document.layers"; 
        styleSwitch=""; 
        } 
        else 
        { 
        layerStyleRef="layer.style."; 
        layerRef="document.all"; 
        styleSwitch=".style"; 

        } 
    var autoclick_ok=false; 
    function toExit(){ 
        autoclick_ok=true; 
        document.cookie = "Cookie9=POPWIN;expires="+ Then.toGMTString() +";path=/"; 
    } 

    function doMouseMove() { 

        layerName = 'iit' 
        eval('var curElement='+layerRef+'["'+layerName+'"]') 
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"') 
         
        if(!autoclick_ok) 
        { 
            eval('curElement'+styleSwitch+'.visibility="visible"') 
        }else{ 
            eval('curElement'+styleSwitch+'.visibility="hidden"') 
        } 
         
        eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth') 
        eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight') 
        eval('height=curElement'+styleSwitch+'.height') 
        eval('width=curElement'+styleSwitch+'.width') 
        width=parseInt(width) 
        height=parseInt(height) 
        if (event.clientX > (document.body.clientWidth - 10 - width)) 
        { 
        newleft=document.body.clientWidth + document.body.scrollLeft - 10 - width 
        } 
        else 
        { 
        newleft=document.body.scrollLeft + event.clientX-10 
        } 
        eval('curElement'+styleSwitch+'.pixelLeft=newleft') 

        if (event.clientY > (document.body.clientHeight - 5 - height)) 
        { 
        newtop=document.body.clientHeight + document.body.scrollTop - 5 - height 
        } 
        else 
        { 
        newtop=document.body.scrollTop + event.clientY-10 
        } 
        eval('curElement'+styleSwitch+'.pixelTop=newtop') 
} 

    document.onmousemove = doMouseMove; 

    if (navigator.appName == "Netscape") { 

    } 
    else 
    { 
        document.write('<div ID=OuterDiv>') 
        document.write('<a href="#"><img ID=iit src="images/click.gif"  STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:99;visibility:hidden;" border="0" onclick="toExit()"></a>') 
        document.write('</div>') 
    } 
}
</SCRIPT>

<SCRIPT type=text/javascript>
	$(document).ready(function() {	

    $(function() {
        $("div#controller").jFlow({			
		slides: "#slides",
		controller: ".flowctrl", 
		slideWrapper : "#jFlowSlide", 
		selectedWrapper: "jFlowSelected", 
		width: "960px",
		height: "408px",
		duration: 400,
		prev: ".flowprev", 
		next: ".flownext" 
        });
    });
	$(".overlay h1").click(function(){ 
		window.location=$(this).find("a").attr("href");return false;
	});
	$(".bottom-block").hover(function() {	
		$(this).addClass("bottom-block-over");    
		}, function() {
		$(this).removeClass("bottom-block-over");	
	}); 
		$(".bottom-block").click(function(){ 
		window.location=$(this).find("a").attr("href");return false;
	});
});	
</SCRIPT>

<script type="text/javascript">
window.onload=function clear_a(){
var a;
for(var i=0;(a=document.getElementsByTagName("a")[i]);i++){
if(a.getAttribute("onfocus")==null){
a.setAttribute("onfocus","this.blur();");
}else{
a.setAttribute("onfoucs",a.getAttribute("onfocus")+";this.blur();");}
a.setAttribute("hideFocus","hidefocus");
}
}</script>

<META content="MSHTML 6.00.6000.16890" name=GENERATOR></HEAD>
<BODY class=body-bg>
<DIV id=container>
<DIV id=header><A href="#" target="_blank" 
tppabs="#"><IMG src="images/pr_logo_index_small_wide_2.png" width=212 height=61 border="0" 
tppabs="img/pr_logo_index_small_wide_2.png">Version 3.0</A></DIV>
<DIV id=content>
<DIV id=slides>
<DIV class="slide sl-home">
<P>在新法宝网，您能发现无限的创意和最雷人游戏！</P>
<P class=more><A href="#" 
tppabs="#">= 进入 =</A></P></DIV>
<DIV class="slide sl-featured">
<DIV class=overlay>
<H1><A href="#" 
tppabs="#">Surfer dude</A></H1>
<P>三国、隋唐，Mod游戏，让玩家自己做主动手做游戏！</P><BR>
<P>丰富的资料、全新的素材、众多的高手，期待您的加盟！</P>
<P class=more><A href="#" 
tppabs="#">更多信息...</A></P></DIV></DIV>
<DIV class="slide sl-portfolio">
<DIV class="overlay over-left">
<H1><A href="#" 
tppabs="#">TUN2</A></H1>
<P>I have A dream ！</P>
<P>同年的红白机，伴随我们走过了儿时美丽的时光。</P>
<P>让我们踏着儿时的梦想，去完成吞食天地未完成的使命！</P>
<P class=more><A href="#" 
tppabs="#">快快参加...</A></P></DIV>
<DIV class="overlay over-right">
<H1><A href="#" 
tppabs="#">rpg maker</A></H1>
<P>拿起你的创造力，举起你的幻想，留下你的情感!</P>
<P>又一个仙剑即将诞生！</P>
<P>Rm 游戏讨论区</P>
<P class=more><A href="#" 
tppabs="#">查看详细</A></P></DIV></DIV>
<DIV class="slide sl-about">
<DIV class=sl-about-content>
<H1>About</H1>
<P>Hi! 大家好，暑假过后，法宝网马上就要读三年级啦，回顾这两年来，大家一致陪伴着法宝网走过每一个日夜，一脚深一脚浅，走得艰难，幸亏有你们的陪伴。</P>
<P>法宝网，2007年10月7日创立，那时候还叫法布雷加斯中文网，我和梅里达、法宝宝又活了一起每日每夜搜集自己的偶像Cesc 
Fabregas的资料，信息和游戏。</P>
<P>由于曹操传，我和无所畏惧计划做圣三国志英杰传；由于清远的历史的天空，我们计划做吞2复刻；游戏制作过程中的艰辛和困难不是用三四百个百度知道能问完的……当然还有好多好多优秀的游戏和制作者们也在辛勤的耕耘。</P>
<P>在法宝网，大家都结识了很多朋友，我们还有很多地方做的不好，感谢大家的包容，我们心存无限的感激。</P>
<P>更精彩的肯定还在后面。</P>
<P class=more style="MARGIN-TOP: 20px">年度大戏筹划中，请大家期待...<A 
href="#" tppabs="#">GO！ GO！ GO！</A></P></DIV></DIV>
<DIV class="slide sl-twitter">
<br /><br /><br /><br /><br />
<p>代码整理：<a href="#" target="_blank">程序员设计师联盟淘宝店</a>　来源：<a href="http://fabfan.net/" target="_blank">法宝网</a>　</p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
<center><br /><a href="#js/d683.zip"><img border="0" src="/images/js_freedown.gif" /></a><br /></center>
<p><script src="/goto/js-preview-728x90.js"></script>
</div></div>
<div id=controller><span class=flowprev><a 
href="#">‹</a></span> <span class=flowctrl><a 
href="#"><b>home</b><br>hello and ...</a></span> 
<span class=flowctrl><a href="#"><b>mod 
game</b><br>玩的就是内涵！</a></span> <span class=flowctrl><a 
href="#"><b>rpg maker</b><br>梦想在我们手中！</a></span> 
<span class=flowctrl><a 
href="#"><b>info</b><br>about &amp; gift</a></span> 
<span class=flowctrl><a href="#"><b>forum 
board</b><br>@fabfan.net</a></span> <span class=flownext><a 
href="#">›</a></span> </div></div></div>
<div id=container-bottom>
<div id=intro>
<div class=bottom-block>
<h1>webcc</h1>
<p>flash版本曹操传！<a href="#" target="_blank">点击</a>开始网络战棋！</p></div>
<div class="bottom-block blog-block">
<h1>webgame</h1>
<p>在法宝网页游戏大厅，玩网游，享受法宝专属特权！<a href="#" target="_blank">快来一起战斗吧！</a></p></div>
<div class="bottom-block contact-block">
<h1>contact</h1>
<p>有任何想法？<br>意见和建议？<a href="#" target="_blank">联系我吧。</a></p></div></div></div>
</body></html>

JS代码(jquery.flow.1.2.js):

/* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) * jFlow * Version:1.2 (July 7,2008) * Requires:jQuery 1.2+ */
(function($){
	$.fn.jFlow = function(options){
	var opts = $.extend({
}
,$.fn.jFlow.defaults,options);
	var randNum = Math.floor(Math.random()*11);
	var jFC = opts.controller;
	var jFS = opts.slideWrapper;
	var jSel = opts.selectedWrapper;
	var cur = 0;
	var maxi = $(jFC).length;
	// sliding functionvar slide = function (dur,i){
	$(opts.slides).children().css({
	overflow:"hidden"}
);
	$(opts.slides + " iframe").hide().addClass("temp_hide");
	$(opts.slides).animate({
	marginLeft:"-" + (i * $(opts.slides).find(":first-child").width() + "px")}
,opts.duration*(dur),opts.easing,function(){
	$(opts.slides).children().css({
	overflow:"auto"}
);
	$(".temp_hide").show();
}
);
}
$(this).find(jFC).each(function(i){
	$(this).click(function(){
	if ($(opts.slides).is(":not(:animated)")){
	$(jFC).removeClass(jSel);
	$(this).addClass(jSel);
	var dur = Math.abs(cur-i);
	slide(dur,i);
	cur = i;
}
}
);
}
);
	$(opts.slides).before('<div id="'+jFS.substring(1,jFS.length)+'"></div>').appendTo(jFS);
	$(opts.slides).find("div").each(function(){
	$(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
}
);
	//initialize the controller$(jFC).eq(cur).addClass(jSel);
	var resize = function (x){
	$(jFS).css({
	position:"relative",width:opts.width,height:opts.height,overflow:"hidden"}
);
	//opts.slides or #mySlides container$(opts.slides).css({
	position:"relative",width:$(jFS).width()*$(jFC).length+"px",height:$(jFS).height()+"px",overflow:"hidden"}
);
	// jFlowSlideContainer$(opts.slides).children().css({
	position:"relative",width:$(jFS).width()+"px",height:$(jFS).height()+"px","float":"left",overflow:"auto"}
);
	$(opts.slides).css({
	marginLeft:"-" + (cur * $(opts.slides).find(":eq(0)").width() + "px")}
);
}
// sets initial sizeresize();
	// resets size$(window).resize(function(){
	resize();
}
);
	$(opts.prev).click(function(){
	if ($(opts.slides).is(":not(:animated)")){
	var dur = 1;
	if (cur > 0)cur--;
	else{
	cur = maxi -1;
	dur = cur;
}
$(jFC).removeClass(jSel);
	slide(dur,cur);
	$(jFC).eq(cur).addClass(jSel);
}
}
);
	$(opts.next).click(function(){
	if ($(opts.slides).is(":not(:animated)")){
	var dur = 1;
	if (cur < maxi - 1)cur++;
	else{
	cur = 0;
	dur = maxi -1;
}
$(jFC).removeClass(jSel);
	slide(dur,cur);
	$(jFC).eq(cur).addClass(jSel);
}
}
);
}
;
	$.fn.jFlow.defaults ={
	controller:".jFlowControl",// must be class,use . signslideWrapper:"#jFlowSlide",// must be id,use # signselectedWrapper:"jFlowSelected",// just pure text,no signeasing:"swing",duration:400,width:"100%",prev:".jFlowPrev",// must be class,use . signnext:".jFlowNext" // must be class,use . sign}
;
}
)(jQuery);

CSS代码(home_css.css):

#header{PADDING-LEFT:17px;BACKGROUND:#fff 0px 50%;FLOAT:left;MARGIN-BOTTOM:0px;PADDING-BOTTOM:10px;PADDING-TOP:40px;TEXT-ALIGN:left}
#footer{BACKGROUND-POSITION:center top;MARGIN-TOP:50px;BACKGROUND-IMAGE:url(../images/post_bg_white.jpg);FONT:9px Tahoma,Geneva,sans-serif;COLOR:#ccc;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#fff}
#content{}
#jFlowSlide{FLOAT:left}
#controller{CLEAR:left;MARGIN-TOP:0px;FLOAT:left;PADDING-BOTTOM:5px;WIDTH:100%;FONT-FAMILY:Tahoma,Arial,sans-serif;BACKGROUND-COLOR:#000}
#controller SPAN{DISPLAY:block;FLOAT:left;WIDTH:165px;TEXT-ALIGN:left}
#controller .flowprev{FONT:18px Arial,Helvetica,sans-serif;WIDTH:65px}
#controller .flownext{FONT:18px Arial,Helvetica,sans-serif;WIDTH:65px}
#controller SPAN A{BORDER-TOP:#333 1px solid;DISPLAY:block;PADDING-LEFT:15px;FONT-WEIGHT:bold;FONT-SIZE:11px;BACKGROUND-IMAGE:url(../images/slide_ctrl_bg.gif);BORDER-BOTTOM-WIDTH:0px;PADDING-BOTTOM:19px;VERTICAL-ALIGN:middle;COLOR:#b9b9b9;LINE-HEIGHT:normal;PADDING-TOP:11px;BACKGROUND-REPEAT:no-repeat}
#controller SPAN A B{PADDING-RIGHT:10px;FONT-WEIGHT:normal;FONT-SIZE:9px;COLOR:#666}
#controller SPAN A:hover{BORDER-TOP:#fff 1px solid;COLOR:#fff}
#controller .jFlowSelected A{BORDER-TOP:#c00 1px solid;CURSOR:default;COLOR:#fff;BACKGROUND-COLOR:#000}
#controller .jFlowSelected A:hover{BORDER-TOP:#c00 1px solid;CURSOR:default;COLOR:#fff;BACKGROUND-COLOR:#000}
#controller .jFlowSelected A B{COLOR:#c00}
#controller .flowprev A{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-WEIGHT:normal;FONT-SIZE:2em;PADDING-BOTTOM:0px;WIDTH:100%;COLOR:#c00;LINE-HEIGHT:50px;PADDING-TOP:0px;TEXT-ALIGN:center}
#controller .flownext A{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-WEIGHT:normal;FONT-SIZE:2em;PADDING-BOTTOM:0px;WIDTH:100%;COLOR:#c00;LINE-HEIGHT:50px;PADDING-TOP:0px;TEXT-ALIGN:center}
.bottom-block{FLOAT:left;WIDTH:280px}
.bottom-block H1{BACKGROUND-POSITION:-13px 0px;DISPLAY:block;BACKGROUND-IMAGE:url(../images/bottom-links-bg_bw.png);FONT:bold 20px Arial,Helvetica,sans-serif;TEXT-TRANSFORM:uppercase;WIDTH:250px;CURSOR:pointer;COLOR:#666;TEXT-INDENT:-9999px;BACKGROUND-REPEAT:no-repeat;HEIGHT:63px}
.bottom-block A{PADDING-LEFT:0px}
.bottom-block P{FONT:9px/12px Tahoma,Arial,sans-serif;MARGIN-LEFT:120px;COLOR:#a9a9a9}
.bottom-block-over H1{BACKGROUND-IMAGE:url(../images/bottom-links-bg.png)}
.bottom-block-over P{CURSOR:pointer;COLOR:#333}
.bottom-block-over A{COLOR:#333;TEXT-DECORATION:underline}
.blog-block H1{BACKGROUND-POSITION:-296px 0px}
.contact-block H1{BACKGROUND-POSITION:-579px 0px}
.slide{BACKGROUND-POSITION:0px 0px;FONT-SIZE:11px;FLOAT:left;WIDTH:960px;COLOR:#fff;LINE-HEIGHT:16px;BACKGROUND-REPEAT:no-repeat;HEIGHT:408px}
.slide P{PADDING-RIGHT:40px;MARGIN:0px;COLOR:#fff}
.slide P STRONG{FONT-WEIGHT:bold;COLOR:#fff}
.slide H1{COLOR:#c00;TEXT-INDENT:-99999px}
.sl-twitter H1{BACKGROUND-POSITION:center top;MARGIN-TOP:75px;DISPLAY:block;WIDTH:auto;BACKGROUND-REPEAT:no-repeat;HEIGHT:63px;TEXT-ALIGN:center}
.sl-twitter SMALL{MARGIN-TOP:35px;DISPLAY:block;FONT:11px Tahoma,Geneva,sans-serif;TEXT-TRANSFORM:uppercase;COLOR:#666}
.sl-twitter P{PADDING-RIGHT:80px;MARGIN-TOP:10px;PADDING-LEFT:80px;FONT:14px Georgia,"Times New Roman",Times,serif;COLOR:#66b3ff;LETTER-SPACING:0pt;TEXT-ALIGN:center}
.sl-twitter{}
.sl-twitter A{BORDER-RIGHT:0px;BORDER-TOP:0px;BORDER-LEFT:0px;COLOR:#66b3ff;BORDER-BOTTOM:0px}
.sl-twitter A:hover{COLOR:#fff}
.sl-home{BACKGROUND-IMAGE:url(../images/slides_home.jpg)}
.sl-featured{BACKGROUND-IMAGE:url(../images/slides_surferdude_color.jpg)}
.sl-home P{MARGIN-TOP:315px;MARGIN-LEFT:80px;WIDTH:600px}
.sl-portfolio{BACKGROUND-IMAGE:url(../images/slides_portfolio_color.jpg)}
.sl-about{BACKGROUND-IMAGE:url(../images/slides_about.jpg)}
.sl-about-content{MARGIN:70px 30px 0px 400px}
.sl-about H1{BACKGROUND-POSITION:0px -90px;BACKGROUND-IMAGE:url(../images/h1_flash_html_10.png);MARGIN-BOTTOM:10px;WIDTH:150px;BACKGROUND-REPEAT:no-repeat;HEIGHT:50px}
.sl-about-content P B{FONT:16px Tahoma,Geneva,sans-serif;COLOR:#999}
.sl-about .about-contact{BACKGROUND-POSITION:-300px -90px;MARGIN-TOP:55px}
.overlay{LEFT:600px;MARGIN-LEFT:35px;WIDTH:250px;POSITION:relative}
.overlay H1{BACKGROUND-POSITION:0px 0px;MARGIN-TOP:55px;BACKGROUND-IMAGE:url(../images/h1_surferdude.png);MARGIN-BOTTOM:25px;WIDTH:200px;CURSOR:pointer;BACKGROUND-REPEAT:no-repeat;HEIGHT:89px}
.over-left{Z-INDEX:159;LEFT:80px;FLOAT:left;MARGIN-LEFT:0px;WIDTH:230px;TOP:90px}
.over-right{Z-INDEX:159;LEFT:80px;FLOAT:left;MARGIN-LEFT:0px;WIDTH:230px;TOP:90px}
.over-right{LEFT:485px}
.over-left H1{BACKGROUND-POSITION:-4px 0px;BACKGROUND-IMAGE:url(../images/h1_flash_html_10.png);HEIGHT:60px}
.over-right H1{BACKGROUND-POSITION:-4px 0px;BACKGROUND-IMAGE:url(../images/h1_flash_html_10.png);HEIGHT:60px}
.over-right H1{BACKGROUND-POSITION:-640px 0px}
.slide .more{MARGIN-TOP:25px}
.more A{BORDER-RIGHT:0px;PADDING-RIGHT:11px;BACKGROUND-POSITION:right 6px;BORDER-TOP:0px;PADDING-LEFT:0px;BACKGROUND-IMAGE:url(../images/arrow_red.gif);PADDING-BOTTOM:2px;BORDER-LEFT:0px;COLOR:#c00;LINE-HEIGHT:25px;PADDING-TOP:1px;BORDER-BOTTOM:0px;BACKGROUND-REPEAT:no-repeat}
.more A:hover{PADDING-RIGHT:13px;COLOR:#fff}
#statusBar{BORDER-RIGHT:#aaa 2px solid;BACKGROUND-POSITION:50% 50%;BORDER-TOP:#aaa 2px solid;BACKGROUND-IMAGE:url(../images/arrow_red.gif);BORDER-LEFT:#aaa 2px solid;WIDTH:300px;BORDER-BOTTOM:#aaa 2px solid;BACKGROUND-REPEAT:repeat-x;BACKGROUND-COLOR:#ddd}
#status{BACKGROUND-POSITION:0px 50%;BACKGROUND-IMAGE:url(../images/blog_logo.gif);BACKGROUND-REPEAT:no-repeat;HEIGHT:12px}

CSS代码(style.css):

HTML{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
BODY{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
DIV{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
SPAN{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
OBJECT{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
IFRAME{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
H1{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
H2{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
H3{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
H4{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
H5{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
H6{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
P{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
BLOCKQUOTE{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
PRE{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
A{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
ABBR{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
ACRONYM{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
ADDRESS{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
CODE{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
DEL{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
DFN{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
EM{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
IMG{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
Q{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
DL{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
DT{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
DD{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
OL{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
UL{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
LI{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
FIELDSET{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
FORM{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
LABEL{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
LEGEND{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
TABLE{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
CAPTION{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
TBODY{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
TFOOT{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
THEAD{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
TR{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
TH{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
TD{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FONT-SIZE:100%;PADDING-BOTTOM:0px;MARGIN:0px;VERTICAL-ALIGN:baseline;BORDER-LEFT:0px;PADDING-TOP:0px;BORDER-BOTTOM:0px;FONT-FAMILY:inherit}
BODY{BACKGROUND-POSITION:center 360px;BACKGROUND-ATTACHMENT:scroll;FONT:62.5%/1.5 Arial,Helvetica,sans-serif;COLOR:#333333;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:transparent;TEXT-ALIGN:center}
.body-bg{BACKGROUND-IMAGE:url(../images/bg_snow.jpg)}
TABLE{BORDER-COLLAPSE:separate;border-spacing:0}
CAPTION{FONT-WEIGHT:normal;TEXT-ALIGN:left}
TH{FONT-WEIGHT:normal;TEXT-ALIGN:left}
TD{FONT-WEIGHT:normal;TEXT-ALIGN:left}
TABLE{VERTICAL-ALIGN:middle}
TD{VERTICAL-ALIGN:middle}
TH{VERTICAL-ALIGN:middle}
BLOCKQUOTE:unknown{content:""}
BLOCKQUOTE:unknown{content:""}
Q:unknown{content:""}
Q:unknown{content:""}
BLOCKQUOTE{PADDING-LEFT:10px;FLOAT:left;MARGIN-BOTTOM:2em;MARGIN-LEFT:30px;BORDER-LEFT:#717578 1px solid;quotes:"" ""}
Q{PADDING-LEFT:10px;FLOAT:left;MARGIN-BOTTOM:2em;MARGIN-LEFT:30px;BORDER-LEFT:#717578 1px solid;quotes:"" ""}
A IMG{BORDER-RIGHT:medium none;BORDER-TOP:medium none;BORDER-LEFT:medium none;BORDER-BOTTOM:medium none}
H1{FONT-WEIGHT:normal;COLOR:#111}
H2{FONT-WEIGHT:normal;COLOR:#111}
H3{FONT-WEIGHT:normal;COLOR:#111}
H4{FONT-WEIGHT:normal;COLOR:#111}
H5{FONT-WEIGHT:normal;COLOR:#111}
H6{FONT-WEIGHT:normal;COLOR:#111}
H1{MARGIN-BOTTOM:0em;FONT:2em/1 Times,"Arial Narrow",Arial,Helvetica,sans-serif}
H2{FONT-WEIGHT:bold;FONT-SIZE:2em;MARGIN-BOTTOM:0.75em}
H3{FONT-SIZE:13px;MARGIN-BOTTOM:0.5em;TEXT-TRANSFORM:uppercase;COLOR:#717578;LINE-HEIGHT:1.2em}
H4{MARGIN-BOTTOM:0.4em;FONT:1.2em/1.25 Arial,Helvetica,sans-serif;TEXT-TRANSFORM:uppercase;COLOR:#717578;LETTER-SPACING:1pt;HEIGHT:1.25em}
H5{FONT-WEIGHT:bold;FONT-SIZE:1em;MARGIN-BOTTOM:1.5em}
H6{FONT-WEIGHT:normal;FONT-SIZE:1.2em;COLOR:#ccc}
H1 IMG{MARGIN:0px}
H2 IMG{MARGIN:0px}
H3 IMG{MARGIN:0px}
H4 IMG{MARGIN:0px}
H5 IMG{MARGIN:0px}
H6 IMG{MARGIN:0px}
P{MARGIN:0px 1.5em 2em 0em}
BLOCKQUOTE P{MARGIN-TOP:1em;MARGIN-BOTTOM:1em;COLOR:#717578;FONT-STYLE:italic}
P IMG{PADDING-RIGHT:0px;PADDING-LEFT:0px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:1.5em;PADDING-TOP:0px}
P IMG.right{FLOAT:right;MARGIN:1.5em 0px 1.5em 1.5em}
A:hover{COLOR:#333;BORDER-BOTTOM:#c00 0px solid}
A{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:0px;COLOR:#999;PADDING-TOP:0px;BORDER-BOTTOM:#fff 1px dotted;TEXT-DECORATION:none}
#container{MARGIN:0px auto;WIDTH:960px;TEXT-ALIGN:left}
#container-bottom{MARGIN:0px auto;WIDTH:960px;TEXT-ALIGN:left}
#container-bottom{CLEAR:both;BACKGROUND-POSITION:center top;DISPLAY:block;FLOAT:left;BACKGROUND-IMAGE:url(../images/bottom-links-bg-top.jpg);MARGIN:70px auto 0px;WIDTH:100%;BACKGROUND-REPEAT:no-repeat;TEXT-ALIGN:center}
#top-menu{CLEAR:left;PADDING-RIGHT:10px;MARGIN-TOP:0px;PADDING-LEFT:20px;FONT-WEIGHT:normal;FLOAT:right;MARGIN-BOTTOM:0px;PADDING-BOTTOM:8px;MARGIN-LEFT:0px;COLOR:#666;PADDING-TOP:7px;FONT-FAMILY:Tahoma,Arial,sans-serif;LIST-STYLE-TYPE:none;TEXT-ALIGN:right}
#top-menu A{BORDER-RIGHT:0px;PADDING-RIGHT:5px;BORDER-TOP:0px;PADDING-LEFT:5px;PADDING-BOTTOM:4px;BORDER-LEFT:0px;PADDING-TOP:3px;BORDER-BOTTOM:0px}
#top-menu A:hover{COLOR:#fff}
#top-menu LI{DISPLAY:inline;FONT-WEIGHT:bold}
#top-menu INPUT{BACKGROUND-COLOR:#333}
#top-menu .field{BORDER-RIGHT:0px;PADDING-RIGHT:3px;BACKGROUND-POSITION:5px 5px;BORDER-TOP:0px;PADDING-LEFT:20px;FONT-SIZE:9px;BACKGROUND-IMAGE:url(../images//img/ui/search_field_bg.gif);PADDING-BOTTOM:3px;BORDER-LEFT:0px;WIDTH:110px;COLOR:#666;PADDING-TOP:3px;BORDER-BOTTOM:0px;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#f2f2f2;TEXT-ALIGN:left}
#top-menu FORM{DISPLAY:inline}
#content{CLEAR:both;MARGIN-TOP:-1px;FLOAT:left;WIDTH:960px}
#footer{MARGIN-TOP:30px;DISPLAY:block;FLOAT:left;WIDTH:100%;PADDING-TOP:10px;BACKGROUND-COLOR:#000;TEXT-ALIGN:center}
#header{MARGIN-TOP:30px;DISPLAY:block;FLOAT:left;WIDTH:100%;PADDING-TOP:10px;BACKGROUND-COLOR:#000;TEXT-ALIGN:center}
#header{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND-IMAGE:none;PADDING-BOTTOM:0px;MARGIN:0px 0px 45px;PADDING-TOP:0px}
#headercontent{PADDING-RIGHT:65px;PADDING-LEFT:65px;PADDING-BOTTOM:0px;MARGIN:0px auto;WIDTH:830px;PADDING-TOP:0px;BACKGROUND-COLOR:#000;TEXT-ALIGN:left}
#header IMG{MARGIN:0px}
#sidebar{CLEAR:left;PADDING-LEFT:10px;FLOAT:right;BORDER-LEFT:#333 1px solid;WIDTH:229px;PADDING-TOP:30px;HEIGHT:500px;BACKGROUND-COLOR:#000}
#footercontent{PADDING-RIGHT:65px;PADDING-LEFT:65px;PADDING-BOTTOM:50px;MARGIN:0px auto;WIDTH:830px;TEXT-ALIGN:left}
.col-third{PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:normal;FONT-SIZE:11px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:266px;COLOR:#ccc;LINE-HEIGHT:1.4em;PADDING-TOP:0px}
#footercontent .col-third{PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:normal;FONT-SIZE:11px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:266px;COLOR:#ccc;LINE-HEIGHT:1.4em;PADDING-TOP:0px}
#footercontent .col-third P{PADDING-RIGHT:35px}
#twitter_update_list{LIST-STYLE-IMAGE:url(../images/../../blog/wp-content/themes/progressivered/none);LIST-STYLE-TYPE:none}
#twitter_update_list LI{PADDING-RIGHT:50px;BACKGROUND-POSITION:6px 6px;PADDING-LEFT:15px;BACKGROUND-IMAGE:url(../images//img/ui/bullet_red.gif);BACKGROUND-REPEAT:no-repeat}
#archives LI{PADDING-RIGHT:50px;BACKGROUND-POSITION:6px 6px;PADDING-LEFT:15px;BACKGROUND-IMAGE:url(../images//img/ui/bullet_red.gif);BACKGROUND-REPEAT:no-repeat}
.col-third H3{BORDER-RIGHT:0px;BORDER-TOP:0px;DISPLAY:block;FONT-SIZE:1.6em;MARGIN-BOTTOM:0px;TEXT-TRANSFORM:none;BORDER-LEFT:0px;COLOR:#fff;BORDER-BOTTOM:0px}
#mainmenu A{BORDER-RIGHT:0px;BORDER-TOP:0px;DISPLAY:block;FONT-SIZE:1.6em;MARGIN-BOTTOM:0px;TEXT-TRANSFORM:none;BORDER-LEFT:0px;COLOR:#fff;BORDER-BOTTOM:0px}
#postnavigation A{BORDER-RIGHT:0px;BORDER-TOP:0px;DISPLAY:block;FONT-SIZE:1.6em;MARGIN-BOTTOM:0px;TEXT-TRANSFORM:none;BORDER-LEFT:0px;COLOR:#fff;BORDER-BOTTOM:0px}
.item-details IMG{PADDING-RIGHT:3px;PADDING-LEFT:3px;BACKGROUND-IMAGE:url(../images//img/ui/thumb_bg.jpg);PADDING-BOTTOM:3px;PADDING-TOP:3px;BACKGROUND-REPEAT:no-repeat}
.item-details UL{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:10px;PADDING-TOP:10px;LIST-STYLE-TYPE:none}
.item-details LI{WIDTH:210px}
#postnavigation A{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:5px;FONT:13px "Lucida Sans Unicode","Lucida Grande",sans-serif;TEXT-TRANSFORM:uppercase;WIDTH:100%;PADDING-TOP:5px;LETTER-SPACING:1pt;BACKGROUND-COLOR:#000}
.alt-black .more-link A:hover{BACKGROUND-POSITION:0px -58px}
.alt-black .more-link A{BORDER-RIGHT:0px;BACKGROUND-POSITION:0px 0px;BORDER-TOP:0px;MARGIN-TOP:25px;DISPLAY:block;FONT-WEIGHT:normal;FONT-SIZE:1.2em;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/btn_more.gif);BORDER-LEFT:0px;WIDTH:86px;COLOR:#fff;TEXT-INDENT:-9999px;BORDER-BOTTOM:0px;BACKGROUND-REPEAT:no-repeat;LETTER-SPACING:normal;HEIGHT:30px}
#mainmenu A{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:0px;PADDING-TOP:0px}
#mainmenu A:hover{COLOR:#fff;BACKGROUND-COLOR:#c00}
#postnavigation A:hover{COLOR:#fff;BACKGROUND-COLOR:#c00}
.post{PADDING-RIGHT:65px;BACKGROUND-POSITION:0px -1px;PADDING-LEFT:65px;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/post_bg_white.jpg);MARGIN-BOTTOM:0px;PADDING-BOTTOM:40px;WIDTH:830px;COLOR:#333;PADDING-TOP:40px;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#fff}
#intro{PADDING-RIGHT:65px;BACKGROUND-POSITION:0px -1px;PADDING-LEFT:65px;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/post_bg_white.jpg);MARGIN-BOTTOM:0px;PADDING-BOTTOM:40px;WIDTH:830px;COLOR:#333;PADDING-TOP:40px;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#fff}
#postnavigation{PADDING-RIGHT:65px;BACKGROUND-POSITION:0px -1px;PADDING-LEFT:65px;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/post_bg_white.jpg);MARGIN-BOTTOM:0px;PADDING-BOTTOM:40px;WIDTH:830px;COLOR:#333;PADDING-TOP:40px;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#fff}
#mainmenu{}
#mainmenu DIV{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
#mainmenu DIV P{PADDING-RIGHT:10px;PADDING-LEFT:15px;PADDING-BOTTOM:10px;MARGIN:0px;BORDER-LEFT:#fc0 1px solid;PADDING-TOP:5px}
#mainmenu DIV P A{PADDING-RIGHT:2px;DISPLAY:inline;PADDING-LEFT:2px;FONT-WEIGHT:normal;FONT-SIZE:11px;COLOR:#fc0;LINE-HEIGHT:normal;LETTER-SPACING:normal}
#mainmenu .selected{PADDING-LEFT:14px;BORDER-LEFT:#fc0 1px solid;COLOR:#fc0}
.mainmenu-border{BORDER-LEFT:#000 1px solid}
#archives{FONT-WEIGHT:bold;FONT-SIZE:1.4em;LIST-STYLE-TYPE:none;LETTER-SPACING:0pt}
.post-header{FONT:9px Tahoma,Arial,sans-serif;TEXT-TRANSFORM:uppercase;COLOR:#999;LETTER-SPACING:1px}
.post-header A{}
.post-header STRONG{FONT-WEIGHT:bold;COLOR:#c00}
.date{PADDING-RIGHT:26px;BACKGROUND-POSITION:65px 6px;PADDING-LEFT:0px;BACKGROUND-IMAGE:url(../images//img/arrow_reddd.gif);PADDING-BOTTOM:2px;COLOR:#999;PADDING-TOP:2px;BACKGROUND-REPEAT:no-repeat;LETTER-SPACING:0em}
.author A{FONT-WEIGHT:normal;COLOR:#c00}
.post H1{PADDING-LEFT:80px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);MARGIN:30px 0px 15px;WORD-SPACING:3pt;FONT:4.8em/48px "Arial Narrow",Arial,Helvetica,sans-serif;TEXT-TRANSFORM:uppercase;COLOR:#333;BACKGROUND-REPEAT:no-repeat;LETTER-SPACING:-2pt}
.archive-list A{PADDING-LEFT:80px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);MARGIN:30px 0px 15px;WORD-SPACING:3pt;FONT:4.8em/48px "Arial Narrow",Arial,Helvetica,sans-serif;TEXT-TRANSFORM:uppercase;COLOR:#333;BACKGROUND-REPEAT:no-repeat;LETTER-SPACING:-2pt}
.post H1 SPAN{MARGIN-TOP:10px;DISPLAY:block;FONT-WEIGHT:normal;FONT-SIZE:26px;MARGIN-BOTTOM:35px;COLOR:#fc0;FONT-STYLE:italic;LETTER-SPACING:normal}
.post H1 A{PADDING-RIGHT:60px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN-LEFT:0px;COLOR:#333;BORDER-TOP-STYLE:none;PADDING-TOP:0px;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none}
.post H1 A:hover{COLOR:#000;BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none}
.post H3{FONT-WEIGHT:normal;MARGIN-BOTTOM:5px;WORD-SPACING:1pt;FONT-FAMILY:"Lucida Sans Unicode","Lucida Grande",sans-serif;LETTER-SPACING:0pt}
.post-content{PADDING-RIGHT:80px;PADDING-LEFT:80px;FONT-SIZE:13px;FLOAT:left;PADDING-TOP:20px}
.post-content P{FONT-SIZE:12px;FLOAT:left;WORD-SPACING:1pt;MARGIN-LEFT:0px;OVERFLOW:visible;WIDTH:auto;LINE-HEIGHT:20px;LETTER-SPACING:0pt}
.post-content IMG{}
.post-content OL{MARGIN-TOP:1em;MARGIN-BOTTOM:2em;MARGIN-LEFT:3em}
.post-content UL{MARGIN-TOP:1em;MARGIN-BOTTOM:2em;MARGIN-LEFT:3em}
.post-content UL{LIST-STYLE-IMAGE:url(../images//img/ui/bullet_red.gif)}
#postnavigation{PADDING-LEFT:130px}
#postnavigation A{FLOAT:left;MARGIN-LEFT:15px;WIDTH:160px;BACKGROUND-COLOR:#333;TEXT-ALIGN:center}
.no-post{BACKGROUND:0px 50%;PADDING-BOTTOM:12px;PADDING-TOP:20px}
.yellow{BACKGROUND:#fc0}
.yellow H1{COLOR:#09f}
.yellow H3{COLOR:#c60}
#slides{Z-INDEX:3;LEFT:0px;OVERFLOW:hidden;POSITION:relative;TOP:0px;HEIGHT:408px;BACKGROUND-COLOR:#000}
#intro{CLEAR:both;PADDING-RIGHT:0px;DISPLAY:block;PADDING-LEFT:50px;BACKGROUND:0px 50%;FLOAT:none;PADDING-BOTTOM:0px;MARGIN:0px auto;WIDTH:930px;PADDING-TOP:50px;TEXT-ALIGN:left}
.footer-controller{BORDER-BOTTOM:#333 1px solid}
.last{BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none}
.alt-black{BACKGROUND-POSITION:0px 0px;BACKGROUND-IMAGE:url(../images//img/ui/post_bg_framed.jpg);COLOR:#d7dadb;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#000}
.alt-black .trigger{BACKGROUND:0px 50%}
.alt-black A{BORDER-BOTTOM-COLOR:#c00;COLOR:#ccc}
.alt-black .date{COLOR:#ccc}
.alt-black A:hover{BORDER-BOTTOM-COLOR:#c00;COLOR:#fff}
.alt-black H1{COLOR:#fff}
.alt-black H1 A{BACKGROUND-POSITION:right -144px;DISPLAY:block;BACKGROUND-IMAGE:url(../images//img/ui/icon_close.gif);COLOR:#fff;BACKGROUND-REPEAT:no-repeat}
.alt-black H1 A:hover{BACKGROUND-POSITION:right 0px;COLOR:#e8e8e8}
.alt-black H3{COLOR:#fc0}
LABEL{DISPLAY:block;PADDING-LEFT:2px;FONT-WEIGHT:bold;FONT-SIZE:10px;PADDING-BOTTOM:3px;TEXT-TRANSFORM:uppercase}
.comment{CLEAR:both;PADDING-RIGHT:85px;LIST-STYLE:none url(../../blog/wp-content/themes/progressivered/none) inside;PADDING-LEFT:85px;FONT-SIZE:12px;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/post_bg_white.jpg);MARGIN-BOTTOM:1px;PADDING-BOTTOM:0px;WIDTH:790px;COLOR:#333;PADDING-TOP:20px;BACKGROUND-REPEAT:no-repeat;TEXT-ALIGN:left}
.commenttext{MARGIN-TOP:15px}
.commenttext-admin{MARGIN-TOP:15px}
#commentform INPUT{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:6px;FONT:12px Arial,Helvetica,sans-serif;BORDER-LEFT:#ccc 1px solid;WIDTH:160px;PADDING-TOP:4px;BORDER-BOTTOM:#ccc 1px solid;BACKGROUND-COLOR:#fcfcfc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#commentform TEXTAREA{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:6px;FONT:12px Arial,Helvetica,sans-serif;BORDER-LEFT:#ccc 1px solid;WIDTH:160px;PADDING-TOP:4px;BORDER-BOTTOM:#ccc 1px solid;BACKGROUND-COLOR:#fcfcfc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.field{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:6px;FONT:12px Arial,Helvetica,sans-serif;BORDER-LEFT:#ccc 1px solid;WIDTH:160px;PADDING-TOP:4px;BORDER-BOTTOM:#ccc 1px solid;BACKGROUND-COLOR:#fcfcfc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#commentform TEXTAREA{FLOAT:left;MARGIN-BOTTOM:5px;WIDTH:544px;HEIGHT:150px}
#commentform INPUT:focus{BORDER-LEFT-COLOR:#fc0;BORDER-BOTTOM-COLOR:#fc0;BORDER-TOP-COLOR:#fc0;BACKGROUND-COLOR:#fffdf4;BORDER-RIGHT-COLOR:#fc0}
#commentform TEXTAREA:focus{BORDER-LEFT-COLOR:#fc0;BORDER-BOTTOM-COLOR:#fc0;BORDER-TOP-COLOR:#fc0;BACKGROUND-COLOR:#fffdf4;BORDER-RIGHT-COLOR:#fc0}
INPUT:focus{BORDER-LEFT-COLOR:#fc0;BORDER-BOTTOM-COLOR:#fc0;BORDER-TOP-COLOR:#fc0;BACKGROUND-COLOR:#fffdf4;BORDER-RIGHT-COLOR:#fc0}
#top-menu INPUT:focus{BORDER-LEFT-COLOR:#fc0;BORDER-BOTTOM-COLOR:#fc0;BORDER-TOP-COLOR:#fc0;BACKGROUND-COLOR:#fffdf4;BORDER-RIGHT-COLOR:#fc0}
#top-menu INPUT:hover{BORDER-LEFT-COLOR:#fc0;BORDER-BOTTOM-COLOR:#fc0;BORDER-TOP-COLOR:#fc0;BACKGROUND-COLOR:#fffdf4;BORDER-RIGHT-COLOR:#fc0}
.allowed-tags{PADDING-LEFT:20px;FLOAT:left;WIDTH:200px;PADDING-TOP:2px;HEIGHT:150px}
.field{BACKGROUND-POSITION:right top;WIDTH:200px;BACKGROUND-REPEAT:no-repeat}
#commentform .submit-comment{BORDER-RIGHT:0px;PADDING-RIGHT:0px;BORDER-TOP:0px;PADDING-LEFT:0px;FLOAT:left;PADDING-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:auto;PADDING-TOP:0px;BORDER-BOTTOM:0px}
#cancel-comment-reply-link{BORDER-RIGHT:0px;BACKGROUND-POSITION:0px 0px;BORDER-TOP:0px;FONT-SIZE:1.2em;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/btn_cancel.gif);MARGIN-LEFT:7px;BORDER-LEFT:0px;WIDTH:85px;TEXT-INDENT:-9999px;BORDER-BOTTOM:0px;BACKGROUND-REPEAT:no-repeat;HEIGHT:28px}
#cancel-comment-reply-link:hover{BACKGROUND-POSITION:0px -58px}
.comment #respond{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:60px;BACKGROUND-IMAGE:none;MARGIN-BOTTOM:20px;BORDER-LEFT:#ccc 1px solid;PADDING-TOP:20px;BORDER-BOTTOM:#ccc 1px solid;BACKGROUND-COLOR:#f8f8f8}
.comment #respond P{PADDING-RIGHT:2px}
#respond{CLEAR:both;PADDING-RIGHT:0px;BACKGROUND-POSITION:16px 0px;PADDING-LEFT:85px;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/post_bg_white.jpg);PADDING-BOTTOM:30px;WIDTH:810px;PADDING-TOP:30px;BACKGROUND-REPEAT:no-repeat;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#respond P{PADDING-RIGHT:5px;FLOAT:left;MARGIN-BOTTOM:12px}
#respond H3{MARGIN-TOP:10px;FONT-WEIGHT:bold;MARGIN-BOTTOM:20px;COLOR:#c00;TEXT-ALIGN:left}
#comment{CLEAR:both;FLOAT:left;WIDTH:550px}
.comment-author{MARGIN-BOTTOM:15px}
.comment-author A{COLOR:#999}
.comment-author A:hover{COLOR:#c00}
.fn{DISPLAY:block;FONT-WEIGHT:bold;FONT-SIZE:1.2em;PADDING-BOTTOM:0px;TEXT-TRANSFORM:uppercase;COLOR:#333;PADDING-TOP:4px;FONT-STYLE:normal}
.fn A{BORDER-RIGHT:0px;BORDER-TOP:0px;BORDER-LEFT:0px;COLOR:#c00;BORDER-BOTTOM:0px}
.fn A:hover{COLOR:#333}
.depth-2{PADDING-LEFT:52px;BACKGROUND-IMAGE:url(../images//img/ui/comment-replay-bg.gif);WIDTH:750px;BACKGROUND-REPEAT:no-repeat}
.depth-3{PADDING-LEFT:52px;BACKGROUND-IMAGE:url(../images//img/ui/comment-replay-bg.gif);WIDTH:750px;BACKGROUND-REPEAT:no-repeat}
.avatar{BORDER-RIGHT:#e2e2e2 1px solid;PADDING-RIGHT:3px;BACKGROUND-POSITION:center center;BORDER-TOP:#e2e2e2 1px solid;PADDING-LEFT:3px;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/gravatar_bg.gif);PADDING-BOTTOM:3px;MARGIN:0px 20px 0px 0px;BORDER-LEFT:#e2e2e2 1px solid;PADDING-TOP:3px;BORDER-BOTTOM:#e2e2e2 1px solid;BACKGROUND-REPEAT:no-repeat;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#singlecomments{DISPLAY:block;LIST-STYLE-POSITION:inside;FONT-SIZE:1.2em;FLOAT:left;WIDTH:auto}
.comment-content{MARGIN-LEFT:60px}
.prevnext{CLEAR:both;BORDER-TOP:#161616 1px solid;MARGIN-TOP:20px;FONT-SIZE:11px;FLOAT:left;MARGIN-BOTTOM:-30px;WIDTH:730px;COLOR:#666;PADDING-TOP:22px}
.prevnext .avatar{BORDER-RIGHT:0px;BORDER-TOP:0px;MARGIN-LEFT:40px;BORDER-LEFT:0px;MARGIN-RIGHT:0px;BORDER-BOTTOM:0px}
.prevnext A{CLEAR:none;FONT:9px Tahoma,Arial,sans-serif;MARGIN-LEFT:0px;TEXT-TRANSFORM:uppercase;WIDTH:auto;COLOR:#999999}
.prevnext H3{PADDING-RIGHT:0px;BACKGROUND-POSITION:0px -576px;PADDING-LEFT:0px;FONT-WEIGHT:bold;FLOAT:left;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);PADDING-BOTTOM:20px;WIDTH:48px;COLOR:#000;PADDING-TOP:12px;BACKGROUND-REPEAT:no-repeat;TEXT-ALIGN:center}
.prevnext A:hover{COLOR:#ffffff;BACKGROUND-COLOR:#000000}
.prevnext .link{PADDING-RIGHT:10px;MARGIN-TOP:10px;FONT-WEIGHT:bold;FONT-SIZE:10px;FLOAT:right}
.right{FLOAT:left;MARGIN-LEFT:50%;WIDTH:100%;TEXT-ALIGN:right}
.first-comment{BACKGROUND-POSITION:22px -75px;BACKGROUND-IMAGE:url(../images//img/ui/icon_comment_black.png);PADDING-TOP:90px;BACKGROUND-REPEAT:no-repeat}
.required{COLOR:#c00}
.clearfloat{CLEAR:both}
#commentform .clearfloat{CLEAR:both}
.archive-list{FLOAT:left;MARGIN-BOTTOM:30px;WIDTH:460px}
.archive-list UL{BACKGROUND-POSITION:10px 0px;BACKGROUND-IMAGE:url(../images//img/ui/comment-replay-bg.gif);PADDING-TOP:20px;BACKGROUND-REPEAT:no-repeat}
.archive-list LI{PADDING-RIGHT:0px;BACKGROUND-POSITION:6px 9px;PADDING-LEFT:12px;BACKGROUND-IMAGE:url(../images//img/ui/bullet_red.gif);LIST-STYLE-IMAGE:url(../images/../../blog/wp-content/themes/progressivered/none);PADDING-BOTTOM:1px;MARGIN-LEFT:73px;PADDING-TOP:1px;BACKGROUND-REPEAT:no-repeat;LIST-STYLE-TYPE:none}
.archive-list H3{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:20px;MARGIN-LEFT:60px;PADDING-TOP:20px}
.archive-list A{PADDING-RIGHT:3px;DISPLAY:inline;PADDING-LEFT:3px;FONT-WEIGHT:normal;FONT-SIZE:13px;PADDING-BOTTOM:3px;COLOR:#000;PADDING-TOP:3px;LETTER-SPACING:normal}
.post-content .alignright{FLOAT:right;TEXT-ALIGN:right}
.archive-list A:hover{COLOR:#c00}
.alignleft{FLOAT:left;TEXT-ALIGN:left}
.about-author{BORDER-RIGHT:#1a1a1a 1px solid;BORDER-TOP:#1a1a1a 1px solid;MARGIN:15px 0px;BORDER-LEFT:#1a1a1a 1px solid;BORDER-BOTTOM:#1a1a1a 1px solid;BACKGROUND-COLOR:#0d0d0d;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.twitt{BACKGROUND-POSITION:0px -415px;PADDING-LEFT:0px;MIN-HEIGHT:40px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);FONT:17px Georgia,"Times New Roman",Times,serif;COLOR:#0d84e0;PADDING-TOP:20px;BACKGROUND-REPEAT:no-repeat}
.twitt P{PADDING-LEFT:80px;MARGIN:0px 150px 10px 0px}
.twitt A{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;COLOR:#0d84e0;PADDING-TOP:0px}
.twitt A:hover{COLOR:#62b8f7}
.post .sub-heading{PADDING-RIGHT:80px;BACKGROUND-POSITION:80px bottom;MARGIN-TOP:15px;PADDING-LEFT:95px;BACKGROUND-IMAGE:url(../images//img/ui/sub-heading-divider.png);PADDING-BOTTOM:8px;WORD-SPACING:1pt;FONT:17px/125% Arial,sans-serif;TEXT-TRANSFORM:none;PADDING-TOP:0px;BACKGROUND-REPEAT:repeat-y;LETTER-SPACING:0pt}
.sticky H1{BACKGROUND-POSITION:5px 0px;PADDING-LEFT:80px;BACKGROUND-ATTACHMENT:scroll;BACKGROUND-IMAGE:url(../images//img/ui/icon_sticky.png);BACKGROUND-REPEAT:no-repeat}
.item{FLOAT:left}
#submenu{OVERFLOW:hidden;WIDTH:960px;POSITION:relative}
#submenu H6{DISPLAY:block;FLOAT:right;BACKGROUND-IMAGE:url(../images//img/ui/tab_filter_bg.gif);WIDTH:106px;CURSOR:pointer;COLOR:#fff;TEXT-INDENT:9999px;MARGIN-RIGHT:85px;BACKGROUND-REPEAT:no-repeat;POSITION:relative;HEIGHT:21px;BACKGROUND-COLOR:#c00;TEXT-ALIGN:right}
.notice{CLEAR:right;MARGIN-TOP:3px;DISPLAY:none;FLOAT:left;WIDTH:760px;COLOR:#c00;TEXT-ALIGN:right}
.submenu-content{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:0px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:0px;FLOAT:left;PADDING-BOTTOM:0px;OVERFLOW:hidden;BORDER-LEFT:#ccc 1px solid;WIDTH:958px;PADDING-TOP:0px;POSITION:relative;BACKGROUND-COLOR:#f4f4f4;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px}
.submenu-content H3{FONT-WEIGHT:bold;FONT-SIZE:14px;MARGIN-BOTTOM:3px;TEXT-TRANSFORM:uppercase;COLOR:#ccc;LETTER-SPACING:0.1pt}
.submenu-content H3 B{FONT:16px "Arial Black",Gadget,sans-serif;TEXT-TRANSFORM:uppercase}
.submenu-content UL{PADDING-RIGHT:25px;PADDING-LEFT:120px;FLOAT:left;PADDING-BOTTOM:40px;MARGIN:0px;WIDTH:810px;PADDING-TOP:40px}
.submenu-content LI{BORDER-RIGHT:#fff 1px solid;PADDING-RIGHT:25px;BORDER-TOP:#fff 1px solid;DISPLAY:inline;PADDING-LEFT:80px;FLOAT:left;PADDING-BOTTOM:20px;MARGIN:0px 30px 0px 0px;BORDER-LEFT:#fff 1px solid;WIDTH:115px;CURSOR:pointer;COLOR:#999;LINE-HEIGHT:12px;PADDING-TOP:20px;BORDER-BOTTOM:#fff 1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.submenu-content LI A{PADDING-RIGHT:0px;DISPLAY:block;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:5px 0px 0px;COLOR:#666;PADDING-TOP:0px}
.slide-prev{BACKGROUND-POSITION:-150px 0px;DISPLAY:block;Z-INDEX:1001;LEFT:0px;BACKGROUND-IMAGE:url(../images//img/ui/white_mask.png);WIDTH:150px;CURSOR:pointer;PADDING-TOP:50px;BACKGROUND-REPEAT:no-repeat;POSITION:absolute;TOP:20px;HEIGHT:150px}
.slide-next{BACKGROUND-POSITION:-150px 0px;DISPLAY:block;Z-INDEX:1001;LEFT:0px;BACKGROUND-IMAGE:url(../images//img/ui/white_mask.png);WIDTH:150px;CURSOR:pointer;PADDING-TOP:50px;BACKGROUND-REPEAT:no-repeat;POSITION:absolute;TOP:20px;HEIGHT:150px}
.submenu-content .submenu-content-over{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;COLOR:#333;BORDER-BOTTOM:#ccc 1px solid;BACKGROUND-COLOR:#eaeaea}
.submenu-content .submenu-content-over H3{COLOR:#fc0}
.submenu-content .active-filter{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;COLOR:#333;BORDER-BOTTOM:#ccc 1px solid;BACKGROUND-COLOR:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.active-filter H3{COLOR:#c00}
.slide-next{BACKGROUND-POSITION:0px 0px;Z-INDEX:1002;LEFT:810px;TEXT-ALIGN:right}
.cat-all{BACKGROUND-POSITION:20px -278px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);BACKGROUND-REPEAT:no-repeat}
.cat-twitts{BACKGROUND-POSITION:20px -278px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);BACKGROUND-REPEAT:no-repeat}
.cat-articles{BACKGROUND-POSITION:20px -278px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png);BACKGROUND-REPEAT:no-repeat}
.cat-twitts{BACKGROUND-POSITION:20px -422px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png)}
.cat-articles{BACKGROUND-POSITION:20px -134px;BACKGROUND-IMAGE:url(../images//img/ui/icons.png)}
.icon{BACKGROUND-POSITION:0px 0px}
.swap{BACKGROUND-POSITION:0px -144px}
.head-close{BACKGROUND-POSITION:0px bottom}
#ic{PADDING-RIGHT:0px;PADDING-LEFT:0px;Z-INDEX:99;PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:48px;PADDING-TOP:0px;POSITION:absolute;HEIGHT:48px;BACKGROUND-COLOR:#c60}
#page-title{CLEAR:both;Z-INDEX:199;LEFT:63px;OVERFLOW:hidden;TEXT-TRANSFORM:uppercase;WIDTH:600px;POSITION:relative;TOP:20px;HEIGHT:40px}
#page-title H2{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;FONT:bold 72px/55px Georgia,"Times New Roman",Times,serif;COLOR:#f4f4f4;PADDING-TOP:0px;LETTER-SPACING:-7pt}
.clearfix:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
.clearfix{DISPLAY:inline-block}
* HTML .clearfix{HEIGHT:1%}
.clearfix{DISPLAY:block}

附件:下载该文件资源,减少时间成本(增值服务)