/* CSS Document */
ul
{
float:left;
padding:0;
margin:0;
list-style-type:none;
}
.home
{
float:left;
width:55px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial;
font-weight:bolder;
letter-spacing:-1px;
}
.home:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
.profile
{
float:left;
width:124px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:-1px;
}
.profile:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
.services
{
float:left;
width:80px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:-1px;
}
.services:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
.news
{
float:left;
width:55px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:-1px;
}
.news:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
.wall
{
float:left;
width:93px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:-1px;
}
.wall:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
.guest
{
float:left;
width:100px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:-1px;
}
.guest:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
.contact
{
float:left;
width:95px;
text-decoration:none;
color:#5E4F34;
background-color:#B6A992;
padding:0.2em 0.4em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:-1px;
}
.contact:hover
{
background-color:#8F7F64;
color:#5E4F34;
}
li
{
display:inline;
}
.lang
{
background:none;
padding:0;
}
.lang:hover
{
background:none;
padding:0;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 5px 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
margin: 5px 15px 5px 0;
}
.image img{
margin: 0 15px 5px 0;
}

.image:hover{
background-color: transparent;
}

.image:hover img{
margin: 0 10px 0px 0;
}

.image span{ /*CSS for enlarged image*/
position:absolute;
left: 2em;
visibility: hidden;
text-decoration: none;
}

.image span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.image:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -100;
left: 50px; /*position where enlarged image should offset horizontally */
z-index: 60;
}
.menubawah
{
font-family:verdana;
font-size:11px;
color:#AAAAAA;
text-decoration:none;
letter-spacing:-1px;
}
a.menubawah:hover
{
font-family:verdana;
font-size:11px;
color:#525252;
text-decoration:none;
letter-spacing:-1px;
}
.text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
}
.text2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
font-weight:bold;
}
a.text2:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}
.button {
	border : solid 1px #cccccc;
	background: #F5F5F5;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 6px;
	text-decoration:none;
}
.signup {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.info{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
line-height:1.5;
}
.wallpaper{
float:right;
border : solid 3px #D1A600;
background: #F5F5F5;
text-decoration:none;

}
a.wallpaper:hover{
float:right;
border : solid 3px #FFFFFF;
background: #F5F5F5;
text-decoration:none;
}
.judul{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
}
.prod{
float:right;
border : solid 1px #FFFFFF;
background: #F5F5F5;
text-decoration:none;
padding:2px;
}
.prod:hover{
float:right;
border : solid 1px #736347;
background: #F5F5F5;
text-decoration:none;
padding:2px;
}

.text-article
{
font-family:Verdana;
font-size:11px;
color:#666666;
line-height:2;
}
.comics{
float:none;
border : solid 3px #FF0000;
background: #F5F5F5;
text-decoration:none;

}
a.comics:hover{
float:none;
border : solid 3px #FFFFFF;
background: #F5F5F5;
text-decoration:none;
}