/*Core Style Sheet for sonbee.com Photo Album*/

body { 	
	font-family: "Comic Sans MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #99cccc; /*153 204 204*/
	font-size: 1em;
	font-weight: normal;
	text-align: left; 
	margin: 3px auto 3px auto;
	width: 876px;
	border: 3px solid #003366;
	background-color: #ffffff; 
	}

#page {
	margin: 3px auto 3px auto;	
	width: 864px;
	height: 1124px;
	border: 3px solid #003366; 
	background-color: #003366;
	}

#header {
	background: #003366; /*0 51 102*/
	float: left;
	border-bottom: 1px dashed #99cccc;
	text-align: left;
	width: 864px;	
	height: 124px;	
	padding: 0px;	
	}

#header h1 {
	color: #99cccc;
	font-size: 36px;
	margin-top: 1%;
	margin-bottom: -3%;
	margin-left: 1%;
	}

#content {	
	background: #003366;
	float: left;
	width: 864px;
	height: 1000px;
	}

  /*.prop {
    height:1000px;
    float:right;
    width:1px;
	} */

 img.homepage {
	display: block;
	margin-top: 30px;
	margin-right: auto;	
    margin-left: auto;    
	}
	
#footer {
	position: absolute ;
	width: 864px;
	height: 50px;
	top: 1080px;
	clear: left; /* for IE*/
	}

p.signature {
	color: #99cccc;
	font-size: 0.75em;
	font-weight: normal;
	text-align: right;	
	margin: 0 10px 0 0;			
	}

.signature a{
	color: #669999; /*102 153 153*/
	text-decoration: none;
	}

.copyright {
	font-size:0.7em;	
	text-align: right;
	margin-top: 70%;
	margin-right: 10px;	
	margin-bottom: 1%;	
	vertical-align: bottom;	
	}

/*** Menu ****************************************************/
ul {  
	list-style-type: none;
	width: 90%; /* précision pour Opera */
	width: 120px;
	margin: -25px 0 10px 0;
	padding: 0;	
	float: right;
	}

ul li {	display: block;	}

ul.noshow{	
	display: block;
	color: #003366;
	width: 10px;
	}

.link li {	float: right;	}

.link a {
	margin: 10px 0 0 15px;
	padding-right: 0px;
	width: 100px;
	height: 25px;
	display: block;
	text-align: center;
	border: 1px solid #99cccc;
	text-decoration: none;
	color: #99cccc;
	background: transparent;
	}

.link a:hover {
	background: url(images/kente_sat70.jpg);
	border: 1px solid #669999; 
	}

.link a:active {
	background: url(images/kente.jpg);
	border: 1px solid #669999; 	
	}


/*** Gallery ****************************************************/
.gallery {	
	text-align: center;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	float: left;
	margin-top: 15px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 250px;
	width: 170px;
	display: block;
	}

.gallery dt {font-weight: normal; }

.gallery dt img {
	border: 0px solid #99cccc;
	}

.gallery dd{
	margin: 0;
	padding: 0;
	}

dd.titledate {	
	font-size: 0.75em;
	text-align: right;
	line-height: 80%;
	margin-top: 5px;
	}


a.linkopacity img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	}

a.linkopacity:hover img {
	filter:alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90;}



/*** Links page ****************************************************/
.box{
	color: #003366;
	border:	3px solid #000;
	background: #fff;
	padding: 0px;
	width: 600px;
	height:100px;	
	margin-left: 10px;
	}

.box img{
	border: 3px solid #000;
	float: left; 
	margin-right: 10px;background: #CCFFFF;
	}

.SiteName{
	vertical-align:top;
	}

.SiteDescription{	
	font-size: 0.8em;
	}



/*** Video index ****************************************************/
.reels {
	text-align: left;
	padding-top: 20px;	
	}
	


/*** Video pages ****************************************************/
#video{
	display: block;
	margin-top: 50px;
	margin-right: auto;	
    margin-left: auto;	
	}

#video object {
	display: block;
	margin-right: auto;	
    margin-left: auto;
	}

.videolib{
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
	margin-right: 20px;
	padding: 10px;
	}

.videotitle {	
	font-size: 1.2em;
	text-align: center;	
	margin-bottom: 5px;
	}

.size {	
	font-size: 0.7em;
	text-align: center;
	margin-top: 5px;
	}



/*** Lyricorama ****************************************************/
#lyricorama{
	padding: 20px;
	font-style: normal;
	width: 440px;
	display: block;
	margin-left: auto;
	margin-right: auto;

	font-size: 14px;
	}

p.lyricAuthor {
	color: #99cccc;
	font-size: 14px;
	font-style: italic;
	text-align: right;
	}