/* Overwrite default style */
* {margin:0; padding:0; border:0;}

/* Global default style */
html, body {
    position:absolute;
    min-height:100%;
    min-width:1600px;
    width:100%;
    background:rgb(250,250,250) no-repeat scroll none;
    color:rgb(30,30,30);
    font-family:arial, sans-serif;
    font-size:small;
}
a:link:hover, a:link:focus, a:link:active, a:visited:hover, a:visited:focus, a:visited:active  {
    text-decoration:underline;
    color:rgb(234,119,41);
}
a:link, a:visited {
    text-decoration:none;
    color:rgb(0,100,200);
}
p {margin:1em 0;}

/* Header section */
.header {
    clear:both;
    width:100%;
    background-color:rgb(30,30,30);
    background-image:linear-gradient(to bottom,rgb(55,55,55),rgb(30,30,30));
}

/* Content section */
.content {
    clear:both;
    width:100%;
    padding:1.5em 0 5em;
}

/* Footer section */
.footer {
    position:absolute;
    bottom:0;
    clear:both;
    width:100%;
    background-color:rgb(210,210,210);
    background-image:linear-gradient(to bottom,rgb(210,210,210),rgb(230,230,230));
    color:rgb(115,115,115);
    font-size:0.9em;
}

/* Default container */
.container {
    clear:both;
    width:78%;
    position:relative;
    text-align:left;
    margin:0 auto 0;
    padding:0.5em 0 0.5em;
}

/* Column container */
.column {display:table;}
.column-left, .column-right, .column-center {display:table-cell;}
.column-left {text-align:left;}
.column-center {text-align:center;}
.column-right {text-align:right;}

/* Main Menu */
#menu {vertical-align:bottom;}
#menu li {
    display:inline-block;
    font-size:1.30em;
    font-weight:bold;
    list-style-type:none;
}
#menu a {
    display:inline;
    color:rgb(255,150,0);
    text-decoration:none;
    padding:0 0.4em 0.1em;
}
#menu a:hover {color:rgb(250,250,250);}



/* Footer Menu */
#foot-menu li {
    display:inline-block;
    list-style-type:none;
}
#foot-menu a {
    color:rgb(115,115,115);
    text-decoration:none;
    padding:0 0.5em 0;
}
#foot-menu a:hover {
    color:rgb(50,50,50);
    text-decoration:underline;
}

/* Home page banner */
.home-image {
    background:rgb(210,210,210) center center no-repeat scroll url(./image/banner-home.jpg);
    height:200px;
}

/* Gallery section*/
.gallery {
    display:inline-block;
    border:1px solid rgb(200,200,200);
    background:rgb(240,240,240) 0px 0px no-repeat none;
    padding:0.5em;
    margin:0.5em;
}
.gallery img {
    display:inline-block;
    margin-right:0.5em;
}
.gallery-text {
    display:inline-block;
    vertical-align:top;
    padding-left:0.5em;
}
.gallery-text ul {
    list-style-position:outside;
    margin-left:2em;
}
.gallery-text p {
    padding:0;
    margin-bottom:0.25em;
}

/* Text format */
h1, h2, h3, h4, h5, h6 {
    line-height:1.2;
    font-weight:normal;
}
h1 {
    color:rgb(255,100,0);
    font-weight:bold;
    border-bottom:solid 1px rgb(255,150,0);
    font-size:1.25em;
    margin:0 0 1em;
}
h2 {
    font-size:1.5 em;
    font-weight:bold;
}
h3 {
    font-size:0.9em;
    font-family:monospace,courier;
}
code {font-family:monospace,courier;}

