body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-image: #fff ;
	margin: 0px;
	font-size: 12px;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 878px;
}
#wrapper2 {
	margin-right: auto;
	margin-left: auto;
	width: 800px; 
}
#wrapper3 {
	margin-right: auto;
	margin-left: auto;
	width: 780px;text-align: left;
}
#wrapper4 {
	margin-right: auto;
	margin-left: auto;
	width: 450px;
}
#wrapper5 {
	margin-right: auto;
	margin-left: auto;
	width: 350px;
}
#photo-wrap{
	width:800px;
	margin:5px auto;
}
#fullheight{height:100%};

.body-photo{
	text-align:center;
	margin:0 auto;
	font: 90%/1.4em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background-color:#FFF;
    background-image:url(http://www.jyoseph.com/images/fresh/loading-2.gif);
    background-repeat:no-repeat;
    background-position: 50% 20em;
}
h1 {
	margin: 0px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left; margin-right: 100px;
	font-size: 22px;
	font-family: "Times New Roman", Helvetica, Arial, Century Gothic, sans-serif;
}

td img.decoration {display: block;}

h2 {
	margin: 0px;
	font-weight: bold;
                color: #aaa;
	letter-spacing: 1px;
	text-align: left; margin-right: 100px;
	font-size: 12px;
	font-family: Century Gothic,"Times New Roman", Helvetica, Arial, Century Gothic, sans-serif;
}

h4 {
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
	color: #D23929;
	font-family: "Century Gothic", Arial, sans-serif;
}

h3 {
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	font-family: Arial, sans-serif;
}

h4 {
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #888;
	font-family: Arial, sans-serif;
}
div.spacer {
 	clear: both;
 }
 
h5 {
	margin: 0px;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	font-family: Arial, sans-serif;
}

#imagetitle{
	margin: 0px;padding-top:10px;
	font-weight: normal;
	letter-spacing: 0.5px;
	text-align: left; margin-right: 2px;
	font-size: 14px;
	font-family: Arial, "Times New Roman", Helvetica, Arial, Century Gothic, sans-serif;
	color: #444;
}
#imagetitle2{
	margin: 0px;padding-top:10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center; margin-right: 2px;
	font-size: 22px;
	font-family: "Times New Roman", Helvetica, Arial, Century Gothic, sans-serif;
	color: #999;
}
#todaydate{
	margin: 0px;padding-top:15px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left; 
	font-size: 11px;
	font-family: Arial, "Times New Roman", Arial, Century Gothic, sans-serif;
	color: #777;
}

.imagespec{
	margin: 0px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right; margin-right: 2px;
	font-size: 11px;
	font-family: Arial, Century Gothic, sans-serif;
	color: #999;
}

/* Photo Here */

#image-header {
	background-image: url(images/sim_title.jpg);
	height: 93px;
}
#image-menu {
	background-image: #fff;
	padding-right: 13px;
	padding-left: 13px;
}
#image-menu a {
	color: #666666;
	text-decoration: none;
}
.menu {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-left: 6px;
	padding-right: 6px;
	height: 14px;
}
#image-menu li {
	display: inline;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	margin: 0px;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#image-menu li:hover {
	background-color:#E5E5E5;
}
#image-menu ul {
	display: inline;
	margin: 0px;
	display:table;
	border-collapse:collapse;
	line-height: 14px;
}
#image-content {
	background-image: url(images/pagebg2.jpg);
	padding-right: 10px;
	padding-left: 10px; 
	font-family: "Century Gothic", Arial, sans-serif;
}
#image-content a {
	color: #990000;
	text-decoration: none;
}
#image-content a:hover {
	text-decoration: underline;
}
#image-footer {
	background-image: url(images/image_bot.jpg);
	height: 15px;       
}
#image-browse {
	padding-right: 0px;
	padding-left:0px;
	font-family: "Century Gothic", Arial, sans-serif;background-color:#fff;
}

/* LINKS */

a.left:link{
   width: 50%;
   height:100%;
   margin:0px;
   padding:0px;
   float:left;
}

a.left:hover{
	width: 50%; 
        height:100%; 
        background-color: white;
        opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.2;
        background-image:url(images/left.gif);
        background-repeat:no-repeat;
        background-position: top right;
}

