/* styles for project pages */

#wrapper {
    float: left;
	width: 1000px;
	margin: 82px 0px 0px 320px; 
    }
    
#back {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
/*    top: 660px;
    left: 0px; */
    }

.credit {
    padding-top: 8px;
    font-size: .8em;
    text-transform: uppercase;
    }
    
.sliderbutton {
    float:left; 
    width:24px; 
    padding-top:0px;
    filter: alpha(opacity=30);
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
    
.sliderbutton img {
    cursor:pointer;
    }
    
.sliderbutton img:hover {
    background:#999;   
    }
    
#slideshow {
    float:left; 
    width:800px; 
    height:533px; 
    border:1px solid #555; 
    background:#2E2E2E;
    }
    
#slides {
    position:relative; 
    margin: 0px;
    padding: 0px;
    width:800px; 
    height:533px; 
    list-style:none; 
    overflow:auto;
    }
    
#slides li {
    width:800px; 
    height:533px
    }

/* these 3 styles below are for fungal clock page 
because screenshots have a different size*/

#slideshowClock {
    float:left; 
    width:900px; 
    height:480px; 
    border:1px solid #555; 
    background:#2E2E2E;
    }

#slidesClock {
    position:relative; 
    margin: 0px;
    padding: 0px;
    width:900px; 
    height:480px; 
    list-style:none; 
    overflow:auto;
    }
    
#slidesClock li {
    width:900px; 
    height:480px
    }



/* these 3 styles below are for HOW THINGS HOLD (hth) pages 
because screenshots have a different size*/

#slideshowHTH {
    float:left; 
    width:850px; 
    height:609px; 
    border:1px solid #555; 
    background:#2E2E2E;
    }

#slidesHTH {
    position:relative; 
    margin: 0px;
    padding: 0px;
    width:850px; 
    height:609px; 
    list-style:none; 
    overflow:auto;
    }
    
#slidesHTH li {
    width:850px; 
    height:609px;
    }

/* these 3 styles below are for DUMP pages 
because screenshots have a different size*/

#slideshowDump {
    float:left; 
    width:800px; 
    height:533px; 
    border:1px solid #555; 
    background:#2E2E2E;
    }

#slidesDump {
    position:relative; 
    margin: 0px;
    padding: 0px;
    width:800px; 
    height:533px; 
    list-style:none; 
    overflow:auto;
    }
    
#slidesDump li {
    width:800px; 
    height:533px;
    }

/* these 3 styles below are for dumpMyco pages 
because screenshots have a different size*/

#slideshowMyco {
    float:left; 
    width:600px; 
    height:400px;
    border:1px solid #555; 
    background:#2E2E2E;
    }

#slidesMyco {
    position:relative; 
    margin: 0px;
    padding: 0px;
    width:600px; 
    height:400px;
    list-style:none; 
    overflow:auto;
    }
    
#slidesMyco li {
    width:600px;
    height:400px; 
    }



.pagination {
    list-style:none; 
    height:50px; 
    width: 250px;
    margin: 0px 1px;
    padding: 24px 0px;
    }
    
.pagination li {
    float:left; 
    cursor:pointer; 
    padding:4px; 
    margin:0px; 
    text-align:center; 
    border:1px solid #333; 
    background:#2E2E2E; 
    color:#585858;
    }
    
.pagination li:hover {
    border:1px solid #585858;
    background:#2E2E2E; 
    color:#D0FA58;
    }
    
li.current {
    border:1px solid #848484; 
    background:#424242;
    color:#D0FA58;
    }

li#content {
    font: 18px/27px 'LiberationMonoRegular', Arial, sans-serif; 
    width:800px; 
    height:533px; 
    padding:20px; 
    background:#2E2E2E;
    }

#content h1 {
    font-size: 18px;
    margin-bottom:15px; 
    }
    
#content p {
    font-size: 14px;
    margin-bottom:15px;
    width: 400px;
    }

#stills11 {
/* riceDARC */
    position: absolute;
    margin: 662px 0px 0px 344px;
    height: 1000px;
    width: 660px;
    }

#stills12 {
/* kunsthal dump */
    position: absolute;
    margin: 662px 0px 0px 344px;
    height: 900px;
    width: 340px;
    }

#stills13 {
/* kunsthal dump */
    position: absolute;
    margin: 675px 0px 0px 738px;
    width: 410px;
    }


#stills1 {
/* cosmopolitans page */
    float: left;
    margin-left: 24px;
    width: 815px;
    height:545px; 
    overflow-x: hidden;
    overflow-y: scroll;
    border:1px solid #555; 
    background:#2E2E2E;
    }

#stills2 {
/* ambassadors page */
    float: left;
    margin-left: 24px;
    width:800px; 
    height:533px; 
    }
    
#stills2 img {
    border:1px solid #555; 
    background:#2E2E2E;
    }

#stills3 {
/* waiting, artistsspace, timemachines*/
    float: left;
    margin-left: 24px;
    margin-bottom: 6px;
    width: 950px; 
    border:1px solid #555; 
    background:#2E2E2E;
    }
    
#stills4 {
/* waiting */
    float: left;
    margin-left: 24px;
    height: 210px; 
/*    overflow: auto; */
    border:1px solid #555; 
    background:#2E2E2E;
    }
    
#stills5 {
/* waiting */
    float: left;
    margin-left: 6px;
    height: 300px;
    width: 596px;
    overflow-x: scroll;
    overflow-y: hidden;
    border:1px solid #555; 
    background:#2E2E2E;
    }
    
#stills6 {
/* artistsspace */
    float: left;
    margin-left: 24px;
    height: 280px;
    width: 600px;
    overflow-x: scroll;
    overflow-y: hidden;
    border:1px solid #555; 
    background:#2E2E2E;
    }
    
#stills7 {
/* artistsspace */
    float: left;
    margin-left: 6px;
    height: 160px; 
    border:1px solid #555; 
    background:#2E2E2E;
    }

#stills8 {
/* gamblers*/
    float: left;
    margin-left: 24px;
    width: 1300px; 
    }

#stills8 .channel {
/* gamblers*/
    padding: 4px;
    border:1px solid #333; 
    background:#2E2E2E;
    }

#stills8 p {
/* gamblers*/
    margin-top: 15px;
    }

#stills9 {
/* dumpMyco */
    position: absolute;
    margin: 520px 0px 0px 392px;
    padding: 0px 0px 20px 0px;
    height: 300px;
    width: 800px;
    overflow-x: scroll;
    overflow-y: hidden;
    }
    
#stills9AAA {
/* dumpMyco */
    position: absolute;
    margin: 920px 0px 0px 392px;
    padding: 0px 0px 20px 0px;
    height: 380px;
    width: 900px;
    overflow-x: scroll;
    overflow-y: hidden;
    }

#stills10 {
/* dumpMyco */
    position: absolute;
    margin: 860px 0px 200px 392px;
    padding: 0px 0px 20px 0px;
    height: 300px;
    width: 800px;
    overflow-x: scroll;
    overflow-y: hidden;
    }

#stills10AAA {
/* dumpMyco */
    position: absolute;
    margin: 1340px 0px 200px 392px;
    padding: 0px 0px 20px 0px;
    height: 380px;
    width: 900px;
    overflow-x: scroll;
    overflow-y: hidden;
    }