@import url('http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css');
@import url('http://www.communicationcouncil.com/wp-content/themes/classic/slidebox.css');

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #content {
    height:100%;
    width:100%;
    overflow:hidden;
}

body {
    font-family:Arial,Helvetica,sans-serif;
    font-size:11.3px;
    cursor:default;
    background:url(loading.gif);
    color:#000;
}

h1, h2, h4, .large, .left {
    font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
    font-size:53px;
    position:relative;
    left: 25px;
    text-shadow: 1px 1px 0px #000;
}

h2, .box div img {
    padding-bottom:10px;
}

h4{
    padding-bottom:110px;
}


h4 span {
    position:absolute;
    right:303px;
    top:25px;
    white-space:nowrap;
    display:block;
    color:#fff;
    font-size:118px;
    font-weight:bold;
}

a {
    text-decoration:none;
    color:#000;
    outline:0;
}

img {
    display:block
}



/* DIVS */

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#content {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

#menu, #menu_SIAC {
    position:absolute;
    bottom:20px;
    left:141px;
    z-index:80;
    width:100%;
}

#menu div, #menu_SIAC {
    height:56px;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    padding:7px 0 0 0;
}

#menu_SIAC {
    padding:0px 0 0 0;
    height:63px;
}

#twitter_icon {
    position:absolute;
    bottom:75px;
    left:7px;
    background:transparent;
    z-index:85;
    width:75px;
    height:63px;
    opacity:0.8;
    filter:alpha(opacity=80);
}

#twitter_status {
    position:absolute;
    bottom:110px;
    left:85px;
    background:#000;
    z-index:85;
    padding: 5px 5px;
    max-width:300px;
    opacity:0.6;
    filter:alpha(opacity=60);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#twitter_status a{
    color:#fff;
}



/* Headings and Lists */

h1 {
    position:relative;
    left:-141px;
    margin-bottom:-63px;
    width:140px;
    opacity:0.79;

}

#menu_SIAC h1 {
    position:relative;
    left:-141px;
    margin-bottom:-55px;
    width:140px;
    opacity:0.79;

}

h1 a {
    padding:14px 30px 13px 0;
    color:#999;
    background:#000;
    font-size:32px;
    font-family:"Georgia","Times New Roman",serif;
    text-align:right;
    display:block;
}

h1 a:hover {
    color:#ffffff;
}

ul {
    float:left;
    width:100%;
    list-style: none;
}

li {
    display: inline;
}

li a {
    font-family:"Georgia","Times New Roman",serif;
    font-size:32px;
    line-height: 49px;
    padding:0 1.2%;
    color:#999;
}

#menu_SIAC li a {
    padding:0 2.2%;
}

li a:hover, li.cur a {
    color:#ffffff;
}


/* Boxes */

.box { 
    position:absolute; 
    width:500px;
    padding-bottom:100px;
}

.about, .committees, .events { 
    top:30%;
    left:12.5%;
}

.leadership { 
    top:30%;
    right:10%;
}

.calendar {  
    position:absolute; 
    width:800px;
    padding-bottom:100px;
    top:2%;
    left:6%;
}

.calendar div {
    line-height:1.5em;
    background:#fff;
    padding:0px 0px;
    opacity:0.99;
    filter:alpha(opacity=99);
}

.box div {
    line-height:1.5em;
    background:#fff;
    padding:20px 30px;
    box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 1px 1px 0px #000;
}

.box div a {
    text-decoration:underline;
}

.box div img {
    padding:5px;
display:inline;
}

.large {
    text-align:right;
    top:20%;
    right:120px;
    font-size:13px;
}

.left {
    text-align:left;
    top:25%;
    right:auto;
    left:20px;
    width:800px;
    font-family:Georgia,Times New Roman,serif;
    font-size:19px;
    letter-spacing:.9px;
    color:#fff;
}

.large h2 {
    font-size:53px;
}

.large h2 b {
    font-size:117px;
    top:-10%;
}

.white {
    color:#fff;
}

#beijing {
    top:15%;
}


h3 {
    position:relative;
    border-bottom:1px solid #EBEBEB;
    padding:30px 30px 10px 30px;
    margin:0 -30px 20px -30px;
    text-transform:uppercase;
    line-height:20px;
    font-weight:bold;
}

h3 span {
    position:absolute;
    right:510px;
    top:29px;
    background:#000;
    text-align:center;
    padding:0 5px;
    white-space:nowrap;
    display:block;
    color:#fff;
    font-weight:normal;
}

dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}


#photos{position:absolute;z-index:90;bottom:90px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}

#focus-stealer      { position: absolute; left: -9999px; }