/*
*/
/* Document (c) Copyright 2009 infinity21.net web development */
/* No code to be copied, please feel free to peruse and learn */
/* Graphic design by Neil Whiteside                           */
/*
*/

body {background-color: #000; background-position: 50% 30px;width: 1000px; margin: 0 auto; color:white; font: normal normal normal 0.9em/1.5em Arial, sans-serif;}
a {color: white; }
/*      div {background-color: rgba(255, 255, 255, 0.5);position: relative;}*/
h1 {display:block; position: fixed; width: 450px; height: 285px; margin-top: 20px; /*background-image: url('/images/logo.png'); */text-indent:-3000px; }

#wrapper {position: absolute; top: 300px;}
.container {width: 870px; margin: 0 auto; padding: 25px 65px;}

#strap {background-color: black; width: 100%; position: fixed; top:0; left: 0; z-index:10;}
#strap-login {height: 38px; }
#strap-login form * {float:left;}
#strap-login form, #strap-login p {height: 31px;padding:0;margin:0;}
#strap-login h2 {width: 73px; height: 31px; padding:0; margin:0; float: left; background-image:url('/images/h2_login.jpg'); text-indent:-3000px;}

#forusername {height: 31px; width:60px; background-image:url('/images/label_username.jpg'); display:block; float: left; text-indent:-3000px; background-repeat:no-repeat;border:none;}
#forpassword {height: 31px; width:60px; background-image:url('/images/label_password.jpg'); display:block; float: left; text-indent:-3000px; background-repeat:no-repeat;border:none;}
#strap-login input {float: left; }
input#user_session_login, input#user_session_password {
height: 29px; width: 147px; background-image:url('/images/input_text.jpg'); border:none;
padding: 0.6em 0 0 0.5em; /*background-color: black; background-position: top left; background-repeat: no-repeat;*/
}
.register {height:31px;width:60px;background-image:url('/images/label_register.jpg'); float: left; text-indent:-3000px;}
.register a {width:60px; height:31px;display:block; }

#strap-flash {background-color: rgba(255, 0, 0, 0.5); color: white; padding: 0.5em; font: normal bold normal 1em Arial, sans-serif; float: left; }
#strap-contact, #strap-flash {float: right; width: 250px; position:fixed; top: 0; right: 0;}


 label {width: 200px; float: left; clear: left; margin-bottom: 0.5em;}
 input {float: left; }
 p {clear: left;}

.error {margin-top:80px;}

/*#menu {position: relative; height: 1.2em; background-image:url('/images/menu_bga.jpg'); background-repeat:no-repeat; height:28px; }
#menu ul {list-style:none; position: relative;padding:0;margin:0;}
#menu li {float: left; margin-right: 0.5em; padding: 0.2em; text-indent:-3000px; width:45px; display:block;}
#menu li a {display:block;}
#menu li#menu_home    , #menu li#menu_home    a {width:45px;}
#menu li#menu_account , #menu li#menu_account a    {width:95px;}
#menu li#menu_fixtures, #menu li#menu_fixtures a     {width:96px;}
#menu li#menu_dvds    , #menu li#menu_dvds    a    {width:75px;}
#menu li#menu_about   , #menu li#menu_about   a    {width:110px;}
#menu li#menu_links   , #menu li#menu_links   a    {width:80px;}
#menu #date {padding-top: 0.2em; margin-right:8px; float: right; font: normal small-caps normal 1em/1.5em Arial, sans-serif;}*/

#menu {position: relative; height: 1.2em; /*background-image:url('/images/menu_bga.jpg'); background-repeat:no-repeat;*/ height:28px; background:transparent;}
#menu ul {list-style:none; position: relative;padding:0;margin:0;}
#menu li {float: left; margin-right: 0.5em; padding: 0.0em 0.5em 0.5em 0; /*text-indent:-3000px;*/ /*width:45px; */display:block;}
#menu li a {display:block; text-decoration: none; font-size: 1.2em; font-family: Arial, sans-serif;  text-transform:uppercase; text-shadow: #ccc 1px 1px 2px;}
#menu li a:hover {text-shadow: white 2px 2px 4px;}

