adidas Spain Away Youth Replica Jersey
*/
/* ads */
.mobile-ad {
margin: 0.8em 0;
}
/* load comments button */
#button-disqus {
background: #ff881f;
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 10px;
color: #fff;
margin-top: 10px;
}
/* nav-message */
.nav-message-container {
margin-top: 40px;
}
.nav-message-container-2 {
margin-top: 81px;
}
.nav-message-box {
background: #FFFFFF;
border-bottom: 4px solid #DFDFDF;
}
.nav-message {
width: 98%;
max-width: 1130px;
margin: 0 auto;
padding: 15px 0;
font-size: 25px;
color: #9B9B9B;
text-transform: uppercase;
}
.nav-message-m {
padding: 7px 10px;
font-size: 1.2em;
color: #9B9B9B;
border-bottom: 2px solid #DFDFDF;
}
/* sidebar footer */
.sidebar-more-links {
overflow: hidden;
margin: 0;
padding: 0;
}
.sidebar-more-link {
float: left;
margin-right: 10px;
list-style: none;
border: none !important;
}
.sidebar-more-link a, .sidebar-more-link a:link, .sidebar-more-link a:visited {
color: #a6a6a6;
text-decoration: none;
}
.sidebar-more-link a:hover {
text-decoration: underline;
}
/* comment + date */
.i {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAeCAYAAADKO/UvAAAABHNCSVQICAgIfAhkiAAAAB90RVh0U29mdHdhcmUAT1BUUGlYIGlNYWdlU3R1ZGlvIDMuMLF8+2MAAAF1SURBVHic7dRPZ1xRGMfxz9zMKwhdZRtKS6Wb2c+iJIRoNZtUXkBKJMusI3QXojRKdmUIkUUoXd1VqUYJWZQQQgghhCEMkUgW909Or5ybdEZ3/XE59znP8z3Pec45TyNNU/iEOX+vNSw2sdInABbQbaRpetMnoFQyKOA/5B9DugMyugkm0esT0MNEE9/xBq/ziTG08vEWzmsgm/jRzH++5R8s5ZB1vH9MOrHCplh8DCAGOcQ0LgeB9PABv3CFn7JW8SoGaeT9BEawgfGaRTuybZ4Vhna7XWbyFPsVQAerFcgM9jBc3c4QtqsTuY7usY3gYxUyi2eR9I8j9pkw6wRvI45kJxXTbAhp1TjGMhHGJXhS43iB35G5Mi5R/zbgORp4ieXAXh5zE7vuvxstfK7YRoPxbgjZjEBGK0FVdYpBgi84qHGOAb6GkGtMebg2hU4wHxqKa3+AF+56SkxbsgL/sWD4ik8wgXd5qkX1T7Eja6PTgb3ULXJ7SRuJnsOKAAAAAElFTkSuQmCC);
display: inline-block;
position: absolute;
left: 0;
}
.time-icon {
width: 15px;
height: 15px;
background-position: 0 15px;
top: 1px;
}
.comment-icon {
width: 17px;
height: 15px;
background-position: 0 30px;
top: 3px;
}
.post-timestamp{
padding-left: 18px;
position: relative;
}
.post-comment-link-container{
padding-left: 20px;
position: relative;
margin-left: 5px;
}
/* widget control */
.widget-item-control {
float: right;
height: 20px;
margin-top: -20px;
position: relative;
z-index: 10;
}
.item-control {
display: none;
}
/* status message */
.status-msg-wrap {
font-size: 110%;
width: 90%;
margin: 10px auto;
position: relative;
}
.status-msg-border {
border: 1px solid #000;
filter: alpha(opacity=40);
-moz-opacity: .4;
opacity: .4;
width: 100%;
position: relative;
}
.status-msg-bg {
background-color: #ccc;
opacity: .8;
filter: alpha(opacity=30);
-moz-opacity: .8;
width: 100%;
position: relative;
z-index: 1;
}
.status-msg-body {
text-align: center;
padding: .3em 0;
width: 100%;
position: absolute;
z-index: 4;
}
.status-msg-hidden {
visibility: hidden;
padding: .3em 0;
}
.status-msg-wrap a {
padding-left: .4em;
text-decoration: underline;
}
/* table */
table {
border: 1px solid #5F5F5F;
border-collapse: collapse;
}
table th {
text-align: center;
padding: 10px;
}
table td {
padding: 5px;
min-width: 150px;
}
table tr:hover{
background: rgba(0, 0, 0, 0.05);
}
.table-container{
overflow-x:auto;
}
/* image comparison */
div#comparison {
overflow: hidden;
position: relative;
}
div#comparison figure {
position: relative;
background-size: cover; font-size: 0;
width: 100%; height: 100%; margin: 0;
}
div#comparison figure > img {
position: relative; width: 100%;
}
div#comparison figure #divisor {
background-size: cover;
position: absolute;
width: 50%;
overflow: hidden; bottom: 0; height: 100%;
}
input[type=range]{
-webkit-appearance:none;
-moz-appearance:none;
background-color: rgba(0,0,0,0.0);
top: 0px; left: 0px;
width: 100%; height: 100%;
margin: 0; padding: 0;
position: absolute;
cursor:move;
}
input[type=range]:focus { outline: none; }
input[type=range]:active { outline: none; }
input[type=range]::-moz-range-track {
-moz-appearance:none;
height:0px;
width: 0px;
overflow:hidden;
display:none;
}
input[type=range]::-moz-range-thumb {
-moz-appearance: none;
width: 0px; height: 0px;
border: 0;
display: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance:none;
width: 0px; height: 0px;
}
.twentytwenty-handle {
pointer-events: none;
height: 38px;
width: 38px;
position: absolute;
cursor: move;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
border: 2px solid gainsboro;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-handle:before, .twentytwenty-handle:after {
content: " ";
display: block;
width: 2px;
background: gainsboro;
height: 9999px;
position: absolute;
left: 50%;
margin-left: -1px;
}
.twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 21px;
}
.twentytwenty-handle:after {
top: 50%;
margin-top: 21px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px;
}
.twentytwenty-left-arrow {
border-right: 6px solid gainsboro;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid gainsboro;
right: 50%;
margin-right: -17px;
}
/* quotes */
blockquote{
padding: 0.5em 0.7em;
border-left: 5px solid #ff881f;
background-color: #fafafa;
margin: 0 0 0 30px;
font-style: italic;
}
q{
display: block;
font-size: 1.4em;
line-height: 1.25;
text-transform: uppercase;
font-style: italic;
color: #f7a863;
padding: .8em 0 .8em 0;
border-top: 5px solid #e3e5e4;
border-bottom: 5px solid #e3e5e4;
margin: 0 0 1em 0;
quotes: none;
}
q.left{
width: 45%;
float: left;
margin: 0 .8em 1em 0;
}
q.right{
width: 45%;
float: right;
margin: 0 0 1em 0.8em;
}
.mobile q.left, .mobile q.right{
width: 100%;
float: none;
margin: 0 0 1em 0;
}
/* sidebar likeboxes */
.likebox{
display: inline-block;
color: #fff;
padding: 6px;
text-decoration: none;
margin: 0 0 10px 0;
position: relative;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
padding-left: 26px;
}
.likebox:link, .likebox:visited{
color: #fff;
}
.fb-likebox{
background: #3b5998;
}
.fb-likebox:hover{
background: #4668b3;
}
.tw-followbox{
background: #55ACEE;
}
.tw-followbox:hover{
background: #59b3f7;
}
.in-box{
background: #517fa4;
}
.in-box:hover{
background: #598bb5;
}
.fb-sidebar{
width: 12px;
height: 22px;
display: block;
position: absolute;
background-position: 0 37px;
top: 4px;
left: 6px;
}
.tw-sidebar{
width: 19px;
height: 15px;
display: block;
position: absolute;
background-position: 0 15px;
top: 6px;
left: 3px;
}
.in-sidebar{
width: 15px;
height: 15px;
display: block;
position: absolute;
background-position: 0 74px;
top: 6px;
left: 5px;
}
/*comments container*/
.comments {
width: 738px;
margin: 29px;
}
/*anchor link*/
.link-anchor{
padding-top: 50px;
z-index: -1;
}
.link-anchor-2{
padding-top: 90px;
z-index: -1;
}
.mobile .link-anchor{
padding-top: 0;
}
.mobile .link-anchor-2 {
padding-top: 40px;
}
/* lazy facebook */
.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.socialite {
display: block;
position: relative;
0 0 no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAAUCAMAAADFqj2LAAACOlBMVEX////k5ORLaLn19fXf39/6+vr+/v7MzMyJj5y7u7s/Wqf39/dJZbU+WaXz8/P4+Pnh4eH8/PxGYrE9V6JHZLT5+fk9WKNAW6f9/f3g4OD39vbj4+M7VqFKZrdHY7Li4uI9V6NKZ7hKZ7c+WKQ7VaA8VqJMabpFYa/q6uozMzNDX60ArO5JZrbo6Ojw8O/s7OxBXKrm5ubh//9BXKjn5+ft7e4Aq+3y8/Pn7vBCXqvy8vFDXqwzM2k8VZ49VqBEYK7X2NnR0dHz///CwsLd3d3u7u5BXaur3u/p6u1Co+dCXdxFYdw1TIzKysoAqOj/5Nzhwq2qaDPxyYes4vQ7U52QlqLz1s5PZ6r///kApOM5TI7v5+kziMrv799oMzOHx/C1t7vL0uafpK4vs+ZgesEAoN0AlM1Xqcjh4+Z8zOuXnKjHhzM8W6/Po6szM4XaqGjf8fPt8ciZydtpq+AAjcOa1ewAmtbw4KuXnaiHMzPfq2nE7OmLz/jw3alEWZI6ve7z9Pvl5u7tx4fw7Of19eMzaKkzM2hFX5ozhsX4zYiJjpzy08DHzuLR2OwllcDI4u1Vw+w+qdIPj8DJ5e/pxoap3Ok2VaRHZKStaTM/XrDM8/mU1fgzM2dop9hSaaxbcKu6w9wPm9E+osl7utKKwNXF3edrudcPrusPqua12ejX3+HX6Oj/49MzZaRph8q4XapHp+v///Hfu5AzaIWFaGn/8+JpaGhqamlpM2pCXc+PVaTMnJjfu4zu79OYGqqUAAAEDElEQVRIx6WXeVcSURiHL5VBIGhATFHRQjUsQcQIwUCESlJGFFqChJrlkqJtti+WZWnZvtu+7/u+fbjee2c6nc5huEHP73DvOy/zx3Muc4cZdLptzLwC0nYaETbtUeRkz6aS8kp5MVTKEKEkXD0hB9URhNpmjSkobYjQvQzlZNme8rBqfDGowuUIE5arUA5U8jCaPrvAIIICSaCQGydOLirGSoSpBtWcstVoful8vWnJEpsQVqsvnZ8/VNeSYpEjzASUG/hCX6pnW/80WtlSff5QXSeVFRm6q0kfQCKH4WMz6U1X01dg1A+lR6+me6D6K/RrQGVU+VRkfPhgu9EH9b+F6qo1af1CfTfJJRHiTFrTCvcqGLVvq1avcDdA9VcQ4aS061igczsez+zo2HH/zPaxg9esmL6xUux+jUfBdX0eV1bLCXXS5jeAK6tlwRVG7VC6B1zZ/vQo2x+LxXqgB0FA2Ya10q4a4PyOzgHNo47GxvZd985qNGWTTgTrJxk1EgwmMngiruNWSruyLMsINcMdxiM0sCuwnKxr/4FU79Ah+Ob9KIvBN6a1G8qkXXlgZ3vHhc7H7V67Nx7V4EZdsJ5vShzbum3v5ut4roN1boE2npoSVuuxrTwvz6sKrrD71ULNMcQY7gbgaoM+cR05lOqF6mcMz7iLUFgBv5O0qxM43xhv37UrbrfbG3knpi4YdTr3BaMHv36JHmzuO9h8QHXiZlScBq9ljHCOPK8quAZsAeK6mHH5mdAAMtsCtlpwhT641rrXVY30BG4gzOoA7lJdl3qWes4+9Xrjca/d7t0IR5AjwehSz7a9LVsy2T6ot1gxLeLUlMjgc6iu/hq/jriqOU59ByFDjb8GXGH0E9fU4dSPmhupXn9/GnoQ6jVgWWBZ4Ol6YifEd8IRBPygmx3O9u0bzmZghethM/2emhLD+BzqNeByuXRCbSbrq4NGrfsl7KUrxLXh2/VP35dXjcQOvHvjwlD3lgXzbCMsKl5Wp4VwKXgZxroPH6O7Pze3WHY337Js2bxfnMAVn0PdWxzDhYQ6FCIjwzG1blw1CK7M8qoGBvZWqpfhcKj3LAdmwcVz5ArwOQQuHb8MI+ys/fjj8MGmOl6/TpyWZa2vXjgc1HuWklGKrotFV2X+UP8LKhZWPO+80IFvAud8FXCE49MchXFgEb8Of/Axjzs+XsMfXVjh1OAe9b9AqVZOO/VnXU/p1Mq8obvKAP5iV1fXzq28rBCorma12TBn8Zo1a0I6A0zTdGpz/lBdp86ALPR4PBYZVAWE6mqYWWCorpHyKUUlIj4Tlkg+E3K6uQXlNiKslXrW7pZVRsYVQ0R8MYhIPWtHUGty2pwCkmwV32G6FTnp3oT+8x0GSb7D/AJUPFcyqVi/zgAAAABJRU5ErkJggg==);
}
.facebook-like {
width: 81px;
height: 17px;
text-indent: 54px;
text-decoration: none;
font-size: 11px;
color: #6a7180 !important;
padding-top: 3px;
text-align: center;
}
.twitter-share{
width: 90px;
height: 17px;
text-indent: 64px;
font-size: 11px;
padding-top: 3px;
text-align: center;
text-decoration: none;
color: #333 !important;
background-position: 90px 0;
position: absolute;
left:88px;
top:4px;
}
.socialite-loaded {
text-indent: 0;
padding: 0;
height: 20px;
background: none;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a img{
border: 0;
}
.footer-link-2{
float: right;
}
.jump-link {
display: none;
}
#kitCollHeader{
padding:0;
margin:0;
display: none;
}
.mobile #kitCollHeader {
display: block;
}
#kitCollHeader li{
display: inline-block;
list-style: none;
margin-right: 14px;
font-size: 18px;
text-transform: uppercase;
}
#kitCollHeader a:hover{
color: #ff881f;
}
.show-more {
cursor: pointer;
}
.show-more:hover{
color: #ff881f;
}
.hiddenImg {
display: none;
}
#footer-wrap-content a:link, #footer-wrap-content a:visited {
color: #fff;
text-decoration: none;
}
#footer-wrap-content a:hover {
text-decoration: underline;
}
.footerButton {
background-image: url(http://3.bp.blogspot.com/-L1QZeEb71P0/UZ9z-apk34I/AAAAAAAASbM/qbBpYqXWfyk/s1600/facebook-+twitter.png);
background-repeat: no-repeat;
height: 20px;
background-color: #fff;
margin-left: 10px;
}
.footerButton:hover {
background-color: #ff881f;
}
#fbButton {
width: 10px;
background-position: -26px 0px;
float: left;
}
#twButton {
width: 24px;
background-position: 0px 0px;
float: right;
}
.readOn, .readOn:link, .readOn:visited {
color: #ffffff;
}
.readOn {
background-color: #777;
text-decoration: none;
padding: 4px;
color: #ffffff;
float: right;
margin-right: 4px;
}
.readOn:hover {
background-color: #ff881f;
color: #fff;
}
/*comments
---------------------------------------------*/
#likebox-frame {
width: 250px;
height: 205px;
}
.fixed{
position: fixed;
top: 0px;
z-index: 9;
}
.fixedFB{
position: fixed;
top: 35px;
z-index: 9;
}
.hidden{
display: none;
}
.status-msg-body{
font-size: 16px;
padding-top: 8px;
}
/* header and navbar */
#headerbar{
background: #141414;
width: 100%;
height: 40px;
position: fixed;
z-index: 10;
top: 0;
}
#headerbarinner{
width:98%;
max-width: 1130px;
position: relative;
margin: 0 auto;
}
#siteLogo{
display: inline-block;
padding: 7px 0 0 0;
position: absolute;
}
.nav {
margin: 0 0 0 200px;
padding: 0;
/* float: left; */
color: #fff;
font-size: 11pt;
font-weight: bold;
text-transform:uppercase;
/* display: inline-block; */
}
.nav a:link, .nav a:visited{
color: #fff;
text-decoration: none;
}
.nav li {
float: left;
list-style: none;
}
.nav > li > a {
height: 18px;
display: inline-block;
padding: 8px 11px 11px 11px;
border-top: 3px solid transparent;
-webkit-transition: background .07s;
-webkit-transition: border-color .07s;
-moz-transition: background .07s;
-moz-transition: border-color .07s;
-ms-transition: background .07s;
-ms-transition: border-color .07s;
-o-transition: background .07s;
-o-transition: border-color .07s;
transition: background .07s;
transition: border-color .07s;
}
.normal > li:hover > a {
background: #222;
border-color: #ff881f;
}
.nav2 {
padding: 0;
background: #222;
text-transform: none;
font-size: 11pt;
float: left;
}
.nav2 > li{
padding: 10px 36px 15px 0;
width: 120px;
}
.nav2 > li > a, .nav2 > li > span {
border-bottom: 1px solid;
display: list-item;
padding-bottom: 2px;
-webkit-transition: color .1s;
-moz-transition: color .1s;
-ms-transition: color .1s;
-o-transition: color .1s;
transition: color .1s;
}
.nav2 > li:hover > a, .nav2 > li:hover {
color: #ff881f;
}
.nav3 {
position: static;
margin: 6px 0 0 0;
padding: 0;
font-size: 10pt;
font-weight: normal;
}
.nav3 > li {
float: none;
padding: 4px 0px 4px 0px;
}
.nav3 > li > a {
border-bottom: none;
}
.nav3 > li > a:hover{
text-decoration: underline;
}
.nav2-outer{
max-height: 0;
overflow: hidden;
left: 0;
position: fixed;
right: 0;
top: 40px;
background: #222;
transition: max-height 0s .2s;
}
.tablet .nav2-outer{
transition: max-height 0 0;
}
.nav2-container{
width: 98%;
max-width: 1130px;
margin: 0 auto;
position: relative;
}
.normal > li:hover > .nav2-outer {
max-height: 1000px;
}
/* nav teaser */
.nav-teaser{
font-weight: normal;
text-transform:none;
margin: 15px;
width: 180px;
float: left;
}
.nav-teaser strong{
display: block;
margin: 10px 0;
transition: color .1s;
font-size: 11pt;
}
.nav-teaser span{
font-size: 11pt;
}
.nav-teaser:hover strong{
color:#ff881f;
}
.nav-teaser div{
background: #fff;
width: 180px;
height: 94px;
}
.nav-teaser img{
width: 180px;
transition: opacity .1s;
}
.nav-teaser:hover img{
opacity: 0.9;
}
/*site search */
.google-search {
background: #141414;
color: #fff;
position: absolute;
top: 0;
right: 44px;
margin: 5px 0;
width: 0px;
height: 28px;
float: right;
overflow: hidden;
}
.google-search-visible {
width: auto;
border: 1px solid #fff;
}
#searchthis {
height: 22px;
padding: 3px;
margin: 0;
}
.search-box {
background: transparent;
font-size: 14px;
color: #fff;
border: 0;
height: 100%;
width: 0px;
float: left;
-webkit-transition: .4s width ease-in-out 0;
-moz-transition: .4s width ease-in-out 0;
-ms-transition: .4s width ease-in-out 0;
-o-transition: .4s width ease-in-out 0;
transition: .4s width ease-in-out 0;
}
.search-box-open {
width: 300px;
}
.search-box:focus {
outline: none;
}
#submit_btn {
width: 21px;
cursor: pointer;
height: 100%;
float: right;
border: none;
}
.open-search {
width: 21px;
height: 22px;
cursor: pointer;
position: absolute;
top: 9px;
right: 48px;
background-position: 0 59px;
}
.open-search:hover, #submit_btn:hover {
background-position: -21px 59px;
}
.fb-navbar:hover {
background-position: -21px 37px;
}
.tw-navbar:hover {
background-position: -21px 15px;
}
#search-clear {
font-weight:bold;
cursor:pointer;
padding:0 2px 0 2px;
margin:0 5px 0 5px;
}
#search-clear: hover{
color: #ff881f;
}
#submit_btn{
background: transparent;
background-position: 0 59px;
}
/* navbar social logos */
#submit_btn, .open-search, .fb-navbar, .tw-navbar, .tw-sidebar, .fb-sidebar, .in-sidebar {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEABAMAAACuXLVVAAAALVBMVEUAAAD/////oVP/iB//////iB//iB//////iB//iB//////////////iB/////nTinlAAAADXRSTlMA2BPZr7BnZzyLHIg/m2rq1wAAAvhJREFUeNrswYEAAAAAgKD9qRepAgAAAAAAAAAAAAAAAAAAALg9O3ZpIwzjOP7rNWpMokQQChXCQaG0lIooLTgEYpcuIkGh0CHQpd0E+w8coeAoiEO3gIPQQQgWHIs4dOoQikdCHB7w4KCg4fkbeu/7JudWMpTnIDyf4bJ+73kfvXBRSimllFJKKaWUUkoppZRSSgVs7QHTZPUgi42ocgPMkbFGkOXuPzcK6KGBf5rIgMXK28AFhDvdT/JHcIcisws4RIukA6KgDFQ+m4DXIfCwV4WsqF0Dtk5MwGoXmLpqQFY0byZgl3DFTOC3eEAu2YHYBbSSHaiLBxQqi5VbF/Ak3CFfPAAvOPZdgNeibcgHwANcAOBDPIAXDPssCNcMwngm5mkIzGzw0jGsj9XwCNJKnLiDcUCJQwgLmBeYa7BnEFapC1kljo9xyrEdwDa8lvQIls3+ocOX8Oz+5akPUUFsF5FrmHb3vtuFqMrt6OMh+QDshyQuw7gYYC6EMUtNSOJaGtAdL2DSJpD5DlwM/wrKmKU6ErshRLV5z13T/wM9iJrhOz+5RObe6chcViBri6NzZr4EpojWG0R9yCqyNQDQIqsJWafMcWBH4CUF7+RHAO8XSm4EeObjwIxAXseMwMqbEcgrMZfhHFCIDHQiH06eVpGB0huM7PsQVdjgR3D2q+EHiAuY/8CaJiL5gAKnAS8zCZhhjn/A2iV634S0IscYalEd8nLmAJzGWAegAf9Z+izGnPyzOA24vQ/wIYyNm/sASGOjnAaEGMskLaEGaIAGaEDmAR4SJ9HZN8AHkG+se7IVy8fue+nA9/rD18VfIKkzAB4w86KfpyZQJQq3IanNm5hn5sfwqNsEJQE+JOWYlwJmPjM7GH4lomuIOmXnDF4rk59Mltm5hEdOH6KK7PjpK6IryArYiJH+alWHrIv0e/FsNi/J2sMdxHAJriGs8N2egPG8msEJoGDOoOYCiKgLYT959IIi36AsXlAUzjnahPW0Qa+aEPYXedsNVOWJ6PUAAAAASUVORK5CYII=);
}
.fb-navbar {
width: 12px;
height: 22px;
position: absolute;
right: 0;
top: 9px;
background-position: 0 37px;
}
.tw-navbar {
width: 19px;
height: 15px;
position: absolute;
right: 16px;
top: 13px;
background-position: 0 15px;
}
/* header bar 2 */
.headerbar-2-container {
width: 100%;
background: #fff;
position: fixed;
top: 40px;
border-bottom: 1px solid #ccc;
height: 40px;
z-index: 9;
}
.headerbar-2 {
margin: 0 auto;
padding: 0;
width: 98%;
max-width: 1130px;
overflow: hidden;
}
.headerbar-2 li {
float: left;
margin-right: 10px;
padding: 10px 0;
padding-right: 10px;
font-size: 16px;
border-right: 1px solid #ccc;
list-style: none;
height: 20px;
}
.headerbar-2 li a {
text-decoration: none;
color: #404040;
}
.headerbar-2 li a:hover {
text-decoration: underline;
}
body {
background-color:rgb(240, 240, 240);
margin:0;
line-height: 1.5em;
font: 16px Arial, Helvetica;
color: #333;
}
ul.rpw {
margin:0;
padding:0;
}
ul.rpw li{
margin: 0;
padding: 10px 10px 10px 0;
list-style-type: none;
width: 372px;
display: inline-block;
height: 60px;
overflow: hidden;
}
ul.rpw img{
margin: 0;
float: left;
}
ul.rpw a{
text-decoration:none;
}
/** title **/
ul.rpw strong{
font-weight: normal;
vertical-align: top;
}
.labelView {
margin:8px 0 25px 31px;
padding: 3px;
font-size:2em;
line-height:1.5;
overflow:hidden;
width:731px;
background: #1b1b1b;
color: #ff881f;
text-transform:uppercase;
text-align: center;
font-weight:bold;
}
.labelViewLower {
margin:-25px 0 25px 31px;
padding: 8px;
font-size:1.5em;
overflow:hidden;
width:721px;
background: #292929;
color: #d7d7d7;
text-transform:uppercase;
text-align: left;
font-weight:bold;
word-spacing:0.3em;
}
.labelViewLower a{
text-decoration: none;
color: #d7d7d7;
}
.labelViewLower a:link{
text-decoration: none;
color: #d7d7d7;
}
.labelViewLower a:visited{
text-decoration: none;
color: #d7d7d7;
}
.labelViewLower a:hover {
text-decoration: underline;
}
/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#outer-wrapper {
//width:1100px;
margin: auto;
text-align:left;
position: relative;
}
#main-wrap1 {
width:800px;
float:left;
background:#ffffff ;
padding: 0 0 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-page {
width: 1130px;
margin-left: auto;
margin-right: auto;
height: 1px;
}
#google-search {
font-size: 18px;
background: #424242;
width: 240px;
height: 23px;
margin-top: -29px;
float: right;
}
#search-box{
background: transparent;
border: 0;
width: 200px;
padding-left: 4px;
float: left;
}
#search-box:focus {
outline: none;
}
#submit_btn {
padding: 3px;
float: right;
}
.facebookTop {
position: relative;
width: 116px;
padding: 4px 0;
}
#sidebar-wrap {
width:330px;
float:right;
//margin: -4px 0 22px;
padding: 8px 0 0;
background:#fff;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrap2 {
width: 299px;
float: right;
background:#fff;
overflow: hidden;
}
.main .widget {
margin: 0 29px;
width: 738px;
padding: 0;
}
.main .Blog {
margin: 0;
padding: 0;
width: 795px;
}
/* Links
----------------------------------------------- */
a:link {
color: #333;
}
a:visited {
color: #333;
}
/* Blog Header
----------------------------------------------- */
#header-wrapper {
background: #1b1b1b;
width: 100%;
min-width: 1116px;
}
#header {
/*padding:0 0px 0px;
margin-left: auto;
margin-right: auto;
width: 1130px;*/
}
/* Posts
----------------------------------------------- */
h2.date-header {
font-size:15px;
text-transform:uppercase;
margin-top:15px;
margin-left:29px;
}
.post {
margin: 20px 0 20px;
padding:0 0px;
}
.post h1 {
display: block;
padding: 0 0 0 6px;
margin: 0 29px 15px 29px;
text-transform: uppercase;
font-size: 15pt;
border-left: 6px solid #ff881f;
color: #1b1b1b;
}
.post h1 a, .post h1 a:visited {
text-decoration:none;
color: #1b1b1b;
}
.post h1 a:hover{
text-decoration: underline;
}
h2 {
margin: 11px 0 11px;
display:block;
color: #1b1b1b;
text-transform:uppercase;
font-weight: bold;
font-size: 19px;
}
h2 a:hover {
color: #ba1616;
}
.post h3 {
margin:0;
margin-bottom: 5px;
display:block;
color: #1b1b1b;
font:normal bold 16px 'Arial',Verdana,Arial,Sans-serif;
}
a.title-link:hover {
background-color: $borderColor;
color: $mainTextColor;
}
.post-body {
padding: 0 14px 0 29px;
margin-bottom: 12px;
line-height: 1.5;
}
.post p {
margin:0 0 .75em;
}
.post-header {
margin: 0 0 5px 29px;
}
.post-footer {
margin:0;
padding-left: 29px;
}
.post-footer p {
margin: 0;
}
.post-footer-link {
margin-top: 10px;
padding: 3px;
width: 731px;
display: block;
background: #BEBEBE;
font-size:20px;
font-weight: bold;
color: #ffffff !important;
text-decoration: none;
}
.post-footer-link:hover{
background: #ff881f;
}
.post-footer-line{
margin-top: 10px;
}
.post-footer-line-2{
margin: 10px 0 25px;
}
.labelLink:link, .labelLink:visited {
color: #ffffff;
}
.labelLink {
background-color: #bebebe;
text-decoration: none;
padding: 3px;
display: inline-block;
}
.labelLink:hover {
background-color: #ff881f;
color: #fff;
}
a.comment-link {
text-decoration: none;
}
.post img {
margin: 5px 5px 5px 0;
padding: 0 5px 0 0;
border: none;
margin-bottom: 0px;
}
#blog-pager-newer-link {
float: left;
margin-left: 13px;
}
#blog-pager-older-link {
float: right;
margin-right: 13px;
}
#blog-pager {
margin: 20px 29px;
padding: 10px 5px;
text-align: center;
overflow: hidden;
background: #f0f0f0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 13px;
}
/* New sidebar design
----------------------------------------------- */
.sidebarPart {
margin-bottom: 15px;
overflow:hidden;
}
.sidebarHeader {
color: #171717;
text-transform: uppercase;
font-size: 21px;
font-weight: bold;
font-family: Helvetica, Arial;
line-height: 129%;
letter-spacing:-.05em;
margin-bottom: 5px;
border-bottom: 4px solid #ff881f;
}
.sidebarHeader img {
margin-left: -6px;
margin-bottom: -7px;
}
/* Sidebar Boxes
----------------------------------------------- */
.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}
.sidebar h2 {
margin:0 0 .5em 0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}
.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}
.sidebar ul li {
padding:4px 0;
line-height:1.4em;
border-bottom: 1px solid #ccc;
}
.sidebar ul li a {
text-decoration: none;
}
.sidebar ul li a:hover {
text-decoration: underline;
}
.sidebar p {
margin:0 0 .6em;
}
#sidebar h2 {
color: $bottomSidebarHeaderColor;
border-bottom: 1px dotted $bottomSidebarHeaderColor;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}
body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}
body#layout #outer-wrapper {
width: 1000px;
}
#footer-wrap {
width: 100%;
min-width: 1116px;
background-color: #171717;
//height: 100px;
color: #fff;
overflow: hidden;
word-break: break-word;
}
#footer-wrap-content {
padding: 10px;
width: 1080px;
margin-left: auto;
margin-right: auto;
}
#pesedit-form iframe{
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#1b1b1b;
width:738px;
height: 205px;
}
.avatar-image-container{
width:36px;
height:36px;
border:none;
}
.avatar-image-container img {
background:url(https://lh4.googleusercontent.com/-2qbO3VCUxPE/TxjBCl2xmEI/AAAAAAAALVw/hbjhqvgkekQ/s36/anon.png)no-repeat scroll center center;
width:36px;
height:36px;
border:none;
}
.section{
margin:0;
}
/*mobile menu + content containers */
#menu-container {
width: 240px;
overflow: hidden;
float: left;
display: none;
}
#main-wrapper {
width: 100%;
}
.visible #main-wrapper {
margin-left: 240px;
}
.visible #menu-container {
display: block;
}
.menu-container-background {
background: #222;
position: absolute;
top: 0;
bottom: 0;
width: 240px;
z-index: 1000;
}
/* mobile headerbar 2 */
.mobile .headerbar-2-container {
width: 100%;
background: #fff;
border-bottom: 1px solid #ccc;
overflow-x: auto;
position: initial;
height: auto;
}
.mobile .headerbar-2 {
margin: 0;
padding: 0;
overflow: hidden;
width: 900px;
}
.mobile .headerbar-2 li {
float: left;
margin-right: 7px;
padding: 8px 0 4px 0;
padding-right: 7px;
font-size: 14px;
border-right: 1px solid #ccc;
}
.mobile .headerbar-2 li:first-child {
padding-left: 7px;
}
.mobile .headerbar-2 li a {
text-decoration: none;
color: #404040;
}
.mobile .headerbar-2 li a:hover {
text-decoration: underline;
}
.mobile .headerbar-2-container::-webkit-scrollbar {
display: none;
}
/* mobile menu (navmobile) */
.navmobile {
margin: 0;
padding: 0;
color: #fff;
font-size: 14pt;
font-weight: bold;
z-index: 1001;
position: relative;
}
.navmobile a:link, .navmobile a:visited{
color: #fff;
text-decoration: none;
}
.navmobile li {
list-style: none;
}
.navmobile > li {
border-bottom: 1px solid #777;
}
.navmobile > li > a {
display: inline-block;
padding: 5px;
}
.navmobile2 {
padding: 0 0 6px 12px;
font-size: 12pt;
font-weight: normal;
}
.navmobile2 > li{
padding: 1px 0;
}
.mobile .likebox {
display: block;
}
/* header and navbar (mobile site)*/
.mobile #headerbar{
background: #222;
width: 100%;
height: 40px;
color: #fff;
position: relative;
}
.mobile #siteLogo{
display: block;
width: 159px;
height: 23px;
margin: 0 auto;
padding: 0;
top: 8px;
position: relative;
}
/*post-footer-lists */
.footer-list ol {
list-style-type: none;
counter-reset: ol-counter;
}
.footer-list ol > li:before {
content: counter(ol-counter);
counter-increment: ol-counter;
position: absolute;
font-weight: bold;
padding: 1px 3px;
background: #ff881f;
color: #fff;
}
.footer-list ul, ol {
padding: 0;
margin: 0;
}
.footer-list ul>li {
list-style: none;
}
.footer-list ul a{
display: block;
padding-left: 0.3em;
border-left: 0.25em solid #ff881f;
}
.footer-list ol a{
display: block;
position: relative;
left: 23px;
padding-right: 23px;
}
.footer-list li {
border-bottom: 1px solid #ccc;
padding: 0.5em 0;
font-size: 1em;
position: relative;
}
.footer-list a:link, .footer-list a:visited{
text-decoration: none;
}
/*tablet navbar */
.tablet-open > .nav2-outer {
max-height: 1000px;
}
.nav .tablet-open > a {
background: #222;
border-bottom: 5px solid transparent;
}
.tablet{
font-size: 11pt;
}
.nav2 .nav-more{
width: 200px;
float: none;
}
.nav2 > .nav-more > a{
border: none;
}
/*league table (kit overview) */
.league-table{
margin: 10px 0;
padding: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
overflow: hidden;
}
.league-table li{
list-style: none;
float: left;
width: 24.36%;
padding: 0.75% 0.25%;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.league-table.league-table-2 li {
width: 33.33%;
box-sizing: border-box;
}
.mobile .league-table.league-table-2 li {
width: 50%;
}
.league-table.league-table-2 img {
padding: 0;
margin: 4px 3% 0 3px;
vertical-align: top;
}
.league-table img{
padding: 0;
margin: 0 3% 0 0;
vertical-align: top;
}
.mobile .league-table li{
width: 49%;
}
/*compare table (magista) */
.compare-table{
margin: 10px 0;
padding: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
overflow: hidden;
align: center;
}
.compare-table li{
list-style: none;
float: left;
width: 19.35%;
padding: 0.75% 0.25%;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
align: center;
}
.mobile .compare-table li{
width: 49%;
}
/*world cup table */
.worldcup-table{
margin: 10px 0;
padding: 0;
}
.worldcup-table > li{
list-style: none;
display: inline-block;
width: 24.4%;
font-size: large;
margin: 0 0 10px 0;
}
.worldcup-table ul{
margin: 5px 0 0 0;
padding: 0;
}
.worldcup-table ul>li{
list-style: none;
padding: 0;
margin: 0;
font-size: medium;
}
.worldcup-table img{
padding: 0;
margin: 0 3% 0 0;
}
/* overview table */
.overview-table{
border-color: #bbb;
margin: 5px 0 0 0;
}
.overview-table tr{
transition: background 0.2s;
}
.overview-table td{
padding: 4px;
min-width: 0;
}
.overview-table tr:nth-child(odd){
background-color: #f0f0f0;
}
.overview-table tr:hover{
background: #e0e0e0;
}
/* charts */
#chart_div, #piechart{
height: 370px;
}
/*responsive 1024px*/
@media (max-width:1180px){
#homeButtonNF img{
width: 62px;
}
#sidebar-wrap2 {
width: 200px !important;
}
#main-page {
width: 1000px !important;
}
#header-wrapper {
width: 100% !important;
min-width: 1000px !important;
}
#google-search {
margin-top: -26px !important;
}
#footer-wrap-content {
width: 980px;
}
#footer-wrap {
width: 100% !important;
min-width: 1000px !important;
}
#sidebar-wrap {
width: 200px !important;
font-size: 14px !important;
}
#Header1_headerimg {
max-width: 98% !important;
}
.main .Blog, .main .widget {
width: 100% !important;
}
#likebox-frame {
width: 165px !important;
}
.nav-teaser{
width: 142px;
margin: 10px 7px;
}
.nav-teaser div {
width: 142px;
height: 74px;
}
.nav-teaser img{
width: 142px;
}
.nav2 > li{
padding: 10px 20px 15px 0;
}
}
@media (max-width:920px){
.nav{
font-size: 10pt;
}
.nav-teaser{
margin: 0;
width: 110px;
}
.nav-teaser div {
display: none;
}
.nav-teaser img{
display: none;
}
.nav-teaser span{
display: none;
}
}
/*site search */
.mobile .google-search {
background: #222;
display: none;
border: none;
width: 100%;
height: 38px;
margin: 11px 0 0 0;
position: relative;
right: 0;
}
.mobile .google-search-visible {
display: block;
}
.mobile #searchthis {
height: 25px;
padding: 5px;
}
.mobile .search-box {
width: 100%;
background: #fff;
color: #222;
padding-left: 3px;
}
.mobile #mobile-menu {
height: 100%;
width: 36px;
position: absolute;
}
.mobile #mobile-menu>div {
width: 17px;
height: 15px;
background-position: 0 40px;
position: absolute;
top: 12px;
left: 8px;
}
.mobile .open-search {
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 100%;
margin:0;
background: none;
}
.mobile .open-search>div {
width: 21px;
height: 22px;
position: absolute;
background-position: 0 22px;
right: 8px;
top: 9px;
}
.mobile #cancel-search {
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 100%;
display: none;
}
.mobile #cancel-search>div {
width: 21px;
height: 21px;
position: absolute;
background-position: 113px 22px;
right: 8px;
top: 9px;
}
.mobile .open-search>div, .mobile #cancel-search>div, .mobile #siteLogo, .mobile #mobile-menu>div, .facebook-like-mobile > .fb-icon,.twitter-share-mobile > .tw-icon {
background-image: url("http://2.bp.blogspot.com/-n2R8Bd1QPqM/U1Th5_YsCRI/AAAAAAAAW-Q/rl_ELw09qIw/s1600/footy_headlines_mobile_sprite.png");
background-size: auto 64px;
}
/* mobile site share twitter + facebook */
.facebook-like-mobile{
background: #3b5998;
}
.facebook-like-mobile > .fb-icon,.twitter-share-mobile > .tw-icon{
display: inline-block;
background-size: auto 64px;
margin-right: 3px;
top: 1px;
position: relative;
}
.facebook-like-mobile > .fb-icon{
background-position: -38px 37px;
width: 7px;
height: 12px;
}
.twitter-share-mobile{
background:#55ACEE;
}
.twitter-share-mobile > .tw-icon{
background-position: -22px 37px;
width: 14px;
height: 12px;
}
.mobile-social-button{
display: inline-block;
padding: 0.4em;
color: #fff;
font-size: 12px;
text-transform:uppercase;
text-decoration:none;
font-weight: bold;
}
.mobile-social-button:visited, .mobile-social-button:link{
color: #fff;
}
/* mobile site */
.mobile .post-header{
margin: 0 0 0.6em 0;
}
.mobile .comments {
width: auto;
margin: 10px;
}
.mobile-index-contents {
/* overflow: hidden; */
padding-bottom: 0.6em;
}
.mobile-index-contents .post-body {
line-height: 1.2 !important;
font-size: 0.9em !important;
}
.mobile .footer-link-2{
float: none;
}
.mobile #blog-pager{
margin: 0.5em 0;
padding: 0;
background: 0;
border: 0;
}
.mobile .blog-pager-newer-link, .mobile .blog-pager-older-link {
display: block;
margin: 1em 0;
padding: 0.4em;
background: #f0f0f0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-decoration: none;
}
.mobile-first-image {
max-height: 190px;
overflow: hidden;
margin-bottom: 0.5em;
margin-left: -5px;
width: 103.5%;
}
.mobile .post img {
margin: 0 1% 0 0;
padding: 0;
}
.mobile .post ul img {
margin: 0;
}
.mobile .mobile-post-outer{
border-bottom: 1px solid #ccc;
}
.mobile #google-searchM{
width: 50%;
font-size: .9em;
background: white;
float: right;
border: 1px solid #ccc;
}
.mobile #search-boxM{
width: 80%;
border: 0;
padding-left: 0.05em;
}
.mobile #submit_btnM{
height: 80%;
float: right;
}
.mobile .status-msg-wrap{
font-size: 100%;
width: 100%;
margin-bottom: 1em;
}
.mobile .post-footer-line-2{
margin: 0.8em 0 1.2em 0;
}
.mobile .labelLink{
padding: 0.3em;
margin: 0 0 0.3em 0;
}
.mobile .labelLink:hover {
background-color: #bebebe;
}
.mobile .status-msg-body {
font-size: 1em;
}
.mobile #likebox-frame {
height: 33px;
width: auto !important;
}
.mobile .main .Blog, .mobile .main .widget {
width: 100%;
padding: 0;
margin: 0;
}
.mobile {
font: 100% Roboto, Arial, Helvetica !important;
background-color: #fff !important;
}
.mobile .post-footer {
font-size: 1em;
padding: 0;
margin: 1em 0 1em 0;
}
.mobile #outer-wrapper {
margin: 0;
overflow: hidden;
}
.mobile .related-posts-widget {
margin-top: 0.8em;
}
.mobile ul.rpw li {
width: auto;
float: none;
border-bottom: 1px solid #ccc;
padding: 0.6em 0;
display: block;
height: auto;
}
.mobile ul.rpw img{
float: none;
}
.mobile ul.rpw a strong {
display: inline-block;
}
.mobile ul.rpw strong {
background: none;
padding-left: 0.4em;
z-index: 0;
font-weight: normal;
opacity: 1;
height: auto;
width: 80%;
top: auto;
bottom: auto;
vertical-align: top;
position: relative;
color: #333;
font-size: 1em;
}
.mobile #header-wrapper {
width: 100% !important;
min-width: 100px !important;
}
.mobile #mobileMenu {
display: block;
}
#mobileMenu {
display: none;
background-color: #fff;
margin: 0;
text-transform: uppercase;
font-weight: bold;
padding: 0.6em;
}
#mobileMenuInside {
display: none;
}
.mobileMenuHeader {
background-color: #E9E9E9;
padding: 0.5em 0 2em 0;
}
.mobileMenuClick {
padding: 0.2em;
background: #E9E9E9;
//display: block;
float: left;
}
#mobileMenuInside a {
text-decoration: none;
display: block;
padding: 0.1em;
}
#mobileMenu li {
list-style: none;
background-color: #E9E9E9;
margin-bottom: 0.5em;
font-size: 1.2em;
}
.mobile #footer-wrap {
width: 100% !important;
min-width: 100px !important;
}
.mobile #main-page {
width: 100% !important;
}
.mobile #main-wrap1 {
width: 100%;
margin: 0;
}
.mobile #main {
margin: 5px;
}
.mobile #footer-wrap-content {
width: auto;
text-align: center;
line-height: 2;
}
.mobile #header {
width: 100% !important;
}
.mobile #sidebar-wrap {
display: none;
}
.mobile .mobile-index-title {
font-family: Roboto, Arial, Helvetica;
font-size: 1em;
margin: 0.5em 0 0.7em 0;
padding: 0 0.3em;
border-left: 0.3em solid #ff881f;
text-transform: none;
}
.mobile .post>.mobile-index-title {
font-size: 1.4em;
}
.mobile .mobile-index-arrow {
font-size: 10em;
float: right;
margin-top: -62px;
margin-right: -15px;
}
.mobile .mobile-index-arrow:hover {
color: #ff881f;
}
.mobile .post-body {
font-size: 1em;
margin: 0;
padding: 0;
line-height: 1.5;
}
.mobile .post-body:hover {
text-decoration: none;
}
.mobile h2 {
font-size: 1.1em;
margin: 0.5em 0;
text-transform: none;
}
.mobile .mobile-index-thumbnail {
float: left;
margin: -1px .5em 0 0;
}
.mobile .postthumb {
margin: 0 .5em 0 0;
width: 100%;
}
.mobile .post {
margin: 0;
padding: 0;
}
.mobile .mobile-post-outer a, .mobile .mobile-post-outer a:visited {
text-decoration:none;
}
.mobile .mobile-post-outer a:hover > .mobile-index-arrow {
color: #ff881f;
}
.mobile .mobile-post-outer a:hover > h3 {
//text-decoration: underline;
}
.mobile img {
/* max-width: 100%; */
}
.mobile .date-header {
font-size:.9em;
margin-top:10px;
margin-bottom:5px;
margin-left:0px;
font-weight: normal;
color: #1b1b1b;
}
.mobile .mobile-date-outer .date-header{
font-size: 0.8em;
}
/*world cup table*/
.mobile .worldcup-table > li{
width: 49%;
}
.mobile .worldcup-table ul>li{
margin: 0.2em 0;
}
.mobile .worldcup-table ul li img, .mobile .league-table li img{
margin: 0 3% 0 0;
}
/* charts */
.mobile #chart_div, .mobile #piechart{
height: 220px;
}
/* quotes */
blockquote{
margin: 0 0 0 10px;
}
-->