a.right:link{
   width: 50%;
   height:100%;
   float:right;
   margin:0px;
   padding:0px;
}

a.right:hover{
	width: 50%; 
        height:100%; 
        background-color: white; 
        opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.2;
        background-image:url(images/right.gif);
        background-repeat:no-repeat;
        background-position: top left;
}

/* FRONT */
a.opacity:link{
   margin:0px;
   padding:0px;
   display:block;
}

a.opacity:hover{
        background-color: white; 
        opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.2;
        background-image:url(http://www.jyoseph.com/images/fresh/arrow_left.gif);
        background-repeat:no-repeat;
        background-position: top left;
		display:block;
}

#linker {
    font-family: Arial,Times New Roman, Century Gothic, Arial, sans-serif;
	font-size: 11px;        font-weight:normal;
                color:#777;
}
#linker a{
    font-family: Arial,Times New Roman, Century Gothic, Arial, sans-serif;
               color:#598501; 
               text-decoration:none;
               font-size: 11px;           font-weight:normal;
}
#linker a:hover {
	text-decoration:underline overline ;
        background-color:#bbb;color: #598501;         font-weight:normal;
    }


#linker2 {
    font-family: Arial,Times New Roman, Century Gothic, Arial, sans-serif;
	font-size: 11px;        font-weight:normal;
                color:#999;
}
#linker2 a{
    font-family: Arial,Times New Roman, Century Gothic, Arial, sans-serif;
               color:#eee; 
               text-decoration:none;
               font-size: 11px;           font-weight:normal;
}
#linker2 a:hover {
	text-decoration:underline overline ;
        background-color:#bbb;color: #888;         font-weight:normal;
    }



/* texte */

#texte-header {
        padding-top: 70px;
        padding-left: 300px;
}
#texte-content {
	padding-right: 120px;
	padding-left: 280px;
	text-align: justify;
	font-family: Arial,Times New Roman, Century Gothic, Arial, sans-serif;
        font-size: 11px; color:#666;
}
#text-content p {
 	margin: 0 0 10 0;
}
#texte-content a {
	color: #FC5402;
	
}
#texte-content a:hover {
	text-decoration: underline overline;
}
#texte-spec {
       	padding-right: 120px;
	padding-left: 280px;
	text-align: justify;
	font-family: Verdana, Times New Roman, Century Gothic, Arial, sans-serif;
        font-size: 11px; color:#999;
}
#texte-spec a {
	color: #555; text-decoration: none;  font-weight:bold;
	
}
#texte-spec a:hover {
	text-decoration: underline overline;	
        background-color:#888;color: #fff;
}
#texte-footer {
	background-image: url(images/text-footer.png);
	height: 1px;padding-right: 120px;
}

#texte-commentaires-top {
	background-image: url(images/back_kusa.gif);
	height: 7px; border-top:0px;
	font-size: 2px;
}
#texte-commentaires-content {
	padding-right: 10px; border-top:0px;
	padding-left: 20px;
	background-image: url(images/text-comments-bg.png);
        color:#555;
}
#texte-commentaires-content li {
	background-color: #fff;
	list-style-type: none;
	margin: 0px 10px 10px -25px;
	padding: 10px;
	-moz-border-radius: 10px;
        color:#666;
border-style: solid;	border-color: #eee;border-width: 2px;
}
#texte-commentaires-content li a{
	color:#598501;
	text-decoration:none
}
#texte-commentaires-content li a:hover{
	text-decoration:underline overline ;
        background-color:#888;color: #fff;
}
.commentaires-top {
	float: center;
	width: 400px;
	margin-right: 26px;
        margin-bottom: 10px;
	text-align: justify;
	font-size: 11px;
	height: auto;
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #fff;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-right:5px;
}
.commentaires-gauche {
	float: left;
	width: 400px;
	margin-right: 20px;
	text-align: justify;
	font-size: 11px;
	height: auto;
}
.commentaires-droit {
	float: left;
	width: 350px;	margin-right: 20px;
        color:#666;	text-align: justify;
        padding:10px;	
	-moz-border-radius: 10px;
border-style: none;	border-color: #eee;border-width: 2px;
}

#add-comment {
    clear:both;
    padding:10px;
    border-top:0px;
    text-align:left;
    font-size:11px;
    color:#555;
    background:#fff;
    font-family: arial, helvetica, sans-serif;
    border-top:0px solid #444;
    }

#lyrics {
	padding-right: 15px; border-top:0px;
	padding-left: 15px;
	background-image: url(images/text-comments-bg.png);
        color:#fff; border:1px dashed #990000;
        font-family: arial, helvetica, sans-serif;     font-size:11px;
}

/* Footer */

#footer {
	font-size: 10px;
	color: #968980;
	font-style: normal;
	text-align: center;
	font-family: Verdana, Times New Roman,Arial, Helvetica, sans-serif;
        border-top:1px solid #aaa;
}
#footer a {
	color: #968980;
	text-decoration: none;
        font-weight:bold;
}
#footer a:hover {
	background-color:#888;color: #fff;
	text-decoration: underline overline;
        font-weight:bold;
}
/* Formulaire commentaires */
div.row {
 	clear: both;
	 padding-top: 5px;
 }

div.row span.label {
 	float: left;
 	width: 120px;
 	text-align: right;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        color: #666;
 }

div.row span.formw {
	 float:left;
 	width: 180px;
 	text-align: left;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        color: #aaa;
 }

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border: 1px solid #ccc; color:#666;background : #ffffff;
}
input[type], textarea[name] {
	background : #ffffff;
}

input[type=submit], input[type=reset] {
	background : #ffffff;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        color: #666;
}

input[type=submit]:hover {
	background : #ffffff;
	color : #666;
}

/* Thumbnails */

#thumbrow {
     margin:0 auto;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:20px;
     margin-right:0px;
     padding:0px
     text-align:center;
     clear:both;
     width:94%;
     border:0px solid #111;
     background:#fff;
    }
#thumbrow .current-thumbnail {
 	filter: alpha(opacity=99);
	opacity: 0.99;
     padding:1px;
     margin:3px;
     border:0px solid #897566;
    }
#thumbrow a img {
	filter: alpha(opacity=60);
	opacity: 0.60;
    margin:3px;
    padding:0px;
    border:1px solid #999;
    }
#thumbrow a:hover img,  #thumbs a:focus img {
	filter: alpha(opacity=99);
	opacity: 0.99;
    padding:0px;
    border:1px solid #9d1200;
    }	

#thumbrow2 {
     margin-top:10px;
     margin-bottom:10px;
     margin-left:20px;
     margin-right:0px;
     padding:0px
     text-align:left;
     clear:both;
     width:98%;
     border:0px solid #111;
     background:#fff;
    }
#thumbrow2 .current-thumbnail {
 	filter: alpha(opacity=99);
	opacity: 0.99;
     padding:1px;
     margin:3px;
     border:0px solid #897566;
    }
#thumbrow2 a img {
	filter: alpha(opacity=80);
	opacity: 0.80;
    margin:3px;
    padding:0px;
    border:1px solid #999;
    }
#thumbrow2 a:hover img,  #thumbs a:focus img {
	filter: alpha(opacity=99);
	opacity: 0.99;
    padding:0px;
    border:1px solid #9d1200;
    }	

.thumbnails {
    padding:1px;
    border:0px solid #fff;
    opacity: 0.60;
    }
.thumbnails:hover {
    padding:1px;
    border:1px solid #a3441e;
    opacity: 0.99;
    }

blockquote {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 7px;
	margin: 5px;
	color: #333333;
	font-style: italic;
}


.tooltip {
        font-family:Helvetica,Verdana;
	font-size:14px;
	position: absolute;
	display: none;
                color:#ccc;
        border:1px solid #fd0b00;
}

	.wrap0 {
		float:left;
		background:url(http://iveseenbetter.com/images/border_topleft.gif) top left no-repeat;
	}
	.wrap1 {
		background:url(http://iveseenbetter.com/images/border_right.gif) top right repeat-y;
	}
	.wrap2 {
		background:url(http://iveseenbetter.com/images/border_bottomleft.gif) left bottom no-repeat;
	}
	.wrap3 {
		background:url(http://iveseenbetter.com/images/border_topright.gif) top right no-repeat;
	}
	.wrap4 {
		padding: 7px 14px 18px 12px;
		background:url(http://iveseenbetter.com/images/border_bottomright.gif) bottom right no-repeat;
	}