/* STYLE */
body {
    font-size : 12px;
    font-family : "Trebuchet MS", sans-serif;
    background : url(/img/bg_fus.jpg) #000 no-repeat fixed center top;
    color : #667;
}

/********************************* grid addons */
.w600 {
    width : 600px;
    margin-left : auto;
    margin-right : auto;
}

/********************************* generic */
.custom_grid_12 {
    width : 940px;
    margin : auto;
    padding : 20px;
    background-color : #FFF;
}

.picture {
    padding : 2px;
    border : 1px solid #CCC;
}

.space {
    clear : both;
    font-size : 12px;
    display: block;
    content : ' '; 
}

#c-calendar td { width: 30px; }
#c-calendar td.simpletooltip { background-color : #667; }
#c-calendar td.simpletooltip a { color : #FFF; display: block; }
#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; }



/* NEWS */
#news {
    font-size : 16px;
    line-height : 24px;
}
#news .grid_8{
    border-bottom: 2px solid #CCC;
    padding-bottom: 4px;
}
#news h3 {
    font-size : 24px;
    margin : 4px;
}
#news .alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
#news ul {
    list-style-type : disc;
}

/* FOOTER */
#footer {
    height : 32px;
    background-color : #EBEBEB;
    -moz-border-radius-bottomleft : 12px;
    -moz-border-radius-bottomright : 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top : 1px solid #CCC;
}

#footer p {
    line-height : 32px;
    font-size : 20px;
}

/* MENU */
#menu {
    background-color : #EBEBEB;
    border-top : 1px solid #FFF;
    border-right : 1px solid #FFF;
    border-left : 1px solid #FFF;
    -moz-border-radius-topleft : 12px;
    -moz-border-radius-topright : 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
#menu li {
    font-size : 16px;
    display : inline;
    font-weight : bold;
    list-style-type : none;
}
#menu a {
    color : #667;
    float : left;
    padding : 6px ;
    margin : 4px 8px -1px 8px;
}
#menu a:hover, #submenu a:hover {
    color : #000;
}
#menu a.active {
    border : 1px solid #CCC;
    color : #000;
    border-bottom : 0;
    background-color : #FFF;
    -moz-border-radius-topleft : 6px;
    -moz-border-radius-topright : 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
/* END MENU */

/* SUBMENU */
#submenu a.active {
    color : #000;
}
/* END SUBMENU */

/* QuickLinks */
#submenu {
    padding : 4px;
    font-size : 12px;
    font-weight : bold;
    border-top : 1px solid #CCC;
    border-bottom : 1px solid #CCC;
    line-height : 18px;
    background-color : #FFF;
}
#submenu a {
    color : #667;
    margin : 5px;
}
/* END QuickLinks */


/* Feature List *//* Content Slider */
div#content_slider_container    {
    /* Julio hack */
    background:#e8e8e8;
}

div#feature_list {
    width: 700px;
    height: 240px;
    overflow: hidden;
    position: relative;
}

div#feature_list ul {
    position: absolute;
    top: 0;
    list-style: none;   
    padding: 0;
    margin: 0;
}

ul#tabs {
    left: 0;
    z-index: 2;
    width: 320px;
}

ul#tabs li {
    font-size: 12px;
    font-family: Arial;
}

ul#tabs span    {
    position : absolute;
    margin-top : 6px;
    width : 280px;
}

ul#tabs li img {
    padding: 5px;
    border: none;
    float: left;
    margin: 10px 10px 0 0;
}

ul#tabs li a {
    color: #222;
    text-decoration: none;  
    display: block;
    padding: 10px;
    height: 60px;
    outline: none;
}

ul#tabs li a:hover {
    text-decoration: underline;
}

ul#tabs li a.current {
    background:  url('/img/feature-tab-current.png');
    color: #FFF;
}

ul#tabs li a.current:hover {
    text-decoration: none;
    cursor: default;
}

ul#output {
    right: 0;
    width: 410px;
    height: 240px;
    position: relative;
}

ul#output li {
    position: absolute;
    width: 410px;
    height: 240px;
}

ul#output li a {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 11px;
    color: #FFF;
    background: #000;
    -moz-border-radius: 5px;
}

