@charset "UTF-8"; /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.0 */ /*reset.css*/ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /*fonts.css*/ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* global link properties */ a, a:link { font-size:100%; font-family:georgia,serif; text-decoration: none; color: #2E4863; text-transform:none; } a:visited { /*color: #f60;*/ } a:hover { text-decoration: underline; } a:focus { -moz-outline-style: none; } em {font-style:italic;} iframe { border:0; } /* generic styles */ .cls, .ysmcm, ul.blt li, ol.nums li { zoom:1; } .cls:after, .ysmcm:after, ul.blt li:after, ol.nums li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /* main columns */ .doc{ width:974px; margin:12px auto; background:url(../shine_files/ln-vt.png) repeat-y 655px 0; } .nobg{ background:none; } .main{ width:635px; float:left; margin-left:4px; text-align:left; overflow:hidden; _display:inline; position:relative; } .main .col-bg{ background:url(../shine_files/ln-vt.png) repeat-y 317px 0; margin:20px 0 30px; } .main .col{ width:300px; float:left; overflow:hidden; } .main .col-c{ width:300px; float:right; overflow:hidden; } .side{ width:300px; float:right; margin-right:4px; overflow:hidden; _display:inline; } /* module styles */ .mod { position:relative; zoom:1;} .mod .cols li{ float:left; _display:inline; } .mod .col2 li{ width:310px; margin-right:15px; } .mod .col2 li.last{ margin-right:0; } .mod .col2 li a, .mod .col4 li a{ font-weight:bold; font-size:93%; } .mod .col3 li{ width:203px; margin-right:13px; } .mod .col3 li.last{ margin-right:0; } .mod .col3 li a, .mod .col4 li a{ font-weight:bold; font-size:93%; } .mod .col4 li{ width:139px; margin-right:26px; } .mod .col4 li.last{ margin-right:0; } .mod h2, .side .mod h3{ color: #BA1C67; font:214% georgia,serif; margin:15px 0; text-transform:lowercase; } .mod h2 a, .side .mod h3 a { text-transform:lowercase; } .side .mod h2 span { color:#555; font-size:62%; white-space:nowrap; } .feature h2 a:hover { color:#fff; background:#2E4863; } .mod h2 a, .side .mod h3 a{ color: #BA1C67; text-decoration:underline; } .mod h2 a:hover { color:#fff; background:#BA1C67;text-decoration:none; } .mod .title h3, .side .mod .title h4{ font-size:197%; margin:5px 0; } .mod cite{ display:block; font:77% arial,sans-serif; color:#555; margin-top:5px; } .mod cite a { font-family:arial,sans-serif; } .mod .more{ font:bold 85% arial,sans-serif; color:#BA1C67; white-space:nowrap; } .mod .more:hover{ text-decoration:underline; } .mod .ft { margin-top:10px; } .mod .sm-img .img{ float:left; } .mod .sm-img .title{ float:right; width:195px; } .mod .sm-img ul{ clear:both; padding-top:10px; } /* style for alt text and lazy loaded images */ img{ font:77% arial; } img.lz{ background:#fff url(../shine_files/bg-diag.png) repeat; } .line{ padding-bottom:30px; border-bottom:5px solid #000; } .side .line{ border-bottom:2px solid #747474; margin-bottom:25px; } .line-top{ padding-top:5px; border-top:5px solid #000; } .line-top .ft .more{ position:absolute; top:30px; right:0; } .feature { padding-bottom:20px; } .idx .feature { border-bottom:2px solid #747474; } .feature .col3 li h2, .feature .col2 li h2{ font-size:207%; margin-bottom:5px; } .feature .col3 p { font-size:93%; } .feature .cols .attr { clear:both; } .feature .col1 .attr { clear:none; } .feature .cols p { line-height:1.5; } .feature .cols li h2 a { font-weight:normal; } .feature .cols .more { font-size:100%; } .feature .cols cite { font-size:85%; line-height:1.3; margin:-2px 0 8px; } .feature .cols cite a { font-size:100%; font-weight:normal; } .feature .img { float:left; _display:inline; margin-bottom:8px; } .feature .img img { display:block; } .feature .col1 .img { margin:0 15px 10px 0; } /* list styles */ ul.thumbs{ border-bottom:1px solid #e4e4e4; margin-top:14px; } ul.thumbs li{ border-top:1px solid #e4e4e4; padding:12px 0 10px; } ul.thumbs li h3{ font:normal 167% georgia,serif; } ul.thumbs li .img{ float:left; _display:inline; margin-right:10px; } ul.thumbs li .txt{ overflow:hidden; } /* fixes unbreakable links, and the desired side-effect of making .txt not wrap under .img */ ul.thumbs li{ zoom:1; } ul.thumbs li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.blt{ border-bottom:1px solid #e4e4e4; margin-top:10px; } ul.blt li{ border-top:1px solid #e4e4e4; padding:4px 0 4px 14px; font:bold 85% georgia,serif; background:url(../shine_files/ui-sprites.png) no-repeat 2px -18px; } ul.blt li a, ul.blt li span{ float:left; font-weight:bold; line-height:1.5; } ul.blt li span{ *width:100%; } ol.nums{ margin-top:10px; } ol.nums li{ border-top:1px solid #e4e4e4; padding:4px 0; *padding-bottom:2px; font:bold 85% georgia,serif; } ol.nums li span{ width:18px; height:18px; background:#fff url(../shine_files/navbg-bk.jpg) no-repeat 0 -3000px; float:left; _display:inline; } ol.nums li a{ font-weight:bold; line-height:1.5; margin:1px 0 0 6px; float:left; _display:inline; width:275px; } ol.nums li.num2 span{ background-position:-18px -3000px; } ol.nums li.num3 span{ background-position:-36px -3000px; } ol.nums li.num4 span{ background-position:-54px -3000px; } ol.nums li.num5 span{ background-position:-72px -3000px; } /* nav styles */ #ylf-nav { background:#000 url(../shine_files/navbg-bk.jpg) repeat-x 0 0; } .nav { margin:5px 0 4px; } .nav ul { margin:0 auto; width:974px; } .nav li { float:left; _display:inline; padding-left:2px; } .nav li.first, .nav li.first a { padding-left:0; } .nav li.first { background:none; } #ylf-nav li { background:url(../shine_files/ui-sprites.png) no-repeat -351px -133px; } #ylf-nav li.selected { padding-left:0; position:relative; right:-2px;} .nav li a { font-size:108%; display:block; padding:14px 6px 11px; color:#fff; } .nav li.selected a { font-family:georgia,serif; background:transparent url(../shine_files/navbg-bk.jpg) repeat-x 0 -2941px; color:#000; padding:10px 6px 8px; margin-top:4px; } /* topics subnav styles */ #ylf-subnav { background:#fff url(../shine_files/navbg-bk.jpg) repeat-x 0 -2903px; } #ylf-subnav .nav { width:974px; margin:0 auto; } #ylf-subnav .nav .title { display:block; float:left; _display:inline; margin:6px 5px 0 0; font:108% Georgia,serif; } #ylf-subnav .nav ul { width:auto; } #ylf-subnav .nav li a, #ylf-subnav .nav li span { color:#000; padding:6px 6px 9px; } #ylf-subnav .nav li { background-position:0 17px; } /* search bar styles */ #ygmaprop, #ylf-searchbar, #ylf-searchbar form button { background:#fff url(../shine_files/navbg-bk.jpg) repeat-x 0 0; } #ylf-searchbar { margin:0 0 10px; background-position:0 -2307px; height:50px; } #ylf-searchbar form { width:974px; margin:0 auto; text-align:left; padding:13px; *padding:11px; } #ylf-searchbar form label { height:0; width:0; overflow:hidden; display:block; } #ylf-searchbar form input, #ylf-searchbar form button { display:inline; vertical-align:middle; } #ylf-searchbar form input { border:1px solid #b6b6b6; padding:2px 3px 3px 16px; background:#fff url(../shine_files/ic-graphics.png) no-repeat 2px 2px; width:330px; } #ylf-searchbar form button { overflow:hidden; height:23px; padding:0 15px; margin:0 5px; border:1px solid #9e9278; background-position:0 -2877px; cursor:pointer; outline:none; font:93% georgia,serif; color:#693e20; } /* generic feeds styles */ .feeds li { float:left; } .feeds a { font:85%/1 arial,sans-serif; _display:inline; float:left; padding-left:6px; margin-left:6px; border-left:1px solid #d9d9d9; } .feeds li.first a { border:none; padding-left:0; } .feeds a span { background:url(../shine_files/ui-sprites.png) no-repeat -213px 0; display:block; height:11px; width:13px; float:left; _display:inline; margin-right:4px; *margin-right:0;} .feeds a.subscribe span { background-position:-268px 0; width:14px; } .feeds a.email span { background-position:-284px 0; } .feeds a.rss span { background-position:-299px 0; width:10px; } /* feature header */ #ylf-hdrbar { position:relative; margin:0; padding-right:200px; padding-bottom:10px; border-bottom:1px solid #D0D0D0; zoom:1; } #ylf-home #ylf-hdrbar { border:0; } #ylf-hdrbar .feeds { position:absolute; right:0; bottom:14px; } #ylf-hdrbar .feeds a { color:#2E4863 !important; } #ylf-hdrbar h1 { font:167% Georgia,serif; display:inline; padding-right:5px; } #ylf-hdrbar p { font:93% Georgia,serif; display:inline; color:#555; } #ylf-all-filter{ font:bold 93% Georgia,Times,serif; margin:10px 0; } #ylf-all-filter a{ font-weight:normal; } .feature h2 a { color:#2E4863; font-size:131%; } .feature h2 a:link, .feature h2 a:visited { color:#2E4863; text-decoration:none; text-transform:none; } .feature h2 a:hover, .feature h2 a:active { color:#2E4863; background:none; text-decoration:underline; text-transform:none; } /* channel/tag index, generic list of posts */ .posts-index .pgnav { border-top:0; margin-top:0; } .posts li.post { border-bottom:2px solid #747474; padding:20px 0 24px; position:relative; *overflow:hidden; *width:635px; } .posts li.post .author { margin:5px 0 8px; font:77% arial; } .posts li.post .author a { font-family:arial,sans-serif; } .posts li.post .author img { vertical-align:middle; } .posts li.post .author cite { padding:.2em 0 0 5px; color:#555; } #ylf-blog-idx1 .author cite { padding-left:0; } .posts li.post { line-height:1.5; } .posts li.post h2 { font-size:251%; line-height:1.2; } .posts li.post .cols { padding-bottom:10px; } .posts li.post img.left { float:left; margin-right:15px; } .posts li.post img.right { float:right; margin-left:15px; } .posts li.post img.left, .posts li.post img.right { _display:inline; margin-bottom:10px; } .posts li.post .excerpt a, .posts li.post .excerpt p a { font-family:arial,sans-serif; } .posts li.post .clrie6 { clear:both; } /* gallery on blog index pages */ /* beware - some yucky stuff to get image centering working in IE*/ .posts .gallery { margin-bottom:25px; } .posts .gallery .first, .posts .gallery .thumbs { float:left; _display:inline; } .posts .gallery .first { display:table; width:550px; height:330px; _overflow:hidden; background:url(../shine_files/bg-diag.png) repeat 0 0; _position:relative; text-align:center; } .posts .gallery .first div { display:table-cell; vertical-align:middle; font-size:0; _position:absolute; _top:50%; } .posts .gallery .first a { _position:relative; _top:-50%; _left:-50%; } .posts .gallery .portrait { width:350px; margin-left:100px; } .posts .gallery .thumbs { width:75px; margin-left:7px; } .posts .gallery .thumbs a, .posts .gallery .thumbs img { display:block; } .posts .gallery .thumbs a { margin-bottom:10px; position:relative; } .posts .gallery .thumbs a span { visibility:hidden; width:67px; height:67px; position:absolute; top:0; left:0; z-index:10; border:4px solid #D733AE; -moz-opacity:0.80; opacity:0.80; } .posts .gallery .thumbs a:hover span { visibility:visible; filter:alpha(opacity=80); } /* keep alpha in here for IE6 stupidity */ /* related links (tags) */ .related { margin:17px 0 22px; clear:both; line-height:1.5; } .related strong { font-weight:bold; } .related a { font-family:arial; } #ylf-blogpost .related { margin:25px 0pt 15px; } /* post toolbar */ .tools { padding:8px 15px; margin:15px 0 0; background:#eee url(../shine_files/bg-diag.png) repeat; } .tools li { float:left; _display:inline; margin:0 10px 0 20px; padding:2px 7px 2px 2px; background:#fff; } .tools li.print { margin-right:0; } .tools li a, .tools li span { font-size:93%; font-family:arial,sans-serif; line-height:1.4; } .tools li .icon { background:transparent url(../shine_files/navbg-bk.jpg) no-repeat top left; width:17px; height:17px; float:left; _display:inline; margin-right:7px; } .tools li.cmts .icon { background-position:-108px -3000px; } .tools li.email .icon { background-position:-127px -3000px; } .tools li.print .icon { background-position:-146px -3000px; } .tools li.last { margin:0 0 0 15px; } .editorial-tools li a { color:#f00 !important; } /* user blog no posts */ .no-posts { border-bottom:2px solid #747474; padding:5px 0 24px; } /* user blog header */ #ylf-blog-head .hd { padding-bottom:12px; } ul.links li { float:left; _display:inline; padding:0 8px; border-left:1px solid #747474; line-height:1; } ul.links li.first { border:none; padding-left:0; } ul.links li.my { border:none; float:right; padding:0; } ul.links li a { font:bold 93% arial,sans-serif; color:#BA1E68; line-height:1; } #ylf-blog-head .action { float:left; } #ylf-blog-head .feeds { float:right; } #ylf-blog-head .bd { border:1px solid #747474; border-width:1px 0; padding:20px 0; } #ylf-blog-head h1 { font:275% georgia,times,serif; } #ylf-blog-head cite { display:block; margin-top:5px; color:#555; font-size:93%; } #ylf-blog-head cite .date { padding-left:8px; font-size:93%; } #ylf-blog-head cite .author { font-size:100%; } #ylf-blog-head .status { display:-moz-inline-stack; display:inline-block; margin:0px 5px; font-size:77%; vertical-align:middle; } /* user blog about */ #ylf-blog-about .img { position:relative; float:left; } #ylf-blog-about .img:hover { text-decoration:none; } #ylf-blog-about .img img { display:block; } #ylf-blog-about .img .status { display:block; position:absolute; bottom:-2px; left:5px; width:68px; border:2px solid #fff; text-align:center; } #ylf-blog-about .title { width:190px; } #ylf-blog-about h3 { margin:10px 0; } #ylf-blog-about h3 a { text-decoration:none; text-transform:none; color:#2D4863; } #ylf-blog-about h3 a:hover { text-decoration:underline; } #ylf-blog-about ul { padding:0; } #ylf-blog-about li a { font:bold 85% arial,sans-serif; color:#BA1C67; } #ylf-blog-about .about { clear:both; padding:15px 0 12px; border-bottom:1px solid #E4E4E4; font-family:georgia,times,serif; line-height:1.5; } #ylf-blog-about .about img { padding:5px; } #ylf-blog-about p a { color:#19538f; } #ylf-blog-about a.more { margin:3px 0; } /* removed in latest comps #ylf-blog-about .ft { padding:5px 0pt 19px; border:1px solid #E4E4E4; border-width:1px 0; } #ylf-blog-about .ft p { border-bottom: 1px dotted #676767; clear:both; font-size:93%; } #ylf-blog-about .ft p span { float:left; background:#fff; margin:15px 0 -4px; padding:0 2px; } #ylf-blog-about .ft p span.num { float:right; font-weight:bold; color:#B44F6F; } */ .posts-index .status { padding:1px 7px 0px; color:#fff; font:normal 70% arial; text-transform:uppercase; background-color:#CA6E01; } /* Blog post comments */ #ylf-cmnts { padding-bottom:30px; } #ylf-cmnts h2 { margin-bottom:5px; } #ylf-cmnts .count { float:left; color:#555; } #ylf-cmnts .spgnav ul { float:right; _display:inline; } #ylf-cmnts .spgnav ul li { float:left; _display:inline; padding:0 8px; line-height:1; border-left:1px solid #557F01; } #ylf-cmnts .spgnav ul li.first { padding-left:0; border-left:none; } #ylf-cmnts .spgnav ul li a, #ylf-cmnts .spgnav ul li span { font:normal 93%/1 arial,sans-serif; } #ylf-cmnts .spgnav ul li a { font-weight:bold; } #ylf-cmnts .thumbs { margin:15px 0; } #ylf-cmnts .thumbs li cite { margin-bottom:5px; } #ylf-cmnts .thumbs li cite .author { color:#2E4863; font-family:arial,sans-serif; } #ylf-cmnts .thumbs li .abuse { font:77% arial,sans-serif; } #ylf-cmnts .thumbs li blockquote { font-size:100%; margin:5px 0; } #ylf-cmnts .thumbs li blockquote p { margin:5px 0 10px; line-height:1.5; } /* Blog post navigation styles*/ /* #ylf-blog .main #ylf-prevnext { margin-top:20px; } #ylf-prevnext h3 { font:174% Georgia,serif; } #ylf-prevnext .hlf-w { text-align:right; } #ylf-prevnext .col cite { margin-top:10px; display:block; } #ylf-prevnext .col h3 a { text-decoration:none; display:-moz-inline-stack; display:inline-block; padding-left:16px; } #ylf-prevnext .hlf-e h3 a { text-decoration:none; display:-moz-inline-stack; display:inline-block; padding-right:16px; } #ylf-prevnext .col h3 span { width:16px; height:16px; background:#eee; display:block; } #ylf-prevnext .col cite a { font:bold 93% Georgia,serif; display:block; } #ylf-prevnext .hlf-w a { padding-right:15px; display:block; } #ylf-prevnext .hlf-e a { padding-left:15px; display:block; } */ /* Blog post related links */ #ylf-blog .main #ylf-relatedlinks { margin:20px 0 0; border-bottom:1px solid #D0D0D0; } #post-cols .col { width:49.5%; float:left; } #ylf-relatedlinks .col h3 { margin:3px 5px 8px 15px; font:161.6% Georgia,serif; text-transform:lowercase; } #ylf-relatedlinks .hlf-w h3 { margin-left:0; } #ylf-relatedlinks .col ol li { font:normal 100% Georgia,serif; line-height:1.4; border-top:1px solid #E4E4E4; padding:6px 0; zoom:1; } #ylf-relatedlinks .col ol li span { float:left; _display:inline; line-height:1.2; margin:0 7px 0 2px; *margin-top:-2px; } #ylf-relatedlinks .col ol li a { font:bold 93% Georgia,serif; display:block; overflow:hidden; zoom:1; } #ylf-relatedlinks .hlf-e ol { margin-left:15px; } #ylf-relatedlinks .hlf-w ol { margin-right:15px; } #ylf-relatedlinks .full-w ol { margin-right:0; } #post-cols .full-w { border:0 !important; width:100%; } #post-cols .hlf-w { border-right:1px solid #D0D0D0; margin-right:-1px; } #post-cols .hlf-e { border-left:1px solid #D0D0D0; } #post-cols .hlf-hidden { display:none; } /* user vitality */ #ylf-vitals { padding-bottom:7px; } #ylf-vitals li span.action{ display:block; font:77% arial; } #ylf-vitals li a.post{ display:block; font-size:131%; } #ylf-vitals li cite{ display:block; font:77% arial; color:#8F8F8F; margin-bottom:12px; } #ylf-vitals li cite a{ font-family:arial,sans-serif; } /* gradient buttons */ #ylf-slideshow button, .buttons button, .yui-panel .button-group button, #yui-editor-panel button { background:#f2f2f2 url(../shine_files/navbg-bk.jpg) repeat-x 0 -3203px; font-weight:bold; border:1px solid #d8d8d8; color:#BA1C67; height:28px; line-height:28px; padding:0 10px; margin-right:15px; cursor:pointer; font-size:93%; _line-height:20px; _width:1%; _overflow:visible; } #ylf-slideshow button:hover, .buttons button:hover, .buttons button.hover, #yui-editor-panel button:hover, #yui-editor-panel button.hover, .button-group button:hover, .button-group button.hover { border:1px solid #b1b1b1; border-top-color:#e5e5e5; border-left-color:#e5e5e5; } .buttons button:active, #yui-editor-panel button:active, .button-group button:active { border:1px solid #e5e5e5; border-top-color:#b1b1b1; border-left-color:#b1b1b1; } .buttons button.disabled, .yui-panel .button-group button.disabled { -moz-opacity:0.4; opacity:.40; filter: alpha(opacity=40); cursor:default; } /* profile box, aka "you box" */ #ylf-you a { font-family:arial,sans-serif; } #ylf-you .bd a { font-weight:bold; font-size:93%; } #ylf-you .line{ padding-bottom:10px; margin-bottom:0; border-width:1px; border-color:#BDBDBD; } #ylf-you .hd h3 { margin:0 0 5px; text-transform:none; } #ylf-you .avatar { padding:2px; border:1px solid #C7C7C7; float:left; } #ylf-you .avatar img { display:block; } #ylf-you .greets h3 { color:#2E4863; } #ylf-you .greets .first { font-weight:bold; } #ylf-you .out { padding-top:10px; color:#2E4863; } #ylf-you .out .new-user { font-size:85%; margin-top:3px; } #ylf-you .failed { font-size:93%; padding:10px; border:1px solid #E5A132; } #ylf-you .boxed { width:235px; float:right; } #ylf-you .bd li { float:left; _display:inline; margin-top:5px; padding-right:12px; } #ylf-you .bd li a { float:left; padding:5px 0 0 35px; min-height:20px; _height:20px; font-size:100%; white-space:nowrap; background:transparent url(../shine_files/ubox.png) no-repeat left center; } #ylf-you .bd li a span { display:block; font:normal 77% arial; } #ylf-you .bd li.new a { background-position:-300px top; padding-left:40px; } #ylf-you .bd li.weath a { background-position:-612px center; } #ylf-you .bd li.horo a { background-position:-896px center; padding-left:32px; } #ylf-you .bd li.sep { background:#fff url(../shine_files/ubox.png) no-repeat -1200px center; padding-left:4px; } #ylf-you .bd p { margin-top:10px; } #ylf-you .bd a { background:#fff url(../shine_files/ubox.png) no-repeat -1200px center; padding:0 1px 0 5px; white-space:nowrap; zoom:1; } #ylf-you .bd a.nobg { background:none; padding-left:0; } /* subscriptions */ .mod .sm-img .img{ float:left; } .mod .sm-img .txt{ float:left; width:550px; } #ylf-usr-subscr { position:relative; } #ylf-usr-subscr h3 { margin-top:0; margin-bottom:10px; } #ylf-usr-subscr ul li { position:relative; } #ylf-usr-subscr ul li a strong { font-weight:bold; } #ylf-usr-subscr ul li .posttime { font-size: 85%; } #ylf-usr-subscr ul li .remove { background:#aaa url(../shine_files/ui-sprites.png) no-repeat -182px 0px; position:absolute; top:10px; right:1px; text-indent:-999em; display:block; height:11px; width:11px; } /* most popular module */ #ylf-popular .place { text-transform:lowercase; margin-bottom:10px; } #ylf-popular .place li { float:left; _display:inline; padding:0 5px; border-left:1px solid #646464; overflow:hidden; } #ylf-popular .place li.first { padding-left:0; border-left:0; } #ylf-popular .place li.active a { font-weight:bold; color:#000; text-decoration:none; cursor:text; } #ylf-popular .blt { clear:both; height:auto; width:auto; overflow:hidden; margin-top:0; } #ylf-popular .blt li { padding-bottom:6px; } #ylf-popular .blt li a { font-weight:bold; font-size:116%; } #ylf-popular .blt li span { clear:left; font:normal 93% arial,sans-serif; color:#555; } #ylf-popular .hide { height:0; width:0; } /* site vitality (talk of the town) */ #ylf-vitality ul { border-bottom:0; } #ylf-vitality ul li { padding:8px 0 5px; } #ylf-vitality ul li a.title { font-weight:bold; font-style:italic; font-size:108%; } #ylf-vitality h2 span { display:block; margin:-2px 0 0 40px; } /* pick of the day */ #ylf-pick ul li { padding:8px 0 5px; } #ylf-pick h3 { margin:0; } #ylf-pick h3 a { text-transform:none; font-size:77%; text-decoration:none; color:#2E4863; } #ylf-pick h3 a:hover { text-transform:none; font-size:77%; text-decoration:underline; color:#2E4863; } /* discover more */ #ylf-discover h2 { margin-bottom:35px; } #ylf-discover ul li .txt h4 { margin-bottom:5px; } #ylf-discover ul li .txt h4 a { font-size:174%; } /* advertorial */ #ylf-ad cite { margin:-12px 0 10px; } #ylf-ad p { font:italic 125% georgia,times,serif; line-height:1.3; } #ylf-byte .mod .more { display: block; width: 160px; white-space: normal; } #ylf-byte #ylf-logo { position: absolute; right: 0; bottom: 2px; *bottom: 25px; } /* pagination */ .pgnav { border-top:2px solid #000; border-bottom:1px solid #000; margin-top:2px; padding:15px 0; text-align:center; position:relative; } .pgnav span, .pgnav a { font:bold 100% arial,sans-serif; padding:5px 8px; margin-right:8px; } .pgnav a.last { margin-right:0; } .pgnav span { background:#3c3c3c; color:#fff; font-size:161.6%; } .pgnav a { color:#BA1C67; font-size:161.6%; } .pgnav .next, .pgnav .prev { background:transparent; padding:0; font:normal 189% Georgia,serif; color:#9F9F9F; position:absolute; top:11px; width:130px; margin:0; } .pgnav .next a, .pgnav .prev a { font:normal 100% Georgia,serif; padding:0; margin:0; } .pgnav .next b, .pgnav .prev b, .pgnav .next a b, .pgnav .prev a b { font-size:80%; *font-size:70%; vertical-align:middle; font-family:arial; *display:inline-block; *padding-top:5px; } .pgnav .prev { left:0; text-align:left; } .pgnav .next { right:0; text-align:right; } /* blog post styles */ #ylf-blog .main .line { border-bottom:2px solid #747474; } #ylf-blog blockquote { overflow:hidden; zoom:1; } /* make quotes clear themselves */ #ylf-blogpost { position:relative; *overflow:hidden; *width:635px; } #ylf-blogpost .draft { margin:10px 0; color:red; font-size:108%; } #ylf-blogpost .draft em { font-weight:bold; font-style:normal; } #ylf-blogpost a { font-family:arial,sans-serif; } #ylf-blogpost .post-hdr { margin:10px 0 5px; } #ylf-blogpost .post-hdr h2 { font:250% Georgia,serif; margin-bottom:5px; width:635px; overflow:hidden; } #ylf-blogpost .post-hdr .attr { font-size:85%; color:#555; } #ylf-blogpost .post-hdr .attr img { float:left; } #ylf-blogpost .post-hdr .attr ul li { float:left; _display:inline; margin:0 0 5px 10px; padding-right:10px; border:1px solid #ccc; border-width:0 1px 0 0; } #ylf-blogpost .post-hdr .attr ul li.last { border:0; } #ylf-blogpost .post-hdr .readmore ul { display: block; float: left; *width: 90%; *line-height: 1.4em; } #ylf-blogpost .post-hdr .alias { font-style:italic; /* coreid requirement */} #ylf-blogpost .post-body { margin:15px 0; line-height:1.5; } #ylf-blogpost .post-body strong, .post-msg strong { font-weight:bold; } .post-msg { margin:10px 0 0; font-size:107%; padding:10px; border:1px solid #ff0000; color:#ff0000; } .post-body p { margin:15px 0; } .post-body em strong,.post-body strong em{font-weight:bold; font-style:italic;} .posts li.post .excerpt ul, .posts li.post .excerpt ol, #ylf-blogpost .post-body ul #ylf-blogpost .post-body ul, #ylf-blogpost .post-body ol { margin:0 0 20px; } .posts li.post .excerpt ul li, #ylf-blogpost .post-body ul li { list-style: disc inside; line-height:1.4; margin:0 0 5px; } .posts li.post .excerpt ol li, #ylf-blogpost .post-body ol li { list-style: decimal inside; line-height:1.4; margin:0 0 5px; } .synd { margin:15px 0 0; } .synd strong { font-weight:bold; float:left; color:#5C5C5C; } .synd ul li { display:block; float:left; _display:inline; margin:0 15px 0 5px; } .synd ul li a { font:100% arial; } .synd ul li a span, .synd ul li span { display:block; background:url(../shine_files/ui-sprites.png) no-repeat; width:17px; height:16px; float:left; _display:inline; margin:-1px 5px 0; } .synd ul li.buzz form { display:inline; } .synd ul li.buzz { margin-right:13px; } .synd ul li.buzz span { background-position:-195px 0px; margin-right:3px; } .synd ul li.buzz form button { border:0; background:#fff; cursor:pointer; font:100% arial; padding:0; color:#2E4863; } .synd ul li.digg a span { background-position:-110px 0px; } .synd ul li.delicious a span { background-position:-128px 0px; } .synd ul li.stumble a span { background-position:-147px 0px; } .synd ul li.technorati a span { background-position:-164px 0px; } .buzzup { position:absolute; right:0; margin-top:1.5em; z-index:999; width:80px; } .buzzup span { background:url(../shine_files/ui-sprites.png) no-repeat -195px 0px; width:17px; height:16px; float:left; _display:inline; margin:0 3px 0 0; *margin-top:2px; } .buzzup button { border:0; background-color:transparent; cursor:pointer; font:100% arial,sans-serif; padding:0; color:#2E4863; *padding:0; *width:0; *overflow:visible; } /* post image styles */ .figure { margin-bottom:10px; } .figure img { display:block; } .figure .legend { margin:0; padding:8px 10px; color:#555; font-size:77%; text-align:left; background:#eee; } .fig-left { float:left; margin-right:10px; _display:inline; } .fig-right { float:right; margin-left:10px; _display:inline; } .fig-middle { clear:both; margin:0 auto 10px; padding:15px 0 0; text-align:center; } /* Blog post comment form styles */ #cmt-form { margin:20px 0; background:#F4F1EC; } #cmt-form p.disclaimer { padding:10px 15px 15px; line-height:138.5%; } #cmt-form a { font-family:arial,sans-serif; } #cmt-form h3 { font:174% georgia,serif; margin:0 15px 15px; padding:15px 0 0; } #cmt-form form #content { margin:0 15px; width:594px; padding:3px; } #cmt-form .ft { position:relative; padding:15px 15px 0; } #cmt-form .cid { } #cmt-form .cid .avatar { float:left; _display:inline; } #cmt-form .cid-name .avatar { float:none; } #cmt-form .cid label { display:block; margin-bottom:10px; } #cmt-form button { position:absolute; right:25px; top:15px; background:url(../shine_files/navbg-bk.jpg) repeat-x 0 -2877px; cursor:pointer; overflow:hidden; height:23px; padding:0 15px; border:1px solid #9e9278; font:93% georgia,serif; color:#693e20; } #cmt-form .notice { padding:0 15px 15px; } #cmt-form .notice a { font-weight:bold; } #cmt-form .postconfirm { margin:0 15px 15px; } #cmt-form .postconfirm h4 { font-weight:bold; margin-bottom:5px; } /* comment message when coming from frontpage */ .fp-cmts { padding:15px 0; } .fp-cmts a { font:bold 100% arial; } /* coreid aliases and avatar */ .cid .avatar { margin-right:5px; padding:2px; border:1px solid #c7c7c7; } .cid p { font-size:85%; } .cid select { border:1px solid #c7c7c7; padding:1px; } .cid select .alias { font-style:italic; } .cid label, .cid .avatar, .cid select { vertical-align:top; } .cid-name .avatar { vertical-align:baseline; margin:0 5px; } .cid-name strong { font:bold 116% georgia,times,serif; } .cid .links a { font:100% arial; } /* Vitality overflow page */ #ylf-chatter h1 { font-size:197%; font-family:georgia,serif; } #ylf-chatter .thumbs { border-bottom:0; } #ylf-chatter .thumbs li { border-top:0; border-bottom: 1px solid #E4E4E4; } #ylf-chatter .thumbs li .img { margin-right:20px; } #ylf-chatter .txt .title { font-size:167%; } #ylf-chatter .txt cite { display:block; color:#555; font-size:85%; } /* sitemap */ h1.sitemap { border-bottom:1px solid #000; font-size:240%; font-family:georgia,serif; padding-bottom:15px; } #ylf-sitemap ul.blt { border:none; margin:5px 0 15px; padding-bottom:20px; border-bottom:1px solid #dfdfdf; } #ylf-sitemap ul.last { border:none; } #ylf-sitemap ul.blt li { border:none; padding:1px 0 1px 14px; font-size:100%; background-position:2px -22px; } #ylf-sitemap ul.blt li a { font:normal 100% arial,sans-serif; } #ylf-sitemap .mod h2 { margin:0; } #ylf-sitemap .mod h2 a { font-size:85%; } /* ads */ #ylf-lrec { padding:10px 0; } #ylf-nt1 { width:954px; margin:0 auto; } /* darla ads */ #ylf-lrec-lz { display:none; padding:10px 0; } #ylf-darla-LRECLZ, #ylf-darla-LREC2 { width:300px; height:265px; } #ylf-darla-MIP { width:300px; height:125px; } /* ysm */ .ysmcm { padding:15px; margin:30px 0; border:1px solid #D8D8D8; } .ysmcm h3, .ysmcm h3 a { text-transform:uppercase; font:bold 77% arial; color:#999; padding:0; } .ysmcm h4, .ysmcm h4 a { font:100% arial; display:block !important; color:#2E4863 !important; } .ysmcm.ysmcm-cols2 .ysmcm-col { float:left; width:48%; } .ysmcm .ysmcm-col1 { margin-right:20px; } .ysmcm li { margin-top:15px; } .ysmcm p.ysmcm-desc { font:85% arial; margin:3px 0; } .ysmcm p.ysmcm-desc a { color:#555 !important; text-decoration:none; font:108% arial; } .ysmcm a {display:block; zoom:1; } .ysmcm .ysmcm-url { color:#008000 !important; font:85% arial; } .ysmcm .ysmcm-msg { margin-top:35px; } .ysmcm .ysmcm-msg a { color:#11529c; font:108% arial; } .ysmcm a.url { color:#008000; } .idx .ysmcm, .side .ysmcm { border-width:0 0 2px; border-color:#747474; margin:25px 0 0; padding:0 0 25px; } /* search styles */ #ylf-discover { border:0; } #ylf-search h1 { margin-top:10px; font:250% Georgia,serif; color:#555; } #ylf-search h1.noresults { margin-top:10px; font:150% Georgia,serif; } #ylf-search h1.noresults p { margin-top:5px; } #ylf-search .main { margin-bottom:30px; } #ylf-search .main em { font-weight:bold; color:#000; } #ylf-search .side .ysmcm { padding-bottom:35px; margin-top:15px; } #ylf-search-results { margin:10px 0; } #ylf-search-results .hd { border-bottom:2px solid #000; text-align:right; padding-bottom:8px; font-family:Georgia,serif; line-height:1.5; } /* #ylf-search-results .numres { padding-left:175px; } */ #ylf-search-results .numres { color:#555; } #ylf-search-results .sort { float:left; } #ylf-search-results .sort li { padding-right:3px; } #ylf-search-results .sort li.last { border-left:1px solid #343434; padding-left:5px; } #ylf-search-results strong, #ylf-search-results em { font-weight:bold; } #ylf-search-results .sort ul, #ylf-search-results .sort ul li { display:inline; } #ylf-search-results .item { zoom:1; position:relative; padding-left:30px; margin:20px 0 0; } #ylf-search-results .item span.ct { font:123.1% Georgia,serif; position:absolute; left:0; top:5px; } #ylf-search-results .item h2 { font-size:174%; } #ylf-search-results .item h2 a { font-family:Georgia,serif; } #ylf-search-results .item cite { font-size:85%; color:#555; } #ylf-search-results .item cite a { color:#C5155D; } #ylf-search-results .item a { font-family:arial,sans-serif; } #ylf-search-results .item p { margin:5px 0; line-height:1.5; } #ylf-search-results .item .found { color:#555; margin:5px 0 0; clear:both; } /* gallery in search */ #ylf-search-results .item .gallery-thumbs { margin:10px 0 15px; } #ylf-search-results .item .gallery-thumbs a.photo { display:block; float:left; background:transparent url(../shine_files/bg-diag.png); text-align:center; width:75px; height:75px; } #ylf-search-results .item .gallery-thumbs a img { border:1px solid #fff; } #ylf-search-results .item .gallery-thumbs a { display:block; float:left; background:none; margin-right:10px; position:relative; } #ylf-search-results .item .gallery-thumbs a span { width:69px; height:69px; position:absolute; top:0; left:0; z-index:10; } #ylf-search-results .item .gallery-thumbs a:active span, #ylf-search-results .item .gallery-thumbs a:hover span { border:4px solid #D733AE; -moz-opacity:0.80; opacity:0.80; filter:alpha(opacity=80); } #ylf-search-results .item .gallery-thumbs a.more p { display:block; margin:0; } #ylf-search-results .item .gallery-thumbs a.more { width:80px; margin-left:10px; padding-top:20px; color:#C5155D; font:bold 92% arial,sans-serif; border:0; } #ylf-search-noresults { margin-top:30px; } #ylf-search-noresults h2 { font:bold 108% Georgia,serif; margin-bottom:10px; } #ylf-search-noresults h2 a { font:bold 108% Georgia,serif; } #ylf-search-noresults ul { margin:10px 0; } #ylf-search-noresults ul li{ margin:5px 0; line-height:1.2; list-style: disc inside; } #ylf-search-noresults ul li{ margin:5px 0; line-height:1.2; list-style: disc inside; } #ylf-search-noresults .return { margin:30px 0 20px; } #ylf-search-rcvups { padding-top:10px; } #ylf-search-rcvups .hd span { display:block; font:bold 100% Georgia,serif; padding-bottom:7px; } #ylf-search-rcvups .hd span a { font:bold 100% Georgia,serif; color:#C5155D; } #ylf-search-rcvups .bd ul li { border-top:1px solid #E4E4E4; padding:7px 0; } #ylf-search-rcvups .bd .alertme span { background:url(../shine_files/ui-sprites.png) no-repeat -229px 0; width:18px; height:18px; _display:inline; float:left; margin-top:-1px; margin-right:5px; } #ylf-search-rcvups .bd ul li a { font:bold 93% Georgia,serif; } #ylf-search-rcvups .bd ul li p, #ylf-search-rcvups .bd ul.feeds { float:left; } #ylf-search-rcvups .bd ul.feeds { margin-top:8px; } #ylf-search-rcvups .bd li p { float:left; _display:inline; font:bold 93% georgia; margin:0 5px 0 0; color:#555; } #ylf-search-rcvups .bd ul.feeds li { border:none; padding:0; } /* blog write tips */ #ylf-write-tips h3{text-transform:none;border-bottom:#747474 solid 2px;padding-bottom:15px;} #ylf-write-tips h4{font-family:georgia,serif;font-size:167%;margin:15px 0pt;} #ylf-write-tips li{padding-bottom:15px;border-bottom:#d8d8d8 solid 1px;} #ylf-write-tips ul .last{border-bottom:none;} /* color links for channel specific color */ a.c-none { color:#2E4863 !important; } a.c-health { color:#487F00 !important; } a.c-food { color:#B04800 !important; } a.c-parenting { color:#435E7D !important; } a.c-sex { color:#A10028 !important; } a.c-entertainment { color:#9B0049 !important; } a.c-money { color:#175779 !important; } a.c-beauty { color:#7C2950 !important; } a.c-home { color:#5F241A !important; } #ylf-super-footer { margin:60px auto 0; background:none; } #ylf-super-footer .mn-hd { border-top:4px solid #000; margin-left:4px; } #ylf-super-footer .mn-hd h2 { margin:3px 0 10px 0; border-top:#000 solid 2px; border-bottom:1px solid #000; font-family:georgia, serif; font-size:310%; padding:12px 0; } #ylf-super-footer .mn-bd { /* TODO: sprite the images */ background:url(../shine_files/ln-vt.png) 321px 0 repeat-y; padding-left:4px; } #ylf-super-footer .row { border-bottom:1px solid #BABABA; background:url(../shine_files/ln-vt.png) 651px 0 repeat-y; padding:27px 0 37px; } #ylf-super-footer .first { margin-top:30px; padding-top:0px; } #ylf-super-footer .last { padding-bottom:0px; border:0; } #ylf-super-footer .mod { float:left; width:302px; padding-bottom:12px; _display:inline; } #ylf-super-footer .mod .hd{ padding-bottom:2px; margin-bottom:17px; border-bottom:1px solid #E4E4E4; } #ylf-super-footer .mod h2{ margin-top:0px; } #ylf-super-footer .mod h2 a{ text-decoration:underline; } #ylf-super-footer .col2{ margin:0 32px 0 31px; } #ylf-super-footer .mod .sm-img .title { float:right; width:218px; } #ylf-super-footer .mod h3 { font-size:170%; } /* Universal Header/Footer sprite */ #ylf-foot .foot-logo, #ylf-foot .foot-yahoo, #ygnav a.more, #ygma label, #ygma .ygbt { display:block; background:transparent url(../shine_files/ui-sprites.png) no-repeat; text-indent:-100em; overflow:hidden; zoom:1; } /* Universal Footer (FOOT) */ #ylf-foot{ clear:both; margin:50px 0 0; background:#565656; color:#fff; padding:0 0 20px 0; zoom:1; } #ylf-foot .foot-logo{ float:left; height:33px; width:81px; background-position:-350px -59px; margin:10px 5px 0 0; _display:inline; } #ylf-foot .foot-logo a{ display:block; height:100%; width:100%; } #ylf-foot a{ color:#fff; font-family:arial,sans-serif; } #ylf-foot a:hover{ text-decoration:underline; } #ylf-foot .doc{ background:none; position: relative; margin:0 auto; } #ylf-foot .foot-yahoo{ position:absolute; top:20px; right:0; height:13px; width:126px; background-position:-463px -64px; } #ylf-foot .foot-yahoo a:hover{ text-decoration:none; } #ylf-foot ul, #ylf-foot li, #ylf-foot .doc img{ float:left; } #ylf-foot li{ border-left:1px #fff solid; padding:0 3px; } #ylf-foot .foot-nav{ margin-top:24px; } #ylf-foot .foot-nav li{ border-left:2px #fff solid; } #ylf-foot .foot-nav a{ font-weight:bold; } #ylf-foot .foot-nav .first, #ylf-foot .foot-legal .first{ border:none; } #ylf-foot .foot-legal .first{ padding-left:0; } #ylf-foot p, #ylf-foot .foot-legal{ font-size:85%; clear:left; } #ylf-foot .foot-legal{ padding-top:20px; *width:100%; } #ylf-foot .foot-copyright{ color:#c7c7c7; } #ylf-eyebrow {display:block;background:#ff0;padding:5px;font-size:120%;} /* Universal Header */ .mast{ background:none; } #ygma { margin-right:5px; } #ygma{width:100%;position:relative;text-align:left;zoom:1;margin:0 auto;} #ygma * {line-height:1.22em;} #ygma a {font-family:arial,sans-serif;} #ygma #ygmahelp p{ display:inline; float:left; margin:0 8px 0; } #ygma #ygmahelp ul{ display:inline; } #ygma strong{font-weight:bold;color:#000;} #ygma input{font:99% arial,helvetica,clean,sans-serif;} #ygmatop{padding:0;font:normal 77% verdana;zoom:1;} #ygmabot{clear:both;padding:10px 0;*padding:9px 0 8px;font:normal 77% verdana;zoom:1;} #ygma em {font-style:normal;} #ygmacx{float:left;width:100%;} #ygnav,#ygmahelp{list-style:none;} #ygnav li,#ygmahelp li{display:inline;margin-right:7px;list-style:none;zoom:1;} #ygma #ygnav{font:100% arial;float:left;padding:5px 0 0 4px;*padding-top:6px;} #ygma #ygnav a{color:#666;} #ygma #ygmalogin{font-size:123.1%;} #ygma form{float:left;padding:0;margin:0; text-align:right; } #ygma label{margin:0;float:left; height:15px; padding:4px 3px 0 22px; text-indent:0; background-position:-619px -53px; font-weight:bold; font-size:93%; } #ygma .ygbt{float:left; margin-right:1px; *margin-top:2px; margin-top:1px; cursor:pointer; cursor:hand; border:0; height:19px; width:96px; background-position:-537px -1px; } #ygma #ygsp{font:normal 123.1% arial;margin:0; *margin:0 -3px; width:209px; *width:214px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding: 0px;height:16px;} #ygmauser .brd { margin:0 3px 0; padding:1px; display:block; position:relative; float:left; } #ygmahelp{font:100% verdana;} #ygmahelp li{margin-right:4px;} #ygmahelp li.yglast{padding:0;margin:0;} #ygmalogo,#ygmauser{float:left;} #ygma #ygmalogo{margin:3px 0 0 5px; *margin-top:5px; } #ygmagreeting,#ygmalogin{display:block;} #ygmamyyhpff{*display:none;} #ygma .yzq_x{width:0;height:0;} #ygma a{text-decoration:none;} #ygma a:hover{text-decoration:underline;} #ygmahelp{position:absolute;top:0px;right:0px; } #ygmahelp a{color:#666;} #ygmauser{border:1px solid #9db0d1;margin-top:6px; padding:2px; float:right; font:normal 100% verdana; } #ygmaprop{ float:left; background-position:73px -3231px; } #ygmaspons{ float:left; _display:inline; background-position:-536px -24px; } #ygma .att { margin:25px 0 0 10px; } #ygma .vrz { margin:14px 0 0 10px; } #make_y {float:left; margin-left:45px;} #make_y a {text-decoration:none; font-weight:bold; color:#333;} #ygmauser fieldset{display:block;} #ygnav{padding:0 !important;} #ygnav a,#ygmahelp a.sio{width:auto;border-right:1px solid #ccc;padding:0 7px 0 0;} #ygnav a.more { display:inline; text-indent:0; padding-right:14px; background-position:right -87px; } #ygnav a.last,#ygmahelp a.last,#ygpw a.last{border:0;} #ygmahelp a.last{padding:0;} #ygmahelp a.bold{font-weight:bold;} ul#ygmamu{display:none;position:absolute;top:1.5em;left:152px;z-index:10;list-style-type:none;border-bottom:2px solid #ccc;border-right:2px solid #ccc;border-top:#2px solid #efefef;background:#efefef;} ul#ygmamu li{text-align:left;padding:1px 7px 1px 8px;} ul#ygmamu a{display:block;width:100%;_width:auto;font:108% arial,sans-serif;} ul#ygmamu a.divider{border-bottom:1px solid #ccc;padding-bottom:3px;} *:first-child+html #ygpw{text-align:left !important; width:27em;} /* Main Style - Only in my blog, and Community aka Speak up */ .main #ylf-blogpost a, #ylf-cmnts .thumbs li .abuse, .main .post .excerpt .related a, .synd ul li.buzz form button { color:#19538f; } /* Channel styles */ #ylf-ch-idx1 .first { padding-top:0; } /* Health Channel */ #ylf-ch-health #ygmaprop{ background-position:73px -3304px; } #ylf-ch-health #ylf-subnav li a, #ylf-ch-health #ylf-subnav li span, #ylf-ch-health .main a, #ylf-ch-health .main a:link { color:#487F00; } #ylf-ch-health .main #ylf-blogpost a, #ylf-ch-health .main .tools a, #ylf-ch-health .main .synd a, #ylf-ch-health #ylf-cmnts .thumbs li .abuse, #ylf-ch-health .main .post .excerpt .related a, #ylf-ch-health .mod h2, #ylf-ch-health .side .mod h3, #ylf-ch-health .side .mod a.more, #ylf-ch-health .synd ul li.buzz form button, #ylf-ch-health #ylf-you .greets a, #ylf-ch-health #ylf-super-footer .mod .hd a, #ylf-ch-health #ylf-super-footer .mod a.more { color:#B65800; } #ylf-ch-health .mod a.more:hover{ border-color:#B65800; } #ylf-ch-health #ylf-super-footer .mod .hd a:hover { color:#fff; background:#B65800; } #ylf-ch-health #ylf-nav { background-position:0 -1260px; background-color:#53972A; } #ylf-ch-health #ylf-searchbar { background-position:0 -2622px; } #ylf-ch-health #ylf-searchbar form input { background-position:2px -268px; } #ylf-ch-health ol.nums li span{ background-position:0 -3108px; } #ylf-ch-health ol.nums li.num2 span{ background-position:-18px -3108px; } #ylf-ch-health ol.nums li.num3 span{ background-position:-36px -3108px; } #ylf-ch-health ol.nums li.num4 span{ background-position:-54px -3108px; } #ylf-ch-health ol.nums li.num5 span{ background-position:-72px -3108px; } #ylf-ch-health .tools li.cmts span { background-position:-108px -3114px; } #ylf-ch-health .tools li.email span { background-position:-127px -3114px; } #ylf-ch-health .tools li.print span { background-position:-146px -3114px; } /* Food Channel */ #ylf-ch-food #ygmaprop{ background-position:-6px -3448px; } #ylf-ch-food #ylf-subnav li a, #ylf-ch-food #ylf-subnav li span, #ylf-ch-food .main a, #ylf-ch-food .main a:link { color:#B04800; } #ylf-ch-food .main #ylf-blogpost a, #ylf-ch-food .main .tools a, #ylf-ch-food .main .synd a, #ylf-ch-food #ylf-cmnts .thumbs li .abuse, #ylf-ch-food .main .post .excerpt .related a, #ylf-ch-food .mod h2, #ylf-ch-food .side .mod h3, #ylf-ch-food .side .mod a.more, #ylf-ch-food .synd ul li.buzz form button, #ylf-ch-food #ylf-you .greets a, #ylf-ch-food #ylf-super-footer .mod .hd a, #ylf-ch-food #ylf-super-footer .mod a.more { color:#9E2224; } #ylf-ch-food .mod a.more:hover{ border-color:#9E2224; } #ylf-ch-food #ylf-super-footer .mod .hd a:hover { color:#fff; background:#9E2224; } #ylf-ch-food #ylf-nav { background-position:0 -1470px; background-color:#E0771B; } #ylf-ch-food #ylf-searchbar { background-position:0 -2672px; } #ylf-ch-food #ylf-searchbar form input { background-position:2px -311px; } #ylf-ch-food ol.nums li span{ background-position:0 -3126px; } #ylf-ch-food ol.nums li.num2 span{ background-position:-18px -3126px; } #ylf-ch-food ol.nums li.num3 span{ background-position:-36px -3126px; } #ylf-ch-food ol.nums li.num4 span{ background-position:-54px -3126px; } #ylf-ch-food ol.nums li.num5 span{ background-position:-72px -3126px; } #ylf-ch-food .tools li.cmts span { background-position:-108px -3133px; } #ylf-ch-food .tools li.email span { background-position:-127px -3133px; } #ylf-ch-food .tools li.print span { background-position:-146px -3133px; } /* Parenting Channel */ #ylf-ch-parenting #ygmaprop{ background-position:73px -3376px; } #ylf-ch-parenting #ylf-subnav li a, #ylf-ch-parenting #ylf-subnav li span, #ylf-ch-parenting .main a, #ylf-ch-parenting .main a:link { color:#435E7D; } #ylf-ch-parenting .main #ylf-blogpost a, #ylf-ch-parenting #ylf-cmnts .thumbs li .abuse, #ylf-ch-parenting .main .post .excerpt .related a, #ylf-ch-parenting .synd ul li.buzz form button { color:#8f0065; } #ylf-ch-parenting .main .synd a, #ylf-ch-parenting .main .tools a, #ylf-ch-parenting #ylf-you .greets a, #ylf-ch-parenting .mod h2, #ylf-ch-parenting .side .mod h3, #ylf-ch-parenting .side .mod a.more, #ylf-ch-parenting #ylf-super-footer .mod .hd a, #ylf-ch-parenting #ylf-super-footer .mod a.more { color:#603263; } #ylf-ch-parenting .mod a.more:hover{ border-color:#603263; } #ylf-ch-parenting #ylf-super-footer .mod .hd a:hover { color:#fff; background:#603263; } #ylf-ch-parenting #ylf-nav { background-position:0 -1050px; background-color:#4C6987; } #ylf-ch-parenting #ylf-searchbar { background-position:0 -2572px; } #ylf-ch-parenting #ylf-searchbar form input { background-position:2px -227px; } #ylf-ch-parenting ol.nums li span{ background-position:0 -3090px; } #ylf-ch-parenting ol.nums li.num2 span{ background-position:-18px -3090px; } #ylf-ch-parenting ol.nums li.num3 span{ background-position:-36px -3090px; } #ylf-ch-parenting ol.nums li.num4 span{ background-position:-54px -3090px; } #ylf-ch-parenting ol.nums li.num5 span{ background-position:-72px -3090px; } #ylf-ch-parenting .tools li.cmts span { background-position:-108px -3095px; } #ylf-ch-parenting .tools li.email span { background-position:-127px -3095px; } #ylf-ch-parenting .tools li.print span { background-position:-146px -3095px; } /* Sex and Love Channel */ #ylf-ch-sex #ygmaprop{ background-position:-6px -3376px; } #ylf-ch-sex #ylf-subnav li a, #ylf-ch-sex #ylf-subnav li span, #ylf-ch-sex .main a, #ylf-ch-sex .main a:link { color:#A10028; } #ylf-ch-sex .main #ylf-blogpost a, #ylf-ch-sex .main .tools a, #ylf-ch-sex .main .synd a, #ylf-ch-sex #ylf-cmnts .thumbs li .abuse, #ylf-ch-sex .main .post .excerpt .related a, #ylf-ch-sex .mod h2, #ylf-ch-sex .side .mod h3, #ylf-ch-sex .side .mod a.more, #ylf-ch-sex .synd ul li.buzz form button, #ylf-ch-sex #ylf-you .greets a, #ylf-ch-sex #ylf-super-footer .mod .hd a, #ylf-ch-sex #ylf-super-footer .mod a.more { color:#7A1A59; } #ylf-ch-sex .mod a.more:hover{ border-color:#7A1A59; } #ylf-ch-sex #ylf-super-footer .mod .hd a:hover { color:#fff; background:#7A1A59; } #ylf-ch-sex #ylf-nav { background-position:0 -840px; background-color:#9B3147; } #ylf-ch-sex #ylf-searchbar { background-position:0 -2522px; } #ylf-ch-sex #ylf-searchbar form input { background-position:2px -227px; } #ylf-ch-sex ol.nums li span{ background-position:0 -3072px; } #ylf-ch-sex ol.nums li.num2 span{ background-position:-18px -3072px; } #ylf-ch-sex ol.nums li.num3 span{ background-position:-36px -3072px; } #ylf-ch-sex ol.nums li.num4 span{ background-position:-54px -3072px; } #ylf-ch-sex ol.nums li.num5 span{ background-position:-72px -3072px; } #ylf-ch-sex .tools li.cmts span { background-position:-108px -3076px; } #ylf-ch-sex .tools li.email span { background-position:-127px -3076px; } #ylf-ch-sex .tools li.print span { background-position:-146px -3076px; } /* Entertainment Channel */ #ylf-ch-entertainment #ygmaprop{ background-position:-6px -3304px; } #ylf-ch-entertainment #ylf-subnav li a, #ylf-ch-entertainment #ylf-subnav li span, #ylf-ch-entertainment .main a, #ylf-ch-entertainment .main a:link { color:#9B0049; } #ylf-ch-entertainment .main #ylf-blogpost a, #ylf-ch-entertainment .main .tools a, #ylf-ch-entertainment .main .synd a, #ylf-ch-entertainment #ylf-cmnts .thumbs li .abuse, #ylf-ch-entertainment .main .post .excerpt .related a, #ylf-ch-entertainment .mod h2, #ylf-ch-entertainment .side .mod h3, #ylf-ch-entertainment .side .mod a.more, #ylf-ch-entertainment .synd ul li.buzz form button, #ylf-ch-entertainment #ylf-you .greets a, #ylf-ch-entertainment #ylf-super-footer .mod .hd a, #ylf-ch-entertainment #ylf-super-footer .mod a.more { color:#084D9A; } #ylf-ch-entertainment .mod a.more:hover{ border-color:#084D9A; } #ylf-ch-entertainment #ylf-super-footer .mod .hd a:hover { color:#fff; background:#084D9A; } #ylf-ch-entertainment #ylf-nav { background-position:0 -420px; background-color:#590030; } #ylf-ch-entertainment #ylf-searchbar { background-position:0 -2422px; } #ylf-ch-entertainment #ylf-searchbar form input { background-position:2px -95px; } #ylf-ch-entertainment ol.nums li span{ background-position:0 -3036px; } #ylf-ch-entertainment ol.nums li.num2 span{ background-position:-18px -3036px; } #ylf-ch-entertainment ol.nums li.num3 span{ background-position:-36px -3036px; } #ylf-ch-entertainment ol.nums li.num4 span{ background-position:-54px -3036px; } #ylf-ch-entertainment ol.nums li.num5 span{ background-position:-72px -3036px; } #ylf-ch-entertainment .tools li.cmts span { background-position:-108px -3038px; } #ylf-ch-entertainment .tools li.email span { background-position:-127px -3038px; } #ylf-ch-entertainment .tools li.print span { background-position:-146px -3038px; } /* Career and Money Channel */ #ylf-ch-money #ygmaprop{ background-position:73px -3448px; } #ylf-ch-money #ylf-subnav li a, #ylf-ch-money #ylf-subnav li span, #ylf-ch-money .main a, #ylf-ch-money .main a:link { color:#175779; } #ylf-ch-money .main #ylf-blogpost a, #ylf-ch-money #ylf-cmnts .thumbs li .abuse, #ylf-ch-money .main .post .excerpt .related a, #ylf-ch-money .synd ul li.buzz form button { color:#990033; } #ylf-ch-money .main .tools a, #ylf-ch-money .main .synd a, #ylf-ch-money #ylf-you .greets a, #ylf-ch-money .mod h2, #ylf-ch-money .side .mod h3, #ylf-ch-money .side .mod a.more, #ylf-ch-money #ylf-super-footer .mod .hd a, #ylf-ch-money #ylf-super-footer .mod a.more { color:#824958; } #ylf-ch-money .mod a.more:hover{ border-color:#824958; } #ylf-ch-money #ylf-super-footer .mod .hd a:hover { color:#fff; background:#824958; } #ylf-ch-money #ylf-nav { background-position:0 -210px; background-color:#435988; } #ylf-ch-money #ylf-searchbar { background-position:0 -2372px; } #ylf-ch-money #ylf-searchbar form input { background-position:2px -48px; } #ylf-ch-money ol.nums li span{ background-position:0 -3018px; } #ylf-ch-money ol.nums li.num2 span{ background-position:-18px -3018px; } #ylf-ch-money ol.nums li.num3 span{ background-position:-36px -3018px; } #ylf-ch-money ol.nums li.num4 span{ background-position:-54px -3018px; } #ylf-ch-money ol.nums li.num5 span{ background-position:-72px -3018px; } #ylf-ch-money .tools li.cmts span { background-position:-108px -3019px; } #ylf-ch-money .tools li.email span { background-position:-127px -3019px; } #ylf-ch-money .tools li.print span { background-position:-146px -3019px; } /* Fashion + Beauty Channel - Uses Beauty colors theme */ #ylf-ch-beauty #ygmaprop{ background-position:-6px -3231px; } #ylf-ch-beauty #ylf-subnav li a, #ylf-ch-beauty #ylf-subnav li span, #ylf-ch-beauty .main a, #ylf-ch-beauty .main a:link { color:#7C2950; } #ylf-ch-beauty .main #ylf-blogpost a, #ylf-ch-beauty .main .tools a, #ylf-ch-beauty .main .synd a, #ylf-ch-beauty #ylf-cmnts .thumbs li .abuse, #ylf-ch-beauty .main .post .excerpt .related a, #ylf-ch-beauty .mod h2, #ylf-ch-beauty .side .mod h3, #ylf-ch-beauty .side .mod a.more, #ylf-ch-beauty .synd ul li.buzz form button, #ylf-ch-beauty #ylf-you .greets a, #ylf-ch-beauty #ylf-super-footer .mod .hd a, #ylf-ch-beauty #ylf-super-footer .mod a.more { color:#4C8CA8; } #ylf-ch-beauty .mod a.more:hover{ border-color:#4C8CA8; } #ylf-ch-beauty #ylf-super-footer .mod .hd a:hover { color:#fff; background:#4C8CA8; } #ylf-ch-beauty #ylf-nav { background-position:0 -1890px; background-color:#5A1E38; } #ylf-ch-beauty #ylf-searchbar { background-position:0 -2772px; } #ylf-ch-beauty #ylf-searchbar form input { background-position:2px -404px; } #ylf-ch-beauty ol.nums li span{ background-position:0 -3162px; } #ylf-ch-beauty ol.nums li.num2 span{ background-position:-18px -3162px; } #ylf-ch-beauty ol.nums li.num3 span{ background-position:-36px -3162px; } #ylf-ch-beauty ol.nums li.num4 span{ background-position:-54px -3162px; } #ylf-ch-beauty ol.nums li.num5 span{ background-position:-72px -3162px; } #ylf-ch-beauty .tools li.cmts span { background-position:-108px -3152px; } #ylf-ch-beauty .tools li.email span { background-position:-127px -3152px; } #ylf-ch-beauty .tools li.print span { background-position:-146px -3152px; } /* At Home Channel */ #ylf-ch-home #ygmaprop{ background-position:73px -3518px; } #ylf-ch-home #ylf-subnav li a, #ylf-ch-home #ylf-subnav li span, #ylf-ch-home .main a, #ylf-ch-home .main a:link { color:#5F241A; } #ylf-ch-home .main #ylf-blogpost a, #ylf-ch-home #ylf-cmnts .thumbs li .abuse, #ylf-ch-home .main .post .excerpt .related a, #ylf-ch-home .synd ul li.buzz form button { color:#c86e04; } #ylf-ch-home .main .synd a, #ylf-ch-home .main .tools a, #ylf-ch-home #ylf-you .greets a, #ylf-ch-home .mod h2, #ylf-ch-home .side .mod h3, #ylf-ch-home .side .mod a.more, #ylf-ch-home #ylf-super-footer .mod .hd a, #ylf-ch-home #ylf-super-footer .mod a.more { color:#475E16; } #ylf-ch-home .mod a.more:hover{ border-color:#475E16; } #ylf-ch-home #ylf-super-footer .mod .hd a:hover { color:#fff; background:#475E16; } #ylf-ch-home #ylf-nav { background-position:0 -630px; background-color:#2E110D; } #ylf-ch-home #ylf-searchbar { background-position:0 -2472px; } #ylf-ch-home #ylf-searchbar form input { background-position:2px -141px; } #ylf-ch-home ol.nums li span{ background-position:0 -3054px; } #ylf-ch-home ol.nums li.num2 span{ background-position:-18px -3054px; } #ylf-ch-home ol.nums li.num3 span{ background-position:-36px -3054px; } #ylf-ch-home ol.nums li.num4 span{ background-position:-54px -3054px; } #ylf-ch-home ol.nums li.num5 span{ background-position:-72px -3054px; } #ylf-ch-home .tools li.cmts span { background-position:-108px -3057px; } #ylf-ch-home .tools li.email span { background-position:-127px -3057px; } #ylf-ch-home .tools li.print span { background-position:-146px -3057px; } /* All Channel Styles */ .side #ylf-you.mod .greets h3, .main #ylf-cmnts.mod h2#comments { color:#000; } .main #ylf-cmnts .thumbs .txt cite a, .side #ylf-discover.mod a.more { color:#2E4863; } /* Events Specific */ .ylf-event #ylf-nt1 { width:974px; margin:0 auto; } /** * Astrology styles start here **/ /* Astro Channel Color Scheme */ #ylf-ch-astro #ylf-subnav li a, #ylf-ch-astro #ylf-subnav li span, #ylf-ch-astro .main a, #ylf-ch-astro .main a:link, #ylf-ch-astro .main .synd a, #ylf-ch-astro .side .mod a.more, #ylf-ch-astro #ylf-you .greets a, #ylf-ch-astro #ylf-super-footer .mod .hd a, #ylf-ch-astro #ylf-super-footer .mod a.more {color: #2B475F;} #ylf-ch-astro #ylf-super-footer .mod .hd a:hover {color: #fff;background: #533D85;} /* astro nav style overrides */ #ylf-ch-astro #ylf-nav {background-position:0 -1680px; } #ylf-ch-astro #ylf-searchbar {background-position: 0 -2722px;} #ylf-ch-astro #ylf-searchbar form input {background-position:2px -141px;} #ylf-ch-astro ol.nums li span {background-position: 0 -3180px;} #ylf-ch-astro ol.nums li.num2 span {background-position:-18px -3180px;} #ylf-ch-astro ol.nums li.num3 span {background-position:-36px -3180px;} #ylf-ch-astro ol.nums li.num4 span {background-position:-54px -3180px;} #ylf-ch-astro ol.nums li.num5 span {background-position:-72px -3180px;} #ylf-ch-astro .tools li.sub .icon {background-position:-108px -3170px;} #ylf-ch-astro .tools li.email .icon {background-position:-127px -3170px;} #ylf-ch-astro .tools li.print .icon {background-position:-146px -3170px;} #ylf-ch-astro #ylf-subnav .nav li a.selected { background-color:#775D8D; color:#fff; } #ylf-ch-astro #ylf-subnav .nav li a, #ylf-ch-astro #ylf-subnav .nav li span { padding:3px 6px; margin:3px 0 6px; } /*astrology specific styles overriding existing shine rules */ #ylf-ch-astro .mod h2, #ylf-ch-astro .side .mod h3 { color:#000; } #ylf-ch-astro .main .col-bg { background-image:none; margin-top:10px; } #ylf-ch-astro .main .mod { margin: 0 0 20px; } #ylf-ch-astro .line-top { padding-top: 10px; border-top: 1px solid #d0d0d0; } #ylf-ch-astro .doc .main .astro-main { width: 397px; } #ylf-ch-astro #ylf-hdrbar .feeds { bottom:12px; } #ylf-ch-astro #ylf-hdrbar h1 { font-size:167%; display:block; color:#222; margin-bottom:4px; } #ylf-ch-astro h2.extended { font: 131% georgia,serif; margin: 20px 5px 0 5px; text-transform:none; } #ylf-ch-astro .line-top .more { position: relative; top: 0; margin: 10px 0 0 0; } #ylf-ch-astro .main .line { border:0; padding:0; } #ylf-ch-astro .mod .bd h3 { font: 123.1% arial,sans-serif; margin: 5px 5px 0 0; font-weight: bold; } #ylf-ch-astro h4 { font-size: 100%; margin: 5px 0; font-weight: bold; } #ylf-ch-astro h4 span { font-weight: normal; } p.more a, #astro-guides-bysign a { font: 100% Arial,sans-serif; font-weight:bold; } #ylf-ch-astro .buttons { vertical-align:middle; } #ylf-ch-astro .buttons button { color:#533D85; font:bold 100% arial,sans-serif; height:24px; margin-left:5px; } /* "Show More" link */ #ylf-ch-astro .mod .ft a.show-more { font:bold 108% arial,sans-serif; } #ylf-ch-astro .mod .ft a.show-more span { font-size:100%; } /* personalize call to action module */ #astro-personalize-cta { background: #E1DEF9 url(../shine_files/astro-mod-bg.png) no-repeat 0 -30px; padding: 10px 20px 35px 20px; } #ylf-ch-astro #astro-personalize-cta h2 { color:#3E2080; font-size:250%; } #astro-personalize-cta a { font-family:arial,sans-serif; font-weight:bold; } #astro-personalize-cta p { font-size:131%; margin:-10px 0 25px; color:#222; } #astro-personalize-cta ul li { font-size:100%; color:#222; margin-bottom:5px; } #astro-personalize-cta form label { display:block; } #astro-personalize-cta form.error label { color:red; font-weight:bold; font-size:123.1%; } #astro-personalize-cta form select { padding-bottom:1px; } /* Daily Cosmic Calendar */ #ylf-ch-astro #astro-cosmic-calendar h2 { font-size:250%; } #astro-cosmic-calendar .bd cite { margin:-5px 0 5px; font-size:85%; } #astro-cosmic-calendar .bd p { font-size:108%; line-height:1.5; } #astro-cosmic-calendar .ft { margin-top:0; } /* Chinese Zodiac Yearly */ #ylf-ch-astro #animal-sign h2 { color:#533D7E; } #animal-sign .bd p { line-height:1.5; font-size:116%; margin: 0 0 20px 80px; } .astro-other-signs { clear:both; margin:10px 0; padding:10px 5px 10px 20px; background:#EFEFF7; zoom:1; } .astro-other-signs label { vertical-align:middle; font-size:108%; font-weight:bold; margin-right:5px; } .astro-other-signs select { padding-bottom:1px; vertical-align:middle; } .astro-other-signs p { display:inline; vertical-align:middle; } .astro-other-signs p a { font:bold 108% arial,sans-serif; margin-left:40px; } /* Famous Birthdays */ #ylf-ch-astro #astro-celeb-bday h2 { color:#533D7E; margin-bottom:7px; } #astro-celeb-bday ul.thumbs { margin-top:4px; } #astro-celeb-bday ul.thumbs li { padding:1px 0; font-size:123.1%; } #astro-celeb-bday ul.thumbs li a { vertical-align:middle; line-height:1.9; } #astro-celeb-bday ul.thumbs li img { float:left; _display:inline; margin-right:10px; padding:0; } #astro-celeb-bday ul.thumbs li span { font-size:70%; } #astro-celeb-bday ul.thumbs li span.today { font-weight:bold; } #astro-celeb-bday .ft a { font-size:108%; } /* All forecasts */ #astro-horoscope .bd .content { overflow:hidden; margin-bottom:30px; } #astro-horoscope .bd .content h2 { font:normal 197%/1.3 georgia,serif; margin:0 5px 20px 0; text-transform:none; } #astro-horoscope .bd .content p { margin-bottom:20px; line-height:1.5; font-size:108%; } #astro-horoscope .bd .content ul li { line-height:1.5; } #astro-horoscope .bd .content ul li a { font-family:arial,sans-serif; font-size:100%; } #ylf-ch-astro #astro-horoscope .bd h3 { margin-bottom:10px; } #astro-horoscope .personalized .content { overflow:visible; } #astro-horoscope .bd .astro-sign-info p { font-size:85%; } #astro-horoscope .ft { margin-top:20px; } #astro-horoscope .ft p { font-size:108%; font-weight:bold; } #astro-horoscope .ft a { font-family:arial,serif; } .astro-sign-info, .astro-animal-sign-info { float:left; _display:inline; margin:0 10px 10px 0; width:100px; } .astro-sign-info h5, .astro-animal-sign-info h5 { font-weight:bold; text-align:center; } .astro-sign-info p, .astro-animal-sign-info p { text-align:center; font-size:77%; } .astro-animal-sign-info p { padding:0 5px; } .astro-sign-info a, .astro-animal-sign-info a, .astro-sign-info span, .astro-animal-sign-info span { width:100px; height:95px; display:block; background:url(../shine_files/astro-signs.png) no-repeat; } .astro-sign-info a, .astro-sign-info span { margin-left:5px; } .astro-sign-info .aries { background-position:-905px -5px; } .astro-sign-info .taurus { background-position:-1005px -5px; } .astro-sign-info .gemini { background-position:-1105px -5px; } .astro-sign-info .cancer { background-position:-1205px -5px; } .astro-sign-info .leo { background-position:-1305px -5px; } .astro-sign-info .virgo { background-position:-1405px -5px; } .astro-sign-info .libra { background-position:-1505px -5px; } .astro-sign-info .scorpio { background-position:-1605px -5px; } .astro-sign-info .sagittarius { background-position:-1705px -5px; } .astro-sign-info .capricorn { background-position:-1805px -5px; } .astro-sign-info .aquarius { background-position:-1905px -5px; } .astro-sign-info .pisces { background-position:-2005px -5px; } .astro-animal-sign-info .rat { background-position:-900px -105px; } .astro-animal-sign-info .ox { background-position:-1000px -105px; } .astro-animal-sign-info .tiger { background-position:-1100px -105px; } .astro-animal-sign-info .rabbit { background-position:-1200px -105px; } .astro-animal-sign-info .dragon { background-position:-1300px -105px; } .astro-animal-sign-info .snake { background-position:-1400px -105px; } .astro-animal-sign-info .horse { background-position:-1500px -105px; } .astro-animal-sign-info .goat { background-position:-1600px -105px; } .astro-animal-sign-info .monkey { background-position:-1700px -105px; } .astro-animal-sign-info .rooster { background-position:-1800px -105px; } .astro-animal-sign-info .dog { background-position:-1900px -105px; } .astro-animal-sign-info .pig { background-position:-2000px -105px; } /* Additional Forecast Links */ #astro-links h2 { text-transform:none; font-size:182%; } #astro-links .bd { margin-bottom:30px; clear:both; } #astro-links ul { border-bottom:1px solid #e4e4e4; } #astro-links ul li { float:left; _display:inline; width:300px; border-top:1px solid #e4e4e4; } #astro-links ul li a, #astro-links ul li span { display:block; padding:8px 0 8px 2px; font:normal 108% arial,sans-serif; font-weight:bold; } /* Sun Signs and Chinese Animal Sign Maps */ #ylf-ch-astro .astro-map { width:225px; } #ylf-ch-astro .astro-sign-map h2 { font-size:250%; } .astro-sign-map .bd p { font-size:85%; color:#555; margin:-5px 0 10px; } .astro-sign-map ul { width:221px; height:387px; overflow:hidden; border:1px solid #98c0cc; } .astro-sign-map ul li { float:left; _display:inline; border:1px solid #cddae0; margin:-1px 0 0 -1px; zoom:1; } .astro-sign-map ul li a { background:url(../shine_files/astro-signs.png) no-repeat 0 0; width:73px; height:96px; overflow:hidden; display:block; font-family:arial,sans-serif; text-decoration:none; text-align:center; zoom:1; cursor:hand; } .astro-sign-map ul li a:hover { background-position:-73px 0; text-decoration:none; } .astro-sign-map ul li .icon { overflow:hidden; display:block; background:url(../shine_files/astro-signs.png) no-repeat 0 0; } .astro-sign-map ul li a .name { font-weight:bold; font-size:93%; color:#2E4863; line-height:1; display:block; } .astro-sign-map ul li a .date { font-size:77%; color:#000; } .astro-sign-map li.aries a:hover .name, .astro-sign-map li.leo a:hover .name, .astro-sign-map li.sagittarius a:hover .name { color:#da4300; } .astro-sign-map li.taurus a:hover .name, .astro-sign-map li.virgo a:hover .name, .astro-sign-map li.capricorn a:hover .name { color:#4e9e00; } .astro-sign-map li.gemini a:hover .name, .astro-sign-map li.libra a:hover .name, .astro-sign-map li.aquarius a:hover .name { color:#e97300; } .astro-sign-map li.cancer a:hover .name, .astro-sign-map li.scorpio a:hover .name, .astro-sign-map li.pisces a:hover .name { color:#1a5fb1; } #astro-sun-signs li .icon { margin:6px 0 0 7px; width:60px; height:55px; } .astro-sign-map li.aries .icon { background-position:-180px -3px; } .astro-sign-map li.taurus .icon { background-position:-240px -3px; } .astro-sign-map li.gemini .icon { background-position:-300px -3px; } .astro-sign-map li.cancer .icon { background-position:-360px -3px; } .astro-sign-map li.leo .icon { background-position:-420px -3px; } .astro-sign-map li.virgo .icon { background-position:-480px -3px; } .astro-sign-map li.libra .icon { background-position:-540px -3px; } .astro-sign-map li.scorpio .icon { background-position:-600px -3px; } .astro-sign-map li.sagittarius .icon { background-position:-660px -3px; } .astro-sign-map li.capricorn .icon { background-position:-720px -3px; } .astro-sign-map li.aquarius .icon { background-position:-780px -3px; } .astro-sign-map li.pisces .icon { background-position:-840px -3px; } #astro-animal-signs li .icon { margin:12px 0 10px 7px; width:60px; height:55px; } .astro-sign-map li.rat .icon { background-position:-180px -65px; } .astro-sign-map li.ox .icon { background-position:-240px -65px; } .astro-sign-map li.tiger .icon { background-position:-300px -65px; } .astro-sign-map li.rabbit .icon { background-position:-360px -65px; } .astro-sign-map li.dragon .icon { background-position:-420px -65px; } .astro-sign-map li.snake .icon { background-position:-480px -65px; } .astro-sign-map li.horse .icon { background-position:-540px -65px; } .astro-sign-map li.goat .icon { background-position:-600px -65px; } .astro-sign-map li.monkey .icon { background-position:-660px -65px; } .astro-sign-map li.rooster .icon { background-position:-720px -65px; } .astro-sign-map li.dog .icon { background-position:-780px -65px; } .astro-sign-map li.pig .icon { background-position:-840px -65px; } .astro-sign-map li.rat a:hover .name { color:#bb548b; } .astro-sign-map li.ox a:hover .name { color:#347fc7; } .astro-sign-map li.tiger a:hover .name { color:#e56201; } .astro-sign-map li.rabbit a:hover .name { color:#437b7e; } .astro-sign-map li.dragon a:hover .name { color:#e64200; } .astro-sign-map li.snake a:hover .name { color:#5a9900; } .astro-sign-map li.horse a:hover .name { color:#3769aa; } .astro-sign-map li.goat a:hover .name { color:#c88800; } .astro-sign-map li.monkey a:hover .name { color:#974100; } .astro-sign-map li.rooster a:hover .name { color:#e45600; } .astro-sign-map li.dog a:hover .name { color:#ae5d00; } .astro-sign-map li.pig a:hover .name { color:#e3696c; } .astro-sign-map li.sagittarius, .astro-sign-map li.capricorn, .astro-sign-map li.aquarius, .astro-sign-map li.pisces, .astro-sign-map li.tiger, .astro-sign-map li.snake, .astro-sign-map li.monkey, .astro-sign-map li.pig { clear:right; border-right:none; } /* rules for automatically pulling in the sign image next to headlines as well as backrounds in info divs */ h2.icon span { width:50px; height:50px; margin:-15px 5px 0 0; background:url(../shine_files/astro-signs.png); float:left; _display:inline; } h2.icon .aries { background-position:-185px -3px; } h2.icon .taurus { background-position:-245px -3px; } h2.icon .gemini { background-position:-305px -3px; } h2.icon .cancer { background-position:-365px -3px; } h2.icon .leo { background-position:-425px -3px; } h2.icon .virgo { background-position:-485px -3px; } h2.icon .libra { background-position:-545px -3px; } h2.icon .scorpio { background-position:-605px -3px; } h2.icon .sagittarius { background-position:-665px -3px; } h2.icon .capricorn { background-position:-725px -3px; } h2.icon .aquarius { background-position:-785px -3px; } h2.icon .pisces { background-position:-845px -3px; } .animal h2.icon span { width:60px; height:60px; } h2.icon .rat { background-position:-180px -60px; } h2.icon .ox { background-position:-240px -60px; } h2.icon .tiger { background-position:-300px -60px; } h2.icon .rabbit { background-position:-360px -60px; } h2.icon .dragon { background-position:-420px -60px; } h2.icon .snake { background-position:-480px -60px; } h2.icon .horse { background-position:-540px -60px; } h2.icon .goat { background-position:-600px -60px; } h2.icon .monkey { background-position:-660px -60px; } h2.icon .rooster { background-position:-720px -60px; } h2.icon .dog { background-position:-780px -60px; } h2.icon .pig { background-position:-840px -60px; } #astro-chinese-overview, #astro-sunsign-overview, .astro-subject-forecast { margin-left: 100px; } #astro-chinese-overview .hd h2 { font-size:250%; } #astro-chinese-overview .content p { line-height:1.5; font-size:108%; margin-bottom:20px; } #astro-chinese-overview .content p.hidden { display:none; } #astro-chinese-overview .ft { margin-top:-20px; } /* Edit your horoscope form styling */ #ylf-ch-astro #astro-edit-horoscope .mod { padding:0 0 20px 10px; margin:0; } #ylf-ch-astro #astro-edit-horoscope h2 { padding:10px 0 5px; margin:0; font-size:225%; } #ylf-ch-astro #astro-edit-horoscope .userHoroscope h2 { margin-bottom:20px; } #astro-edit-horoscope .hd { margin:20px 0; } #astro-edit-horoscope p { font-size:108%; line-height:1.5; color:#2a2a2a; margin-bottom:15px; } #astro-edit-horoscope p.error, #astro-edit-horoscope p.success { padding:10px; font-weight:bold; zoom:1; } #astro-edit-horoscope p.error { border:1px solid #981b1e; color:#981b1e; } #astro-edit-horoscope p.success { border:1px solid #aaa; } #astro-edit-horoscope strong { font-weight:bold; } #astro-edit-horoscope .friends-header { padding:20px 0 25px 10px; } #astro-edit-horoscope form .bd { margin-left:110px; zoom:1; } #astro-edit-horoscope form .hd { font-size:123.1%; float:left; width:110px; margin:0; } #astro-edit-horoscope form .hd h4 { margin:0; color:#2a2a2a; font-size:108%; } #astro-edit-horoscope form .ft { margin:0; } #astro-edit-horoscope form fieldset { margin-bottom:20px; } #astro-edit-horoscope form label { font-size:116%; font-weight:bold; color:#2a2a2a; margin:2px 0 5px; display:block; } #astro-edit-horoscope form input { display:block; } #astro-edit-horoscope form .name input { width:250px; border:1px solid #b6b6b6; padding:2px; } #astro-edit-horoscope form select { font-size:100%; padding-bottom:1px; } #astro-edit-horoscope form .dob p { font-size:85%; padding-top:15px; clear:left; } #astro-edit-horoscope form .userHoroscope { background-color:#F0EFF5; } #astro-edit-horoscope form .friendHoroscope { background-color:#fff; } #astro-edit-horoscope form .friendHoroscope .bd { border-bottom:1px solid #ddd; } #astro-edit-horoscope form .buttons { margin-left:120px; } #astro-edit-horoscope form .userHoroscope .buttons { margin-left:110px; } #astro-edit-horoscope form .buttons button { margin:0 15px 0 0; height:28px; float:left; _display:inline; *width:75px; } #astro-edit-horoscope form .error { border:2px solid #981B1E !important; } #astro-edit-horoscope form .dob div { float:left; } #astro-edit-horoscope form #delNotice { float:left; _display:inline; width:300px; background:#DEDCE7; border:1px solid #CECBE0; position:relative; padding:5px 10px; margin-top:-10px; } #astro-edit-horoscope form #delNotice button { margin:3px 10px 3px 0; } #astro-edit-horoscope form #delNotice span { font-size:85%; color:#2a2a2a; vertical-align:middle;} /* The Friend Selector Widget on the Personalized Astro Landing page */ #astro-friend-picker { position:relative; background:url(../shine_files/astro-mod-bg.png) repeat-x 0 0; border:1px solid #BDBDD9; height:28px; margin:30px 0; } #astro-friend-picker ul a { font-family:arial,sans-serif; _display:inline; float:left; padding-left:8px; margin-left:8px; *margin-left:5px; } #astro-friend-picker ul li { float:left; margin-top: 6px;} #astro-friend-picker ul li.selected a { font-weight:bold; color:#000; cursor:default; text-decoration:none; } #astro-friend-picker a.edit { position:absolute; background:url(../shine_files/astro-mod-bg.png) repeat-x 0 0; top:4px; right:4px; border:1px solid #BDBDD9; display:block; padding:2px 8px; text-align:center; font:93% arial,sans-serif; } /* Common astro promo styles, specific overridden in PD */ #astro-promo { border-bottom:2px solid #747474; margin-bottom:25px; background:url(../shine_files/astro-promo.png) no-repeat 0 0; padding-top:25px; } #astro-promo .hd .partner { text-transform:lowercase; font-size:85%; } #astro-promo .hd h2 { color:#533D7E; margin:5px 0 15px; } #astro-promo a { font-family:arial,sans-serif; color:#533D7E; } #astro-promo .bd a { font-weight:bold; } #astro-promo p, #astro-promo li { line-height:1.5; } #astro-promo p { margin-bottom:5px; } #astro-promo fieldset { margin:0 0 25px; } #astro-promo label { font-weight:bold; display:block; margin:15px 0 5px; } #astro-promo select { padding-bottom:1px; } #ylf-ch-astro #astro-promo .buttons button { margin:0 0 0 5px; } #astro-promo .promo-links { border-top:1px solid #96ADBD; padding:15px 0; } #astro-promo .promo-links li a { font-weight:bold; } #astro-promo h2 .icon { float:left; _display:inline; margin:7px 10px 0 0; height:51px; width:51px; background:url(../shine_files/astro-promo.png) no-repeat -1201px 0; } /* astro section pagination links like next libra etc etc */ #ylf-ch-astro .pag {position:relative; padding-bottom:5px; margin:40px 0 30px; border-bottom:1px solid #D0D0D0; zoom:1; } #ylf-ch-astro .pag h2 { margin-bottom:0; zoom:1; } #ylf-ch-astro .pag .spgnav { position:absolute; bottom:4px; right:0; } #ylf-ch-astro .ft .spgnav { margin:10px 20px 0 120px; } #ylf-ch-astro .all { float:left; } #ylf-ch-astro .spgnav ul { float:right; _display:inline; } #ylf-ch-astro .spgnav ul li { float:left; _display:inline; padding-left:8px; border-left:1px solid #d9d9d9; } #ylf-ch-astro .spgnav ul li.prev, #ylf-ch-astro .spgnav ul li.single { padding-right:8px; border-left:none; } #ylf-ch-astro .spgnav ul li a { font-family:arial,sans-serif; font-weight:bold; } #ylf-ch-astro .pag .all { float:right; } #ylf-ch-astro .pag .spgnav ul { float:left; _display:inline; } /* Celebrity section rules. For call to actions peppered through the site as well as the celebrity pages themselves */ /* celebrity compatability cta modules */ #astro-celeb-compat-cta { background:url(../shine_files/astro-mod-bg.png) no-repeat -397px -30px; } #ylf-ch-astro #astro-celeb-compat-cta h2 { color:#3E2080; } #astro-celeb-compat-cta .celeb-images { float: left; margin:5px 10px 10px 5px; } #astro-celeb-compat-cta .celeb-images img { margin-right:5px; } #astro-celeb-compat-cta p { margin-bottom:15px; font-size:108%; } #astro-celeb-compat-cta p.first { padding-top:30px; } #astro-celeb-compat-cta p a { font-family:arial,sans-serif; font-weight:bold; } /* Celebrity article page column styles */ .celeb-sidebar { width: 110px; float: left; } .celeb-sidebar img, .celeb-sidebar h5, .celeb-sidebar p { margin: 0; } .celeb-sidebar h4, .celeb-sidebar li { text-align: left; font-size: 85%; } .celeb-detail { width: 480px; margin-left: 120px; } .celeb-list li { padding: 2px; margin: 4px 2px 0 0; white-space: nowrap; display: -moz-inline-stack; display: inline-block; } .celeb-list li a { font-size: 130%; } /* styling a definition list to look like a 2 column table for the celebrities by sign page */ .date-list { float: left; margin: 20px 20px 20px 0; width: 240px; } dl.event { margin: 0; padding: 0; } .event dt { position: relative; left: 60px; width: 145px; top: 10px; } .event dd { margin-top: -8px; padding: 0; } /* Compatibility tools specifics */ #ylf-ch-astro .compat-tools .first { border-top:0; margin-top:5px; } #ylf-ch-astro .compat-tools p { font-size:108%; line-height:1.5; margin:10px 0; } #ylf-ch-astro .compat-tools .sec .mod { padding-top:5px; margin-bottom:25px; } #ylf-ch-astro .compat-tools .sec .first { border:0; } #ylf-ch-astro .compat-tools .sec h2 { color:#533D85; font-size:230%; } #ylf-ch-astro .compat-tools .sec h2 a { background:none; text-decoration:none; } #ylf-ch-astro .compat-tools .sec h2 a:hover { background:none; text-decoration:underline; } #ylf-ch-astro .compat-tools .sec .ft a { font:bold 108% arial,sans-serif; } #ylf-ch-astro .compat-tools #astro-links { margin:0; } #ylf-ch-astro .compat-take { margin-top:30px; } #ylf-ch-astro .compat-take h2 { font:138.5% georgia,serif; border-bottom:1px solid #D0D0D0; padding-bottom:5px; } #ylf-ch-astro .compat-take .bd { margin-top:20px; } #ylf-ch-astro #compat-checker .astro-other-signs { margin-bottom:25px; } #ylf-ch-astro #compat-checker .astro-other-signs label { display:block; margin-bottom:5px; } #ylf-ch-astro #compat-checker .astro-other-signs select { margin-right:3px; } /* Gallery Styles */ /* Browser History Manager */ #yui-history-iframe { position:absolute; top:0; left:0; width:1px; height:1px; visibility:hidden; } /* thumbnails */ #ypv-thumbs { overflow:hidden; position:relative; border-bottom:1px solid #bfbfbf; } #ypv-thumbs .viewer { margin-left:25px; padding-top:7px; overflow:hidden; _position:relative; } .js #ypv-thumbs { height:125px; } .js #ypv-thumbs .viewer { height:75px; width:585px; } #ypv-thumbs .list { width:5000px; } #ypv-thumbs .list .item { float:left; _display:inline; width:595px; overflow:hidden; *padding-right:50px; list-style-type:none; /* reset for preview page */ } #ypv-thumbs .list .item:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #ypv-thumbs .list .item li { float:left; _display:inline; margin:0 10px 10px 0; width:75px; height:75px; background:transparent url(../shine_files/bg-diag.png) repeat scroll 0 0; list-style:none; } .js #ypv-thumbs .list .item li.hidden { display:none; } #ypv-thumbs .list .item li.last { margin-right:0; } /* The carousel scrolling is wonky in IE if you have position:relative in any of the following 3 lines. */ #ypv-thumbs .list .item li a { display:block; position:relative; *position:static; } #ypv-thumbs .list .item li a img { display:block; width:75px; height:75px; z-index:5; *float:left; } #ypv-thumbs .list .item li a span { visibility:hidden; position:absolute; top:0; left:0; width:67px; height:67px; z-index:10; border:4px solid #D733AE; -moz-opacity:0.80; opacity:0.80; *position:static; *display:block; *margin-top:-75px; } #ypv-thumbs .list .item li a.active span, #ypv-thumbs .list .item li a:hover span { visibility:visible; filter:alpha(opacity=80); } /* keep alpha in here for IE6 stupidity */ /* carousel controls */ #ypv-thumbs .controls a { display:none; } .js #ypv-thumbs .controls a { display:block; position:absolute; z-index:10; top:57px; } #ypv-thumbs .controls a.prev { left:0; } #ypv-thumbs .controls a.next { right:0; } #ypv-thumbs .controls a span { display:block; background:url(../shine_files/gallery.png) no-repeat; text-indent:-4999px; height:34px; width:17px; *cursor:pointer; } #ypv-thumbs .controls a.prev span { background-position:-600px 0; } #ypv-thumbs .controls a.next span { background-position:-617px 0; } #ypv-thumbs .controls a.prev:hover span { background-position:-634px 0; } #ypv-thumbs .controls a.next:hover span { background-position:-651px 0; } #ypv-thumbs .controls a.prev-off span, #ypv-thumbs .controls a.prev-off:hover span { background-position:-668px 0; } #ypv-thumbs .controls a.next-off span, #ypv-thumbs .controls a.next-off:hover span { background-position:-685px 0; } #ypv-thumbs .controls a.off, #ypv-thumbs .controls a.off span { cursor:default !important; } #ypv-thumbs .controls a:focus { -moz-outline-style:none; border:none; } #ypv-thumbs .controls #loading { position:absolute; top:12px; left:105px; background-color:#F8F7F7; color:#001527; } #ypv-thumbs .controls .navigation { text-align:center; font:normal 85% arial; color:#001527; padding:14px 0 0; } /* photo controls */ #photo-nav { margin:0; text-align:center; color:#001527; font:normal 85% arial,sans-serif; padding:8px 0; } #ypv-photo { position:relative; } #ypv-photo #photo-cont { background:transparent url(../shine_files/bg-diag.png); } #ypv-photo .photo { text-align:center; padding:0; position:relative; height:500px; line-height:500px; font-size:0; _font-size:450px; } #ypv-photo .photo img { vertical-align:middle; _margin-top:-1px; } /* .controls a needs a background-image so that :hover gets triggered in IE7 */ #ypv-photo .controls a { display:block; background:url(../shine_files/gallery.png) no-repeat -50px 0; width:50%; height:100%; text-indent:-4999px; position:absolute; top:0; z-index:10; } #ypv-photo .controls a.off { display:none; } #ypv-photo .controls a.next { right:0; } #ypv-photo .controls a.prev { left:0; } #ypv-photo .controls a.next:hover { background-position:-246px center; } #ypv-photo .controls a.prev:hover { background-position:15px center; } #ypv-current #photo-info, .post-gallery-nonjs ul li { float:none; width:auto; display:block; margin:12px 0 30px; } #ypv-current #photoTitle, .post-gallery-nonjs ul li h4 { margin-bottom:8px; font:normal 161.6% arial, sans-serif; } #ypv-current p.caption, .post-gallery-nonjs ul li p { display:block; margin-bottom:6px; line-height:1.5; } #ypv-current cite#captionCite, .post-gallery-nonjs ul li cite { display:block; font-size:85%; } /* ---------------------------- */ /* Changes for the third column */ /* post-hdr changes - all .post-hdr content needs to be removed from above CSS and replaced with this: */ #ylf-blog-main .post-hdr { margin:10px 0 5px; } #ylf-blog-main .post-hdr h2 { font:250% Georgia,serif; margin-bottom:5px; width:635px; overflow:hidden; } #ylf-blog-main .post-hdr .attr { font-size:85%; color:#555; } #ylf-blog-main .post-hdr .attr img { float:left; } #ylf-blog-main .post-hdr .attr ul li { float:left; _display:inline; margin:0 0 5px 10px; padding-right:10px; border:1px solid #ccc; border-width:0 1px 0 0; } #ylf-blog-main .post-hdr .attr ul li.last { border:0; } #ylf-blog-main .post-hdr .readmore ul { display: block; float: left; *width: 90%; *line-height: 1.4em; } #ylf-blog-main .post-hdr .alias { font-style:italic; /* coreid requirement */} #ylf-blog-main .post-hdr .readmore a, #ylf-blogpost #related-col p.section a { color: #B65800; } #ylf-blog-main { width: 635px; } #ylf-blog-main h3.section { font-size: 170%; } #ylf-blogpost #related-col { float: right; } #ylf-blogpost #related-col div { width: 166px; margin: 15px 0; text-align: middle; background: #F4F1EC none repeat scroll 0 0; padding: 15px 10px 12px 10px; margin: 0 0 0 15px; } /* override this value because of IE box model differences */ /* (IE doesn't apply margin/padding to floating children) */ #ylf-blogpost .post-body { margin-top: 0; } #ylf-blogpost { margin-top: 15px; } #ylf-blogpost #related-col div.line { border-bottom: 4px solid #fff; } #ylf-blogpost #related-col img { margin-top: 5px; } #ylf-blogpost #related-col p { display: block; margin-bottom: 10px; } #ylf-ch-health #ylf-blogpost #related-col a, #ylf-blog #ylf-blogpost.cls div.more div a { color: #2E4863; } #ylf-ch-health #ylf-blogpost #related-col p.section a, #ylf-blogpost #related-col h3 a, #ylf-blogpost #related-col h4 a { color: #B65800; } #ylf-blogpost #related-col p.section { font-weight: bold; } #ylf-blogpost #related-col .first { } #ylf-blog-main .blog-highlight { text-align: center; } #ylf-blogpost { position: static; } #ylf-blogpost .more p.section { font-size: 214%; margin-bottom: 10px; font-family: georgia,serif;; } #ylf-blogpost .more div { width: 150px; float: left; display: inline; } #ylf-blogpost .more div img { width: 150px; } #ylf-blogpost .more div { margin-right: 11px; } #ylf-blogpost .more div.last { margin-right: 0; } /* tools and syndication boxes are messed up because of third column */ .tools, .synd { display: none; } #ylf-you .bd li.sep { background: rgb(255, 255, 255) url(weather.gif) no-repeat scroll 5px 0pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } .mn-bd .mod div img { float: left; padding-right: 5px; margin-bottom: 10px; } .mn-bd .mod ul.blt { clear: both; } #cmt-form .cid-name img.avatar { clear: both; } .mn-bd .mod div h3 a { font-size: 95%; } #ylf-discover div.hd span { float: right; padding-right: 75px; color: #2E4863; font-family: georgia,serif; font-size: 127%; } #ylf-discover div.hd { padding-bottom: 35px; } ul.thumbs li .txt img { float: left; width: 40px; padding-right: 15px; padding-bottom: 30px; } #ylf-discover h2 { margin-bottom: 0; } #ylf-you .bd li.blog a { background: url(you-1.jpg) no-repeat; float: left; } #ylf-you .bd li.recommend a { background: url(you-2.jpg) no-repeat; float: left; } #ylf-you .bd li.recommend { background: url(you-2.jpg) no-repeat; float: left; padding-right: 0; } #ylf-blog-main .post-hdr .alias { font-style: normal; } #ylf-blog-main .post-hdr .readmore { margin: 15px 0; } #ylf-popular .hd span { padding-left: 10px; font-family: georgia,serif; color: #2E4863; } #ylf-popular .hd span.first { padding-left: 0; padding-right: 10px; border-right: 1px solid black; font-family: georgia,serif; color: #2E4863; } #ylf-popular .hd { padding-bottom: 10px; } .feeds { background: #F4F1EC; padding: 2px 0; clear: both; width: 100%; } #ylf-hdrbar { padding-right: 0; border-bottom: 0; } #ylf-hdrbar .feeds { position: static; padding: 6px; margin-top: 10px; } .feeds a { border-left: 0; } #ylf-hdrbar .feeds li { margin-right: 10px; float: right; } #ylf-hdrbar .rss { background: url(feeds-5.jpg) no-repeat; } #ylf-hdrbar .print { background: url(feeds-4.jpg) no-repeat; } #ylf-hdrbar .send { background: url(feeds-3.jpg) no-repeat; } #ylf-hdrbar .share { background: url(feeds-2.jpg) no-repeat; } #ylf-hdrbar .buzz { background: url(feeds-1.jpg) no-repeat; } #ylf-hdrbar li { padding-right: 10px; padding-bottom: 2px; } #ylf-hdrbar li a { margin-left: 0; padding-left: 20px; padding-top: 3px; }