/*
THEME NAME: Soccer2010
THEME URI: http://www.redfactory.nl/themes/soccer2010/
DESCRIPTION: Soccer2010 Theme template for all your World Championship '10 pleasures
VERSION: 1.1
AUTHOR: Red Factory
AUTHOR URI: http://www.redfactory.nl
*/
@import "reset.css";
@font-face {
         font-family: 'League Gothic Regular';
         src: url("font/league_gothic.eot");
}
@font-face {
         font-family: 'League Gothic Regular';
         src: url("font/league_gothic.ttf");
}
body {
        background: #fff url("images/body_bg.png") 50% 0% repeat-x;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #585858;
}
a {
        color: #464646;
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
strong {
        font-weight: 700;
}
hr {
        border: none 0;
        border-bottom: 1px solid #E0E0E0;
        height: 1px;
        margin: 10px 0;
}
blockquote {
        font-style: italic;
        background: url(images/quotes.gif) no-repeat top left;
        background-position: 12px 12px;
        color: #595959;
        margin: 5px 0;
        padding: 8px 15px 8px 60px;
}
#slider {
        width: 100%;
        height: 360px;
        position: relative;
}
#slider_shadow{
        z-index: 1;
        position: absolute;
    /*    background: url("images/slider-shadow.png") 50% 0% no-repeat; */
        height: 96px;
        width: 100%;
        top: 490px;
        left: 0px;
}
#wrapper {
        width: 980px;
        margin: 0 auto;
}
#header {
        z-index: 5;
        position: relative;
        overflow: hidden;
        width: 960px;
        height: 120px;
        margin: 0 auto;
        
/*        background: url("images/header_bg.png") 20px 0px no-repeat; */
        background: url("images/header_bg.png") -20px 0px no-repeat;
}
#header-spacer {
        height: 2px;
        width: 100%;
        background: url("images/spacer.png") 25px 0px no-repeat;
}
#subheader {
        width: 100%;
        margin: 30px 0 0 0;
        height: 100px;
        display: inline-block;
        overflow: hidden;
        position: relative;
        z-index: 10;
}
#social-icons {
        float: right;
        position: absolute;
        top: 30px;
        right: 0px;
        height: auto;
        width: auto;
}
#social-icons img {
        display: inline-block;
        margin: 0 0 0 8px;
}
#logo-img {
        display: inline-block;
        margin: 0 10px 0 0;
        float: left
}
#logo-text {
        display: inline-block;
        float: left;
}
#logo {
        font-size: 400%;
        font-family: League Gothic Regular, Helvetica, Arial, sans-serif;
        line-height: 0.8em;
        text-transform: uppercase;
        vertical-align: bottom;
}
#logo a {
        color: #fff;
}
#logo a:hover {
        text-decoration:none;
}
#description {
        font-size: 200%;
        color: #fff;
        text-transform: uppercase;
        font-family: League Gothic Regular, Helvetica, Arial, sans-serif;
        vertical-align: bottom;
}
#menu { 
        width: 960px;
        height:37px;
}
#menu ul {
        width: 960px;
        height: 37px;
        
/*         margin: 10px 0 0 0; */
        margin: 2px 0 0 0;
        
        
        color: #fff;
        display: inline-block;
}
#menu ul li {
        float: left;
        text-transform: uppercase;
        font-size: 90%;
        height: 35px;
/*        background: url('images/menu_bg.png'); */
        position: relative;
        z-index: 10;
}
#menu ul li a {
        color: #fff;
