/* Theme Name: SPORTICA Theme URI: http://themeforest.net/ Description: Simplistic neat and clean Sports Magazine/News Theme. Fully Responsive Layout with 4 color scheme, Nivo Slider, ST News Widget, Shortcodes, Smooth Image Loading, RTL Support and Custom Fonts. Author: FahimMurshed Author URI: http://themeforest.net/user/FahimMurshed Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, blue, white, orange, red, green, two-columns, three-columns, one-column, fixed-width, responsive-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;} body {line-height: 1;} h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;} .st-block h1, .st-block h2, .st-block h3, .st-block h4, .st-block h5, .st-block h6{margin-top:25px;margin-bottom:5px} ol, ul {list-style: none;} blockquote {quotes: none;} blockquote:before, blockquote:after {content: '';content: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} a img {border: none;} /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ body { background-color: #000; background-image: url('images/sfondo-v.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; } body, input, textarea {color: #666;font-size: 12px;line-height: 18px;} hr {background-color: #e7e7e7;border: 0;clear: both;height: 1px;margin-bottom: 18px;} /* Text elements */ p {margin-bottom: 18px;} ul {list-style: square;margin: 0 0 18px 1.5em;} ol {list-style: decimal;margin: 0 0 18px 1.5em;} ol ol {list-style: upper-alpha;} ol ol ol {list-style: lower-roman;} ol ol ol ol {list-style: lower-alpha;} ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;} dl {margin: 0 0 24px 0;} dt {font-weight: bold;} dd {margin-bottom: 18px;} strong {font-weight: bold;} cite, em, i {font-style: italic;} big {font-size: 131.25%;} ins {background: #ffc;text-decoration: none;} blockquote {font-style: italic;padding: 0 1em;} blockquote cite, blockquote em, blockquote i {font-style: normal;} pre {background: #f7f7f7;color: #555;line-height: 18px;margin-bottom: 18px;overflow: auto;padding: 1em;border-left:10px solid #ddd} abbr, acronym {border-bottom: 1px dotted #666;cursor: help;} sup, sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;} sup {bottom: 1ex;} sub {top: .5ex;} input[type="text"], textarea {background: #fff;border: 1px solid #ccc;box-shadow: 0px 1px 1px #EEE;-moz-box-shadow: 0px 1px 1px #EEE;-webkit-box-shadow: 0px 1px 1px #EEE;padding: 2px;} input[type="text"]:focus, textarea:focus {border: 1px solid #aaa !important} a:link, a:visited {transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms} a:active, a:hover {color: #000} .left {float:left} .right {float:right} .clear {clear:both} :focus {outline:0} .alignleft {text-align:left} .alignright {text-align:right} .aligncenter {text-align:center} .sticky, .gallery-caption, .bypostauthor {} /* =Layout -------------------------------------------------------------- */ .wrap {width:960px;margin:0 auto !important;position:relative} #main_content {padding:20px;background:#fff;float:left} #middle_left {width:310px;margin-right:20px;float:left} #middle_right {width:310px;float:left} #content_area {width:640px;float:left} #fullwidth {width:100%;float:left} #sidebar {width:260px;margin-left:20px;float:right} #slider, .flexslider {margin-bottom:20px !important} /* =Header ----------------------------------------------- */ #header {padding:0 20px 15px 20px;background:#fff} #header #logo {float:left;margin-top:5px;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms} #header #logo:hover {opacity:.5} #top_header {padding:10px 0} /* Social Icons */ .social_icons {float:none;margin-top:0px;clear:both} .social_icons a:link, .social_icons a:visited {position:relative;background-color:#eee;display:inline-block;width:32px;height:32px;margin-left:0;border-radius:2px;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms} .social_icons a:hover {} .social_icons a.facebook {background-image:url(images/social_icons/facebook.png);background-repeat: no-repeat;background-position: 11px center} .social_icons a.twitter {background-image:url(images/social_icons/twitter.png);background-repeat: no-repeat;background-position: 8px center} .social_icons a.vimeo {background-image:url(images/social_icons/vimeo.png);background-repeat: no-repeat;background-position: 5px center} .social_icons a.pinterest {background-image:url(images/social_icons/pinterest.png);background-repeat: no-repeat;background-position: 8px center} .social_icons a.flickr {background-image:url(images/social_icons/flickr.png);background-repeat: no-repeat;background-position: 6px center} .social_icons a.tumblr {background-image:url(images/social_icons/tumblr.png);background-repeat: no-repeat;background-position: 6px center} .social_icons a.mail {background-image:url(images/social_icons/mail.png);background-repeat: no-repeat;background-position: 6px center} .social_icons a.facebook:hover {background-color:#37589b;background-position: -20px center} .social_icons a.twitter:hover {background-color:#46d4fe;background-position: -28px center} .social_icons a.vimeo:hover {background-color:#4BF;background-position: -34px center} .social_icons a.pinterest:hover {background-color:#ca1f26;background-position: -27px center} .social_icons a.flickr:hover {background-color:#fe0083;background-position: -24px center} .social_icons a.tumblr:hover {background-color:#2b4964;background-position: -34px center} .social_icons a.mail:hover {background-color:#ab332a;background-position: -34px center} #searchform {float:right;clear:both;margin-bottom:15px} #searchform .screen-reader-text {display:none} #searchform input[type="text"] {padding:7px 9px;margin:0;border:none;color:#999;border:1px solid #cdcdcd;width:240px;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms} #searchform input[type="submit"] {display:none} /* =Menu -------------------------------------------------------------- */ #navigation {clear:both;width:920px;z-index:99999;background:#fff;padding:0px 20px} #navigation ul {padding:0;margin:0;clear:both;list-style:none} #navigation li, #navigation a {float:left} #navigation li a:link, #navigation li a:visited {text-decoration:none;font-weight:normal;font-size:16px;font-family:'Open Sans', sans-serif;padding:7px 20px;text-align:center;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none} #navigation li a:hover, #navigation li:hover a {background:#eee} #navigation li > ul {display:none;position:absolute;width:200px;z-index:9999;margin-top:32px} #navigation li:hover > ul {display:block} #navigation ul ul li a:link, #navigation ul ul li a:visited {background:#eee;border:none;width:180px;padding:5px 10px;font-size:12px;text-align:left;margin:0;text-shadow:none;} #navigation ul ul li a:hover, #navigation ul ul li:hover > a, #navigation ul ul li.current-menu-item a, #navigation ul ul li.current-menu-ancestor > a {color:#fff} #navigation ul ul {padding:0} #navigation li ul ul {margin-left:200px;margin-top:0} /* =SPORTICA BLOCKS -------------------------------------------------------------- */ .st-block {margin-bottom:20px} .st-block .st-block-content {clear:both;padding:0px} .st-block .st-block-content .st-block-heading span {background:#fff;padding:5px 15px 5px 0;font-weight:normal;font-size:36px;font-family:'Bitter', sans-serif} .st-block .st-block-content .st-block-heading a {color:#1d1d1d;font-weight:bold;font-size:16px;text-decoration:none} #sidebar .st-block .st-block-content .st-block-heading {height:22px} #sidebar .st-block .st-block-content .st-block-heading span {font-size:16px} #sidebar .st-block .st-block-content .st-block-heading a {text-shadow:none} #middle_left .st-block .st-block-content .st-block-heading, #middle_right .st-block .st-block-content .st-block-heading {height:34px} #middle_left .st-block .st-block-content .st-block-heading span, #middle_right .st-block .st-block-content .st-block-heading span {font-size:24px;text-transform:none} .st-block .st-block-content .st-block-heading {background:url(images/patterns/border.png);height:48px;margin-top:0;display:block;padding:0;text-transform:none;line-height:1.4;margin-bottom:20px} .st-block .st-block-content .st-block-heading-single {background:url(images/patterns/border.png);font-family:'Bitter', sans-serif;font-size:24px;margin-top:0;display:block;padding:10px;text-transform:none;line-height:1.4;margin-bottom:15px} .st-block .st-block-content .st-block-posts {clear:both;float:left} .st-block .st-block-content .st-block-posts .st-block-post {float:left;margin-right:20px;margin-bottom:20px;transition:all 100ms;-o-transition:all 100ms;-webkit-transition:all 100ms;-moz-transition:all 100ms} .st-block .st-block-content .st-block-posts .st-block-post:hover {margin-top:-5px} .st-block .st-block-content .st-block-posts .st-block-post .st-block-post-content {padding:10px;margin-top:-10px;border-left:1px dashed #aaa;border-right:1px dashed #aaa;border-bottom:1px dashed #aaa;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms} .st-block .st-block-content .st-block-posts .st-block-post:hover .st-block-post-content {background:#f8f8f8;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;} .st-block .st-block-content .st-block-posts .st-block-post a.st-block-post-heading:link, .st-block .st-block-content .st-block-posts .st-block-post a.st-block-post-heading:visited {background:none;display:inline;font-weight:normal;font-family:'Bitter', sans-serif;font-size:16px;text-decoration:none;margin:5px 0 10px 0;transition:all 100ms;-o-transition:all 100ms;-webkit-transition:all 100ms;-moz-transition:all 100ms} .st-block .st-block-content .st-block-posts .st-block-post a.st-block-post-heading:hover {} .st-block .st-block-content a.readmore_btn {margin-top:5px} .st-block .st-block-content a.readmore_btn:hover {background:#000 !important} .st-block .st-block-content a.post_thumbnail {position:relative;display:block;-webkit-transition:all 300ms} .st-block .st-block-content a.post_thumbnail:hover {opacity:.5} .st-block .st-block-link {margin:0 0 15px 0;display:block} .st-block .st-block-link a {font-family:'Bitter', sans-serif;font-size:20px;text-decoration:none} .content_query .st-block {float:left;margin-left:10px;border-bottom:1px solid #ddd;padding-bottom:20px;-webkit-transition:all 100ms} .content_query .st-block .post_thumbnail_wrapper {float:left;margin-right:15px;margin-top:0} .content_query .st-block:hover {border-bottom:3px solid #ddd} .st-block .st-block-content img {max-width:100%;height:auto} .st-block .st-block-content p {margin:5px 0 0 0} .st-block .st-block-content span.misc {color:#888;font-size:10px;text-transform:uppercase;margin-bottom:5px;display:block;line-height:13px} .st-block .st-block-content span.misc a {color:#888;text-decoration:none} .st-block .st-block-content span.misc a:hover {color:#000} .st-block .st-block-content span.date {position:absolute;z-index:9;background:#1d1d1d;padding:0 8px;color:#fff;font-family:'Open Sans', sans-serif;font-size:10px;line-height:20px;text-transform:uppercase} .st-block .st-block-misc {clear:both;margin-bottom:15px} .st-block .st-block-misc .comments span {font-size:30px;margin-top:5px;display:block} a.match_title span {transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms} a.match_title:hover span {padding-left:20px;} .match_desc p {margin:0 !important} .comments_full {height:80px !important;line-height:1.5 !important} a.ad img {width:115px;border:5px solid #f8f8f8;margin-bottom:5px;transition:all 100ms;-o-transition:all 100ms;-webkit-transition:all 100ms;-moz-transition:all 100ms} a.ad img:hover {border:5px solid #eee} a.top_ad img {border:5px solid #f8f8f8;transition:all 100ms;-o-transition:all 100ms;-webkit-transition:all 100ms;-moz-transition:all 100ms} a.top_ad img:hover {border:5px solid #eee} .post_thumbnail_full {text-align:center} .post_thumbnail_full img {max-width:610px !important;padding:15px;background:url(images/patterns/border.png);cursor:url(images/search.png), auto;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;} .post_thumbnail_full img:hover {opacity:.5} .st-block-full-content .flexslider {max-width:610px !important;padding:15px;background:url(images/patterns/border.png)} .st-block-full-content .flexslider img {cursor:url(images/search.png), auto} .st-block-full-content .featured_video {max-width:610px !important;padding:15px;background:url(images/patterns/border.png)} /* =COMMENTS -------------------------------------------------------------- */ ol.commentlist {list-style:none;padding:0;margin:0;clear:both} ol.commentlist ul {list-style:none;margin-top:10px} ol.commentlist li {clear:both;margin-bottom:15px} ol.commentlist li .comment_details {clear:both;} ol.commentlist li .comment_details .comment-author-avatar img {padding:3px;border:1px dashed #aaa;margin-right:10px} ol.commentlist li .comment_details .comment-info {line-height:1.5} ol.commentlist li .comment_details .comment-info a {color:#aaa;font-size:11px;text-transform:uppercase;text-decoration:none} ol.commentlist li .comment_details .comment-info a:hover {color:#000} .form-allowed-tags {display:none} #commentform input, #commentform textarea {display:block;padding:5px} #commentform .required {color:red} #commentform input {width:220px;border-radius:0} #commentform textarea {width:440px} #commentform p {margin:15px 0} #comments-title, #reply-title {background:url(images/patterns/border.png);margin-top:0;display:block;padding:0;text-transform:none;line-height:1.4;margin-bottom:15px;padding: 5px 15px 5px 10px;font-weight: normal;font-size: 24px;} ol.commentlist li .comment_details .reply a:link, ol.commentlist li .comment_details .reply a:visited {position:relative;color:#666;font-weight:normal;font-size:10px;display:block;text-transform:uppercase;text-decoration:none} ol.commentlist li .comment_details .reply a:hover {color:#333} .comment-notes, .logged-in-as {display:none} .form-submit input {background: #202222;font-size: 13px;border: 0 !important;margin: 0;color: white;padding:9px 15px !important;text-transform: uppercase;width: auto !important;font-weight:bold;cursor: pointer;} #respond {margin-top:15px} /* =FOOTER -------------------------------------------------------------- */ #footer {clear:both;background:#1d1d1d;} #footer #footer_sidebar {padding:20px;color:#777;text-shadow:1px 1px 0 #000} #footer #footer_sidebar .footer_sidebar {float:left;width:25%} #footer #footer_sidebar .footer_sidebar .footer_widget {padding-right:15px} #footer #footer_sidebar .footer_sidebar .footer_widget h2.heading {font-size:14px;color:#fff;text-transform:uppercase;font-weight:bold;margin-bottom:10px} #footer #footer_sidebar .footer_sidebar .footer_widget li a:link, #footer #footer_sidebar .footer_sidebar .footer_widget li a:visited, #footer #footer_sidebar .footer_sidebar .footer_widget a:link, #footer #footer_sidebar .footer_sidebar .footer_widget a:visited {color:#bbb;text-decoration:none} #footer #footer_sidebar .footer_sidebar .footer_widget a:hover {color:#fff} #footer #footer_sidebar .footer_sidebar .footer_widget li a:hover {color:#fff;padding-left:10px} #footer #credits {text-align:center;margin-top:10px;padding:15px 20px;color:#AEAEAE;background:#2D2E2E;font-size:10px;text-transform:uppercase} #footer #credits p {margin:0;padding:0} #footer #credits a:link, #footer #credits a:visited {color:#ddd;text-decoration:none} #footer #credits a:hover {color:#fff} #footer img {max-width:100%} .st-tweets li {margin-bottom:10px} .st-tweets li a:hover {padding:0 !important} .flickr_badge_image {width:25%;float:left;margin-bottom:3px} .flickr_badge_image img {width:40px;height:40px;border:3px solid #333;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms} .flickr_badge_image:hover img {border:3px solid #555} .tagcloud a:link, .tagcloud a:visited {display:block;background:#333;text-transform:uppercase;font-size:11px !important;padding:1px 5px;text-shadow:none;color:#aaa !important;margin-bottom:1px;margin-right:1px;float:left;-webkit-transition:all 100ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms} .tagcloud a:hover {color:#fff !important} .tags {margin-bottom:25px !important;float:left;clear:both} .tags a:link, .tags a:visited {display:block;text-decoration:none;font-size:11px;text-transform:uppercase;padding:0px 5px;text-shadow:none;color:#fff !important;margin-bottom:1px;margin-right:1px;float:left;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms} .tags a:hover {color:#fff !important} /* Footer Feature ---------------------------------------------------------*/ .st_carousel {width:640px;margin: 0 auto;padding: 0;position: relative;overflow:hidden} .st_carousel ul {list-style: none;margin: 0;padding: 0;} .st_carousel li {display: block;float: left;width: 150px;height: 150px;margin: 20px 0;padding: 0 7.5px 0 7.5px;vertical-align: top;text-align: center;position: relative;} .st_carousel li .post_title {position: absolute;bottom: 0;width: 130px;padding: 5px 10px;color: #fff;background-color: rgba(0,0,0,.7);z-index: 9;} .st_carousel li:first-child { border-left: none; } .st_carousel img { width: 100%;height: auto;position: relative;-webkit-transition: all 300ms;-moz-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;} .st_carousel img:hover {opacity:.5} .st_carousel .post-thumb { margin-bottom: 15px; } .carousel_nav {position: absolute;top:20px;left: 0;width: 100%;} .carousel_nav a {display: inline-block;border: none;width: 35px;height: 32px;color: white;background-color: rgba(0,0,0,.7);background-image: url(images/carousel-arrows.png);background-position: -35px 0px;background-repeat: no-repeat;text-indent: -99999px;cursor: pointer;} .carousel_nav .prev { background-position: -35px -30px } .carousel_nav .next { float: right;} .carousel_nav .next:hover { background-position: 0px 0px; background-color: rgba(0,0,0,1) } .carousel_nav .prev:hover { background-position: 0px -30px; background-color: rgba(0,0,0,1) } /* Notification Boxes */ p.success, p.error, p.warning, p.info {padding:15px;margin:10px 0;text-shadow:none} p.success {background:#effeb9;border:1px dashed #98c700} p.error {background:#fccac1;border:1px dashed #eb5439} p.warning {background:#ffe9ad;border:1px dashed #fab418} p.info {background:#d1e4f3;border:1px dashed #4d8fcb} /* List Styles */ ul.tick, ul.plus, ul.arrow, ul.nostyle {line-height:2.5;margin-right:20px;padding:0;list-style:none} ul.tick li {background:url(images/icons/tick.png) no-repeat left center;padding-left:23px} ul.plus li {background:url(images/icons/plus.png) no-repeat left center;padding-left:20px} ul.arrow li {background:url(images/icons/arrow.png) no-repeat left center;padding-left:20px} /* Quote */ p.quote {background:url(images/icons/quote.png) no-repeat left top;padding-left:30px;padding-top:7px} /* Tabbed Content */ div.tabbed_content {clear:both} div.tabbed_content div.tab_controller {float:left;clear:both} div.tabbed_content div.tab_controller div {display:block;padding:5px 15px;margin-right:1px;float:left;cursor:pointer;} div.tabbed_content div.tab_controller div.active {background:#ddd;color:#111;border-radius:7px 7px 0 0} div.tabbed_content div.tab_contents {clear:both;border:1px solid #ddd;padding:10px;border-radius:0 0 7px 7px} div.tabbed_content div.tab_contents > div {display:none;color:#aaa} .st_tabber .st_tabber_menu {width:100%} .st_tabber .st_tabber_menu div {display:block;padding:5px 0 !important;width:50%;margin:0 !important;text-align:center;background:#444;color:#fff;font-family:'Open Sans', sans-serif;font-size:13px;-webkit-transition:all 800ms;-moz-transition:all 800ms;-o-transition:all 800ms;transition:all 800ms} .st_tabber .st_tabber_menu div:hover {background:#888 !important;border-radius:0 !important;color:#fff !important} .st_tabber .st_tabber_menu div.active {background:#eee !important;border-radius:0 !important;color:#333 !important} .st_tabber .st_tabber_contents {border:none !important;border-radius:0 !important;padding:10px !important;background:#eee} .st_tabber_article {-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;margin-bottom:10px} .st_tabber_article:hover {margin-left:10px} .st_tabber_article a.st_tabber_article_thumb img {border:1px solid #ddd;padding:3px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms} .st_tabber_article .st_tabber_article_info {width:165px;margin-left:5px} .st_tabber_article .st_tabber_article_info p {font-size:10px;text-transform:uppercase;margin:0} .st_tabber_article .st_tabber_article_info a.st_tabber_article_title:link, .st_tabber_article .st_tabber_article_info a.st_tabber_article_title:visited {text-decoration:none;color:#666} .st_tabber_article .st_tabber_article_info a.st_tabber_article_title:hover {color:#000} /* columns */ div.half_first {width:49%;clear:left;float:left} div.half_last {width:49%;clear:right;float:right} div.one_third_first {width:32%;clear:left;float:left} div.one_third {width:32%;margin-left:30px;float:left} div.one_third_last {width:32%;float:right;clear:right} div.one_fourth_first {width:22%;clear:left;float:left} div.one_fourth {width:23%;margin-left:30px;float:left} div.one_fourth_last {width:22%;margin-left:30px;float:left;clear:right} /* End of Shortcodes */ table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%;} th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;} td { border: 1px solid #ddd; padding: 6px 10px 6px 6px;} .select-menu {display:none} /* =Fonts -------------------------------------------------------------- */ body, input, textarea, .page-title span, .pingback a.url {font-family: Arial, Helvetica, serif;} h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, label, tr th, thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} input[type=submit] {font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre {font-family: "Courier 10 Pitch", Courier, monospace;} code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} iframe {max-width:100% !important} /* =RESPONSIVE LAYOUT -------------------------------------------------------------- */ /* Tablet Devices Resizing */ @media screen and (min-width:750px) and (max-width: 970px) { .wrap {width:740px} #main_content .wrap {width:700px} #navigation {width:700px} #middle_left {width:230px} #middle_right {width:230px} #content_area {width:480px} #sidebar {width:200px} .post_thumbnail_full img {max-width:450px !important} .match_desc {width:265px} a.match_title {width:265px !important;font-size:14px !important} .st-block .st-block-content span.date {display:none} .st_tabber_article .st_tabber_article_info {width:105px} .st-block-full-content .featured_video iframe {max-height:240px} .flex-caption {top:150px !important} .flexslider {min-height:200px !important} .flexslider .flex-caption {display:none} a.ad img {width:85px;height:85px} .flickr_badge_image {width:50%} .flickr_badge_image img {width:60px;height:60px} div.one_third_first {width:31%;clear:left;float:left} div.one_third {width:31%;margin-left:30px;float:left} div.one_third_last {width:31%;float:right;clear:right} div.one_fourth_first {width:21%;clear:left;float:left} div.one_fourth {width:21%;margin-left:30px;float:left} div.one_fourth_last {width:21%;margin-left:30px;float:left;clear:right} .fb-comments > span {width:460px !important} #searchform input[type="text"] {width:177px} .st_carousel {width:477px} .st_tabber_article .st_tabber_article_info p {display:none} .st-block .st-block-misc .post_misc {display:none} } /* Phone Devices Resizing */ @media screen and (max-width:750px) { .wrap {width:320px} #main_content .wrap {width:280px} #navigation {width:280px} #middle_left {width:130px} #middle_right {width:130px} #middle_content_center {width:100%} #content_area {width:280px} #sidebar {display:none} .post_thumbnail_full img {max-width:260px !important;padding:10px !important} #middle_left .st-block .st-block-content .st-block-heading, #middle_right .st-block .st-block-content .st-block-heading {height:26px} #middle_left .st-block .st-block-content .st-block-heading span, #middle_right .st-block .st-block-content .st-block-heading span {font-size:16px;text-transform:none} a.post_thumbnail {min-height:20px !important} a.post_thumbnail img {width:320px !important} a#logo {float:none;text-align:center;display:block;width:100%} #slider, .flexslider, .top_ad_area {display:none} .st-block-posts {width:100% !important} .st-block-post {width:100% !important} #footer .footer_sidebar {float:none;width:100% !important;margin-bottom:20px} #header #searchform {display:none} #header .social_icons {display:none} #navigation {border-bottom:none} #navigation .menu {display:none} #main_content {border:none;max-width:280px} .select-menu {display:block;margin:10px 0;width:100%;float:left;background:#333;color:#fff;padding:0 0 0 10px;height:50px;border:none} .st-block .st-block-misc .date {padding: 5px;display: block;float: left;color: white;width: 170px;} .st-block .st-block-misc .date .day {display: block;float: left;padding: 5px 10px;font-size: 30px;width: 40px;text-align: center;height: 35px;line-height: 1.2;margin-right: 10px;} .st-block .st-block-misc .date .month {display: block;float: left;padding: 3px 0px;font-size: 14px;width: 100px;text-align: center;height: 15px;line-height: 1;margin-bottom: 3px;} .st-block .st-block-misc .date .year {display: block;float: left;padding: 3px 0px;font-size: 14px;width: 100px;text-align: center;height: 15px;line-height: 1;} .st-block .st-block-misc .comments {padding: 5px;display: block;float: right;color: white;width: 85px;text-align: center;text-transform: uppercase;height: 45px;line-height: 1} .st-block .st-block-misc .comments span {font-size: 24px;margin-top: 5px;display: block;} .schedule_time {padding: 5px;display: block;float: left;color: white;width: 80px;height: 50px;margin-right: 5px;text-align: center;} .schedule_time .match_time {padding: 5px;display: block;font-size: 16px;margin-bottom: 3px;font-weight: bold;} .schedule_time .match_date {padding: 0;display: block;font-size: 10px;} a.match_title:link, a.match_title:visited {padding: 5px;display: block;float: left;color: white;width: 175px;text-align: left;font-size: 12px;text-decoration: none;line-height: 1;} .match_desc {display:none} #commentform textarea {max-width:260px} #ticker-wrapper {display:none !important} .fb-comments > span {width:280px !important} .flickr_badge_image {width:33%;height:auto} .flickr_badge_image img {width:70px;height:70px} .st_carousel {display:none} #footer #credits .left, #footer #credits .right {float:none} div.one_third_first {width:29%;clear:left;float:left} div.one_third {width:29%;margin-left:30px;float:left} div.one_third_last {width:29%;float:right;clear:right} div.one_fourth_first {width:17%;clear:left;float:left} div.one_fourth {width:17%;margin-left:30px;float:left} div.one_fourth_last {width:17%;margin-left:30px;float:left;clear:right} .st-block .st-block-misc .post_misc {display:none} a#cancel-comment-reply-link {padding:3px 5px !important;margin-top:2px !important} #comments-title, #reply-title {font-size:18px !important} .st-block-full-content .featured_video iframe {max-height:240px} }