/* Form control format */
.form-group, .form-group-input, .form-group-btn, .form-group-select {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.form-group {
    display:table;
    width:100%;
}
.form-group-input, .form-group-btn {display:table-cell;}
input {
    border:1px solid rgb(200,200,200);
    border-right:none;
    box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
}
input:hover {border-color:rgb(170,170,170);}
input:focus {border-color:rgb(170,170,170);}
button {
    width:100%;
    background-color:transparent;
    margin-top:1px;
    cursor:pointer;
}
select {
    background-color:white;
    border:1px solid rgb(200,200,200);
}
select:hover {border-color:rgb(170,170,170);}
select:focus {border-color:rgb(170,170,170);}
.form-search {width:100%;}
#search-btn, #search-btn button {width:50px;}
.form-group-btn {
    vertical-align:middle;
    text-align:center;
    text-shadow:0 1px rgba(0,0,0,0.3);
    border:1px solid rgb(200,200,200);
    background-color:rgb(230,230,230);
    background-image:linear-gradient(to bottom,rgb(255,255,255),rgb(230,230,230));
    cursor:pointer;
}
.form-group-btn:hover {
    border-color:rgb(255,185,55);
    background-color:rgb(255,210,110);
    background-image:linear-gradient(to bottom,rgb(255,220,150),rgb(255,185,55));
}
.form-group-btn:active {
    background-color:rgb(255,185,55);
    background-image:linear-gradient(to bottom,rgb(255,185,55),rgb(255,200,90));
    box-shadow:0px 1px 2px rgba(0,0,0,0.3) inset;
}
.ico-glass {
    display:inline-block;
    background:url('./image/glass-ico.png') no-repeat scroll transparent;
    background-position:center center;
    height:22px;
    width:17px;
    margin:0 auto 0;
}

/* Table format */
table {
    width:100%;
    border-collapse:collapse;
    margin:2em 0 1em;
    border-top:1px solid rgb(210,210,210);
    border-bottom:1px solid rgb(210,210,210);
}
table, tr, th, td {vertical-align:middle;}
thead {background-color:rgb(220,220,220);}
th {
    text-align:left;
    padding:0.5em 0.25em 0.5em 0;
}
tr {border-bottom:1px solid rgb(210,210,210);}
td {padding:0.25em 0.25em 0.25em 0;}
tbody tr:hover {background-color:rgb(210,210,210);}

/*** Home Page Selectors ***/
/* About section */
#about {
    width:50%;
    color:rgb(115,115,115);
    font-size:0.9em;
    margin-bottom:0.75em;
}

/* News section */
#news {width:70%;}
#news h2 {margin-top:2em;}
#news p {padding-left:1.5em;}
#news ol {
    list-style-type:decimal;
    list-style-position:outside;
    padding-left:3em;
    margin:1em 0;
}
#news li {margin-bottom:0.5em;}

/* Partners section */
#friends {
    width:30%;
    padding-left:3em;
    text-align:left;
}
#friends ul {
    list-style-position:outside;
    list-style-type:disc;
    margin-left:1em;
}
#friends ul li {margin-bottom:0.5em;}

/* Sponsors section */
.comm-image {text-align:center;}
.comm-image img {
    display:inline-block;
    padding:0.25em 2em 0.25em;
}

/*** Players Page Selectors ***/
/* Players section */
#search-input {
    display:inline-block;
    width:40%;
    vertical-align:middle;
}
#search-input input {
    width:100%;
    font-size:larger;
    padding:0.4em;
}
#search-category select {
    display:inline-block;
    width:10em;
    vertical-align:middle;
    font-size:larger;
    padding:0.35em;
}
.player-club {width:18%;}
.player-name {width:18%;}
.player-ticket {width:5%;}


/*** Results Page Selectors ***/
.players-results {text-align:center;}
.results-block {
    display:inline-block;
    margin:0 2em;
    text-align:left;
}
.results-block h2 {padding:1em 0 1em;}
.results-block pre {font-size:125%;}

/*** Photos Page Selectors ***/
#photos {text-align:center;}
#photos img {
    display:inline-block;
    margin:0.25em;
    height:250px;
}

/*** Sponsors Page Selectors ***/
.sponsor {
    height:10em;
    width:24em;
    vertical-align:top;
    display:inline-block;
    border:1px solid rgb(200,200,200);
    background:rgb(240,240,240) 0px 0px no-repeat none;
    padding:0.5em;
    margin:0.5em;
}
.sponsor-gold h1, .sponsor-silver h1, .sponsor-bronze h1 {padding-top:2em;}

/*** Contact Page Selector ***/
#contact .postal-address, #contact .email-address {padding-left:1.5em;}
#bam-ca-info {text-align:center;}
#bam-ca-info .gallery {
    width:45em;
    text-align:left;
}
#bam-ca-info .gallery p {margin-left:0px;}
#bam-ca-info .gallery img {height:150px;}
#bam-ca-info .gallery h2 {padding-top:0.25em;}