@charset "UTF-8";/* CSS Document */
/*-- Bottom Toolbar --*/
#starterFoot{margin-top:-22px;font-weight:bold;color:#666666;position:relative;top:-15px;left:5px;padding-right:8px}
#extraCopy{font-weight:bold;color:#666666;padding:8px 0 0 0;margin:0 0 -24px 0}
div#toolbar,div#toolbarbut{position:fixed;/* set fixed position for the bar */ bottom:0px;right:0px;z-index:9999;/* keep the bar on top */ height:36px;/* CSS3 */ -moz-border-radius-topleft:8px;-khtml-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px;-khtml-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-moz-box-shadow:0px 1px 10px #666,inset 1px 1px 0px #a4a4a4;/* inset creates a inner-shadow */ -khtml-box-shadow:0px 1px 10px #666;-webkit-box-shadow:0px 1px 10px #666;/* CSS3 end */ border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#ccc;background-image:url(/includes/Footer/images/bcktool.png);opacity:.8}
div#toolbar:hover,div#toolbarbut:hover{opacity:1}
div#toolbar{width:100%;min-width:700px;/* to limit the width when an excessive window resize */ margin:0px auto;/* centered toolbar */ left:0px}
div#toolbar a:hover{border:none;/* fix 'hover' border in techNews Aggregator */}
div#toolbarbut{/* div for the 'hide status' */ width:60px;height:15px;margin-right:3%;display:none}
.leftside{float:left}
.rightside{float:right}
span.showbar a{/* show button */ padding:5px;font-size:10px;color:#989898}
/*-- Left Side --*/
ul#social li{display:inline}
a.rss{display:inline-block;width:104px;height:35px;margin-left:5px;background:url(/includes/Footer/images/rss.png) no-repeat}
a.facebook,a.twitter,a.digg,a.delicious,a.stumble,a.blog,a.bubble{display:inline-block;width:40px;height:35px;margin-top:1px}
a.rss:hover,a.facebook:hover,a.twitter:hover,a.digg:hover,a.delicious:hover,a.stumble:hover,a.blog:hover,a.bubble:hover{background-position:1px 1px;/* simple css hover effect */}
a.facebook{background:url(/includes/Footer/images/facebook.png) no-repeat}
a.twitter{background:url(/includes/Footer/images/twitter.png) no-repeat}
a.delicious{background:url(/includes/Footer/images/delicious.png) no-repeat}
a.digg{background:url(/includes/Footer/images/digg.png) no-repeat}
a.stumble{background:url(/includes/Footer/images/stumble.png) no-repeat}
a.blog{background:url(/includes/Footer/images/blog.png) no-repeat}
a.bubble{background:url(/includes/Footer/images/bubble.png) no-repeat}
.tip{position:absolute;/* important */ top:-75px;width:250px;height:78px;background:url(/includes/Footer/images/tip.png) no-repeat;float:left;display:none}
/* custom distances for the icons */
#tipfacebook{left:75px}
#tiptwitter{left:120px}
#tipdelicious{left:165px}
#tipdigg{left:210px}
#tipstumble{left:255px}
#tipblog{left:300px}
#tipbubble{left:345px}
.tip ul{padding:22px 0 0 0;text-align:center}
.tip ul li{display:inline;padding-left:3px}
.tip ul li a{font-size:13px;color:#fff}
.tip ul li a:hover{color:#666}
.tip ul li small{font-size:10px}
/*-- Right Side --*/
span.downarr{/* hide button */ float:right;border-left:1px solid #a4a4a4}
span.downarr a{display:block;width:36px;height:26px;padding:25px 0 0 10px;background:url(/includes/Footer/images/downarrow.png) no-repeat 5px 7px}
span.menu_title{background:#eee;border-left:1px solid #a4a4a4;padding:10px}
span.menu_title a{font-size:16px;line-height:34px;color:#9a9a9a}
.quickmenu{position:absolute;/* important */ top:-180px;right:46px;width:112px;height:180px;background:#000;border-top:1px solid #a4a4a4;border-left:1px solid #a4a4a4;border-right:1px solid #a4a4a4;/* CSS3 */ -moz-box-shadow:2px -3px 5px #c5c5c5,-3px 0px 5px #cdcdcd;-khtml-shadow:2px -3px 5px #c5c5c5,-3px 0px 5px #cdcdcd;-webkit-box-shadow:2px -3px 5px #c5c5c5,-3px 0px 5px #cdcdcd;/* CSS3 end */ display:none;/* important */}
.quickmenu ul{padding-top:20px}
.quickmenu ul li{border-bottom:none;padding:5px 10px;margin:0 15px 0 15px;list-style:none}
.quickmenu ul li a{font-size:11px;color:#fff;display:block}
.quickmenu ul li a:hover{color:#666}