/* adicup styles - base layouts in screen.css - modififed blueprint
 *
 *  ~ jaymz / mar 31st 2010
*/

@font-face {
font-family: "AdiFontReg";
src: url("../fonts/ADIHAUSR.TTF")
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body {
    background:url('../img/background.jpg') top center #000 no-repeat fixed;
    color:#fff;
    font-family:Arial, Helvetica, Sans;
    margin:0 0 30px 0;
}

a {outline:none;}


ul, li  {padding:0; margin:0; list-style:none;}
ul {margin:0 0 1.5em;}
ol, ol li {padding:0; margin:0; list-style:decimal; list-style-position:inside;}

/* hidden class - holds js data for manipulated elements */
.hidden {
    width:0;
    height:0;
    overflow:hidden;
    display:none;
}


/* general link styles */
a {
    color:#0089d0;
    font-size:12px;
    text-decoration:none;
}
a:hover {
    color:#FFE301;
}

a#view-groups {
    color:#FFE301; /* slide down for fixture page */
    font-weight:bold;
}

/* header styles */
div#header {
    background:url('../img/header.png') repeat-x top center;
    height:150px;
    margin-bottom:20px;
    position:relative;
}

a#header-logo-link {
    position:absolute;
    bottom:12px;
    left:37px;
	background:url('../img/adicup-logo.png');
	width:208px;
	height:118px;
	text-indent:-9999em;
}
a#header-adidas-link {
    position:absolute;
    top:10px;
    right:12px;
}
/* END: header styles */

/* use the panel class for base style for generic blocks */
.panel {
    background:#000;
}
.post {
    margin-bottom:0;
    padding-top:20px;
    padding-left:60px;
    padding-right:20px;
    padding-bottom:10px;
    position:relative;
}

/* news post styling */
h2 {
    color:#0089d0;
    text-transform:uppercase;
    font-size:36px;
    margin-bottom:0;
    line-height:26px;
}
.post h4 {
    color:#969696;
    margin-bottom:0;
	font-size:12px;
	font-weight:bold;
}
.post h4 span {
    color:#fff;
    text-transform:capitalize;
}
div.post-date {
    width:40px;
    height:50px;
    position:absolute;
    top:20px; /* align with h2 from news item */
    left:15px;
    text-align:center;
}
.post-date span.date-day {
    font-size:24px;
    font-weight:bold;
    border-bottom:solid 1px #969696;
	margin-bottom:4px;
	text-align:center;
	width:32px;
	display:block;
	height:33px;
}
.post-date span.date-month {
    text-transform:lowercase;
	display:block;
    color:#969696;
    font-size:16px;
    line-height:10px;
	text-align:center;
	width:32px;
}
.post p {
    line-height:20px;
    font-size:12px;
	color:#dedede;
}
.links {
    padding-top:20px;
    padding-bottom:10px;
    height:20px;
    width:100%;
}
.links div {
    text-align:right;
    margin-right:30px;
}
.links div a {
    margin-left:15px;
    text-transform:capitalize;
}
.links div a.expand-news {
    padding-left:17px;
	background:url('../img/icons/post-icons.gif') left -24px no-repeat;
}
.links div a.shareit {
    padding-left:20px;
	background:url('../img/icons/post-icons.gif') left -4px no-repeat;
}
.links div a:hover {
	text-decoration:underline;
	color:#0089D0;
}

/* used on sidebar for zig-zag'd titles */
.span-right h3 {
    background:url('../img/zag-bg.png') repeat-x top left;
    height:33px;
    text-align:center;
    color:#fff;
    font-size:20px;
    padding-top:10px;
    text-transform:uppercase;
    font-weight:normal;
    margin:12px 0;
	font-family:AdiFontReg, Arial, Helvetica, Sans;
	letter-spacing:-1px;
}

h3.first-header {
    margin-top:0;
}

/* following styles are for the fixture results on side bar */
h4.fixure-result {
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
}
span.result-goal {
    color:#ffe301;
    font-size:24px;
}

.match-type {
	width:50px;
	color:#ffe301;
	font-size:10px;
	font-wieght:bold;
	text-align:right;
}

/* END: fixture result */

div#group-list { /* the list of teams → groups on fixture page */
    background:#434343;
	margin-bottom:20px;
    padding:10px;
    border-top:dotted 1px #9c9c9c;
    border-bottom:dotted 1px #9c9c9c;
    margin-top:20px;
}
h2.fixture-date {
    color:#fff;
}


