/* CSS Document */

html, body {
background-image:url(../images/background.jpg);
background-repeat: repeat-x;
background-position:top;
width:100%;
height:100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}
h1 {
color: #eb008b;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
color: #eb008b;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:300;
padding:0px;
margin:0px;
}
img { behavior:	url("/css/pngbehavior.htc");
border:none;
}
#container{
position:absolute;
top:0;
left:50%;
margin-left:-400px;
width:800px;
height:800px;
}
#privacyscroller {
position:absolute;
width: 435px;
height:290px;
overflow-x:hidden;
overflow-y:scroll;
top:10px;
left:10px;
padding-right:10px;
}
#tablebg{
position:absolute;
width:485px;
height:564px;
top:84px;
left:315px;
border:none;
}
#chelislogo{
position:absolute;
width:315px;
height:143px;
top:104px;
left:0;
border:none;
}
#login_logout {
position:absolute;
width:200px;
height:15px;
top:10px;
left:570px;
border:none;
font-size:11px;
z-index:2;
}
#navbar{
position:absolute;
width:460px;
height:15px;
top:119px;
left:328px;
border:none;
font-size:11px;
z-index:2;
}
#navbar ul {
padding: 0;
margin: 0;
list-style: none;
}

#navbar ul li {
display: inline;
padding: 0 5px;
margin: 0;
}
#dancer{
position:absolute;
width:315px;
height:607px;
top:242px;
left:0;
border:none;
}
#pagetitle{
position:absolute;
width:460px;
height:70px;
top:160px;
left:328px;
border:none;
z-index:2;
}
#subtitle{
position:absolute;
width:230px;
height:20px;
top:-47px;
left:210px;
border:none;
color: #eb008b;
font-weight: bold;
font-size:18px;
z-index:3;
}
#content{
position:absolute;
width:460px;
height:300px;
top:235px;
left:328px;
border:none;
z-index:2;
font-size:11px;
}
#albumscroll{
position:absolute;
width:440px;
height:300px;
left:10px;
top:0px;
overflow-x:hidden;
overflow-y:auto;
text-align:left!important;
}
#album{
position:relative;
float:left;
width:210px;
height:60px;
margin-bottom:5px;}
#bottombullets{
position:absolute;
width:460px;
height:85px;
top:555px;
left:328px;
border:none;
z-index:2;
}
#return{
position:absolute;
bottom:-113px;
left:0px;
height:15px;
width:100%;}
#footer{
position:absolute;
width:460px;
height:40px;
top:670px;
left:328px;
border:none;
z-index:2;
}
#thumbs {
position:absolute;
top:15px;
left:50%;
margin-left:-215px;
width: 430px;
overflow-y: hidden;
overflow-x: auto;
white-space: no-wrap; /*Don't let the images wrap to the next line*/
height: 70px;
text-align:left;
}
#thumbs ul {
padding: 0;
margin: 0;
list-style: none;
}
#thumbs ul li {
display: inline;
padding-left:5px;
margin: 0;
}
#thumbscroll {
width: 1000px;
overflow: auto;
white-space: no-wrap; /*Don't let the images wrap to the next line*/
height: 70px;
}
/*////////////////////////*/
a, a:link, a:visited {
color: #eb008b;
text-decoration: none;
}
a:hover {
 color: #ffffff;
 text-decoration: underline;
}

.bullets a:link {
color: #ffffff;
text-decoration: none;
}
.bullets a:visited {
color: #ffffff;
text-decoration: none;
}
.bullets a:hover {
color: #eb008b;
text-decoration: underline;
}
.bullets { font-size:10px;}

.bullets ul {
padding-left:0px;
margin-left:0px;
padding-top:5px;
margin-top:5px;
 }
 
.bullets ul li { list-style-image:url(../images/arrow.png);
list-style-position:inside;}

.footers {
font-size: 9px;
color: #eb008b;
}
.bigpink {
color: #eb008b;
font-weight: bold;
}
.biggerpink {
color: #eb008b;
font-weight: bold;
font-size:18px;
}
.bigwhite {
font-weight: bold;
}
.biggerwhite {
font-weight: bold;
font-size:16px;
}
.noleftpad {padding-left:0px;!important}

.smalltxt {font-size: 10px; text-align:justify;}
.smallbold {font-size: 10px; font-weight: bold; text-align:justify; }

/* Gallery Styles */

#motioncontainer {
margin:0 auto; /* Uncomment this line if you wish to center the gallery on page */
width: 430px; /* Set to gallery width, in px or percentage */
height: 70px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
margin-right:5px;
margin-top:20px;
}

#motioncontainer img {
border: 1px solid #cccccc; /* Set image border color */
margin-right:5px;
margin-top:20px;
}

#motioncontainer a:hover img {
border: 1px solid #eb008b; /* Set image border hover color */
}

#statusdiv {
background: #000000;
color:#000000;
border: none;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */