@media screen {

/************************************************* page menu *************************************************/ #page-menu-wrapper { width:100%; background:url(../images/pagemenu-bg.png) repeat-x 0px 0px; } #page-menu { width:960px; margin:0px auto; } #page-menu .container { width:705px; float:left; } #page-menu .container.wide { width:960px; } #page-menu ul { float:left; list-style-type:none; margin:0px; padding:0px;

position:relative; z-index:200; } #page-menu ul li { float:left; padding:0px; margin:0px; position:relative; } #page-menu ul li a { display:block; padding:14px 12px 10px 12px; text-align:center; font-size:.7em; color:#FFF; text-transform:uppercase; } #page-menu ul li a:hover, #page-menu ul li.current_page_item a, #page-menu ul li.current_page_ancestor a, #page-menu ul li.current_page_parent a { padding-bottom:12px; background:url(../images/pagemenu-highlight.png) no-repeat center bottom; } #page-menu ul li.current-cat a { }

/*dropdowns*/ #page-menu ul li:hover a, #page-menu ul li.over a { padding-bottom:12px; background:url(../images/pagemenu-highlight.png) no-repeat center bottom; } #page-menu ul li:hover ul, #page-menu ul li.over ul { display:block; } #page-menu ul li ul li.current_page_item a, #page-menu ul li ul li.current_page_ancestor a, #page-menu ul li ul li.current_page_parent a { text-align:left; } #page-menu ul li ul li.current_page_item a:hover { text-align:left; } #page-menu ul li ul { display:none; position:absolute; background:url(../images/pagemenu-sub-bg.png) repeat 0px 0px; padding:5px 0px 5px 0px; } #page-menu ul li ul li { float:none;

background:none. width:11em. text-align:left. font-size:.0em. position:absolute.png) repeat 0px 0px. } #page-menu ul li ul li:hover ul. left: 8. background:url(.6em. background:url(. #page-menu ul li.. height:auto. } #page-menu ul li ul li a:hover { text-align:left.padding:0px. display:block. .over ul li a { padding:8px 20px 8px 12px./images/pagemenu-sub-highlight.. } /*second-level dropdowns */ #page-menu ul li ul li ul { display:none. } #page-menu ul li ul li a. top: 0./images/pagemenu-sub-highlight.png) repeat 0px 0px. #page-menu ul li:hover ul li a.

png) no-repeat -10px -100px. 1. background:url(. } #page-menu ul li ul li ul li a:hover { text-align:left. url(.sfHover ul { display:block. 1px./images/arrows-ffffff. top: 0. position:absolute. /* 8-bit 1.4em. } /* arrows */ #page-menu a. -999em. background:url(.0em.png) repeat 0px 0px. block. left: 8.sf-sub-indicator { position: display: right: top: width: height: text-indent: overflow: background: absolute. hidden. 0em..png) repeat 0px 0px./images/pagemenu-sub-sub-highlight. 10px.5em.sf-with-ul { padding-right: min-width: } #page-menu .#page-menu ul li ul li. /* IE6 only */ 10px./images/pagemenu-sub-highlight. /* trigger IE7 hasLayout so spans position accurately */ ...

#page-menu a:active > . #page-menu ul li ul a:active > .sf-sub-indicator.indexed alpha png.sf-sub-indicator { /* give all except IE6 the correct values */ top: 1.sf-sub-indicator { background-position: -10px 0.sf-sub-indicator.over > a > . /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ #page-menu a:focus > . IE6 gets solid image only */ } #page-menu a > . /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ #page-menu ul li ul . #page-menu ul li ul li. #page-menu ul li ul li:hover > a > .over > a > . #page-menu li.sf-sub-indicator { background-position: -10px 0. /* arrow hovers for modern browsers*/ } . right:8px.sf-sub-indicator. #page-menu ul li ul a:hover > .sf-sub-indicator. background-position: 0 -100px.4em.sf-sub-indicator.sf-sub-indicator.sf-sub-indicator { background-position: -10px -100px. #page-menu a:hover > . #page-menu li:hover > a > . } /* apply hovers to modern browsers */ #page-menu ul li ul a:focus > . top:9px.sf-sub-indicator.sf-sub-indicator.sf-sub-indicator { background-position: 0 0. } #page-menu ul li ul a > .

float:left. background:url(.png) no-repeat 0px 0px. height:33px. } #small-menu .png) no-repeat 0px 0px../images/smallmenu-left. margin-right:-1px./images/smallmenu-right. height:33px. float:left.right-cap { width:3px.. } #small-menu { float:right. margin:0px auto.left-cap { width:4px. } #small-menu . . margin-right:15px. background:url(. z-index:180./************************************************* small menu *************************************************/ #small-menu-wrapper { width:960px. position:relative.

background:url(. } #small-menu ul li a { display:block. . z-index:170. margin:0px. border-left:1px solid #898E96. margin:0px. } #small-menu ul li { float:left./images/smallmenu-bg.menu { float:left.png) repeat-x 0px 0px. padding:0px. padding:0px. } #small-menu div.margin-left:-1px.. position:relative. position:relative. padding:10px 15px 12px 15px. text-align:center. position:relative. list-style-type:none. z-index:180. border-right:1px solid #5F646B. } #small-menu ul { float:left.

} /*dropdowns*/ #small-menu ul li:hover a. } . #small-menu ul li. background:url(. #small-menu ul li ul li. #small-menu ul li. } #small-menu ul li a:hover. #small-menu ul li.current_page_parent a { text-align:left. } #small-menu ul li ul li./images/smallmenu-highlight. #small-menu ul li ul li. #small-menu ul li. #small-menu ul li. background:url(.over a { padding-bottom:12px.75em.current_page_item a.png) repeat-x 0px 0px.current_page_parent a { padding-bottom:10px./images/smallmenu-highlight.current_page_ancestor a. color:#FFF.font-size:.current_page_item a. height:11px..png) repeat-x center bottom. } #small-menu ul li:hover ul.current_page_ancestor a.over ul { display:block..

} #small-menu ul li ul { display:none. position:absolute. } #small-menu ul li ul li a:hover { . display:block. text-align:left. background:url(. } #small-menu ul li ul li { float:none.current_page_item a:hover { text-align:left. border-right:0px.over ul li a { padding:8px 20px 8px 12px. width:11em. background:none. } #small-menu ul li ul li a. height:auto. #small-menu ul li./images/pagemenu-sub-bg.#small-menu ul li ul li.png) repeat 0px 0px. border-left:0px.. padding:0px. #small-menu ul li:hover ul li a. padding:5px 0px 5px 0px.

