/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas
Version: 1.0(July 27, 2005)
Screen layout: */
body {padding: 0;margin: 0;font: 76% tahoma, verdana, sans-serif;background: #e0e0e0;color: #303030;}
a {text-decoration: none;color: #0653D4;}
div#main a:hover {text-decoration: none;border-bottom: 1px solid;}
#toptabs {margin: 30px auto -13px auto;font-size: 0.8em;width: 760px;}
#toptabs p {text-align: right;color: #808080;}
.toptab {padding: 3px 5px 3px 5px;margin: 0 0 0 4px;text-decoration: none;background: #f0f0f0 url(../images/icons/corner2.gif) top right no-repeat;color: #808080;border-bottom: 1px solid #e0e0e0;}
.toptab:hover {background: #fafafa url(../images/icons/corner2.gif) top right no-repeat;border-bottom: 1px solid #eaeaea;color: #505050;text-decoration: none;}
.myblog {background: #D2EDF9 url(../images/icons/corner2.gif) top right no-repeat;}
.myblog:hover {background: #E1F2FA url(../images/icons/corner2.gif) top right no-repeat;}
.activetoptab {padding: 3px 5px 3px 5px;margin: 0 0 0 4px;color: #505050;text-decoration: none;background: #ffffff url(../images/icons/corner2.gif) top right no-repeat;border-bottom: 1px solid #ffffff;}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

.image {
float: right;
padding: 0 0 10px 10px;
}

.image-block {
float: right;
padding: 10px;
}

.update {
text-align: justify;
line-height: 1.5em !important;
line-height: 1em;
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(../images/icons/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(../images/icons/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #505050 url(../images/icons/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(../scripts/rotate.php) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc a {
color: #ffffff;
text-decoration: underline;
}

#main {
width: 510px;
float: left;
padding: 0 25px 0 0;
border-right: 1px solid #d0d0d0;
}

h2.nama {
margin-top: 30px;
}

.small {
font-size: 0.9em;
}

.smsmall {
font-size: 0.9em;
text-align: right;
}

.block {
padding: 15px;
margin-bottom: 5px;
}

.births {
background: #F3FCF3;
}

.marriages {
background: #FDF1FC;
}

.deaths {
background: #F7F7F7;
}

#sidebar {
width:200px;
float:right;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

#sidebar p.afiliasi img {
padding: 0 5px 5px 0;
padding: 0 5px 5px 0 !important;
/*margin: 0 !important;*/
}

#sidebar form p select {
margin-top: 3px;
border: 1px solid #c7c7c7;
background-color: white;
font-size: 0.9em;
width: 195px;
}

.sidelink {
text-align: left;
display: block;
width: 180px;
background: #f0f0f0 url(../images/icons/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(../images/icons/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}

h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

h4 {
font-size: 1em;
color: #BD072D;
margin-bottom: 0;
}

.help h4 {
margin-top: 2em;
margin-bottom: 1em;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

code {
font-size: 1.2em;
background-color: #ffffdd;
}

.right {
text-align: right;
}

a img {border: 0;}
/*PHOTO*/

.photo {padding: 5px;background-color: #dcdcdc;}
.random {
margin: 0 16px 15px 0;
}

div#main p.irandom a:hover {text-decoration: none;border-bottom: 0px;}
.pgallery {
margin: 6px !important;
margin: 5px 6px 5px 0;
margin-bottom: 0px;
display: block;
float: right;
}

.large {
padding: 10px;
}

div#main .edit a:hover, div#main p.upload a:hover, div#main .profile a:hover {text-decoration: none;border-bottom: 0px;}
.edit {margin-top: 30px;padding: 5px;display: block;float: right;background-color: #fff;}

.edit p {margin-top: 5px;padding: 5px;text-align: center;font-size: 0.9em;background-color: #f0f0f0;}

.profile {
margin-top: 0px;
padding: 5px;
display: block;
float: right;
background-color: #fff;
}

.bio {
min-height: 160px;
}

.upload {
text-align: center;
padding: 5px;
width: 50px;
margin: 30px auto 20px;
background-color: #f0f0f0;
}

div#main .gallery .delete:hover {
text-decoration: none;
border-bottom: 0px;
}

h3.gallery-title {
color: #BD072D;
text-align: right;
}

hr { text-align: right; width: 100%; height: 5px; color: #749ADA; border: none; margin-top: 2em; } /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 5px; background-color: #749ADA; border: none; margin-top: 2em; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 5px; background-color: #749ADA; border: 0px solid #749ADA; margin-top: 2em; } /* For Opera and Gecko-based browsers */

table.gallery {margin-bottom: 25px;}
.hide {display: none;}
/* FORMS */

label {
display: block;
margin: 0 0 0.2em 0;
color: #BD072D;
}

input, textarea {
display: block; 
width: 194px;
margin: 0 0 1.2em 0; 
border: 1px solid #ccc; 
padding: 2px;
background: #fafafa; color: #545454;
}

input#hidden {
border: none;
background: none;
}

input#frmDCert {
border: 1px solid #ccc; 
background: #fafafa; color: #545454;
width:20px;
padding: 2px;
}

input#frmGender {
display: inline;
border: none; 
margin: 0px;
background: #fafafa; color: #545454;
width:20px;
padding: 0px;
}

input#search {
display: inline;
margin: 0 5px 0 0;
width: 150px;
}

input[type="hidden"] {
padding: 0;
margin: 0;
border: none;
}

textarea {
width: 250px;
}

select {
background: #fafafa; color: #545454;
border: 1px solid #ccc; 
width: 194px;
margin: 0 0 1em 0; 
}

#submit, #submit1 {
width: 80px;
background: #E1E1E1;
}

#submit1 {
display: inline;
}

label#frmMother {
margin-top: 1.2em;
}

h4.warning {
padding: 10px;
margin-bottom: 30px;
background: #BD072D;
color: #FFF;
}

/* PEDIGREE */

.vert {
	background: url('../images/icons/vert.png') no-repeat center;
}
.outer {
	background: url('../images/icons/outer.png') no-repeat center;
}
.br {
	background: url('../images/icons/br.png') no-repeat center;
}
.tr	{
	background: url('../images/icons/tr.png') no-repeat center;
}
.rb {
	background: url('../images/icons/rb.png') no-repeat center;
}
.rt	{
	background: url('../images/icons/rt.png') no-repeat center;
}
td.tbl_male {
	padding: 5px;
    background-color: #e5f4ff;
}
td.tbl_female {
	padding: 5px;
    background-color: #ffedfe;
}
h3.pedname {
margin-bottom: -10px;
}

p.backnav {
display: block; 
background:#f0f0f0; 
padding:10px;
margin: 30px auto 20px;
text-align: center;
width: 70px;
}

div#main p.backnav a:hover {
text-decoration: none;
border-bottom: 0px;
}

p.navgal {
text-align: center;
}

ul {
line-height: 1.5em;
}

ul.dlist { 
padding: 0px;
}

ul.dlist li { 
list-style-type: none;
padding: 0px 0px 5px 20px;
background: url('../images/icons/comment.png') no-repeat center left;
}


/* BUTTONS */

.buttons a, .buttons button{
    display:inline;
    /*float:left;*/
    margin:0 7px 10px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* FLASH NEWS */
.berita {
	margin-bottom: 5px;
	background-color: #e5f4ff;
	padding: 10px;
	min-height: 63px;
}

.berita:hover {
	background-color: #d5eeff;
}

.berita-tgl {
	color: #990000;
	font-weight:bold;
}
.fn {
	clear: both;
	float: left;
	padding: 3px;
	background-color: #dcdcdc;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 3px;
}