@charset "utf-8";

/* 
www.saleh.web.id
Versi: 0.1
Penulis: Andi B. Saleh
Kontak: andi@saleh.web.id
*/

/* ----- Elemen global ----- */

body {
	background-color:#999999;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h3 {
	display:none;
}
ul {
	margin:0; padding:0;
	list-style:none;
}
a, a:hover {
	text-decoration:none;
}
a img {
	border:none;
}

/* ----- Stuktur ----- */

#container {
	width:100%;
	height:385px;
	position:fixed;
	bottom:0;
	left:-40px;
	background:url('images/bgshadow.jpg') bottom left no-repeat;
}
.title_container {
	width:207px;
	height:154px;
	position:fixed;
	bottom:60px; left:40px;
	background:url('images/title.jpg') no-repeat;
}
.link_container {
	width:50%;
	height:214px;
	position:fixed;
	bottom:0;
	right:40px;
}

/* ----- Links ----- */

.links {
	height:154px; width:104px;
	background:url('images/link_teaser.jpg') no-repeat;
	float:left;
}
.links_blog {
	width:42px; height:25px;
	overflow:hidden;
	background:url('images/link_titles.jpg');
	background-position:-68px -25px;
}
.links_blog:hover {
	background:url('images/link_titles.jpg');
	background-position:-68px 0;
}
.links_blog span {
	visibility:hidden;
}
.links_album {
	width:60px; height:25px;
	margin-top:62px;
	overflow:hidden;
	background:url('images/link_titles.jpg');
	background-position:0 -25px;
}
.links_album:hover {
	background:url('images/link_titles.jpg');
	background-position:0 0;
}
.links_album span {
	visibility:hidden;
}

/* ----- Links2 -----*/

.links2 { 
	float:right;
}
#flickr_badge_wrapper img { 
	margin:0 3px 3px 0; 
	border:1px solid #cccccc;
	padding:3px; 
	height:68px; width:68px;
}
flickr_badge_source {
	text-align:left; margin:0;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	color:#ffffff;
}
#flickr_badge_source {
	padding:0 !important; 
	font:11px Arial, Helvetica, Sans serif !important; 
	color:#3c4543 !important;
}
.phils { float:left }
.phils h4 {
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
	letter-spacing:-0.05em;
	margin:20px 0 0; padding:0;
}
.phils p {
	color:#333333;
	font-size:12px;
	letter-spacing:-0.05em;
	margin:11px 0 0 15px;
}

/* ----- notice -----*/

.notice {
	position:fixed;
	bottom:10px;
	font-size:11px;
	color:#333333;
}
.notice a {
	color:#333333;
}
.notice a:hover {
	color:#000000;
}