div.sidebar-content {
    padding:0 15px 15px 15px;
	position:relative;
	overflow:hidden;
}
div.sidebar-video {
    padding:7px;
}

hr.zag {
    background:url('../img/zag-hr.png') repeat-x top left;
    height:4px;
    color:none;
    margin-bottom:20px;
    margin-top:10px;
}

#nav-homepage {width:67px;}
#nav-overview {width:55px;}
#nav-location {width: 115px;}
#nav-product {width:49px;}
#nav-gallery {width:43px;}
#nav-videos {width:43px;}
#nav-fixtures {width:109px;}

/* navigation/menu style */
ul#main-nav {
    position:absolute;
    bottom:-4px; /* height of zag-yellow.png below */
    height:44px;
    left:270px;
    margin:0;
    padding:0;
}
ul#main-nav li {
    list-style:none;
    font-weight:bold;
    float:left;
    margin-right:20px;
    font-size:14px;
    height:44px; /* 40px height + 4px to allow bg to show on hover */
}
ul#main-nav li.active {
    color:#000;
}
ul#main-nav li:hover, ul#main-nav li.active {
    background:url('../img/zag-yellow.gif') repeat-x 1px 40px; /* should align with bottom of header edge */
}
ul#main-nav li a {
    color:#5d5d5d;
    text-decoration:none;
    height:44px;
    display:inline-block;
}
ul#main-nav li.active a{
	color:#000;
}

/* the "buzz", aka "twitter" styling */
ul.twitter-results {
    margin:0;
    padding:0;
}
li.tweet {
    background:transparent url(../img/icons/dashed-repeat-x.gif) repeat-x scroll left bottom;
    list-style:none;
    margin-bottom:7px;
    padding-bottom:7px;
}

a.tweet-url{
	color:#FFE301;
}

a.tweet-url:hover{
	color:#FFE301;
	text-decoration:underline;
}