left: 10.png) repeat 0px 0px. 1px. position:absolute.sfHover ul { display:block. top: 0. background:url(. left: 10. } /* arrows */ #small-menu a.png) repeat 0px 0px. } /*second-level dropdowns */ #small-menu ul li ul li ul { display:none../images/pagemenu-sub-sub-highlight. } #small-menu ul li ul li:hover ul...png) repeat 0px 0px./images/pagemenu-sub-highlight. background:url(. #small-menu ul li ul li.text-align:left. background:url(.sf-with-ul { padding-right: min-width: 2em. } #small-menu ul li ul li ul li a:hover { text-align:left. position:absolute./images/pagemenu-sub-highlight. /* trigger IE7 hasLayout so spans position accurately */ .0em. top: 0.0em.

/* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ #small-menu a:focus > .8em.. 1em. background: url(. background-position: 0 -100px. 10px. /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ . block. #small-menu a:active > . /* IE6 only */ 10px. #small-menu li. hidden.sf-sub-indicator { background-position: -10px -100px.sf-sub-indicator. -999em. IE6 gets solid image only */ } #small-menu a > . .sf-sub-indicator.over > a > .sf-sub-indicator.sf-sub-indicator. #small-menu a:hover > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 1em.png) no-repeat -10px -100px.} #small-menu .sf-sub-indicator { position: display: right: top: width: height: text-indent: overflow: absolute. #small-menu li:hover > a > . /* 8-bit indexed alpha png./images/arrows-ffffff.

} #main-menu-wrapper .. top:9px. position:relative. right:8px.png) no-repeat 0px 0px.sf-sub-indicator { background-position: -10px 0. /* arrow hovers for modern browsers*/ } /************************************************* main menu *************************************************/ #main-menu-wrapper { } #main-menu-wrapper .sf-sub-indicator { background-position: -10px 0.left-cap { width:3px. #small-menu ul li ul li. background: url(. } #small-menu ul li ul a > .sf-sub-indicator. #small-menu ul li ul a:active > ./images/mainmenu-left. height:54px.#small-menu ul li ul .sf-sub-indicator { background-position: 0 0. #small-menu ul li ul li:hover > a > . float:left. margin-right:-1px. z-index:150.sf-sub-indicator.sf-sub-indicator. #small-menu ul li ul a:hover > .right-cap { .over > a > .sf-sub-indicator. } /* apply hovers to modern browsers */ #small-menu ul li ul a:focus > .

png) repeat-x 0px 0px. } #main-menu ul { . padding:14px 10px 8px 10px.. margin-left:-1px. } #main-menu .. } #main-menu { float:left. height:54px. width:956px. background: url(. z-index:150. float:left./images/mainmenu-right. } #main-menu #random-article a { display:block.png) no-repeat 0px 0px. } #main-menu #random-article { float:right. float:left. background:url(./images/mainmenu-bg.container { width:907px. position:relative.width:3px. margin:0px auto.

letter-spacing:-1px. text-align:center.float:left. position:relative.9em. } #main-menu ul li { float:left. border-left:1px solid #F7F7F7. } #main-menu ul li a:hover. color:#394253. border-right:1px solid #DCDCDC. margin:0px. margin:0px.current-cat a. font-size:. padding:19px 15px 17px 15px. } #main-menu ul li a { display:block. padding:0px. . list-style-type:none. z-index:140. position:relative. #main-menu ul li. padding:0px. font-weight:bold.

