/* css version: 2008.04.07 */

/* reset */
* {margin: 0; padding: 0;}
img {behavior: url(/css/iepngfix.htc);}
img, a img, .img {border: 0;}
li {list-style: none;}
fieldset {border: none; clear: left;}
legend {display: none;}
/* end reset */

/* texts, links */
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
p, li {padding: .5em 0; font-size: .75em; line-height: 1.5em;}
input, textarea {font: 100% Tahoma, Arial, Helvetica, sans-serif; color: #fff;}
a {color: #ccc; text-decoration: none;}
a:hover {color: #fff;}
p a, li a {border-bottom: 1px dotted #fff;}
p a:hover, li a:hover {border-bottom-style: solid;}
.hTagcloud {text-align: center;}
.hTagcloud li {display: inline; padding: 0 .25em;}
.v-popular {font-size: .92em;}
.vv-popular {font-size: 1.08em;}
.vvv-popular {font-size: 1.25em;}
.vvvv-popular {font-size: 1.42em;}
/* end texts, links */

/* layout */
body {
	background: #de2163 url(/images/iphonebg.jpg) top left repeat-x;
	font: 100% Tahoma, Arial, Helvetica, sans-serif; color: #fff;
}
h1, #tiny, #footer {width: 320px; margin: 0 auto; clear: both;}
h1.identity {height: 55px;}
h1.identity img {left: 50%; position: relative;}
#tiny dt {
	background-image: url(/images/button.png); _background-image: url(/images/button.gif);
	background-repeat: no-repeat; color: #f9f; font-size: 1em; letter-spacing: 1px; 
	line-height: 48px; text-decoration: none; cursor: pointer; display: block; padding: 5px 28px;
}
#tiny dt:hover, #tiny dt.selected, #tiny dt.selected:hover {
	background-image: url(/images/button.selected.png); _background-image: url(/images/button.selected.gif);
	background-repeat: no-repeat; color: #fff;
}
#tiny dd {padding: .5em 28px;}
#footer {font-size: 10px; color: #333; padding: 20px 0; text-align: center;}
/* end layout */

/* etc */
.photo {float: left; margin-right: .5em; width: 80px; height: 80px;}
.elsewhere li {float: left; margin: 0 .5em;}
#elsewhere {clear: both;}
/* end etc */

/* contact */
#contactForm form {width: 260px; text-align: left; margin: 10px 0 0 0;}
#contactForm label {display: block; font-size: 12px; line-height: 14px; padding: 0 0 8px 0;}
#contactForm input {display: block; margin: 3px 0; border: 1px dotted #fff; background: transparent; padding: 2px;}
#contactForm input:focus, #contactForm textarea:focus {border: 1px solid #fff;}
#contactForm input.error, #contactForm textarea.error {border-left: 2px solid #000;}
#contactForm label.field-name, #contactForm label.field-subject, #contactForm label.field-human {clear: left;}
#contactForm label.field-name, #contactForm label.field-email, #contactForm label.field-human, #contactForm label.field-submit {float: left; width: 120px; margin: 0 10px 0 0;}
#contactForm label.field-name input, #contactForm label.field-email input, #contactForm label.field-human input {float: left; width: 120px;}
#contactForm label.field-subject, #contactForm label.field-message, #contactForm label.field-submit {float: left;}
#contactForm label.field-subject input {margin-top: 3px; float: left; width: 250px;}
#contactForm textarea {margin-top: 3px; display: block; width: 250px; height: 150px; border: 1px dotted #fff; background: transparent; padding: 2px;}
#contactForm label.field-submit input {width: 120px; background: #fff; color: #de2163; cursor: pointer; border: 0;}
/* end contact */