color:#fff;
background-color:#000;
        text-decoration: none;
        display: block;
        padding: 10px;
}
#menu ul li a:hover {
        color: #9b0800;
        background: #000;
}
#menu ul li ul {
        display: none;
        position: absolute;
        width: 100px;
        top: 25px;
}
#menu ul li:hover ul {
        display: block;
}
#menu ul li ul li {
        clear: both;
        height: auto;
        width: 100%;
}
#menu ul li:hover ul li a, #menu ul li ul li a {
        color: #fff;
        padding: 10px;
        display: block;
        border-bottom: #000 1px solid;
}
#container {
        width: 960px;
        overflow: hidden;
        margin: 25px auto 0 auto;
        padding: 0 0 25px 0;
}
#content {
        float: left;
        width: 590px;
}
.post-spacer {
        display: block;
        height: 1px;
        width: 100%;
        margin: 25px 0 25px 0;
}
.top-meta {
        width: 590px;
        height: auto;
        position: relative;
        display: inline-block;
}
.title-container {
        width: 520px;
        display: inline-block;
        float: left;
}
.tweetmeme_button {
        width: 60px;
        float: right; 
        display: inline-block;
        text-align: right;
        margin: 6px 0 0 0;
}
.post-title {
    text-transform: uppercase;
        font-size: 300%;
        line-height: 1.2;
        font-weight: normal;
        font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
}
.post-title a {
        color: #9b0800;
}
.post-title a:hover {
        color: #bb0800;
}
.post-title a:active {
        color: #9b0800;
}
.page-subtitle {
        font-weight: 700;
        color: #CCC;
        font-size: 90%;
        text-transform: uppercase;
        padding-bottom: 5px;
        border-bottom: 1px solid #EFEFEF;
        margin-bottom: 15px;
}
.post-meta {
        font-size: 85%;
        color: #999;
        margin: 5px 0 20px 0;
        line-height: 1.3;
}
.post-meta a {
        color: #9b0800;
}
.post-comments {
        float: right;
        background: url(images/cbubble_left.gif) no-repeat top left;
        padding: 3px 0 7px 7px;
}
.post-comments a {
        background: url(images/cbubble_right.gif) no-repeat top right;
        padding: 3px 7px 7px 0;
        color: #FFFFFF;
}
.post-comments a:hover {
        color: #FFFFFF;
}
.post-content {
        margin: 15px 0 15px 0;
}
.post-content h1 {
        font-size: 180%;
        margin-bottom: 10px;
        border-bottom: 1px solid #EFEFEF;
        padding: 10px 0 5px;
}
.post-content h2 {
        font-size: 140%;
        margin-bottom: 10px;
        border-bottom: 1px solid #EFEFEF;
        padding: 10px 0 5px;
}
.post-content h3 {
        font-size: 110%;
        font-weight: 700;
        margin-bottom: 5px;
        border-bottom: 1px solid #EFEFEF;
        padding: 10px 0 5px;
}
.post-content p {
        line-height: 1.5;
        margin-bottom: 15px;
}
.front-image {
        background: #FFF;
        border: 1px solid #EFEFEF;
        padding: 10px;
        width: 568px;
        height: auto;
}
.post-content img.alignnone {
        background: #FFF;
        border: 1px solid #EFEFEF;
        padding: 10px;
}
.front-image {
        margin: 0 0 10px 0;
}
.post-content img.alignleft {
        float: left;
        background: #FFF;
        border: 1px solid #EFEFEF;
        padding: 10px;
        margin: 0 25px 15px 0;
}
.post-content img.alignright {
        float: right;
        background: #FFF;
        border: 1px solid #EFEFEF;
        padding: 10px;
        margin: 0 0 15px 25px;
}
.post-content ul,.post-content ol {
        margin-left: 30px;
        margin-bottom: 20px;
}
.post-content ul {
        list-style: outside;
}
.post-content ol {
        list-style: decimal;
}
.post-content ul li,.post-content ol li {
        line-height: 1.3;
        margin-bottom: 5px;
}
.more-link {
        font-weight: 700;
        display: block;
        width: 80px;
        margin-top: 15px;
        padding: 10px;
        color: #fff;
        background: #9b0800;
        border: #731100 1px solid;
}
.more-link:hover {
        background: #ab0800;
        text-decoration: none;
}
.more-link:active {
        background: #9b0800;
}
.section-title {
    font-size: 190%;
    font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
    margin: 40px 0 10px 0;
    text-transform: uppercase;
}
.navleft {
        float: left;
        margin: 0 15px 15px 0;
}
.navright {
        float: right;
        margin: 0 0 15px 15px;
}
.navleft a, .navright a {
        text-transform: uppercase;
        font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
        color: #585858;
}
.navigation div a {
        font-size: 200%;
}
#comments ol li {
        margin-top: 2px;
        border-bottom: 1px solid #F0F0F0;
        padding: 10px 0;
        overflow: hidden;
        height: 1%;
}
.comment-gravatar {
        float: left;
        margin-right: 10px;
        background: #FFF;
        border: 1px solid #F0F0F0;
        padding: 3px;
}
.comment-data {
        float: left;
        width: 400px;
}
.comment-data p {
        margin-bottom: 6px;
        line-height: 1.3;
}
.comment-author {
        font-weight: 700;
        margin-bottom: 3px;
}
.comment-meta {
        color: #666;
        margin-bottom: 5px;
        font-size: 85%;
}
.unapproved {
        font-style: italic;
}
#respond {
        margin-top: 30px;
}
#respond #input {
        font-weight: 700;
        padding: 10px;
        color: #fff;
        background: #9b0800;
        border: #731100 1px solid;
}
#comment-form {
        margin-top: 15px;
        margin-bottom: 10px;
}
#comment-form label {
        font-size: 90%;
        display: block;
        margin-bottom: 5px;
}
#comment-form input {
        width: 240px;
        margin-bottom: 10px;
        padding: 5px;
}
#comment-form textarea {
        width: 590px;
        height: 200px;
        margin-top: 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        padding: 10px 5px 10px 5px;
        border: #ececec 1px solid;
        color: #888;
}
#comment-form input {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        padding: 10px 5px 10px 5px;
        border: #ececec 1px solid;
        color: #888;
}
#sidebar {
        float: right;
        width: 336px;
        padding: 5px 0 0 0;
}
.sidepanel {
        margin-bottom: 30px;
}
.sidepanel h3 {
        text-transform: uppercase;
        border-bottom: 1px solid #EFEFEF;
        padding: 0 0 7px 0;
        color: #9b0800;
        font-weight: normal;
        font-size: 220%;
        font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
}
.sidepanel ul li {
        border-bottom: 1px solid #EFEFEF;
        padding: 7px 0;
        line-height: 1.2;
}
.sidepanel p {
        margin-top: 8px;
        line-height: 1.3;
}
.sidepanel .ads  {
        background: #FFF;
        border: 1px solid #EFEFEF;
        padding: 5px;
        width: 125px;
        height: 125px;
        margin: 0 10px 10px 0;
        display: inline-block;
}
#searchform #s {
        padding: 10px 5px 10px 5px;
        border: #ececec 1px solid;
        color: #888;
}
#searchform #s:focus, #sidebar #s:hover {
        border: #ccc 1px solid;
}
#submit {
        padding: 9px 7px 9px 7px;
        color: #fff;
        cursor: pointer;        
}
#sidebar #s {
        padding: 10px 5px 10px 5px;
        border: #ececec 1px solid;
        color: #888;
        width: 130px;
}
#sidebar #s:focus, #sidebar #s:hover {
        border: #ccc 1px solid;
}
#sidebar #searchsubmit {
        padding: 9px 7px 9px 7px;
        color: #fff;
        cursor: pointer;        
}
#sidebar #searchsubmit:hover {
}
#sidebar #searchsubmit:active {
}
#footer-container {
        width: 100%;
        height: auto;
        text-align: center;
        background: #191919;
        border-top: 1px solid #ddd;
}
#footer {
        text-align: left;
        margin: 0 auto;
        width: 990px;
        height: auto;
        padding: 35px 0 10px 10px;
        color: #c0c0c0;
        display: inline-block;
}
#footer-sidebar {
        height: auto;
        width: 100%;
        margin: 0 0 30px 0;
        color: #888;
        display: inline-block;
}
#footer-sidebar #twitter {
        float: right;
        heigth: 200px;
        display: inline-block;
}
#footer-sidebar a {
        color: #888;
}
#footer-sidebar a:hover {
        color: #c0c0c0;
}
#footer-sidebar .sidepanel {
        height: auto;
        width: 225px;
        display: inline-block;
        margin: 0 10px 0 10px;
        vertical-align: top;
        float: left;
}
#footer-sidebar .sidepanel h3 {
        border-bottom: 1px solid #353535;
        color: #c0c0c0;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 90%;
}
#footer-sidebar .sidepanel ul li {
        border-bottom: 1px solid #353535;
}
#footer-sidebar .sidepanel ul li ul li {
        border-bottom: 0px solid #353535;
        padding: 5px 0 0 10px;
}
#footer-links {
        list-style: none;
        margin: 0 0 0 20px;
}
#footer-links a {
        color: #888;
        font-size: 90%;
        text-transform: uppercase;
}
#footer-links a:hover {
        color: #9b0800;
        text-decoration: none;
}
#footer-links li {
        float: left;
        margin-right: 15px;
}
.sep {
        color: #CCC;
        margin: 0 8px;
}
.ico-small {
        vertical-align: middle;
        margin: 0 5px 2px 0;
}
#wp-calendar caption {width: 300px; text-align: center; background: #efefef; color: #585858; padding: 5px 0 5px 0;}
#wp-calendar { border-collapse:collapse; width: 300px; text-align: center;}
#wp-calendar thead th {padding: 5px 0 5px 10px; font-weight: bold;}
#wp-calendar tbody td, #wp-calendar #prev {padding: 5px 0 5px 10px;}
#wp-calendar #today, #wp-calendar tbody td:hover, #wp-calendar #prev:hover {color: #000; background: #eee;padding: 5px 0 5px 10px;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0;}
#calendar_wrap {display: block; width: 300px; padding: 0 1px 1px 0; margin: 5px 0 0 0;}
#wp-calendar a:hover {background: #eee;color: #fff;}
#wp-calendar #next {text-align: right; color: #000; padding: 5px 10px 5px 0;}
#wp-calendar #next:hover {color: #000; background: #eee;padding: 5px 10px 5px 0;}
#wp-calendar #prev {text-align: left;}