/*------------------------------------------------------------------------------ | Copyright Notice:America Online, 2013 | @(#) Description: AOL Games - CSS [20131108.1] |------------------------------------------------------------------------------*/ /* reset **************************************/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, em, font, img, strong, object, iframe, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, tbody, tr, th, td { margin:0; padding:0; border:0; outline:0; } ol, ul {list-style:none;} :focus {outline:0;} table {border-collapse:collapse; border-spacing:0;} img {-ms-interpolation-mode:bicubic;} /* typography **************************************/ body {font:13px/15px Helvetica, Arial, sans-serif; color:#333} h1 {font-size:24px; line-height:30px; letter-spacing:-0.5px; } h2 {font-size:24px; line-height:30px; letter-spacing:-0.5px;} h3 {font-size:22px; line-height:24px} h4 {font-size:18px; line-height:20px} h5 {font-size:13px; line-height:20px} h6 {font-size:14px; line-height:20px} a {color:#00aeef; text-decoration:none;} a:hover {text-decoration:underline;} p {line-height:16px; padding-bottom:12px} .byline { color:#707070; } h1 a, h2 a, h4 a, .profileComments h3 a, #comments h3 a {color:#333} #main-column {font-size:13px;} #side-column h3 { color:#333; font-size:22px; font-weight:600; line-height:32px; margin-bottom:22px; text-transform:lowercase;} /* background sprite **************************************/ .arrow-link, .button, .button span, .button b, .button-social, .button-social-box, .dl-main .dl-controls a, .dsq-widget h2, .dsq-widget-item, .dsq-widget .foot, .linksContainer .linksSection .title, .list-related li, .games-follow .icon, .module-head h1, .module-head h2, .pagination .next, .pagination .prev, #cookie-gm-category, .submit-tips { background-image:url(http://o.aolcdn.com/os/games/images/sprites/14-icons-blog); background-repeat:no-repeat; } /* main layout **************************************/ html, body { background-color:#DDD; } #container {text-align:left; } #container #content { width:1016px; } #head {padding:0;} #content, #foot { margin:0 auto; padding:0; width:980px; } #content .base { background-color:#FFFFFF; width:980px; } #content #nav-column {display:none;} /*Currently Not being used*/ #content #main-column { width:640px; float:left; display:inline; margin-bottom:20px; } #content #side-column { width:300px; float:right; display:inline; padding:0 20px;} #foot {clear:both; background-color:#fff;} /* generic styles/classes/modules **************************************/ .clear-fix {*zoom:1;} .clear-fix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;} .clr {font-size:1px; line-height:1px; background:transparent; height:1px !important; margin:0;border:0 !important} .hide {display:none;} .offset {position:absolute; left:-2000px;} .button {background-color:transparent; background-position:0 -552px; color:#fff; height:34px; overflow:hidden; padding:0 0 0 10px; display:inline-block; } .button span {background-position:0 -600px; height:34px; line-height:35px; padding:0 12px 0 0; display:inline-block;font-weight:bold;color:#fff;font-size:14px} .button:hover {text-decoration:none;} .module {margin:0 0 20px 0; clear:both;} .module-head, .module-body, .module-list, .module-footer {clear:both;} .module-head h1, .module-head h2 { background-position:6px -258px; color:#FFFFFF; display:inline-block; font-size:13px; line-height:34px; margin-left:-18px; padding-left:33px; padding-right:76px; } .module-head h1 a, .module-head h2 a { color:#FFFFFf; } .module-head h1 span, .module-head h2 span { font-style:italic; } .module h3 {margin-top:20px;} #side-column .module { border-bottom:1px dotted #C5C5C5; margin:0 0 20px 0; padding:0 0 20px 0;} #side-column .module-head {margin-bottom:12px} #side-column h3, #comments h3, #comments, #cod-promo h3, .profileComments h2 { border-bottom:solid 2px #333; margin-top:0; } .section-head { margin-bottom:10px; } .arrow-link { background-position: 0 -748px; padding-left: 16px; } /* begin modules *********************************************************************************************************************************/ /* ads **************************************/ #side-column .side-ad { border-width:0; margin-top: 55px; padding:0; } /* bloggers **************************************/ #side-column .editors-corner { border-width:0; } .editors-corner li { background-color: #ECECEC; float: left; height:100px; margin:0 16px 16px 0; padding: 7px;} .editors-corner .label { clear: both; color: #717171; display: block; font-size:12px; text-align:center; width:69px; } .writer-bio { border-bottom:1px dotted #C5C5C5; font-size:12px; margin:0 0 20px 0; } .writer-bio .meta { clear:both; display:block; margin:0 20px; overflow:hidden; padding-bottom:20px; } .writer-bio p span { font-size:13px !important; } .writer-bio h1 { display:block; margin-bottom:10px; } .writer-bio h2 { background-image:none; border-bottom: 2px solid #333333; color: #333333; font-size: 24px; margin-bottom: 10px } .writer-bio img { float: left; margin: 0 10px 10px 0; } .writer-bio .rss { clear:both; } /* comments - powered by disqus **************************************/ .comment-form { margin-left:20px; } /* category **************************************/ .category .module-head { float:left; } /* cookie **************************************/ .cookie-category { margin-bottom:10px; } .cookie-category, .cookie-category a { color:#333; font-size:11px; text-align:right; } #cookie-gm-category { background-position: 0 -748px; padding-left: 16px;} /* header **************************************/ #aol-header { background:transparent url(http://o.aolcdn.com/os/games/images/blog/blog-bg) repeat-x scroll 0 -54px; margin-bottom:0; } #aol-header>div {margin:0 auto; width:980px;} #aol-header .body { padding-top: 20px; } #aol-header .brand { clear:left; float:left; height:auto; margin: 6px 15px 0 8px; } #aol-header .brand a { background:transparent url(http://o.aolcdn.com/os/games/images/logos/gamesdotcom-blog) no-repeat scroll center center; display:block; float:left; height:50px; margin:0; overflow:hidden; text-indent:-1000px; width:231px; } #aol-links { color:#DDDDDD; float:left; font-size:10px; height:28px; margin-left:10px; } #aol-links li { float:left; margin:6px 0 0; padding:0; } #aol-links li a { border-right:1px solid #CCCCCC; color:#FFFFFF; font-size:10px; line-height:normal; padding:0 5px; } #aol-links .label { padding:0 3px 0 5px; color:#dddddd; } #aol-links img { vertical-align:middle; } #aol-links #aol-header-links li { margin-top:0; } #aol-links #aol-header-links li a { border-right-width:0; } #aol-header-auth { float:right; font-size:11px; } #aol-header-auth a { color:#FFFFFF; font-size:11px; line-height:28px; } #aol-header-search { background:none no-repeat scroll 0 0 #FFFFFF; float:left; margin-bottom: 20px; margin-top:0; padding:6px 8px; } #aol-header-search fieldset { height:43px; padding:5px 0 0 4px; width:473px; } #aol-header-query { background-color:#F2F2F2; border-color:#E4E4E4; border-style:solid; border-width:2px 1px 1px 2px; color:#666; float:left; font:bold 16px Arial; height:23px; margin:0; padding:8px 0 4px 13px; width:338px; } #aol-header-search-button { background:#FFFFFF url(http://o.aolcdn.com/os/games/images/sprites/icons-new) repeat-x scroll 0 -533px; border:none; cursor:pointer; height:39px; margin:0 0 0 5px; overflow:hidden; padding:0; text-indent:-1000px; width:111px; font-size:0px; line-height:0px; } #aol-header-nav { clear:both; line-height:30px; margin-left:8px; } #aol-header-nav li { display:inline; } #aol-header-nav li a { color:#FFFFFF; font-size:12px; font-weight:bold; height:18px; margin:0 1px; padding:2px 5px; } #aol-header-nav .subnav { position:relative; } #aol-header-nav .subnav ul { display:none; position:absolute; } #aol-header-nav .subnav ul li { display:block; } #aol-header-end { overflow:hidden; position:absolute; top:-999px; } /* header-ad **************************************/ .header-ad {background:#383838; } .header-ad>div {margin:0 auto; width:980px;} .header-ad iframe {display:block; margin:0 auto;} /* follow us **************************************/ .games-follow { margin: 20px; } #side-column .games-follow { border-width:0; margin:0; padding:0 0 14px 0; } .games-follow h3 { border-bottom: 2px solid #333; margin-bottom:12px; } .games-follow ul { overflow:hidden; } .games-follow li { display:inline; font-size:10px; text-align:center; } .games-follow li a { color:#000000; float:left; height:80px; margin-left:11px; width:60px; } .games-follow li .icon { display:block; height:62px; } .games-follow .newsletter .icon { background-position:0 0; } .games-follow .facebook .icon { background-position:0 -61px; } .games-follow .twitter .icon { background-position:0 -121px; } .games-follow .rss .icon { background-position:0 -183px; } /* footer **************************************/ #foot { font-size:10px; margin:0 20px; padding-bottom: 20px; text-align:left; width:940px; } #footer a { font-weight:normal; } #srchFooter { background-color:#FFF; border:1px #e6e6e6 solid; border-width:1px 0; clear:both; display:block; float:none; height:100%; } #srchFooter #chLogo, #srchFooter #chLogoFooter { float:left; margin:0 68px 0 16px; padding:0; width:170px; _margin-bottom:14px; _margin-left:8px; } #srchFooter #chLogo a, #srchFooter #chLogoFooter a { background:transparent url(http://o.aolcdn.com/os/games/images/logos/blog-brand) no-repeat scroll 0 0; display:block; margin-top:24px; width:224px; height:58px; text-indent:-1000px; } #srchFooter .searchContainer { float:left; margin:20px 0 20px 15px; *padding-bottom:15px; } #srchFooter .searchCat label, #srchFooter .searchCat input { float:left; } #srchFooter .searchCat label { margin:0 4px; } #srchFooter .searchCat ul { margin:0; padding:0 0 3px; } #srchFooter .searchCat ul li { float:left; margin:0 0 0 4px; padding:2px 6px; } #srchFooter .searchCat ul li.searchCatBgFt { background:#FF7B02 url(http://o.aolcdn.com/os/games/images/sprites/horizontal) repeat-x scroll 0pt -97px; color:#fff; font-size:12px; font-weight:bold; text-align:center; } #srchFooter .searchCat ul li.searchCatBgFt a { color:#FFF; } #srchFooter search a,#search2 a,#search .srchbtn,#search2 .srchbtn { -moz-border-radius-bottomleft:2.5px; -moz-border-radius-bottomright:2.5px; -moz-border-radius-topleft:2.5px; -moz-border-radius-topright:2.5px; background-color:#D4F4C5; border:1px solid #58B926; color:#04330C; cursor:pointer; font-family:Arial, sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0 4px; padding:2px 14px; text-decoration:none; } #srchFooter #search a:hover, #search2 a:hover, #search .srchbtn:hover, #search2 .srchbtn:hover { background-color:#BFEBBA; } #srchFooter #search a:active, #search2 a:active, #search .srchbtn:active, #search .srchbtn:visited, #search .srchbtn:link, #search2 .srchbtn:active { background-color:#C6FFA9; } #srchFooter .send_us_feedback { float:right; font-size:12px; margin:35px 0 0 0; padding-right:20px; } #srchFooter .send_us_feedback a { color:#135CA1; text-decoration:none; } #srchFooter .send_us_feedback a:hover { color:#135CA1; text-decoration:underline; } #foot .linksContainer { border-bottom:1px #e6e6e6 solid; margin-bottom:20px; overflow:hidden; padding:10px 0px; } #foot .links { margin:0; } #foot .links .linksSection { padding:0; float:left; text-align:left; } #foot .links .linksSection .topicsonaol, #foot .links .linksSection .featurelinks, #foot .links .linksSection .mostpopularlinks, #foot .links .linksSection .moreaol { border-right:1px solid #E6E6E6; padding:0 20px; width:198px; } #foot .links .linksSection .topicsonaol { padding-left:0; } #foot .links .linksSection .moreaol { border-width:0; } #foot .linksContainer .linksSection .title { background:none; /*height:46px;*/ height:65px; margin-bottom:20px; overflow:hidden; position:relative; /*text-indent:-1000px; */} #foot .linksContainer .linksSection .title img {position:absolute; bottom:0} /* #foot .linksContainer .linksSection .topicsonaol .title { background-position:0 -808px; } #foot .linksContainer .linksSection .featurelinks .title { background-position:0 -861px; } #foot .linksContainer .linksSection .mostpopularlinks .title { background-position:0 -930px; } #foot .linksContainer .linksSection .moreaol .title { background:url(http://o.aolcdn.com/dims/GAME/1/85/33/90/http://o.aolcdn.com/os/games/images/logos/gamesdotcom) no-repeat scroll 0 22px transparent; } */ #foot #creditfooter, #foot #creditfooter img { display:none; } #foot .feedburnerFeedBlock { font-size:10px; } #foot .feedburnerFeedBlock a { color:#} .brndFooter { clear:both; background-color:#FFF; display:block; font-size:12px; padding:0; } .brndFooter #chBrandLogo { float:left; padding:0; width:179px; } .brndFooter #chBrandLogo a { background:transparent url(http://o.aolcdn.com/dims/GAME/1/145/30/90/http://o.aolcdn.com/os/games/images/logos/gamesdotcom) no-repeat scroll 0 0; display:block; width:145px; height:30px; text-indent:-1000px; } .brndFooter .links .linksSection .stdFooterPromos ul { margin-top: 12px; } .brndFooter .links .linksSection .stdFooterPromos ul li { float:left; padding:0 5px; } .brndFooter .links .linksSection .stdFooterPromos ul li.lastItem { padding-right:0; } .brndFooter .footer_text { clear:both; color:#888; #line-height:12px; margin:22px 10px 10px 10px; padding:0; text-align:center; zoom:1; } /*.brndFooter .footer_text_links { float:right; margin-bottom:22px; width:700px; padding-left:7px; text-align:right; }*/ .brndFooter .footer_text_links .links { background:#fff none; float:none !important; width:auto; padding:0; zoom:1; } .brndFooter .footer_text_links .links .linksSection { display:block; clear:right; float:right; text-align:right; *margin-top:-12px; } .brndFooter .footer_text_links .links .stdFooterPromos ul li { border-right:1px solid #135CA1; float:left; padding:0 5px; display:inline; } .brndFooter .footer_text_links .links .stdFooterPromos ul li.lastItem { padding-left:5px; border-right:none; } .brndFooter .footer_text_links .copyright { float:right; font-size:12px; color:#878787; line-height: 39px; margin:0; padding:0 10px 0 0; } .brndFooter .footer_text_links .copyright .icon-aol { background: transparent url(http://o.aolcdn.com/os/games/images/blog/aol-logo-footer-dark.png) top left no-repeat; display: inline-block; height: 39px; margin: 0 5px; text-indent: -9999px; width: 45px; } .brndFooter .footer_text_links.noBrand { float:left; } .brndFooter .footer_text_links.noBrand .links .linksSection { float:left; width:100%; } .brndFooter .footer_text_links.noBrand .links .stdFooterPromos ul li { border-right:1px solid #135CA1; display:inline; float:left; padding:0 5px; } .brndFooter .footer_text_links.noBrand .links .stdFooterPromos ul li.lastItem { border-right:none; padding-left:5px; } .brndFooter .footer_text_links.noBrand .copyright { float:left; padding:0 7px; } .brndFooter:after,#footer #srchFooter:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } /* headlines **************************************/ #headlines { font-size:12px; margin:18px 0 0 22px; overflow:hidden; padding-bottom:15px; } #headlines .body li { border-right:1px solid #C8C8C8; color:#01a7a7; float:left; padding:0 3px; } #headlines .body .label { border-right-width:0; font-weight:bold; text-transform:uppercase; } #headlines .body .last { border-width:0; } #headlines a { color:#000; } /* list items (generic) **************************************/ .list-items, .list-items h4 { font-size:12px; line-height:14px; } .list-items img { float:left; margin-right:12px; } .list-items li { border-bottom:1px dotted #c5c5c5; clear:both; height:78px; padding:10px 0; } .list-items .item-0 { padding-top:0; } .list-items .last { border-bottom-width:0; margin-bottom:0; padding-bottom:0; } /* most popular module start **************************************/ #side-column .mostpop-content { border-width:0; } .aol-faux-facebook-like { direction: ltr; font: 11px/14px "lucida grande",tahoma,verdana,arial,sans-serif; overflow: hidden; } .aol-faux-facebook-like a { background-color: #ECEEF5; border: 1px solid #CAD4E7; border-radius: 3px 3px 3px 3px; color: #3B5998; display: inline; float: left; padding: 2px 4px; text-decoration: none; } .aol-faux-facebook-like a b { background: url("http://o.aolcdn.com/os/aol/assets/aol-facebook-social.png") no-repeat scroll -1px -47px transparent; display: inline; float: left; font-weight: normal; padding-left: 17px; text-align: left; } .aol-faux-facebook-like p { background-color: #EFEFEF; border: 1px solid #C1C1C1; color: #333333; display: inline; float: left; line-height: 14px; margin: 1px 0 0 6px; min-width: 15px; padding: 1px 2px; position: relative; } .aol-faux-facebook-like p { margin-left: 7px; } .aol-faux-facebook-like p b, .aol-faux-facebook-like p i { border-color: transparent #C7C7C7 transparent transparent; border-style: solid; border-width: 5px 5px 0 0; display: block; left: -5px; line-height: 0; position: absolute; top: 3px; z-index: 0; } .aol-faux-facebook-like p i { border-right-color: #EFEFEF; left: -3px; top: 2px; z-index: 1; } .aol-faux-facebook-like iframe { display: none; } .aol-faux-facebook-like-init { height: 20px; } .aol-faux-facebook-like-init iframe { display: inherit; } .aol-faux-facebook-like-init a, .aol-faux-facebook-like-init p { height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; } /* pages **************************************/ embed { margin-left:20px; } /* pagination **************************************/ .pagination { text-align:right; } .pagination li { display:inline; text-transform:uppercase; } .pagination li, .pagination li a, .pagination span { color:#333; } .pagination .next { background-position:0 -649px; float:right; margin-left:7px; } .pagination .next .button { background-position:133px -698px; } .pagination .next .button span { background-position:85px -1426px; padding-right:23px; } .pagination .prev { background-position:0 -649px; float:right; margin-left:7px; } .pagination .prev .button { background-position:133px -698px; } .pagination .prev .button span { background-position:3px -1456px; padding-left: 15px; } /* photos **************************************/ .aol-photo-gallery{position:relative;overflow:hidden;} .aol-photo-gallery ul{list-style:none;margin:0;padding:0;border:0;} .aol-photo-gallery li{margin:0;padding:0;border:0;} .aol-photo-gallery .navigation { margin:5px 0 11px 0; } .aol-photo-gallery .navigation li { color:#333; display:inline; font-size:11px; margin-left:10px; text-transform:uppercase; } .aol-photo-gallery .button,.aol-photo-gallery-fullscreen .button{cursor:pointer;z-index:5;display:inline-block;} .aol-photo-gallery .button { padding-left:10px; } .aol-photo-gallery .button b { background-position: -193px -600px; display: block; height: 34px; line-height: 32px; margin-right: 10px; padding-right: 10px; } .aol-photo-gallery h2 a{text-decoration:none;color:inherit;cursor:inherit;} .aol-photo-gallery .description,.aol-photo-gallery h2{margin-right:175px;} .aol-photo-gallery .gallery{border-bottom: 1px dotted #CCCCCC; clear: both; margin-bottom: 15px; overflow: hidden; padding-bottom: 20px; position: relative; } .aol-photo-gallery .gallery .photos{position:relative;overflow:hidden;margin:0 auto;} .aol-photo-gallery .gallery .photos li{background:transparent url(aol-loader.gif) no-repeat center center;position:absolute;visibility:hidden;cursor:pointer;overflow:hidden;} .aol-photo-gallery .photos a{display:block;position:absolute;width:0;height:0;top:0;left:0;overflow:hidden;} .aol-photo-gallery .captions{position:relative;clear:both;} .aol-photo-gallery .captions li{position:absolute;visibility:hidden;} .aol-photo-gallery .captions .credit{position:absolute;top:-20px;} .aol-photo-gallery .show-thumbnails{ float:right;cursor:pointer;position:relative;z-index:5;} .aol-photo-gallery .show-thumbnails b { background-position:-149px -600px; } .aol-photo-gallery .thumbnails li { background:#EEE url(aol-loader-small.gif) no-repeat center center; cursor:pointer; float:left; margin:10px; padding:10px; } .aol-photo-gallery .status{border: 1px solid #DDDDDD; color: #AAAAAA; float: right; margin-right: 10px; margin-top: 3px; padding: 6px;} .aol-photo-gallery .controls{float:right;} .aol-photo-gallery .controls li{float:left;} .aol-photo-gallery .sponsor{float:right;} .aol-photo-gallery .show-fullscreen{ display:none !important; float:right;} .aol-photo-gallery-fullscreen { display:none !important; position:absolute;top:0;left:0;z-index:9999;display:none;} .aol-photo-gallery-fullscreen .fullscreen{ display:none !important; position:absolute;padding-top:25px;left:0;width:100%;} .aol-photo-gallery-fullscreen .close{position:absolute;right:0;} .aol-photo-gallery-fullscreen .aol-photo-gallery{padding:0 25px;margin-right:325px;} .aol-photo-gallery-fullscreen .aside{float:none;position:absolute;margin-top:75px;right:25px;top:0;} .aol-photo-gallery-portrait .gallery{padding-right:280px;position:relative;} .aol-photo-gallery-portrait .captions{position:absolute;top:0;right:0;width:250px;height:500px;} .aol-photo-gallery-portrait .captions li{width:250px;height:500px;} .aol-photo-gallery .gallery .controls{float:right;position:static;z-index:5;} .aol-photo-gallery .gallery .controls li{cursor:pointer;position:absolute;} .aol-photo-gallery .gallery .controls .back{left:0;top:0;} .aol-photo-gallery .gallery .controls .next{right:0;top:0;} .aol-photo-gallery-carousel .gallery .photos{position:absolute;top:0;left:0;overflow:visible;} .aol-photo-gallery-carousel .gallery .photos li{position:static;float:left;} .aol-photo-gallery-carousel .gallery .photos li.active{cursor:default;} .aol-photo-gallery .gallery .photos li .credit i{float:left;} .aol-photo-galleries ul{padding:0;display:table;} .aol-photo-galleries li.start{margin-left:0;}.aol-photo-galleries li{float:left;list-style:none;margin-left:20px;width:186px;} .aol-photo-galleries li a{border:2px solid #333;display:block;} .aol-photo-galleries li span{position:relative;top:5px;left:6px;border:2px solid #333;display:block;padding:5px;background:#fff;} .aol-photo-galleries li p a{border:0;display:inline;} .aol-photo-galleries li img{display:block;} .featuredgalleries{margin:0 0 2em;overflow:hidden;} .featuredgalleries .gallerythumbnailhome{background-color:#fff;border:1px solid #ccc;float:left;margin:0 1em 1em 0;overflow:hidden;padding:5px;-moz-box-shadow:2px 2px 0 #ddd,4px 4px 0 #bbb;-webkit-box-shadow:2px 2px 0 #ddd,4px 4px 0 #bbb;box-shadow:2px 2px 0 #ddd,4px 4px 0 #bbb;} .featuredgalleries .gallerythumbnailhome img{border:1px solid #ccc;display:block;} .aol-photo-galleries { overflow:visible; padding-left:20px; } .aol-photo-galleries .label { color: #333333; display: block; margin: 10px 0;} /* post **************************************/ .post .thumb { float:left; margin-right:15px; } .post .byline { font-size:10px; padding:0; } .post .button { margin-top:20px; } .post .button span { background-position:-101px -600px; } .post .post-tags { border:dotted #C5C5C5; border-width:1px 0; clear:both; font-size:10px; margin:20px 0; padding:12px 0; } .post .post-tags .label { font-weight:bold; } .post .post-tags a { color:#000000; } .post .post-head, .list-post .post-head { margin-bottom:12px; padding-top:8px; } .post { margin-left:20px; padding-bottom:15px; } .post .post-body { padding-bottom:8px; } .post .entry-content { clear:both; line-height:18px; overflow:hidden; padding-top:18px; } .post .entry-content div { clear:both; } .post .entry-content img { background-color:#EEEEEE; display:block; max-width:626px; margin:20px auto; padding:10px; } .post blockquote {border-left:3px solid #AAAAAA; margin:20px 40px;padding-left:20px;text-align:justify;} .post ol { list-style:decimal inside none; } .post ul { list-style:disc inside none; } .post .photo-wide { display:block; text-align:left; } .post .photo-wide .cap { margin:0 auto; text-align:left; } .post .photo-wide .cap img { display:block; } .post .photo-wide .cap span { color:#999999; display:block; font-size:10px; } .post table, .post th, .post td { border:1px solid #E0DFE3; margin:10px 0 20px 0; padding:5px; text-align:left; } .article .post .entry-title { clear:both; padding-top:20px; } .article-category { float:left; } .article .post .post-head { padding-top:0; } /* post gallery ************************************/ .post .entry-content .post-gallery { background-color:#F0F0F0; text-align:center; } .post .entry-content .post-gallery h4 { background-color:#FFFFFF; font-size:12px; text-align:left; } .post .entry-content .post-gallery h4 a { color:#00aeef; font-weight:normal; } .post .entry-content .post-gallery ul { list-style-type:none; } .post .entry-content .post-gallery li { float:left; } .post .entry-content .post-gallery img { background-color:#FFFFFF; border:1px solid #CDCDCD; display:inline; margin:10px 5px; padding:5px; } /* promo - category **************************************/ .category-promo { margin-left:15px; position:relative; } .category-promo .overlay { background:#000000; bottom:0px; filter:alpha(opacity = 80); left:0px; width:625px; opacity:0.8; position:absolute; } .category-promo h2 { color:#FFFFFF; font-size:22px; font-weight:normal; line-height:24px; padding:14px; } .category-promo .credit { bottom: -20px; color: #777777; display: block; font-size: 11px; position: absolute; } /* promo - main dl-main large scrolling promo-main triple display **************************************/ .dl-main { height:290px; margin-bottom:22px; margin-left:8px; overflow:hidden; position:relative; width:626px;} .dl-main .dl-content ul { margin:0; overflow:hidden;} .dl-main .dl-content ul li { height:290px; list-style-type:none; position:relative; width:626px;} .dl-main .dl-meta { bottom:15px; left:0; padding:15px; position:absolute; width:100%;} .dl-main .dl-credit { bottom:0; color:#CCCCCC; font-size:11px; left:0; padding:0 15px 5px; position:absolute;} .dl-main h3, .dl-main .dl-description { position:relative; width:450px; z-index:3;} .dl-main h3 { color:#FFFFFF; font-size:24px; font-weight:normal; line-height:1.1; margin-top:0;} .dl-main .dl-title-bg { background:none repeat scroll 0 0 #111111; height:300px; left:0; opacity:0.8; position:absolute; top:0; width:100%; filter:alpha(opacity = 80); } .dl-main .dl-controls { bottom:10px; position:absolute; right:5px; z-index:99; } .dl-main .dl-controls a { float:left; height:40px; margin-right:8px; overflow:hidden; text-indent:-999%; width:25px; } .dl-main .dl-controls a.back { background-position:-208px -67px; } .dl-main .dl-controls a.back:hover { background-position:-208px -128px; } .dl-main .dl-controls a.pause { background-position:-261px -64px; width:35px; } .dl-main .dl-controls a.pause:hover { background-position:-261px -128px; } .dl-main .dl-controls a.play { background-position:-389px -67px; width:35px; } .dl-main .dl-controls a.play:hover { background-position:-389px -128px; } .dl-main .dl-controls a.next { background-position:-328px -67px; } .dl-main .dl-controls a.next:hover { background-position:-328px -128px; } .promo-main { display:table; margin-bottom:22px; margin-left:8px; width:630px; } .promo-main li { float:left; position:relative; } .promo-main .item-0 { margin-right:10px; } .promo-main .item-2 { margin-top:10px; } .promo-main .item-1 img, .promo-main .item-2 img { height:139px; width:190px; } .promo-main .meta { background:none repeat scroll 0 0 #111111; bottom:0; display:block; filter:alpha(opacity = 80); opacity:0.8; position:absolute; } .promo-main .meta a, .promo-main .meta h3 { color:#FFFFFF; font-weight:normal; margin:0; } .promo-main .item-0 .meta { font-size:16px; padding:10px; width:406px; } .promo-main .item-1 .meta, .promo-main .item-2 .meta { padding:8px; width:174px; } .promo-main .item-1 .meta, .promo-main .item-2 .meta, .promo-main .item-1 .meta h3, .promo-main .item-2 .meta h3 { font-size:12px; line-height:12px; } .promo-main .credit { clear:both; color:#ccc; display:block; font-size:10px; padding-top:6px; } /* related stories list-related **************************************/ .list-related ul { padding:0; margin:0; } .list-related li { background-position:0 -746px; padding-left:20px; } .list-related-posts { border:1px solid #333; border-width:1px 0; margin:0 20px; overflow:hidden; padding:30px 0; } .list-related-posts h3 { margin-bottom:20px; margin-top:0; } .list-related-posts li { border-right: 1px dotted #C5C5C5; float: left; font-size: 12px; padding:0 20px 0 14px; text-align: center; width: 118px; } .list-related-posts li:first-child { padding-left:0; } .list-related-posts li:last-child { border-width:0; } .list-related-posts img { background-color: #ECECEC; height:75px; width:75px; padding: 22px; } .list-related-posts span { display:block; clear:both; color:#333; font-weight:bold; margin-top:14px; text-align:left; } /* around the web **************************************/ .around-the-web { margin: 30px 20px; } .around-the-web .module-head { margin-bottom: 15px; } /* search - google results **************************************/ #searchResults { margin-left:15px; } /* search **************************************/ #GH_, #GF_ { z-index:1500000; float:left; position:relative; font:11px Arial; width:598px; margin:0 auto; height:67px; } #GH_search { background:none no-repeat scroll 0 0 #FFFFFF; padding:6px 8px; position:absolute; } #GF_search { background:transparent url(http://o.aolcdn.com/os/games/images/modules/backgrounds/searchBox) no-repeat scroll 0 0; padding:6px 8px; position:absolute; } #GH_ #GH_search_form, #GF_search_form { height:43px; padding:5px 0 0 4px; width:473px; } #GH_ #GH_search_field, #GF_ #GF_search_field { border-color:#E4E4E4; border-style:solid; border-width:2px 1px 1px 2px; color:#666; float:left; font:bold 16px Arial; height:23px; margin:0; padding:8px 0 4px 13px; width:338px; } #GH_ #GH_search_field.GH_search_active, #GF_ #GF_search_field.GF_search_active { background-color:#F2F2F2; } #GH_ #GH_search_button, #GF_ #GF_search_button { background:#FFFFFF url(http://o.aolcdn.com/os/games/images/sprites/icons-new) repeat-x scroll 0 -533px; border:none; cursor:pointer; height:39px; margin:0 0 0 5px; overflow:hidden; padding:0; text-indent:-1000px; width:111px; font-size:0px; line-height:0px; } #GH_ #GH_search_button:hover, #GF_ #GF_search_button:hover { background-position:0 -580px; } #GH_ #GH_search_results, #GF_ #GF_search_results { background-color:#fff; border:1px solid #818181; display:none; font-weight:normal; left:13px; position:absolute; top:49px; width:353px; font-size:12px; } #GH_ #GH_search_results ul, #GF_ #GF_search_results ul { color:#666; list-style-type:none; margin:0; padding:0; } #GH_ #GH_search_results ul li, #GF_ #GF_search_results ul li { cursor:pointer; margin:0; padding:3px 10px; } #GH_ #GH_search_results .GH_highlight,#GF_ #GF_search_results .GF_highlight { background-color:#e65c00; color:#fff; text-decoration:underline; } #searchCounter { display:none; } /* social **************************************/ .button-social { background-position: 0 -440px; color: #FFFFFF; float: right; font-size: 10px; height: 24px; margin-left:2px; padding-left: 20px; text-transform: uppercase; } .button-social a { color:#02A7AB; } .button-social-box { background-position:16px -396px; margin-left:-13px; padding-right:3px; } .button-social .comment-count-disqus a { display:block; font-size:11px; padding: 3px 3px 2px 0; text-align:center; text-transform:capitalize; width:76px; } .plugin-social { background-image:none; padding:0; } .article .button-social { margin-top:10px; } /* submit tips **************************************/ #side-column .submit-tips, .submit-tips { background-position:-139px -323px; border-width:0; display: none; font-size:15px; margin-right:-38px; padding:20px 0 0 9px; } .submit-tips .label { font-weight:bold; } .submit-tips a { color:#FB4716; } .contact { margin:20px; } .contact input { margin:10px; padding:5px; } .contact .form-button { background-color:#FF4C29; border-radius:3px; border:2px solid #FFF; color:#FFF; height: auto; padding-bottom: 5px; padding-top: 5px; text-transform:uppercase; } /* videos - 5min **************************************/ .fivemin { margin-left:20px; } /* videos - aolon **************************************/ .fmvps-wrapper { float: none !important; }/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 999999999; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('http://o.aolcdn.com/os/games/images/plugins/fancybox/fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://o.aolcdn.com/os/games/images/plugins/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }