/* Theme Name: OneMoxie Theme Theme URI: http://ipackacktechnologies.com/ Author: Talec Hunter Version: 1.1 Tags: white, blue, black, two columns, fixed width, widgets */ /* Begin Typography & Colors */ * { margin: 0; padding: 0; } body { background: #e9f4ff url(images/background.gif) repeat-x top left; font: normal 12px "Verdana", sans-serif; color:#535353; } input, button, textarea, select { font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; } legend { display: none; } fieldset { border: none; } ul, ol { list-style: none;} ol { list-style-type: decimal;} table { border-collapse: collapse; width: 100%; } hr { display: none; } img { padding: 0px; margin: 0px; border: none; text-align: center;} a:link { text-decoration: none; color : #1658a4; border: 0px; outline:none} a:active { text-decoration: underline; color : #1658a4; border: 0px;} a:visited { text-decoration: none; color : #1658a4; border: 0px; } a:hover { text-decoration: underline; color : #336699; border: 0px;} a:focus { outline: none;-moz-outline-style: none;} .clearfix{clear:both} h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif} /* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #bgcontain { width: 980px; padding-top:18px; margin: 0px auto; overflow: hidden;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header { width: 950px; height:110px; padding: 0px 15px 0px 15px; position: relative; background:url(images/middle-top.gif) no-repeat left bottom;} /* Logo +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .logo { position:absolute;padding:0px;} .logo img { margin-bottom: 5px; } /* Search +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .search { width: 433px; position: absolute; margin:0 0 0 732px; top:20px; padding:0px;} .search form { margin-right: 10px;} .search input { float: left; background: url(images/search-input.gif) no-repeat; border: none; padding: 9px 6px 9px 32px; width: 132px; color:#666; font-size: 12px;} .search button { float: left; background: url(images/search-button.gif) no-repeat; width: 35px; height:28px; border: none; cursor: pointer; color:#fff; vertical-align: middle; padding: 2px 5px 5px 0px; font: bold 0px/0px "Verdana", sans-serif;} .search button:hover { float: left; background: url(images/search-button.gif) no-repeat 0 -28px;} /* RSS Links +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .rss-links { position: absolute; margin:-10px 0 0 710px} .rss-links ul{padding:0; } .rss-links ul li{ display:inline} .rss-links ul li a{background: url(images/rss-icon.gif) no-repeat; font-size:11px;color:#5ca5d3; padding:0 0 0 23px} .rss-links ul li a:hover{ color:#003366;} /* Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #navigation {position:absolute; margin:66px 0px 0; list-style:none;} #navigation li {margin:0; padding:0;float:left;width:auto;display:inline; font: bold 16px/16px "Arial"; float: left;} #navigation li a {float: left;padding-left: 12px; display:block; text-decoration:none; margin-right: 1px; background: url(images/menu-left.gif) no-repeat 0 0; color:#000 } #navigation li span {float:right;padding: 8px 15px 8px 5px; display: block; background: url(images/menu-right.gif) no-repeat right top; } #navigation li:hover a span, #navigation li.sfhover a span, #navigation li.current_page_item a span{ background-position: 100% -32px; color:#fff;} #navigation li.current_page_item a,#navigation li:hover a, #navigation li.sfhover a{ background-position: 0% -32px; color:#fff;} /* Navigation Dropdown Start +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #navigation li ul { margin:32px 0 0 2px; padding:0px; list-style: none; position: absolute; width:175px; left: -999em; z-index: 10; border: solid #3b3b3b; border-width:0px 1px 1px; } #navigation li li span {float:left;margin:0; padding:7px 0 7px 8px;display:block;background:none} #navigation li:hover, #navigation li.sfhover {cursor: pointer;} #navigation li:hover ul, #navigation li.sfhover ul {left: auto;} #navigation li ul li {float:left; width:175px;padding:0; margin:0; border-bottom:1px solid #3b3b3b; background:#010101;} #navigation li ul li a{ font:normal 12px/16px "Verdana"; padding:0px; margin:0px; float:left; display:block; } #navigation li:hover ul li:hover, #navigation li:hover ul li:hover a, #navigation li.sfhover ul li:hover, #navigation li.sfhover ul li:hover a {background:#2d2e30;} #navigation li:hover ul li a{margin:4px 0; padding:0 5px;width:148px; height:auto;font:1.00em; color:#333;background:none;} #navigation li ul li a:hover {color:#FFF;background:none;} #navigation li ul li ul { margin: -30px 0 0 160px; border-width:1px; border: solid #999; border-width: 1px; background: #A7A7A7; } #navigation li:hover ul ul, #navigation li.sfhover1 ul ul {left: -999em;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {left: auto;} #navigation li:hover, #navigation li.hover { position:static;} /* Tabbed section +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .tabbed { margin-top:-55px;} /* List of tabs */ .tabbed ul.tabs {float: left; display: inline; width: 100%;margin: 0;padding: 0;} .tabbed ul.tabs li {list-style: none;float: left;color:#fff; letter-spacing:-1px; font: bold 16px/16px Arial, sans-serif;padding: 5px 0px 10px 0px; } .tabbed ul.tabs li a { overflow: hidden;display: block;margin: 0 2px 0 0;padding:0 0 0 14px;} .tabbed ul.tabs li a span {float:left;width:auto; cursor:pointer;display:block;font-weight:bold; padding:8px 14px 8px 0px;} .tabbed ul.tabs li a:hover, .tabbed ul.tabs li a.tab-current {background:url(images/tab-left.gif) no-repeat left top; text-decoration:none;color:#000} .tabbed ul.tabs li a:hover span, .tabbed ul.tabs li a.tab-current span{background:url(images/tab-right.gif) no-repeat right top; text-decoration:none; color:#000} /* The content shown when a tab is selected */ .tabbed div {float: left;display: block;width: 100%;} /* Set the CSS to make sure the other tabs' content isn't shown other than the first */ .tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {display: none;} /* Content for inside your tabs' divs */ .tabbed div ul li{color:#fff;background: url(images/categories-li-arrow.png) no-repeat left 7px; font-size: 12px; padding: 2px 0px 2px 10px;} .tabbed div ul li a{ color:#fff} .tabbed div p { } .tabbed div div {} /* Middle Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .middle-container { width: 970px; padding:0px 5px 20px 6px; margin:0; float:left; background:url(images/middleBg.gif) repeat-y left top; } .container { padding:285px 12px 20px 12px; margin:0;background:#fefefe url(images/middle-bg.gif) repeat-x left 272px; } /* Banner +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .banner{width:972px; position:absolute; margin:-10px 0 0;;background:url(images/banner-bg.gif) no-repeat 0 0; height:281px } .banner img{ display:block;margin:0px; } /* For Specific Slides +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Slide{ padding: 10px 20px 0; } .Slide h1{ font-size:33px; letter-spacing:-1px; font-weight:bold; margin-top:10px; padding-bottom:10px} p.feature-list{color:#fff;background:url(images/feature-bullet.png) no-repeat 0 4px; font-size: 14px; padding: 4px 0px 4px 24px!important; border-bottom:1px solid #307bc6} .Slide h1.math{background:url(images/icon-math.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.wheeldoom{background:url(images/icon-wheel-doom.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.starplayer{background:url(images/icon-star-player.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.basketball{background:url(images/icon-basketball.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.hockey{background:url(images/icon-hockey.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.soccer{background:url(images/icon-soccer.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.lacrosse{background:url(images/icon-lacrosse.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.starplayeragent{background:url(images/icon-star-player-agent.png) no-repeat 0px 2px; padding-left:46px} .Slide h1.starplayercentral{background:url(images/icon-star-player-agent.png) no-repeat 0px 2px; padding-left:46px} .slide-pic{ float:left;width:140px; height:236px;padding-top:45px; padding-left:20px; background:url(images/slide-pic-bg.png) no-repeat 0 0} .slide-pic1{ float:left;width:200px; height:150px;padding-top:45px; padding-left:0px; padding-right:20px;} .slide-pic img{ width:110px; display:block } .slide-pic1 img{ width:200px; display:block } .slide-middle{ float:left;width:408px; padding-right:10px;} .Slide .slidebtns{ position:absolute; margin:205px 0 0 155px;padding:0} .Slide .slidebtns a{ float:left; width:auto; display:block; height:50px; font-size:0px/0px; text-indent:-9999px} .Slide .slidebtns a.learnmore{ width:142px;background:url(images/btn-learn-more.gif) no-repeat 0 0} .Slide .slidebtns a.buy{ width:79px;background:url(images/btn-buy.gif) no-repeat 0 0} .Slide .slidebtns a:hover{background-position:0 -50px} /* SC +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #middle { width:948px; padding-top: 10px;} /* main wider coloumn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .main{ width: 652px; float: left;} .main h2{ color:#000; font: bold 24px/20px Arial, sans-serif; padding: 16px 0px 10px 15px; margin-bottom: 10px; background: url(images/h-recentposts-icos.png) no-repeat left; } .main h1{ color:#1958a5; font: bold 24px/24px Arial, sans-serif; padding: 16px 0px 10px 35px; margin-bottom: 10px; } .main h3{ color:#1958a5; font: bold 18px/20px Arial, sans-serif; padding: 0px 0px 10px 0px; border-bottom:1px solid #ededede; margin-bottom:5px; } .main h4{ color:#1958a5; font: bold 16px/20px Arial, sans-serif; padding: 0px 0px 3px; margin:0} .btn-download{ position:absolute; margin:-45px 0 0 530px; display:block; background: url(images/download-now.gif) no-repeat 0 0; height:25px; width:114px; font-size:0px; text-indent:-9999px} .btn-download:hover{ position:absolute; margin:-45px 0 0 530px; display:block; background: url(images/download-now.gif) no-repeat 0 -25px; height:25px; width:114px; font-size:0px; text-indent:-9999px} .btn-signup{ position:absolute; margin:-45px 0 0 530px; display:block; background: url(images/btn-signup.gif) no-repeat 0 0; height:25px; width:114px; font-size:0px; text-indent:-9999px} .btn-signup:hover{ position:absolute; margin:-45px 0 0 530px; display:block; background: url(images/btn-signup.gif) no-repeat 0 -25px; height:25px; width:114px; font-size:0px; text-indent:-9999px} .main .post { padding: 0px 0px 30px 0px;} .main .p-head { overflow: hidden; border-bottom: solid 1px #dddddd; padding-bottom: 7px; margin-bottom:5px} .main .p-head h3 { font: normal 19px/19px Arial, sans-serif; padding-bottom: 2px;} .main .p-head h3 a, .post h2 a:visited { text-decoration: none; } .main .p-head h3 a:hover { text-decoration: none;} .main .p-date-cat { font-size: 11px; color:#ae9292; background: url(images/date-cat-ico.png) no-repeat left center; padding-left: 18px; } .main .p-date-cat a, .p-date-cat a:visited, .p-date-cat a:hover { text-decoration: underline; color: #ae9292;} .main .p-con { padding: 0px;} .main .p-con p { font: normal 12px/16px "Verdana"; padding: 0px 0px 10px; margin:0px; color:#4f4f4f;} .main .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;} .main .p-con ol li { padding: 2px 0px 2px 0px; } .main .p-con ul { padding: 10px 0px 10px 20px; margin: 0px; } .main .p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#4f4f4f; } .main .p-det { text-align: left; font-size: 11px; font-weight: bold;} .main .p-det li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;} .main .p-det li.p-det-com { background: url("images/p-det-com-ico.png") left center no-repeat; } .main .p-det li.p-det-more { background: url("images/p-det-more-ico.png") left center no-repeat; } .main .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#3f74aa; } .main .p-det li.p-det-tags { background: url("images/p-det-tags-ico.gif") left center no-repeat; } .main .product-list{ width:auto; margin-bottom:10px; padding:10px!important;} .main .product-list img{ float:left; width:57px; margin-right:10px; margin-bottom:20px} /* Side Right ############################################################################################################## */ #sidebar { width: 285px;float: right;} #sidebar .latestcomments h2 { color:#000; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 25px; margin-bottom: 10px; background: url(images/h-latestcomments-ico.png) no-repeat left; } #sidebar .categories h2 { color:#000; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 25px; margin-bottom: 10px; background: url(images/h-categories-ico.png) no-repeat left; } #sidebar .latestcomments, #sidebar .categories { margin-bottom: 15px;} #sidebar .latestcomments li { font-size: 11px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px;} #sidebar .latestcomments li a { font-size: 11px; color:#4f4f4f;} #sidebar .latestcomments .author { display: block; color:#1658a4;} /* widget +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .widget { margin-bottom:12px;} .widget li { background: url(images/categories-li-arrow.png) no-repeat left 7px; font-size: 12px; padding: 2px 0px 2px 10px;} .widget li ul li { background: none; font-size: 12px; padding: 2px 0px 5px 0px; border-bottom:1px solid #6b6b6b; font-weight: normal;} .widget_tag_cloud { line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .widget_calendar table { width: 100%;} .widget_calendar table td { text-align: center; padding: 3px; } .widget_calendar caption { background: #f5f5f4; padding: 5px 0px; margin-bottom: 10px;} .widget_calendar #today { background: #f5f5f4;} .widget_flickrRSS { overflow: hidden; padding: 0px;} /**/ *html .widget_flickrRSS { height: 1%;} /**/ .widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;} .widget_flickrRSS ul { float: left;} .widget_flickrRSS li { background: none; display: inline; padding: 0px; float: left; margin: 0px 7px 7px 0px;} .widget_flickrRSS li a img, .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 65px; height: 65px;} .widget_flickrRSS li a:hover img { border: solid 1px #000;} .widget_recent_comments .widget_recent_comments { margin-bottom: 15px;} .widget_recent_comments li { font-size: 11px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px; background: none;} .widget_recent_comments li a { font-size: 11px; color:#4f4f4f;} .widget_recent_comments .author { display: block; color:#1658a4;} /* Title +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .title { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid; color:#000;} /* Images +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SL img.aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #ccc;} .SL img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 1px #ccc; padding: 1px; } .SL img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 1px #ccc; padding: 1px;} .SL .alignright { float: right; } .SL .alignleft { float: left } /* Comments ############################################################################################################## */ .comments-list { padding-top: 30px;} .comments-list h2 { color:#272d36; font: bold 16px/19px Arial, sans-serif; padding-bottom: 5px; margin-bottom: 15px; border-bottom: solid 1px #dddddd; } .comments-list div.entry { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #dddddd; } .comments-list div.alt { margin-bottom: 15px; padding-bottom: 15px;} .comments-list p.name { font: normal 19px/19px Arial, sans-serif; color:#000; letter-spacing: -1px;} .comments-list p.avt { padding: 0px; margin: 0px; float: right;} .comments-list p.avt img { border: solid 4px #dededb;} * html .comments-list p.avt { left: -60px; } .comments-list p.date { font-size: 11px; padding-bottom: 10px; color:#999;} .comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;} .comments-list .con { font: normal 12px/17px "Verdana"; color:#333;} .comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;} .comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#4f4f4f; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; } .comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#4f4f4f; } /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .comments-form { padding-top: 30px; } .comments-form h3 {color:#272d36; font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #dddddd; margin-bottom: 15px; padding: 5px 0px;} .comments-form p.formbg { color:#333; font-size: 11px; font-weight: bold; background: url(images/form-input-bg.png) no-repeat; padding: 8px; margin-bottom: 6px; } .comments-form p.formtxt { color:#333; font-size: 11px; font-weight: bold; background: url(images/form-txt-bg.png) no-repeat; padding: 8px; margin-bottom: 6px; } .comments-form .required { color:#ff0000;} .comments-form input { padding: 5px; width: 314px; margin-right: 5px; } .comments-form select { padding: 5px; width: 314px; margin-right: 5px; } .comments-form input.formid { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;} .comments-form input.formemail { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;} .comments-form input.formuri { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;} .comments-form textarea { border: 1px solid #e0e0e0; background: #fff; padding: 10px; width: 480px; color:#000;} .comments-form .button { background: url(images/post-comment.png) no-repeat left top; text-indent: -50000px; width: 72px; height: 26px; border: none; display: block;} .comments-form .but-submit { background: url(images/btn-subrequest.gif) no-repeat left top; text-indent: -50000px; width: 124px; height: 26px; border: none; display: block;} .comments-form p.formbg label{width:100px; float:left} .comments-form .text-msg{width: 410px; height: 81px;} /* black-widget +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .black-widget{ width:100%; margin:0px 0px 12px; padding:0px;} .black-widget .top{background:url(images/black-widget-tbg.gif) repeat-x 0 0; width:auto; display:block} .black-widget .tl{background:url(images/black-widget-tl.gif) no-repeat 0 0; width:auto; height:49px; display:block} .black-widget .tr{background:url(images/black-widget-tr.gif) no-repeat 100% 0; width:auto; height:49px; display:block; } .black-widget .bot{background:url(images/black-widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block} .black-widget .bl{background:url(images/black-widget-bl.gif) no-repeat 0 0; width:auto; height:14px; display:block} .black-widget .br{background:url(images/black-widget-br.gif) no-repeat 100% 0; width:auto; height:14px; display:block;font-size:0px} .black-widget .wcontainer{padding:10px;width:auto;background:#4e4d4d;} .black-widget h2 { color:#fff; font: normal 22px/20px Arial, sans-serif; padding: 16px 0px 10px 15px; margin-bottom: 10px; } .black-widget a, .black-widget .p-date-cat{color:#fff!important} .black-widget ul.list li{color:#fff;background: url(images/categories-li-arrow.png) no-repeat left 14px; font-size: 12px; padding: 9px 0px 9px 10px; border-bottom:1px solid #6b6b6b} .black-widget p.more{padding: 10px 10px 0px 0px;text-align:right} .black-widget p.more a{color:#fff;background: url(images/categories-li-arrow.png) no-repeat 100% 7px; font-size: 12px; padding: 0px 10px 0px 0px;} /* gray-widget +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .gray-widget{ width:100%; margin:0px 0px 12px; padding:0px;} .gray-widget .top{background:url(images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block} .gray-widget .tl{background:url(images/widget-tl.gif) no-repeat 0 0; width:auto; height:47px; display:block} .gray-widget .tr{background:url(images/widget-tr.gif) no-repeat 100% 0; width:auto; height:47px; display:block; } .gray-widget .bot{background:url(images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block} .gray-widget .bl{background:url(images/widget-bl.gif) no-repeat 0 0; width:auto; height:17px; display:block} .gray-widget .br{background:url(images/widget-br.gif) no-repeat 100% 0; width:auto; height:17px; display:block;font-size:0px} .gray-widget .wcontainer{width:100%-1px;background:#fff; border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;} .gray-widget .content{padding:15px;background:url(images/widget-bg.gif) repeat-x left bottom;} .gray-widget h2.education{background:url(images/icon-education.gif) no-repeat 10px 8px; padding-left:46px} .gray-widget h2.math{background:url(images/icon-math.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.wheeldoom{background:url(images/icon-wheel-doom.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.starplayer{background:url(images/icon-star-player.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.basketball{background:url(images/icon-basketball.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.hockey{background:url(images/icon-hockey.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.soccer{background:url(images/icon-soccer.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.lacrosse{background:url(images/icon-lacrosse.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.starplayeragent{background:url(images/icon-star-player-agent.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.starplayercentral{background:url(images/icon-star-player-agent.png) no-repeat 10px 5px; padding-left:56px} .gray-widget h2.sports{background:url(images/all_sports.png) no-repeat 10px 8px; height:32px; width:auto; padding-left:46px} .gray-widget h2.lifestyle{background:url(images/icon-lifestyle.gif) no-repeat 8px 5px; padding-left:46px} .post-bottom{ width:100%; margin:0px 0px 20px; padding:0px;} .post-bottom .btn-download{ position:absolute; margin:0px 0 0 515px!important; display:block; background: url(images/download-now.gif) no-repeat 0 0; height:25px; width:114px; font-size:0px; text-indent:-9999px} .post-bottom .btn-download:hover{ position:absolute; margin:0px 0 0 530px; display:block; background: url(images/download-now.gif) no-repeat 0 -25px; height:25px; width:114px; font-size:0px; text-indent:-9999px} .post-thumbimg { float: left; width:85px; height: 165px; margin-right:5px; padding:0px;background:url(images/ipod-bg.png) no-repeat 0 0;} .post-thumbimg img { border: none; margin:25px 0px 0 10px; padding: 0px; width:64px } .post-img{float: left; width:232px; height:450px; margin-right:5px; padding:0px;background:url(images/screenshot-bg.png) no-repeat 0 0;} .post-img img { border: none; margin:69px 0px 0 32px; padding: 0px; width:174px } .post-icon{float: left; width:80px; height:100px; margin-right:5px; padding:0px;} .post-icon img { border: none; margin:0px 0px 0px; padding: 0px; width:70px } .post-slider{float: left; width:232px; height:450px; margin-right:5px; padding:0px;background:url(images/screenshot-bg.png) no-repeat 0 0;} .post-slider img { border: none; margin:69px 0px 0 32px; padding: 0px; width:174px } .post-data{height:175px} .post-data h3{ margin:0; padding:0 0 5px} #slideshow-wrapper{margin-top:69px!important; } .app-btn{text-align:right} /*.btns{ position:absolute; margin:150px 0px 0px 400px; font-size: 11px; font-weight: bold; padding:10px 0 0}*/ .btns{ position:relative; float: right; font-size: 11px; font-weight: bold; padding:10px 0 0} .btns li{ display: inline; float:left; padding:0; height:30px; margin-right: 5px;} .btns li a{ color:#fff; line-height:30px; display:block; padding-left:8px;} .btns li.p-more a{ width:100px; background: url("images/btn-learnmore.gif") left 0px no-repeat; float: right; } .btns li.p-more a:hover{ width:100px; background: url("images/btn-learnmore-ov.gif") left 0px no-repeat; text-decoration:none; float: right; } .btns li.p-buynow a{ width:86px; padding-left:12px; background: url("images/btn-buynow.gif") left 0px no-repeat; } .btns li.p-buynow a:hover{ width:86px; padding-left:12px; background: url("images/btn-buynow-ov.gif") left 0px no-repeat; text-decoration:none } .gray-widget .product-container{width:auto;} .gray-widget .product-container .content{width:auto; padding-bottom:20px} .btns.products{ position:relative; margin:0px 0 0 85px; font-size: 11px; font-weight: bold; padding:10px 0 0} .post-data.colleft{width:305px; float:left} .post-data.colright{ width:305px; float:right} /* Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .footer { width: 930px; padding: 25px 25px 20px 25px; overflow: hidden; margin: 0 auto 10px; background:url(images/middle-bot.gif) no-repeat left top; } .footer p { padding: 1px 0px; color:#666; font-size: 10px; text-align:center} .footer p a, .footer p a:visited, .footer p a:hover { text-decoration: underline;}