body {background-color:#fff;font-size:76%;text-align:center;font-family: Arial, Helvetica, sans-serif;}
div#container {margin:0 auto;width:680px;text-align:left;}
h1 {font-size:200%;border-bottom:dotted 1px #ccc;padding-bottom:6px;}
h1 span.getFlickr {color:#0063dc;}
h1 span.flickID {color:#ff0084;}
h2 {font-size:120%;}
img {border:none;}
a {color:#0063dc;text-decoration:none;}
a:hover {background-color:#0063dc;color:#fff;}
#footer {margin-top:10px;border-top:dotted 1px #ccc;padding-top:6px;font-size:90%;color:#999;}
#op {margin-top:15px;text-align:right;}
.main {margin:10px 0;background-color:#eaffca;padding:8px;}
.main input {width:10em;font-weight:700;color:#0063dc;border:solid 1px #999;}
#adsense2 {margin:8px 0;}

/*by flickr slideshow*/
em {font-style:normal;text-align:right;width:100px;display:block;float:left;padding-right:5px;color:#000;}
.help {color:#c00;padding:1px 4px}
a.help:hover {color:#fff;background:#c00;}
label {display:block;line-height:180%;color:#999;}
div.getcode {clear:both;text-align:right;}
#getit {background:#f60;padding:3px;color:#fff;font-weight:700;}
#runcode {background:#9c0;padding:3px;color:#fff;font-weight:700;}
.getcode {margin-top:20px;}
.yback {background-color:#ffc;}
.main textarea {width:100%;border:solid 1px #999;padding:5px;height:10em;overflow-x:hidden;}
.main textarea:focus {background:#eef}
input[readonly] {color:#ccc;}
#ajax {background:url(images/ajax.gif);width:16px;height:16px;position:absolute;display:none;margin-left:-20px;margin-top:4px;}
.demodiv {background:#ddd;padding:5px 0;display:none;}
.closeHandler {display:block;float:right;cursor:pointer;margin-right:5px;}
div.closeHandler:hover {color:#c00;}
h1 sup {color:#ccc;}
.beta {color:#400}
div.getcode {display:none;}

/*demo css*/
#ubuntu4life {width:200px;margin:6px auto;}