background:url(. .png) repeat-x 0px 0px.current-menu-ancestor a.current-menu-parent a { color:#FFF.current-cat a:hover. #main-menu ul li. #main-menu ul li. #main-menu ul li. #main-menu ul li.current-menu-item a.current-category-parent a.current-menu-item a:hover { } /*dropdowns*/ #main-menu ul li:hover a. padding-bottom:17px. #main-menu ul li. #main-menu ul li../images/mainmenu-highlight. padding-bottom:17px.current-category-ancestor a. #main-menu ul li.current-cat-ancestor a. #main-menu ul li.over a { color:#FFF.over ul { display:block.#main-menu ul li.png) repeat-x 0px 0px. background:url(./images/mainmenu-highlight.current-category a. #main-menu ul li.. } #main-menu ul li. } #main-menu ul li:hover ul.current-cat-parent a.current-category a:hover. #main-menu ul li. #main-menu ul li.

text-align:left. #main-menu ul li. width:10em. color:#394253. border:1px solid #FFF. padding:5px 0px 5px 0px. . } #main-menu ul li ul li a:hover { text-align:left. } #main-menu ul li ul li a. height:auto. background:#363A3E. } #main-menu ul li ul li { float:none. padding:0px.over ul li a { padding:10px 20px 10px 12px. background:#d8d8d8. display:block.} #main-menu ul li ul { display:none. position:absolute. #main-menu ul li:hover ul li a. background:none.

#main-menu ul li ul li.current-category-ancestor a.current-menu-item a:hover { text-align:left. #main-menu ul li ul li. background:#363A3E.current-cat-ancestor a. color:#FFF. #main-menu ul li ul li.current-cat-parent a.current-category a.current-menu-item a. #main-menu ul li ul li. . #main-menu ul li ul li. } /*second-level dropdowns */ #main-menu ul li ul li ul { display:none.current-menu-parent a { text-align:left.current-category a:hover.current-menu-ancestor a. #main-menu ul li ul li.current-cat a. #main-menu ul li ul li. } #main-menu ul li ul li a:hover. position:absolute. background:#111.current-cat a:hover. #main-menu ul li ul li. #main-menu ul li ul li.current-category-parent a. #main-menu ul li ul li. } #main-menu ul li ul li.color:#FFF. #main-menu ul li ul li.

top: 0.sfHover ul { display:block. } #main-menu ul li ul li:hover ul. #main-menu ul li ul li ul li a { background:none. background:#D8D8D8.1em. #main-menu ul li ul li. #main-menu ul li ul li.current-cat-ancestor a.current-cat a. . color:#FFF. left: 11.left: 11. #main-menu ul li ul li ul li. top: 0. } #main-menu ul li ul li:hover ul a.sfHover ul a. position:absolute. #main-menu ul li ul li ul li.1em. } #main-menu ul li ul li ul li a:hover { text-align:left. background:#363A3E. } #main-menu ul li ul li ul li a:hover. color:#394253.

current-menu-item a:hover { text-align:left. color:#FFF.sf-with-ul { padding-right: min-width: } #main-menu . 2em.current-menu-parent a { text-align:left. } #main-menu ul li ul li ul li.sf-sub-indicator { position: display: right: absolute.current-cat-parent a. 1px. } /* arrows */ #main-menu a.current-category a. #main-menu ul li ul li ul li. /* trigger IE7 hasLayout so spans position accurately */ . #main-menu ul li ul li ul li. block. background:#111.current-category-parent a. #main-menu ul li ul li ul li.#main-menu ul li ul li ul li. #main-menu ul li ul li ul li. background:#363A3E. #main-menu ul li ul li ul li. #main-menu ul li ul li ul li.current-cat a:hover. #main-menu ul li ul li ul li.current-category-ancestor a.current-menu-ancestor a.current-menu-item a.8em.current-category a:hover. . #main-menu ul li ul li ul li.

. /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ #main-menu ul li ul .sf-sub-indicator { background-position: 0 0.sf-sub-indicator { background-position: -10px 0. -999em. top:13px.sf-sub-indicator.sf-sub-indicator.5em. #main-menu a:hover > ./images/arrows-000000.png) no-repeat -10px -100px. background-position: 0 -100px. } #main-menu ul li ul a > .5em. /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ #main-menu a:focus > . #main-menu li:hover > a > .sf-sub-indicator.sf-sub-indicator { /* give all except IE6 the correct values */ top: 1. #main-menu a:active > .sf-sub-indicator. right:10px. background: url(.top: width: height: text-indent: overflow: 1.sf-sub-indicator { background-position: -10px -100px. #main-menu li. /* 8-bit indexed alpha png.over > a > . hidden.sf-sub-indicator. 10px. } /* apply hovers to modern browsers */ #main-menu ul li ul a:focus > . /* IE6 only */ 10px. IE6 gets solid image only */ } #main-menu a > ..

/images/spotlight-top.. } #spotlight { background:url(.over > a > .sf-sub-indicator { background-position: -10px 0.png) repeat 0px 0px. padding-top:10px.sf-sub-indicator. #main-menu ul li ul li:hover > a > . } #spotlight . background:url(.#main-menu ul li ul a:hover > . } .png) repeat-x 0px 0px. /* arrow hovers for modern browsers*/ } /************************************************* the spotlight area *************************************************/ /*main spotlight wrapper*/ #spotlight-wrapper { width:960px./images/spotlight-bg.right-panel { margin-bottom:10px.sf-sub-indicator.. #main-menu ul li ul a:active > . #main-menu ul li ul li.sf-sub-indicator. padding-top:10px.

/*spotlight widgets */ #spotlight . font-size:.widget h2. } /*spotlight with widgets*/ #spotlight1 { } #spotlight1 . width:770px. } #spotlight .right-panel { float:right.left-panel { float:left. } #spotlight .widget ul { list-style-type:none. } . width:190px.8em.latest-tweets { display:none. } #spotlight1 .widget { color:#d4d4d4.widget ul li { margin-bottom:15px. } #spotlight .

header { position:relative. } #spotlight2 . width:960px.left-panel .left-panel { float:left.right-panel .header { float:right. } #spotlight1 . } /*spotlight without widgets*/ #spotlight2 { } #spotlight2 . float:left. } /*layout 1*/ #slider1 { color:#FFF.header { position:relative.left-panel . } . float:left. margin-top:-20px.#spotlight1 .

margin-right:30px.7em. float:left. } #slider1 .slide { padding:0px 0px 10px 20px.#slider1 .article { width:510px.article h1 { } #slider1 .article-image a { border:6px solid #FFF.article h1 a { color:#E6E6E6. padding-top:5px. font-size:. padding:25px 0px 0px 0px.article-image. } #slider1 .article h1 a cufon { . } #slider1 . } #slider1 .article-image { float:left. } #slider1 . } #slider1 .review { padding-top:6px.

} #slider1 . color:#FFF. color:#FFF.desc { font-size:.article .65em. text-transform:uppercase. font-size:. padding:6px 10px 4px 10px. display:inline-block. margin:8px 0px 15px 0px.read-more { float:right.article a.7em. margin-bottom:15px.8em.article a. } .padding-bottom:8px.excerpt-wrapper { height:190px.article .category { background:#545E7E. } #slider1 . text-transform:uppercase. font-size:. color:#999999. } #slider1 . overflow:hidden. } #slider1 .

left-panel #slider1-wrapper ul li. } #spotlight1 . margin:0px 0px 0px 0px. color:#D4D4D4. font-size:. display:block. } .8em. height:435px.thumbnail a { cursor:pointer. } . background:#000. border:4px solid #FFF. } .thumbnail { float:left. } #spotlight1 .#slider1 .left-panel #slider1-wrapper ul li. . overflow:hidden.8em. padding:25px 0px 30px 0px.content { padding:15px 20px 20px 20px.left-panel #slider1-wrapper ul { list-style-type:none. margin-left:20px.article .excerpt { line-height:1.comment-wrapper.right-panel .

png) no-repeat 0px 0px. } #spotlight1 a. font-size:./images/reactions-bg-lightgrey. #spotlight1 . display:block. color:#EEE. overflow:hidden. height:100px. padding:3px 0px 0px 29px. } #spotlight1 a.comment. width:151px..twitted ul#twitter_update_list li span{ display:block. } #spotlight1 a. height:62px.comment:hover{ color:#BBB. .twitted ul#twitter_update_list li{ margin-bottom:17px. position:relative. z-index:10.author { margin-top:-1px.7em. padding:10px 8px 8px 14px.5em. background:url(.7em.#spotlight1 . line-height:1. font-size:.

} #spotlight2 #slider1 .article { width:413px.. height:420px.thumbnail { float:left. margin:5px 0px 40px 20px.left-panel #slider1-wrapper ul li.excerpt-wrapper { height:210px. margin-left:27px.slide { padding:0px 0px 25px 27px.wide*/ #spotlight2 #slider1 . .color:#999999. width:750px./js/images/slider-bg. } /* layout2 */ #slider2-wrapper { background:url(. } /*layout1 . } #spotlight2 .article . } #spotlight2 #slider1 .png) no-repeat. } #slider2 { position:relative.

nivo-controlNav { position:absolute. bottom:-43px. top:0px. display:block. margin-left:19px.width:710px. height:385px.gif) no-repeat 50% 50%. } #slider2 img { position:absolute. border:1px solid #333.nivo-controlNav a { display:block. background:url(./js/images/loading. display:none. } . top:20px. width:22px. height:22px. left:0px. .. } #slider2 a { border:0. } . right:30px.

text-indent:-9999px.nivo-prevNav { left:15px. } a.. } . border:0. float:left. } . right:15px. text-indent:-9999px. } a.nivo-controlNav a.png) no-repeat. margin-right:3px. border:0. height:30px. background:url(.active { background-position:0 -22px.nivo-caption { .nivo-nextNav { background-position:-30px 0. } .background:url(. width:30px..png) no-repeat./js/images/bullets2./js/images/arrows2.nivo-directionNav a { display:block.

} /*layout2 .png) no-repeat.nivo-html-caption { display:none. sans-serif. } /*layout 3*/ #slider3-wrapper { width:745px. } . font-family: Helvetica.wide*/ #spotlight2 #slider2-wrapper { background:url(./js/images/slider-bg-wide. Arial.nivo-caption p { font-size:.. } . width:920px. } .text-shadow:none.9em.nivo-caption a { text-decoration:none. color:#EEE !important. . } #spotlight2 #slider2 { width:880px.

background:#1F1F1F. top:0.ui-tabs-nav li{ padding:0px 0px 0px 13px. } #slider3 ul. } . width:270px. background:#1F1F1F. left:455px. margin:15px 0px 20px 20px. margin:0. font-size:12px. position:relative.height:440px.ui-tabs-nav{ position:absolute. color:#ccc. overflow:hidden. border:1px solid #3e3e3e. height:420px. padding-right:250px. } #slider3{ width:475px. padding:0. } #slider3 ul. list-style:none. border:10px solid #1F1F1F.

padding:5px 5px 5px 0px. padding:2px. line-height:18px. } #slider3 li.ui-tabs-nav-item a:hover{ background:#46494F..ui-tabs-nav li. } #slider3 li. } #slider3 li. color:#FFF./images/selected-item. height:74px.ui-tabs-nav li img{ float:left.#slider3 ul. margin:2px 10px 2px 10px.ui-tabs-selected{ background:url(. background:#fff.png) top left no-repeat. color:#ccc. line-height:16px. padding-top:5px.ui-tabs-nav li span{ font-size:12px. background:#333539.ui-tabs-nav-item a{ display:block. display:block. } #slider3 ul.ui-tabs-selected a{ . } #slider3 ul.

ui-tabs-panel{ width:455px. left:0./images/transparent-bg.png). height:165px. } #slider3 . color:#FFF. left:0px./images/transparent-bg.. color:#FFF. padding:0px 5px 5px 5px. font-size:.ui-tabs-panel a. background: url(. text-transform:uppercase.ui-tabs-panel . background:#1F1F1F. } #slider3 . top:265px.category { position:absolute.info{ position:absolute.png). } #slider3 . padding:10px 20px 10px 20px.. position:relative. } #slider3 .background:#46494F. height:430px. background: url(. display:inline-block.info h2 { . top:0px.8em.

color:#fff.ui-tabs-hide{ display:none. } #slider3 . color:#f0f0f0. } #slider3 . } #slider3 . line-height:19px.info a{ text-decoration:none. color:#fff.info p{ margin:0 5px. overflow:hidden.font-size:20px. font-size:13px. margin:0.info h2 cufon { padding-top:4px. padding:10px 5px 5px 5px. } #slider3 .info a:hover{ text-decoration:underline. } #slider3 . } .

} /************************************************* the feed *************************************************/ /* feed nav bar */ . } #spotlight2 #slider3 ./*layout 3 .ui-tabs-nav{ left:630px.ui-tabs-panel . height:135px.ui-tabs-panel{ width:630px.info{ top:295px. } #spotlight2 #slider3{ width:650px. } #spotlight2 #slider3 ul.wide*/ #spotlight2 #slider3-wrapper { width:920px. } #spotlight2 #slider3 . padding-right:250px. width:270px.

.png) no-repeat 0px 0px. } #feed-wrapper. float:left. . height:46px. float:left.search #feed-vertical { padding-top:10px. } #feed-rightend { width:3px.. } #feed { height:46px.search { margin:0px./images/feed-left. background:url(. height:46px. } #feed-leftend { width:3px. background:url(. } #feed-wrapper.png) no-repeat 0px 0px.category { /*no top margin for category listings*/ margin-top:0px./images/feed-right. } .#feed-wrapper { margin:20px 0px 0px 0px.