/* fix a on img */
ul#output li a.slider-url {
    margin : 0px;
    padding : 0px;
    bottom : 0px;
    right : 0px;
    position : inherit;
}
/* endfix */

ul#output li a:hover {
    background: #D33431;
}
/* END feature list */

/* CALENDAR */
#c-calendar {
    margin-top : 5px;
    font-size : 18px;
    text-align : center;
    color : #667;
}
#c-calendar td, #c-calendar th {
    padding : 6px;
}
/* END CALENDAR */

/* Page:tournaments */
#tournaments {
    font-size : 12px;
    margin-top : 10px;
}
.rowhead {
    color : #000;
    font-weight : bold;
    text-transform : uppercase;
    margin-bottom : 1px;
    padding : 4px 0px;
    background-color : #DDD;
    text-align : center;
}
.rowcell div {
    padding : 6px 0px;
    vertical-align : middle;
}
.rowcell {
    margin-bottom : 1px;
    border-bottom : 1px solid #CCC;
}
.odd {
    background-color : #EEE;
}
.even {
    background-color : #FFF;
}
.rowcell span {
    vertical-align : middle;
}

/* PAGE: tournaments */
.competition_menu {
    font-size : 14px;
    margin-left : 30px;
}
.competition_menu li {
    padding : 4px;
    font-weight: bold;
}
.competition_menu .selected {
    color : #000;
    text-decoration : underline;
}
/************* ABOUT PAGE */
#about {
    font-family : "Trebuchet MS",sans-serif;
    text-align : justify;
}
#about p, #about ul {
    font-size : 16px;
    line-height : 20px;
    color : #000;
    margin : 0px 20px 20px 20px;
}
#about p:first-letter {
    font-size : 20px;
    font-weight : bold;
    margin-left : 30px;
}
#about ul {
    list-style : disc;
    margin-left : 40px;
}
#about-competitions a {
    font-size : 16px;
    line-height : 20px;
}
#about-competitions .grid_7 {
    height : 30px;
}
/************* END ABOUT PAGE */

/************* VIDEO */
#video-listing .selected img {
    border : 4px solid #B5D0FF;
}
hr {
    color : #CCC;
    background-color : #CCC;
    height : 1px;
    border : none;
}
#video {
    border-bottom : 1px solid #CCC;
}
#video-listing {
    overflow:auto;
    height: 600px;
    width : 290px;
    padding-left : 5px;
    border-left : 1px solid #CCC;
}
#video-listing img {
    padding : 2px;
    border : 4px solid #FFF;
}
#video-listing .fleft {
    width:90px;
}
#video-listing .fright {
    width:175px;
    margin-top : 6px;
}
#video-info h3 {
    margin : 10px 0px 5px 10px;
}
#video-info div, #video-info p {
    padding : 5px;
    font-size : 14px;
    line-height : 18px;
}
#video-playlists {
    font-size : 14px;
    line-height : 18px;
    border-top : 1px solid #CCC;
}
#video-playlists h3 {
    margin : 10px 0px 5px 10px;
}

#video-playlists .grid_8 img {
    padding : 2px;
    border : 1px solid #CCC;
    margin : 5px;
}
/************* END VIDEO */

/************* IE6 */
#ie6 {
    width : 700px;
    border : 2px solid #777;
    text-align : center;
    margin-left : auto;
    margin-right : auto;
    background-color : #FFF;
    position : relative;
    top : 200px;
    z-index: 100;
}
#ie6 p {
    font: 14px normal Arial, sans-serif;
    text-align : left;
    margin : 20px 10px;
}
#ie6 img {
    margin : 0px;
    border : none;
}
#ie6 div {
    width: 120px; 
    height: 122px; 
    background: url(/js/ie6-upgrade-warning/background_browser.gif) no-repeat;
    float : left;
    margin : 5px;
}
#ie6 span {
    font-size : 12px;
    color : #777;
    position : relative;
    top : -2px;
}
#ie6 a {
    border : none;
}
/************* END IE6 */

/************* PAGE event */
.description {
    font-size : 16px;
    line-height : 22px;
}
.description p {
    margin-bottom : 1em;
}
/************* END PAGE event */