/*#menu li#menu_home    , #menu li#menu_home    a {width:45px;}
#menu li#menu_account , #menu li#menu_account a    {width:95px;}
#menu li#menu_fixtures, #menu li#menu_fixtures a     {width:96px;}
#menu li#menu_dvds    , #menu li#menu_dvds    a    {width:75px;}
#menu li#menu_about   , #menu li#menu_about   a    {width:110px;}
#menu li#menu_links   , #menu li#menu_links   a    {width:80px;}*/
#menu #date {padding-top: 0.2em; margin-right:8px; float: right; font: normal small-caps normal 1em/1.5em Arial, sans-serif;}





a img {border: none}
#fixtures-list {height:70px;}
#fixtures-list ul {list-style:none;padding:0;margin:0; clear:both;}
#fixtures-list li {height: 70px; width: 200px; float: left; display:block; background-color: black; color: white;margin-right:7px;}
#fixtures-list li a {height: 70px; width: 200px; display:block;}
#fixtures-list .title {background-image: url('/images/next_fixtures_title.jpg'); text-indent:-3000px;}
#fixtures-list .fixture {}
#fixtures-list .next-fixture {}
#fixtures-list .upcoming {}
#fixtures-list li.more {width: 35px;background-image: url('/images/next_fixtures_more.jpg'); text-indent:-3000px;}


#main-content {background-color: transparent; color: white; margin-right:9px; position: relative; float: left;width: 640px; }
#main-content h2 {background-repeat:no-repeat; margin:0;padding:0;}
#main-content form {padding-top: 3em;}

#video-window {background-color: black; color: white; width: 640px; }
#right {width: 216px; float: left; }
.right {margin-bottom: 1em; color: black;}
.right ul {list-style:none;padding:0;margin:0;}
#right h3{padding:0;margin:0;}
#adverts li {padding:0;margin-bottom:8px;}
#right .sponsorship {border:1px solid #999; color: #ccc; background-color:#222; font-size:0.8em; padding: 0.5em;}

hr.divider {width: 860px; margin-right:8px;}
#main-content hr.divider {width: 620px; margin-right:8px;}

#twitter {height:229px; width:216px; background-image:url('/images/twitter_template.jpg'); padding-top:40px;}
#twitter h3{text-indent:-3000px;}
#twitter #feed {height: 180px; width: 210px; margin-left: 5px;overflow: auto; }
#twitter li {color: #ccc; font: normal normal normal 0.6em/1.5em Arial, sans-serif; clear: left;}
#twitter img {float: left; padding: 0.5em;}
#twitter p {float: left; width: 150px; clear: right; }
#twitter .follow-us {text-indent:-3000px; width:214px; height:20px;}
#twitter .follow-us a {display:block;width:214px; height:20px;}


.option-block { background-color:#aaa; color:#333; margin-bottom: 9px; width:200px; height:70px; float: left; margin-right: 8px;}
.option-block * { margin: 0; }
.option-block a {color:black;}

.already-paid {background-color: #005400; color: white;}
.unavailable {background-color: #FF0000; color: white;}


#footer { background:url('/images/footer/footer.jpg'); height:100px;
    background-repeat: no-repeat; background-position: top center;text-indent: -3000px; padding-top:0;  bottom: 0; }
#footer div {float: left; height:100px;}
#footer div a {height: 100px; }
    #footer .footer-giantslive  a{width:206px;margin-left: 30px;}
    #footer .footer-hidavid a {width:206px;}
#footer .footer-giants a {width:206px; }
#footer .footer-infinity a{width:206px;}
#footer div a { display:block;}

h2.page {text-indent: -3000px;}
h2.about {width:640px; height:63px; background-image:url('/images/h2s/aboutgiantslive.jpg');}
h2.links {width:640px; height:63px; background-image:url('/images/h2s/links.jpg');}
h2.welcome {width:640px; height:63px; background-image:url('/images/h2s/giantslivebanner.jpg');}
h2.account {width:640px; height:63px; background-image:url('/images/h2s/youraccount.jpg');}
h2.fixtures {width:640px; height:63px; background-image:url('/images/h2s/fixtures.jpg');}
h2.store {width:640px; height:63px; background-image:url('/images/h2s/dvdstore.jpg');}
h2.register {width:640px; height:63px; background-image:url('/images/h2s/register.jpg');}






#login #flash {right:20%;}
#flash {background-color: yellow; text-align:center; color: black; font-weight: bold;}