/* sidebar calendar table */
table.cal_month_calendar {
    border-collapse:collapse;
    margin-bottom:0;
	position:relative;
}
table.cal_month_calendar * th {
    text-align:center;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
table tr th {
	color:#969696;
}
table tr .calendar_month_title {
	color:#fff;
}
table.cal_month_calendar * td {
    text-align:center;
    border:solid 1px #434343;
	padding:4px 7px 4px 5px;
}
td.cal_today {
    border:1px solid #ffe301!important;
    color:#fff;
	padding:0;
	position:relative;
}
td.cal_today span {
   border:1px solid #FFE301 !important;
	display:block;
	height:21px;
	margin:-14px 0 0 -6px;
	padding-top:5px;
	position:absolute;
	width:33px;
}
tr.calendar_main_header {
    border-bottom:dotted 1px #434343;
}
tr.calendar_main_header th a {
    color:#fff;
    text-decoration:none;
}

.cal_nextmonth {
	background:transparent url('../img/icons/calender-arrows.gif') no-repeat scroll right 0;
	text-indent:-9999em;
	float:left;
	width:15px;
	height:12px;
}

.cal_prevmonth {
	background:transparent url(../img/icons/calender-arrows.gif) no-repeat scroll left -12px;
	height:15px;
	margin:-10px 0 0;
	position:absolute;
	text-indent:-9999em;
	width:15px;
}

td.cal_event_active {
    background:#ffe301;
    color:#000;
}
td.cal_event_active a {
    color:#000;
    text-decoration:none;
}

/* content */
#content {background:#000;}
#content h2 {color:#0089d0; padding:20px 0 20px 20px; text-transform:uppercase; letter-spacing:-1px; font-family:AdiFontReg, Arial, Helvetica, Sans; line-height:0.9em;}
#content .post h2 {padding:5px 0 15px; font-family:AdiFontReg, Arial, Helvetica, Sans;}
.content h3 {color:#fff; font-weight:bold; font-size:2em;}
.content {color:#fff; padding:20px 0; margin-left:20px; margin-right:20px; background:#000 url('../img/icons/zig-zag-repeat.gif') repeat-x;}
.content h4 {color:#fff;}

table td.vs {color:#FFE301;}

/* fixtures-and-results hoempage */
#fixtures-and-results ul li h4 {width:217px; text-align:center; font-weight:bold; padding-top:20px;}
#fixtures-and-results ul li ul {width:100%; padding-top:96px; background:url('../img/content/location-sprite.gif') left -20px no-repeat;}
#fixtures-and-results ul li.new-york ul {background:url('../img/content/location-sprite.gif') left -420px no-repeat;}
#fixtures-and-results ul li.tokyo ul {background:url('../img/content/location-sprite.gif') left -320px no-repeat;}
#fixtures-and-results ul li.herzo ul {background:url('../img/content/location-sprite.gif') left -220px no-repeat;}
#fixtures-and-results ul li.london ul {background:url('../img/content/location-sprite.gif') left -120px no-repeat;}
#fixtures-and-results ul li ul li {float:left; padding-right:10px; background:url('../img/icons/dashed-repeat-x.gif') left bottom repeat-x; height:27px;}
#content #fixtures-and-results ul li ul li a {background:url('../img/icons/diamond-yellow.gif') left center no-repeat; padding-left:10px; color:#fff; font-weight:bold; margin:0 9px; width:auto;}
#content #fixtures-and-results ul li ul li a:hover {color:#FFE301;}

#fixtures-and-results ul li.new-york,
#fixtures-and-results ul li.tokyo,
#fixtures-and-results ul li.berlin,
#fixtures-and-results ul li.london,
#fixtures-and-results ul li.herzo {float:left; width:218px; height:170px; background:url('../img/icons/dashed-repeat-y.gif') right top repeat-y; }

#fixtures-and-results ul li.london ul li,
#fixtures-and-results ul li.herzo ul li {background:none;}
#fixtures-and-results ul li.berlin {background:none;}

/* fixtures */
#fixtures {position:relative;}
#fixtures a#view-groups {position:absolute; right:20px; top:25px; width:auto; padding-left:0; padding-right:16px; color:#FFE301; background:url('../img/icons/up-down-arrows.gif') right 2px no-repeat;}
#fixtures a#view-groups.close {background:url('../img/icons/up-down-arrows.gif') right -14px no-repeat;}
#fixtures .fixture-block {background:url('../img/icons/dashed-repeat-x.gif') left bottom repeat-x; margin-bottom:25px; padding-left:80px;}
#content #fixtures .fixture-block a {float:none; padding-left:0; background:none;}
#fixtures h4 {color:#0089d0; font-weight:bold; margin-bottom:5px;}
#fixtures .team ol.group {float:left; width:158px; height:120px;}
#fixtures .team ol.group li {list-style:none;}
#fixtures .team ol.group li li {list-style:none; background:url('../img/icons/diamond-white.gif') left 6px no-repeat; padding-left:10px; clear:left; display:inline; float:left;}
#fixtures .team ol.group li h5 {margin-bottom:5px; color:#0089D0; font-weight:bold;}
a#view-groups {padding-right:10px;}

/* location-and-teams */
#location-and-teams h4 {width:180px; text-align:center; text-transform:uppercase; font-weight:bold; float:left;}
#location-and-teams ul {}
#location-and-teams ul li.country {background:url('../img/icons/dashed-repeat-x.gif') left bottom repeat-x; margin-bottom:30px; position:relative; overflow:hidden;}
#location-and-teams ul li li {float:left; width:200px;}
#location-and-teams ul li.country ul {float:left; min-height:100px;}
#location-and-teams ul li.country h4 span {position:absolute; bottom:0; left:0; border:1px soldi #ff0; display:block; width:210px;}
#location-and-teams ul li.country h4 span {background:url('../img/content/location-sprite.gif') left 0px no-repeat; float:left; height:100px; margin-bottom:1px;}
#location-and-teams ul li.london h4 span {background:url('../img/content/location-sprite.gif') left -100px no-repeat;}
#location-and-teams ul li.new-york h4 span {background:url('../img/content/location-sprite.gif') left -200px no-repeat;}
#location-and-teams ul li.tokyo h4 span {background:url('../img/content/location-sprite.gif') left -300px no-repeat;}
#location-and-teams ul li.herzo h4 span {background:url('../img/content/location-sprite.gif') left -400px no-repeat;}
#location-and-teams ul li ul {width:445px; margin:15px 0 0px 30px; padding-bottom:20px; position:relative; left:10px;}
#location-and-teams ul li ul a {margin:0 9px 3px;}
#content .content a {background:url('../img/icons/diamond-yellow.gif') left center no-repeat; padding-left:10px; color:#fff; margin:0 9px 3px 0px; float:left; width:200px;}
#content .content ol.group a {padding-left:0; background:none;}
#content .content a:hover {color:#FFE301;}

/* teams */
#content .team h3.first {margin-bottom:5px;}
#content .team .team-info #team-logo {width:432px; height:176px; border:1px solid #464241; margin-bottom:15px;}
#content .team .team-info #team-logo img {width:426px; height:170px; position:relative; top:3px; left:3px;}
#content .team .team-info {float:left; width:435px; padding-left:15px; padding-right:20px; background:url('../img/icons/dashed-repeat-y.gif') right top repeat-y;}
#content .team .team-info p a {float:none; background:none; padding:0; color:#FFE301;}
#content .team .team-info p a:hover {text-decoration:underline;}
#content .team .team-info #team-shot {overflow:hidden; width:432px; border:1px solid #464241;}
#content .team .team-info #team-shot img {position:relative; top:3px; left:3px;}
#content .team .team-info #team-members {margin-top:20px;}
#content .team .team-info #team-members li {margin-bottom:20px;}
#content .team .team-info #team-members .img {width:75px; height:75px; border:1px solid #323232; float:left; overflow:hidden;}
#content .team .team-info #team-members .info {float:left; margin-left:20px; width:330px;}
#content .team .team-info #team-members .info h4 {margin-bottom:3px; float:left; color:#0b86d4; padding-left:0; background:none; text-transform:uppercase; font-weight:bold;}
#content .team .team-info #team-members .info span {float:left; clear:left; margin-bottom:3px; line-height:1.25em;}
#content .team .team-info #team-members .info span span {color:#aeaeae; padding-right:5px; float:left; font-weight:bold; margin-bottom:0px;}

#content .team .other-info {float:left; width:100px; width:185px;}
#content .team .other-info .country {height:85px; background:url('../img/icons/dashed-repeat-x.gif') left bottom repeat-x;}
#content .team .other-info h3 {height:69px; padding:15px 0 0 20px; font-size:16px; text-transform:uppercase;}
#content .team .other-info .london h3 {background:url('../img/content/location-sprite.gif') left -115px no-repeat;}
#content .team .other-info .york h3 {background:url('../img/content/location-sprite.gif') left -215px no-repeat;}
#content .team .other-info .tokyo h3 {background:url('../img/content/location-sprite.gif') left -315px no-repeat;}
#content .team .other-info .herzo h3 {background:url('../img/content/location-sprite.gif') left -415px no-repeat;}
#content .team .other-info .team-list {padding:12px 0 0 12px; width:173px;}
#content .team .other-info .team-list li.active a {color:#ffe301;}

#content .content div.items {}
#content .content div.items img {float:left;}
#content .content div.items a {width:auto; margin:0; padding:5px; background:none; float:left;}
#content .content div.items a:hover,
#content .content div.items a.active {background:#048fd4;}

/* MOD - scroller */
#team-slider {position:relative; left:28px;}
.scrollable {border:1px solid #4d4e49; position:relative; overflow:hidden;width:425px;height:60px;}
#gallery .scrollable {width:595px; background:#272727;}
#gallery .main-image {border:5px solid #fff; height:400px; width:640px; overflow:hidden; margin-bottom:10px; position:relative;}
.scrollable .items {width:20000em; position:absolute;}
.scrollable .items div {float:left;}
#content .content a.browse {height:10px!important; float:none; position:absolute; top:27px; width:1px;}
#content .content a.prev {left:-22px; background: url('../img/icons/controls.gif') left -10px;}
#content .content a.next {right:22px; background: url('../img/icons/controls.gif') left top;}
#content .content a.disabled {background:transparent url('../img/icons/controls.gif') left bottom;}
#content .content a.disabled.next {background:transparent url('../img/icons/controls.gif') left -20px;}

/* video*/
#video #core-video {border:1px solid #323232;}
#video #video-list {margin-top:10px;}
#video #video-list h5 {color:#fff; height:40px; overflow:hidden; margin-bottom:5px;}
#video #video-list li {background:url('../img/icons/dashed-repeat-x.gif') left bottom repeat-x; float:left; width:160px; overflow:hidden; cursor:pointer; margin-right:20px; text-align:center;}
#video #video-list li a {text-align:center; margin:0 auto; background:url('../img/icons/diamond-yellow.gif') no-repeat scroll 38px center; width:160px;}
#video  ul {float:left;}
div.small-video img {
    margin:0 auto 10px auto;
    width:100px;
    display:block;
}
#video-list h5 {
    height:auto;
}

/* product */
#product ul li {background:url('../img/icons/dashed-repeat-x.gif') left bottom repeat-x; margin-bottom:20px; padding-bottom:10px;}
#product ul li ul li {background:none; float:left; margin-bottom:0; padding-bottom:0;}
#content #product ul li ul li a {background:none; margin:0; padding-left:0px; width:auto;}
#content #product ul li ul li a span {color:#989898; display:block; font-size:11px; text-align:center;}
#product ul li h3 {float:left; font-size:16px; padding-left:20px; width:86px;}
#product ul li img {padding-left:0px;}

/* overview */
div.flatpage * img {
    border:solid 1px #434343;
    padding:10px;
}

/* Gallery comments */

#comments {margin:20px 0;}
#comments h3 {background:#000000 url(../img/icons/zig-zag-repeat.gif) repeat-x left bottom; color:#0089D0; padding:0px 0 10px 0px; text-transform:uppercase; font-weight:normal;}
#comments #posted-comments .comment {padding-bottom:10px;}
#comments #posted-comments .comment h4 {color:#969696; font-size:13px; font-weight:bold; margin-bottom:5px;}
#comments #posted-comments .comment h4 strong {display:block; color:#0089D0; font-weight:bold;}
#comments #posted-comments .comment h4 span {color:#fff;}
#comments #posted-comments .comment p {line-height:1.6em; margin-bottom:10px;}
#comments #posted-comments {margin-bottom:10px;}

.prev-img {width:50px; height:50px; background:url('../img/bigarrow_left.png'); position:absolute; top:50%; left:10px; margin-top:-25px;}
.next-img {width:50px; height:50px; background:url('../img/bigarrow_right.png'); position:absolute; top:50%; right:10px; margin-top:-25px;}

/* Gallery Right Bar */
.sidebar-gallerysprite ul li, .sidebar-gallerysprite ul li a {background:url('../img/buttons/gallery-sprite.jpg'); width:275px; height:100px; float:left; clear:left; text-indent:-999em;}
.sidebar-gallerysprite ul li a:hover {background:url('../img/buttons/gallery-sprite.jpg') right 0;}
.sidebar-gallerysprite ul li.london a {background:url('../img/buttons/gallery-sprite.jpg') left -100px;}
.sidebar-gallerysprite ul li.new-york a {background:url('../img/buttons/gallery-sprite.jpg') left -200px;}
.sidebar-gallerysprite ul li.tokyo a {background:url('../img/buttons/gallery-sprite.jpg') left -300px;}
.sidebar-gallerysprite ul li.herzo a {background:url('../img/buttons/gallery-sprite.jpg') left -400px;}
.sidebar-gallerysprite ul li {background:transparent url('../img/icons/dashed-repeat-x.gif') repeat-x scroll left bottom; padding-bottom:1px;}
.sidebar-gallerysprite ul li.world-cup {background:url('../img/buttons/gallery-sprite.jpg') left bottom;}


.sidebar-gallerysprite ul li.london a:hover, .sidebar-gallerysprite ul li.london a.active {background:url('../img/buttons/gallery-sprite.jpg') right -100px !important;}
.sidebar-gallerysprite ul li.new-york a:hover, .sidebar-gallerysprite ul li.new-york a.active {background:url('../img/buttons/gallery-sprite.jpg') right -200px !important;}
.sidebar-gallerysprite ul li.tokyo a:hover, .sidebar-gallerysprite ul li.tokyo a.active {background:url('../img/buttons/gallery-sprite.jpg') right -300px;}
.sidebar-gallerysprite ul li.herzo a:hover, .sidebar-gallerysprite ul li.herzo a.active {background:url('../img/buttons/gallery-sprite.jpg') right -400px;}




.long-li {
    width:208px; /* for when no result link is shown on locations page */
}

/* calender slider */
#cal-slider {position:relative;}
#cal-slider table {float:left; width:245px; margin-right:20px;}
#cal-slider .holder {height:220px; width:600px;}


span.goal {
	font-size:16px;
	font-weight:bold;
}

#content .content .team-list a  {width:195px;  background:transparent url(../img/icons/diamond-yellow.gif) no-repeat scroll left 6px;}

#result-table tr td {
	width:30px;
	padding:5px;
	padding-right:10px;
	font-size:9px;
}