/*



$Id: style.css,v 1.12 2004/03/21 22:21:13 gaugau Exp $



*/







body {



        font-family : century gothic, Arial, Helvetica, sans-serif;



        font-size: 12px;



        background : "http://www.ib2p.com/img/fondiu.gif" ;



        color : #000000 ;



        margin: 0px;



}







#content {







	margin-right: 40px;







	margin-left: 40px;







	background-color: #0099FF;



	



	color: #000000;







	padding: 0.5em;







	margin-top: 160px;

	

	margin-bottom : 40px;







	border: 1px #FFFFFF solid;







}







#header {







	position: absolute;







	top: 0px;







	left: 0px;







	background-image: url('http://www.ib2p.com/img/fondiu.gif');







	background-position:  left top;







	background-repeat: no-repeat;



	



	color: #ffffFF; 







	width:650px;







	margin: 0;







	height: 65px;







	padding-left: 130px;



        padding-top: 85px;



	padding-bottom: 25px;



	



	font-family : century gothic, Arial, Helvetica, sans-serif;







	font-weight: normal;







	font-size: 3em







}







#menu {

	width: 50em;

	position: absolute;

	float: right;

	top: 100px;

	right: 40px;

	font-size: 115%;

	text-align: right;

	color: #FF0000;

}









* html #menu { /* make IE put it in the right place */

	right: 40px;

}



#menu ul {

	margin: 5px

}





#menu li {

	display: inline;

	list-style-type: none;

	padding-right: 0px;

	padding-left: 0px;

	margin: 0px

	

}



#menu a:link, #menu a:visited {

	color: #000000;

	font-weight: normal;

	border: none;

	text-decoration: none;

}







#menu a:hover {

	color: black;

	border: none;

}







#admin_menu {



	position: absolute;



	top: 140px;



	right: 40px;



	font-size: 100%;	





	text-align: left;	



	color: #FF8000;







}







div.innerdiv {width:100%}







table {



        font-size: 12px;



}







h1{



        font-weight: bold;



        font-size: 22px;



        font-family: century gothic, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;



        text-decoration: none;



        line-height : 120%;



        color : #FF0000;



        margin: 2px;



}







h2 {



        font-family: century gothic, Arial, Helvetica, sans-serif;



        font-size: 18px;



        margin: 0px;



}







h3 {



        font-weight: normal;



        font-family: century gothic, Verdana, Arial, Helvetica, sans-serif;



        font-size: 12px;



        margin: 2px;



}







p {



        font-family: century gothic, Arial, Helvetica, sans-serif;



        font-size: 100%;



        margin: 2px 0px;



}







ul {



        margin-left: 5px;



        padding: 0px;



}







li {



        margin-left: 10px;



        margin-top: 4px;



        margin-bottom: 4px;



        padding: 0px;



        list-style-position: outside;



        list-style-type: disc;



}







.textinput {



        font-family: century gothic, Verdana, Arial, Helvetica, sans-serif;



        font-size: 100%;



        border: 1px solid #FFFFFF;





        padding-right: 3px;



        padding-left: 3px;



}







.listbox {



        font-family: century gothic, Verdana, Arial, Arial, Helvetica, sans-serif;



        font-size: 100%;



        border: 1px solid #FFFFFF;



        vertical-align : middle;



}







.button {



        font-family: century gothic, Arial, Helvetica, sans-serif;



        font-size: 100%;



        border: 1px solid #FFFFFF;



        background-image : url('images/button_bg.gif');



        background-position-y:50%



}







.comment_button {



        font-family: century gothic, Arial, Helvetica, sans-serif;



        font-size: 85%;



        border: 1px solid #FFFFFF;



        background-image : url('images/button_bg.gif');



        padding-left: 3px;



        padding-right: 3px; background-position-y:50%



}







.radio {



        font-family: century gothic, Verdana, Arial, Helvetica, sans-serif;



        font-size: 100%;



        vertical-align : middle;



}







.checkbox {



        font-family: century gothic, Verdana, Arial, Helvetica, sans-serif;



        font-size: 100%;



        vertical-align : middle;



}







a {



        color: #000000;



        text-decoration: underline

}







a:hover {



        color: #000000;



        text-decoration: underline;



}







bblink a {



        color: #000000;



        text-decoration: none;



}







bblink a:hover {



        color: #FFFF00;



        text-decoration: underline;



}







.maintable {



        border: 1px solid #FFFFFF;



        background-color: #ffffFF;



        margin-top: 1px;



        margin-bottom: 1px;



}







.tableh1 {



        background : black ;



        color : #0080FF;



        font-size:18px;



        font-weight: bold;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.breadcrumbs {



        background : black ;



        color : #00FF00;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}















.tableh1_compact {



        background : black ;



        color : #000000;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}







.tableh2 {



        background: #0099FF ;



        color : #FF8000;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



		font-size: 1.5em;



}



.tableh2 a {

	text-decoration: none;

}



tableh2_compact {



        background: #0000FF ;



        color : #FF8000;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}







.tableb {



        background: #ffffFF ;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.tableb_compact {



        background: #FFFFFF ;





        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}



.tableb_album {

        background: #FFFFFF ;

}





.tablef {



        background: #000000;



        padding-top: 10px;



        padding-right: 10px;



        padding-bottom: 10px;



        padding-left: 10px;



}







.album_stat {



        background: #FFFFFF;		



        font-size: 85%;



        margin: 5px 10px;



}







.album_desc {



        background: #FFFFFF;



        margin: 5px 10px;



		text-align: justify;



}















.thumb_title {



        font-weight : bold;



        font-size: 80%;



        padding: 2px;



        display : block;



}







.thumb_caption {



        font-size: 80%;



        padding: 1px;



        display : block;



}







.thumb_caption a {



        text-decoration: underline;



        color: red;



}







.thumb_num_comments {



        font-weight: normal;



        font-size: 80%;



        padding: 2px;



        font-style : italic;



        display : block;



}







.user_thumb_infobox {



        margin-top: 1px;



        margin-bottom: 1px;



}







.user_thumb_infobox th {



        font-weight : bold;



        font-size: 100%;



        margin-top: 1px;



        margin-bottom: 1px;



        text-align : center;



}







.user_thumb_infobox td {



        font-size: 80%;



        margin-top: 1px;



        margin-bottom: 1px;



        text-align : center;



}







.user_thumb_infobox a {



        text-decoration: none;



        color: #FF8000;



}







.user_thumb_infobox a:hover {



        color: #FF8000;



        text-decoration: underline;



}







.sortorder_cell {



        background : #ffffFF ;



        color : #FF8000;



        padding: 0px;



        margin: 0px;



}







.sortorder_options {



        font-family: century gothic, Verdana, Arial, Helvetica, sans-serif;



        background : #FFFFFF;



        color : #FF8000;



        padding: 0px;



        margin: 0px;



        font-weight: normal;



        font-size: 80%;



        white-space: nowrap;



}







.navmenu {



        font-family: century gothic, Verdana, Arial, Helvetica, sans-serif;



        color: #0099FF;



        font-size: 100%;



        font-weight: bold;



        background : #FFFFFF ;



        border-style: none;



}







.navmenu img {



        margin-top: 1px;



        margin-right: 5px;



        margin-bottom: 1px;



        margin-left: 5px;



}







.navmenu a {



        position: relative;



        display: block;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



        text-decoration: none;





        color: #FF0000;



}







.navmenu a:hover {



        background : #ffffFF ;



        text-decoration: none;



        color:         #0099FF;



}







.admin_menu_thumb {



        font-family: century gothic, Arial, Helvetica, sans-serif;



        font-size: 85%;



        border: 1px solid #0099FF;



        background-image : url('images/button_bg.gif');



        color: #ffffFF;



        font-weight: bold;



        margin-top: 0px;



        margin-bottom: 0px;



        width: 85px; background-position-y:50%



}







.admin_menu_thumb a {



        color: #FF0000;



        text-decoration: none;



        display: block;



        position: relative;



        padding-top: 1px;



        padding-bottom: 1px;



        padding-left: 10px;



        padding-right: 10px;



}











.admin_menu_thumb a:hover {



        color: #000000;



        text-decoration: underline;



}







.admin_menu {



        font-family: century gothic, Arial, Helvetica, sans-serif;



        font-size: 85%;



        border: 1px solid #0099FF;



        background-image : url('images/button_bg.gif');



        color: #000000;



        margin-top: 0px;



        margin-bottom: 0px;



        text-align: center; background-position-y:50%



}







.admin_menu a {



        color: #000000;



        text-decoration: none;



        display: block;



        position: relative;



        padding-top: 1px;



        padding-bottom: 1px;



        padding-left: 2px;



        padding-right: 2px;



}









.admin_menu a:hover {



        color: #0099FF;



        text-decoration: underline;



}







.comment_date{



        color : #0099FF;



        font-size : 90%;



        vertical-align : middle;



}







.image {



        border-style: solid;



        border-width:1px;



        border-color: #000000;



        margin: 2px;



}







.imageborder {



        border: 1px solid #FFFFFF;



        background-color: #ffffFF;



        margin-top: 30px;



        margin-bottom: 30px;



}







.thumbnails {



        background: #ffffFF ;



        padding: 5px;



}







.footer {



        font-size : 9px;



}







.footer a {



        text-decoration: none;



        color: #FFFFFF;



}







.footer a:hover {



        color: #FFFFFF;



        text-decoration: underline;



}







.statlink {



        color: #0080FF;



}







.statlink a {



        text-decoration: none;



        color: #FFFFFF;



}







.statlink a:hover {



        color: #FFFFFF;



        text-decoration: underline;



}







.alblink a {



        text-decoration: underline;



        color: #FFFFFF;



}







.alblink a:hover {



        color: #0080FF;



        text-decoration: underline;



}







.catlink {



        display: block;



        margin-bottom: 2px;



}







.catlink a {



        text-decoration: underline;



        color: silver;



}







.catlink a:hover {



        color: red;



        text-decoration: underline;



}







.topmenu {



        line-height : 130%;



        font-size: 100%;



}







.topmenu a {



        color : #0033CC;



        text-decoration : none;



}







.topmenu a:hover  {



        color : #0033CC;



        text-decoration : underline;



}







.img_caption_table {



        border: none;



        background-color: #FFFFFF;



        width : 100%;



        margin : 0px;



}







.img_caption_table th {



        background: #0099FF ;



        font-size: 100%;



        color : silver;



        padding-top: 4px;



        padding-right: 10px;



        padding-bottom: 4px;



        padding-left: 10px;



        border-top : 1px solid #0099FF;



}







.img_caption_table td {



        background: #000000 ;



        padding-top: 6px;



        padding-right: 10px;



        padding-bottom: 6px;



        padding-left: 10px;



        border-top : 1px solid #000000;



}







.debug_text {



        border: #ffffff;



        background-color: #0099FF;



        width : 100%;



        margin : 0px;



}







.clickable_option {



        border-bottom : 1px dotted blue;



}







.listbox_lang {



        color: #000000;



        background-color: #D1D7DC;



        border: 1px solid #D1D7DC;



        font-size: 80%;



        font-family: century gothic, Arial, Helvetica, sans-serif;



        vertical-align : middle;







}