border-right:1px solid #000. } #feed . height:25px. . } #feed .icon { float:left.icon.cat-bar .png) no-repeat 0px 0px.music. float:left.icon.. } #feed .cat-bar .png) repeat-x 0px 0px.icon.cat-bar .movie { background:url(. } #feed.hide-social { border-right:none.background:url(.icon. overflow:visible. width:29px. height:25px. margin:13px 0px 0px 10px. margin:0px 4px 0px 0px./images/review-movie-large.. width:833px. color:#FFF.movie. width:29px. . } .icon { float:left.music { ./images/feed-bg.

} #feed . . font-size:.background:url(.png) no-repeat 0px 0px../images/review-music-large.png) no-repeat 0px 0px.product { background:url(. } #feed .book { background:url(.icon.cat-bar .3em.png) no-repeat 0px 0px./images/review-game-large.7em. font-size:1. } #feed . padding:16px 14px.icon.icon.. } #feed . padding:13px 15px 0px 10px.book. text-transform:uppercase./images/review-book-large. .cat-bar .cat-bar .png) no-repeat 0px 0px.game..header { float:left.icon.icon. .icon. } #feed .. height:22px.sort { float:left./images/review-product-large.product. . text-transform:uppercase.game { background:url(. } #feed .sort a { display:block.

color:#DDD; } #feed .sort a:hover, #feed .sort a.current { background:url(../images/feed-arrow.png) no-repeat center bottom; } #feed .sort a:hover { color:#FFF; } #feed-wrapper .social { height:46px; color:#FFF; float:left; width:119px; background:url(../images/feed-social-bg.png) repeat-x 0px 0px; border-left:1px solid #484848; } .ribbon .social { position:relative; top:-3px; } #feed-wrapper .social-placeholder { height:46px; float:left; width:120px; background:url(../images/feed-bg.png) repeat-x 0px 0px;

} #feed-wrapper .social a.rss { float:left; background:url(../images/feed-rss.png) no-repeat 0px 0px; display:block; height:25px; width:25px; margin:10px 5px 10px 13px; } #feed-wrapper .social a.twitter { float:left; background:url(../images/feed-twitter.png) no-repeat 0px 0px; display:block; height:25px; width:25px; margin:10px 5px; } #feed-wrapper .social a.facebook { float:left; background:url(../images/feed-facebook.png) no-repeat 0px 0px; display:block; height:25px; width:25px; margin:10px 10px 10px 5px; } /* feed panels */

#feed-panel-wrapper { } #feed-panel-wrapper .left-panel { width:658px; float:left; } .feed-panel .ad { padding:10px 0px 0px 0px; } .feed-panel { float:left; margin-right:30px; margin-top:30px; height:420px; width:300px; } .feed-panel.right-most { margin-right:0px; } .feed-panel .top { height:4px; width:300px; background:url(../images/feed-panel-top.png) no-repeat 0px 0px; } .feed-panel .bottom { height:4px;

