who-chad
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#who-chad 
{
	top:17px;
	left:25px;
	width:360px;height:435px;
	position:relative;
	background-color:#82DCF5;
	float:left;
	z-index:1;
}
div#chad-wn	{ 
    position:relative;
    top:90px;
    left:69px;
    width:635px; height:320px;
    overflow:hidden;
    float:left;
    background-color:Transparent;
    z-index:0;
	font-family:Arial;
	font-weight:600;
	color:Black;
	font-size:11pt;
}
    
div#chad-scrollbar { 
  position:relative;
  width:11px; height:310px;
  left:45px; top:135px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  z-index:0;
  }
div#chad-track { 
  position:absolute; left:0; top:12px;
  width:11px; height:285px;
  background: Black;
  z-index:0;
  }
div#chad-dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e7e7e7;
  z-index:0;
  }  
div#chad-up { position:absolute; left:0; top:0; z-index:0;}  
div#chad-down { position:absolute; left:0; bottom:0; z-index:0;}

/* for safari, to prevent selection problem  */
div#schad-crollbar, div#chad-track, div#chad-dragBar, div#chad-up, div#chad-down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#chad-scrollbar img {
    display:block; 
    } 
    

/* ------------------------------------------------------------------------------------------------------ */
#bg-whochad
{
	background-image:url(http://custom.buyitsellit.com/24062/bg-whochad.jpg);
	margin-left:auto;
	margin-right:auto;
	width:1280px;
	height:700px;
	top:-50px;
}
#main-contentField-whochad
{
	/*background-image:url(../images/bg-whochad.png);*/
	background-color:Transparent;
	width:793px;height:495px;
	margin-left:auto;
	margin-right:auto;
	top:8px;
	left:6px;
	position:relative;
}

#copyright
{
	top:65px;
	left:360px;
}

div#who-chad-image
{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:100px;
	background-image:url(../images/ChadBurworth.jpg);
}

div#chad-bio
{
	display:block;
}

div#who-caitlin 
{
	top:17px;
	left:-30px;
	width:360px;height:435px;
	position:relative;
	background-color:#82DCF5;
	float:right;
	z-index:1;
}
div#who-caitlin-image
{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:100px;
}

div#caitlin-wn	{ 
    position:relative;
    top:17px;
    left:23px;
    width:347px; height:435px;
    overflow:hidden;
    float:left;
    background-color:Purple;
    z-index:0;
	}

div#caitlin-scrollbar { 
  position:relative;
  width:11px; height:435px;
  top:17px;
  left:23px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  z-index:0;
  }
  
div#caitlin-track { 
  position:absolute; left:0; top:12px;
  width:11px; height:411px;
  background: #336;
  z-index:0;
  }
div#caitlin-dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:0;
  }  
div#caitlin-up { position:absolute; left:0; top:0; z-index:0;}  
div#caitlin-down { position:absolute; left:0; bottom:0; z-index:0;}

/* for safari, to prevent selection problem  */
div#scaitlin-crollbar, div#caitlin-track, div#caitlin-dragBar, div#caitlin-up, div#caitlin-down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#caitlin-scrollbar img {
    display:block; 
    } 
    
.who-name-chad 
{
	font-family:Arial;
	font-size:x-large;
	color:Black;
	font-weight:lighter;
}

.profile-font
{
	font-family:Arial;
	font-size:19px;
	color:Black;
	letter-spacing:0px;
	font-weight:normal;
	line-height:30px;
}

#copyright
{
	top:-5px;
	left:300px;
}

.termsOfUse
{
	top:-14px;
	left:740px;
}

/* source http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .termsOfUse
    {
    	top:-12px;
    	left:730px;
    }
}