/*
CSS for Michael Cross site
*/
body {font-family : Helvetica, Verdana, Arial, sans-serif;padding : 0;margin : 0;font-size : 12px;
width: 1000px;
}
h1, h2, h3 {font-family : Helvetica, Verdana, Arial, sans-serif;color : black;font-weight : normal;margin : 0;padding : 0;}
h1 { font-size : 30px; }
h2 { font-size : 30px; }

p { font-size : 11px; color : black; }
li { font-size : 12px; }

em { font-size : 13px; font-style: italic; }
a { font-weight : normal; text-decoration : none; }a:link { color : #ff2277; }a:visited { color : #ff2277; }a:hover { color : #444444; }a:active { color : #ff2277; }
#header { padding-left : 40px; padding-top : 30px; }
#sitebranding a { color : black; }
.nav1, .nav3 {font-weight : normal;text-decoration : none;font-size : 13px;}
.nav1 a, .nav3 a {float : left;padding-right : 20px;padding-top : 5px;padding-bottom : 10px;}
.projectmore a, .nav2 a {color : #444444;font-weight : normal;text-decoration : underline;}

.projectby, .projectmore { color : #444444; }
.projectby a { text-decoration : none; color : #444444; }.projectby a:link, .projectmore a:link, .nav2 a:link, .nav3 a:link {color : #444444; }
.nav2 a:visited, .nav3 a:visited { color : #444444; }

.projectby a:hover, .projectmore a:hover, .nav2 a:hover, .nav3 a:hover { color : #ff2277; }
.nav3 a:active { color : #444444; }

#indexcaption { display : block; width : 1000px; }

#indeximage img {
width : 1000px;height : 430px;border : 0;  }

.caption { font-size : 9px; color : #444444; text-align : right; }

#navigation { width : 100%; float : left; }



#maincontent { 
display: block;}
#leftcolumn {
float: left;
padding-left: 40px;
width: 300px;display : block;}

.projecttitle {padding-top : 10px;font-size : 30px;padding-bottom : 5px;}

.projectby {margin : 0;padding : 0;width : 250px;padding-bottom : 20px;}

.projecttext {margin : 0;padding : 0;width : 250px;padding-bottom : 30px;line-height : 110%;}


#imagebox {
float: left;height : 400px;}


.projectmore { margin : 0; padding-bottom : 5px; float: left; padding-right: 20px; }

#morecolumn {float: left; padding-left: 40px; display : block; }

#subnav { float: left; width: 100%; }

#moredescription { float: left; display : block; padding-top: 10px; max-width: 600px; line-height : 120%; }
.moretitle { font-size: 25px; padding-bottom: 15px; min-width: 300px; line-height : 100%; }
.moretext { padding-bottom: 50px; max-width: 650px; }
.moretextb { padding-bottom: 20px; max-width: 650px; }
.morepullout {float: right; width: 190px; background-color: #ddeeff; padding: 18px; margin-left: 15px; margin-bottom: 10px; font-style: italic; font-size: 13px;  }
.moreloosepullout { background-color: #ddeeff; padding: 18px; margin-right: 50px; margin-bottom: 10px; font-style: italic; font-size: 13px; width: 260px; }


.moreimage { float: right;  margin-bottom: 30px; height: 400px; }
.morelooseimage { float: right;  margin-bottom: 10px;  margin-left: 20px; height: 400px; }

#videobox {
float: left;
height: 355px;
width: 425px;
display: block;}

#coverbox {
position: relative;
top: -360px;
}

#coverup1 {
position: absolute;
top: 0px;
height: 130px;
width: 425px;
display: block; }

#coverup2 { position: absolute;
top: 130px;
height: 190px;
width: 175px;
display: block; }

#coverup3 { position: absolute; 
top: 130px;
left: 250px;
height: 190px;
width: 175px;
display: block; }

#coverup4 { 
position: absolute;
left: -75px;
top: 190px;
left: 175px;
height: 130px;
width: 75px;
display: block; }


#watch { float: left; }
.watch a { color: #ff2277; text-decoration: underline; padding-right: 20px }
.watch a:hover { color: #444444; }
#imageselector { min-width : 150px; }
.selector {float : left;margin-right : 2px;overflow : hidden;width : 10px;height : 10px;
display : block;
font-size: 8px;
text-align: center;}
.selector a {
display : block;width : 10px;height : 10px;
background-color : #cccccc;}

.selector a:visited { background-color : #aaaaaa; }.selector a:hover { text-decoration : none;  background-color : #ff2277; }
.selector a:active {  background-color : #ff2277; }

.miniflood { background-image : url(images/floodminic.jpg); }.minibridge { background-image : url(images/bridgeminic.jpg); }.miniblow { background-image : url(images/blowminic.jpg); }.minilunuganga { background-image : url(images/lunugangaminic.jpg); }.minisprinkle { background-image : url(images/sprinkleminic.jpg); }.miniknot { background-image : url(images/knotminic.jpg); }.miniflood, .minibridge, .miniblow, .minilunuganga, .minisprinkle, .miniknot {background-repeat : no-repeat;white-space : nowrap;display : block;width : 40px;height : 40px;margin : 0;padding-bottom : 30px;float : left;padding-right : 2px;}
.miniflood a, .minibridge a, .miniblow a, .minilunuganga a, .minisprinkle a, .miniknot a {display : block;width : 40px;height : 40px;}
.miniflood img, .minibridge img, .miniblow img, .minilunuganga img, .minisprinkle img, .miniknot img {width : 40px;height : 40px;border : 0;}
* html a:hover { visibility : visible; }
.miniflood a:hover img, .miniblow a:hover img, .minilunuganga a:hover img, .minisprinkle a:hover img, .miniknot a:hover img, .minibridge a:hover img {visibility : hidden;}
#tablecontainer {float: left;
padding-left: 40px;width : 100%;display : block;}
table.info { border-collapse : collapse; }
table.info th {font-weight : normal;text-align : left;font-size : 25px;padding-bottom : 10px;}
table.info td {font-size : 12px;padding-right : 30px;padding-bottom : 10px;}
.tablet { font-weight : normal; color : #ff2277; width : 200px; }
.tablet a { text-decoration : underline; color : #444444; }
.tablet a:hover { text-decoration : underline; color : #ff2277; }
.tablei { width : 190px; }.tablev { width : 70px; }

#educationtable, #exhibitionstable, #linkstable {position : relative;width : 100%;float : left;padding-top : 50px;}
#bookstable {position : relative;width : 100%;float : left;padding-top : 50px;}
.footnote { 
position : relative;top : 5px;font-size : 11px;color : #444444;}
#contactemail { position : relative; top : 80px; }#contactphone { position : relative; top : 110px; }#contactstudio { position : relative; top : 140px; }