article-image-placeholder { height:152px.feed-panel . background:#EEEEEE. } . width:278px. border-right:1px solid #B5B5B5. border-bottom:1px solid #C9C9C9. } . margin:8px 0px 8px 0px.7em. padding:4px 0px 0px 5px.feed-panel .feed-panel .width:300px.article-image img { .inner { padding:3px 10px. } .png) no-repeat 0px 0px. } . border-left:1px solid #B5B5B5. background:url(. padding:8px.article-image { border:1px solid #CCC.category { text-transform:uppercase./images/feed-panel-bottom. background:#FFF.feed-panel .. font-size:.feed-panel . } .

overflow:hidden.feed-panel h2 a cufon { padding-bottom:6px.65em.meta { border-top:1px solid #FFFFFF.5em.excerpt { font-size:.content { padding:5px 10px 0px 10px. line-height:1.} . width:298px.feed-panel h2 { margin-bottom:5px.feed-panel . height:178px.feed-panel h2 a { font-size:. color:#333333.75em. } .feed-panel . color:#545454. } .feed-panel . . } . } . background:#E2E2E2. border-left:1px solid #B5B5B5. } .

height:12px. } . height:12px. color:#FFF. color:#999.6em.comments { float:left. padding:5px 10px.border-right:1px solid #B5B5B5. font-size:. } .author { float:left.feed-panel ./images/feed-comments. } . width:14px.. width:140px.png) no-repeat center center.feed-panel .comments a { display:block. text-align:center. padding:5px 15px. text-transform:uppercase. . } .feed-panel .meta a { color:#666. font-size:9px. background:url(.feed-panel .

} .feed-vertical { padding:40px 20px. } .fullstory a { display:block. width:74px.. . padding:5px 10px.fullstory { float:left.feed-vertical .feed-panel . border-left:1px solid #B5B5B5.feed-panel .feed-panel .article-image { border:1px solid #CCC./images/sidebar-bg. } .png) repeat-x 0px 0px.} .fullstory a:hover { color:#999. height:12px. } /* feed panels vertical */ .feed-vertical-wrapper { background:#FFF url(. } . border-right:1px solid #B5B5B5. padding:8px. background:#FFF.

float:left.feed-vertical ./images/transparent-bg. display:inline-block. bottom:8px.. } . width:238px. } #feed-vertical .feed-vertical . padding:3px. right:8px. margin-right:20px.article { width:380px. background: url(.feed-vertical . .article-image img { } .feed-vertical .article-image .article-image a { border-width:0px.stars { position:absolute. float:left. position:relative. } .article-image-placeholder { display:block. } .display:block.png). float:left.

feed-vertical . } .comments { float:right.article . text-align:center. } .article .7em.article . } .label { float:left.article . display:block. color:#555.comments . .number a { color:#555. height:47px. font-size:.number { font-size:1.png) no-repeat 0px 0px. background:url(. text-transform:uppercase. font-weight:bold.padding-top:0px.comments . padding:7px 0px. } . float:left. width:112px. width:42px.comments .8em.feed-vertical .feed-vertical . letter-spacing:-1px.feed-vertical ./images/feed-comments-large..

margin-bottom:15px.8em.feed-vertical .feed-vertical . font-size:. } . display:inline-block. } .desc { .article . } .article a. } . letter-spacing:-1px.width:64px. } .feed-vertical .feed-vertical .feed-vertical .article h1 a cufon { padding-top:4px. margin-top:10px.7em. text-transform:uppercase.article h1 a { color:#333. padding:12px 0px 0px 6px. font-weight:bold. font-size:.article h1 { line-height:. padding:6px 10px 4px 10px.7em. color:#FFF.category { background:#545E7E.

8em.article .7em. margin:10px 0px.social { height:30px.article a. font-size:.read-more { float:right. font-size:.excerpt { line-height:1.65em.latest-wrapper .font-size:. } . border-right:1px solid #B5B5B5.latest-wrapper { background:#FFF. padding-top:15px. text-transform:uppercase.7em. color:#999999.feed-vertical . color:#545454. } . color:#FFF. border-left:1px solid #B5B5B5. float:left. .feed-vertical . } . } /* latest by category */ .

rss { float:left.latest-wrapper . width:25px.twitter { float:left. margin:0px 5px. } .png) no-repeat 0px 0px. display:block. } .social a. height:25px...facebook { float:left.latest-wrapper . } . display:block. } ./images/feed-twitter. background:url(. width:25px. background:url(. height:25px.width:112px.png) no-repeat 0px 0px./images/feed-facebook. margin:0px 5px. display:block. height:25px. background:url(.social a.png) no-repeat 0px 0px. width:25px.social a../images/feed-rss. margin:0px 5px.latest-wrapper .

catpanel-wrapper .catpanel-wrapper . ..7em.catpanel { margin:10px 0px 10px 0px. float:left.catpanel-wrapper { width:329px.latest-wrapper . text-transform:uppercase.latest-wrapper . font-size:.category { background:#545E7E. font-size:. float:left. } . } .latest-wrapper .more { display:block.catpanel-wrapper . } . } . display:inline-block.inner { padding:0px 10px 10px 15px.latest-wrapper . color:#FFF.latest-wrapper .8em. padding:4px 10px. border-bottom:1px solid #F0F0F0. text-transform:uppercase. padding-right:10px. float:right.

first { margin-top:0px. padding:0px 10px.thumbnail img { } .catpanel a. } .title { display:block. background:#FFF. .latest-wrapper .last { border-bottom:0px.catpanel a { color:#555.catpanel a.latest-wrapper .catpanel .catpanel a.latest-wrapper .latest-wrapper .latest-wrapper .padding-bottom:10px. } .75em. } . margin-bottom:15px. display:block.thumbnail { } .latest-wrapper . } .article-image { border:1px solid #D7D7D7.catpanel. font-size:. padding:7px 7px 7px 7px.catpanel.latest-wrapper . } .

feed-panel. padding:5px 10px. } .catpanel a:hover { color:#888.latest-wrapper . } . } #feed-wrapper .reviews .content { height:133px. width:83px.reviews .author { width:129px.5em.latest-wrapper . } #feed-wrapper .feed-panel.reviews { height:375px.catpanel a.catpanel a. } .reviews . .first { font-size:1em.line-height:1. }*/ #feed-wrapper .feed-panel.fullstory a { display:block.first cufon { padding-bottom:4px.latest-wrapper .feed-panel. } /*ratings*/ /*#feed-wrapper .

sidebar . padding:5px 3px 6px 6px.stars { margin:0px 0px 18px 0px. right:0px.stars { float:left. float:right. top:0px.png)..stars { position:absolute.stars { float:right.stars. } #slider1 . . } #breaking . margin-top:3px. } #feed-wrapper .height:12px./images/transparent-bg.stars { float:right. display:inline-block. padding:5px 5px 4px 0px. margin-top:5px.stars. } #slider2-wrapper . } #slider3 . #footer . . background: url(.

full.latest-wrapper . .sidebar . #breaking ./images/transparent-bg. float:left. right:8px.png) no-repeat 0px 0px.search . #breaking . . display:inline-block.half.star { width:14px. #footer .star.star.star. .sidebar .stars { position:absolute..full.star.star. . padding:5px 3px 6px 6px.} .star.full.half. . } .latest-wrapper . margin-left:2px. background:url(.star.. height:14px.latest-wrapper ./images/star-half-small. } #feed-wrapper .png) no-repeat 0px 0px. } .star.star.png) no-repeat 0px 0px.search .star. background:url(.star./images/star-empty-small.star.png) repeat 0px 0px. top:5px. #footer .sidebar .star../images/star-full-small. . #footer .sidebar . #footer .full.star.half. . #breaking .full..stars { margin:10px 5px 0px 0px !important.search .feed-vertical .half. } #feed-wrapper . .full { background:url(.star.star.star.half { background:url(.stars. .half. } #feed-wrapper .

.heart.latest-wrapper . ./images/heart-full-small./images/special-small-2.full. .half { background:url(.png) no-repeat 0px 0px.full./images/heart-half-small. #footer . .heart.award.half.search .full { background:url(. } .full./images/heart-empty-small.heart.sidebar .half.latest-wrapper . . height:20px. float:left. #breaking ..heart.heart.search . #breaking .award { float:left.full.award.. } .latest-wrapper . margin-left:5px. .heart.sidebar .search .half.heart.heart.heart. margin-left:2px. margin-right:4px.full. #footer .sidebar .heart. #footer .heart.heart.heart.heart. .png) no-repeat 0px 0px.half. background:url(.award. .heart.heart. } #feed-wrapper . #footer .heart { width:14px.feed-vertical .half.heart. #breaking .png) no-repeat 0px 0px. width:20px. background:url(.award { margin-top:13px. .latest-wrapper . height:14px. } #feed-wrapper ..search ..sidebar . . #breaking . .png) no-repeat 0px 0px. } #feed-wrapper .#feed-wrapper . .award.award.

8em. text-transform:uppercase. text-transform:uppercase. color:#FFF. color:#C30.4em.category-link a { background:#545E7E. margin-top:10px. font-size:. display:block.award-text { font-size:1. } . display:block. padding:4px 10px. margin-top:5px. margin-bottom:15px.feed-vertical . font-weight:normal. } .#feed-wrapper .feed-vertical .right-panel { width:300px. . font-weight:bold. } /*feed-specific sidebar style*/ #feed-panel-wrapper .category-link { float:left.

right-panel. .latest-wrapper { border-left:1px solid #CDCDCD. background:none. height:8px. border-bottom:1px solid #B5B5B5.alt { border-right:none. #feed-panel-wrapper . } #feed-panel-wrapper . } #latest-bottom { width:960px. } #feed-panel-wrapper . border-bottom:none. border-right:1px solid #CDCDCD.feed-vertical-wrapper .alt { border-left:none. } /************************************************* the latest panel *************************************************/ .right-panel.right-panel.border-left:1px solid #B5B5B5.

z-index:5. padding:10px 10px 0px 10px. /*background:url(. height:33px. float:left.*/ background:#333. padding-top:0px..header ./images/latest-arrow./images/footer-bg.header . font-size:14px..png) no-repeat 0px 0px. } #latest . } #latest { background:#FFF. } #latest .header { position:absolute.title { text-transform:uppercase.png) repeat 0px 0px./images/latest-bottom. color:#FFF. width:8px..background:url(.png) no-repeat right center. background:url(. height:26px. } #latest . } .arrow { float:left.

9em.png) no-repeat left bottom.. } #latest .category.right { background:url(. width:244px./images/ribbon-left-bg.#category-wrapper { width:972px./images/ribbon-right-bg. margin:0 auto.inner a { text-transform:uppercase. width:242px. width:243px. } #latest . position:relative. .category { float:left.category. font-size:. } #latest . left:-7px. float:right.category . position:relative..left { background:url(. height:40px. color:#FFF.png) no-repeat right bottom. } #latest . width:241px.

inner a { width:240px.catpanel-wrapper.right . padding:11px 0px 5px 0px. display:inline-block. text-align:center.first. } #latest . padding-left:70px.catpanel-wrapper { width:239px.category.category. } #latest .left . } #latest .catpanel-wrapper. float:left. } #latest . border-right:1px solid #25272A. background:#43464D. height:20px. } #latest .last { width:240px.border-left:1px solid #61666F.inner a:hover { background:#4B4F56. #latest .category . } .inner a { width:172px.

display:inline-block. } .last { border-bottom:0px.latest-wrapper . . } #latest .latest-wrapper .article-image { border:1px solid #D7D7D7. right:8px. padding:7px 7px 7px 7px. border-bottom:1px solid #F0F0F0.catpanel { margin:10px 12px 10px 12px.latest-wrapper . background: url(. margin-bottom:15px.stars { float:left.catpanel ..catpanel.png).stars { position:absolute. padding-bottom:10px./images/transparent-bg.catpanel .article-image . bottom:8px. } . } . display:block.stars-wrapper . padding:3px.#latest . position:relative.catpanel . background:#FFF.

catpanel a.padding:2px 0px 0px 7px.3em. } #latest . } #latest .first { font-size:1em.catpanel a:hover { color:#888.catpanel a. } #latest #more-wrapper { } #latest . } #latest . } #latest .catpanel a.title { color:#555.thumbnail { } #latest .title { display:block.more-button { .75em. padding:0px 10px.thumbnail img { } #latest . line-height:1.catpanel a. line-height:1.catpanel a.5em. font-size:.

} #latest .more-button. #latest .more-button.more-button a:hover { background:#EEE. display:block.7em.last { width:240px. float:left. width:224px.first.width:239px.more-button a { padding:5px 15px 5px 0px.more-button.first a.last a { width:225px. text-transform:uppercase. } #latest . #latest . } #latest . } #latest . text-align:right.more-button. font-size:. } /************************************************* shortcodes .

three_fifth.font-size:0..three_fourth{ width:74%...four_fifth .last. } .last.height:0..one_fourth...6%.2%. one_half.last. margin-right:4%.three_fourth. } .five_sixth{ position:relative. } . } .two_fifth..one_fifth. float:left...33%.three_fifth{ width:58.two_third.one_fifth. color:#eee !important.one_third. text-decoration:none !important.*************************************************/ /* fluid columns */ .two_fif th..last.four_fifth{ width:67.33%.five_sixth{ width:82.display:block..last.three_fifth.last..4%.last.button_link{ background:url(.png) no-repeat scroll right -165px transparent.8%.one_fifth{ width:16.. text-shadow:0 -1px 0 #888888.one_third{ width:30.one_third. } . } .. } .five_sixth. clear:right.last... } .67%.four_fifth.last.. } .. . one_half.} /* buttons */ .clearboth {clear:both. } .one_sixth{ width:13.one_half{ width:48%.last.two_third{ width:65. } .66%.one_fourth.two_fifth{ width:37./images/button_blue.three_fourth.one_sixth...two_third.last{ margin-right:0 !important.line-height:0. } . } .width:100%.one_fourth{ width:22%..one_sixth.

} . line-height:10px. padding-right:24px.button_link:hover{text-decoration:none !important.display:inline-block. margin:5px 10px 5px 0. letter-spacing:1. text-transform:uppercase. padding:0 24px 0 0.large_button span{ background-position:-6px -3px.button_link span{ background:url(. text-decoration:none !important.button_link.button_link. padding:15px 0 17px 21px.} . text-transform:none. font-size:11px. height:56px. display:block. line-height:20px.large_button{ background-position:right -61px..png) no-repeat scroll -6px -122px transparent. border:0 none.6px. font-size:24px./images/button_blue.} . padding:17px 0 20px 20px.} /* button variations */ .} .

/images/button_darkgrey.. .pink span{background-image: url(.black span{background-image: url(. . float:left. color:#eee ! important.5em. color:#eee ! important.png) !important..black. color:#eee ! important. ./images/button_rust.. color:#eee ! important. text-shadow:0 -1px 0 #888 !important.grey span{background-image: url(.brown span{background-image: url(. color:#777 !important. text-shadow:0 -1px 0 #888 !important. color:#eee !important. .} . ./images/button_grey.} .rust span{background-image: url(.red span{background-image: url(.} ..png) !important.} ..} . color:#eee ! important.sky span{background-image: url(. . . .} . color:#eee ! important./images/button_lightgrey. . text-shadow:0 -1px 0 #FFF !important.rust./images/button_brown.grey.. text-shadow:0 -1px 0 #888 !important.dropcap { display:block. text-shadow:0 -1px 0 #888 !important.green.green span{background-image: url(.png) !important. color:#eee ! important./images/button_black./images/button_slate.brown..png) !important. color:#eee ! important.png) !important.} .lightgrey span{background-image: url(. .purple.sky..png) !important.} . text-shadow:0 -1px 0 #888 !important./images/button_red./images/button_sky.slate span{background-image: url(.} /* dropcap */ . text-shadow:0 -1px 0 #888 !important..} . color:#eee !important../images/button_moss...} .png) !important.} . text-shadow:0 -1px 0 #888 !important. color:#eee !important. text-shadow:0 -1px 0 #888 !important.slate.png) !important./images/button_purple../images/button_green. .lightgrey. color:#eee ! important.png) !important.darkgrey. . .png) !important.. text-shadow:0 -1px 0 #888 !important.} .red. text-shadow:0 -1px 0 #888 !important. font-size:3.purple span{background-image: url(.png) !important.moss span{background-image: url(.png) !important.darkgrey span{background-image: url(.moss. text-shadow:0 -1px 0 #888 !important.pink./images/button_pink. text-shadow:0 -1px 0 #888 !important.png) !important. .

checklist ul li{ list-style-image: url(. color:#444./images/li-dark. } .starlist ul li{ list-style-image: url(.png) !important.. } ./images/li-checkmark..arrowlist ul li{ list-style-image: url(. } .fancylist ul li{ list-style-image: url(..png) !important./images/li-star. } /* divider */ .png) !important. } /* lists */ . height:1px.divider { display:block.png) !important. margin:20px 0px..margin:6px 8px 0 0.pluslist ul li{ . background:#E3E3E3./images/li-arrow. } .

.signoff-wrapper { border:1px solid #DFDFDF. . } . background:#ECECEC url(.png) !important. font-style:italic../images/li-info.png) no-repeat 12px 12px./images/li-plus. color:#666. border-radius: 5px./images/info.quote-wrapper { border:1px solid #E0E0E0. -moz-border-radius: 5px.signoff { border:1px solid #FFF.. } .png) !important. padding:15px 15px 15px 80px./images/li-heart.png) !important.heartlist ul li{ list-style-image: url(. } /*quote*/ . } . } /*signoff text*/ ..infolist ul li{ list-style-image: url(.list-style-image: url(.

left { margin:15px 20px 15px 0px. -moz-border-radius: 5px.pullquote-wrapper { border:1px solid #E0E0E0.3em. width:220px.pullquote-wrapper./images/quotes. margin:15px 20px. color:#777. -moz-border-radius: 5px.quote { border:2px solid #FFF. border-radius: 5px. -webkit-border-radius: 5px. -webkit-border-radius: 5px. font-size:1. } .-webkit-border-radius: 5px. .. padding:10px 15px 10px 75px. border-radius: 5px. background:#F6F6F6 url(. font-style:italic. } . } /*pullquotes*/ . float:left.png) no-repeat 15px 15px.

pullquote { border:2px solid #FFF. float:right. -moz-border-radius: 5px.pullquote-wrapper. background:#F6F6F6 url(. border-radius: 5px.box-light { border:2px solid #FFF.box-wrapper-light { border:1px solid #DDD.4em.right { margin:15px 0px 15px 20px. color:#333. -moz-border-radius: 5px./images/pullquote. -webkit-border-radius: 5px. -webkit-border-radius: 5px. border-radius: 5px. font-size:1.. margin:10px 0px. . } /*plain boxes*/ . } .png) no-repeat 8px 20px. padding:5px 10px 5px 40px.} . } .

box-wrapper-dark { border:1px solid #444. color:#FFF. -webkit-border-radius: 5px. border-radius: 5px. . background:#F0F0F0. -moz-border-radius: 5px.box-dark { border:1px solid #999. } . } /*jquery toggle*/ h4. -webkit-border-radius: 5px. -webkit-border-radius: 5px. background:#666. margin:10px 0px. border-radius: 5px. padding:5px 15px. -moz-border-radius: 5px.border-radius: 5px. padding:5px 15px.toggle { cursor:pointer. -moz-border-radius: 5px. } .

toggle-content { width:600px. -moz-border-radius: 5px. } .. padding-left:25px. background:#F6F6F6. } . } h4. border-radius: 5px. margin:10px 0px.png) no-repeat 0px 3px. } .active { background:url(. } .png) no-repeat 0px 3px./images/toggle-plus. -webkit-border-radius: 5px.toggle..background:url(./images/toggle-minus. border-radius: 5px. padding:5px 10px 10px 10px.toggle-box-wrapper { border:1px solid #E0E0E0.toggle-box { border:2px solid #FFF. -moz-border-radius: 5px. -webkit-border-radius: 5px.

current-cat a.current-menu-parent a { padding-bottom:19px. #main-menu ul li. #main-menu ul li.current-cat-ancestor a. #main-menu ul li.current-menu-item a.over a { padding-bottom:19px. #main-menu ul li. } #main-menu ul li:hover a.current-cat-parent a. #main-menu ul li.} @media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome CSS here*/ #main-menu ul li a { padding-bottom:19px.current-category-ancestor a.current-category-parent a. #main-menu ul li. #main-menu ul li. #main-menu ul li. . } #main-menu ul li a:hover. #main-menu ul li.current-menu-ancestor a.current-category a. #main-menu ul li.

} } .