* { margin:0px; padding:0px; }
body { color:#f2128b; font-family:arial; background-image:url('../img/bg.png'); background-repeat:repeat-x; }
html,
body { height:100%; }
h1 { font-size:2.4em; font-style:italic; font-weight:normal; line-height:2em; }

div.txt { margin:0px auto; width:942px; }

table#wrp { width:100%; height:100%; border-collapse:collapse; }
td#sub-ftr { padding:0.8em 0; height:1%; font-size:0.7em; text-align:center; color:#69add2; background-color:#ffffff; }
td#ftr { height:92px; font-size:0.8em; color:#1075b9; background-color:#d1ecfb; }
td#ftr p { line-height:1.8em; }

div#hdr { position:relative; height:219px; }
div#hdr-top { position:absolute; top:127px; left:70px; width:804px; height:90px; }
div#hdr-logo,
div#hdr-lft,
div#hdr-rgt { position:absolute; top:20px; left:358px; width:222px; height:60px; background-image:url('../img/header.png'); background-repeat:no-repeat; }
div#hdr-lft { top:118px; left:23px; width:39px; height:53px; background-position:0px -60px; }
div#hdr-rgt { top:89px; left:823px; width:65px; height:33px; background-position:-39px -60px; }

div#msg { display:block; padding-top:25px; height:70px; font-size:1.2em; text-align:center; background-image:url('../img/input-large.png'); background-repeat:no-repeat; }
div.username-lft,
div.username-rgt { float:left; padding:0px 20px; width:295px; height:89px; background-image:url('../img/input-small.png'); background-position:0px -89px; }
div.username-rgt { float:right; background-position:0px 0px; }
div.username-lft.focus,
div.username-rgt.focus { background-image:url('../img/input-small.png'); }
div.username-lft input,
div.username-rgt input { margin-top:15px; margin-left:15px; width:265px; height:40px; line-height:40px; font-size:1.4em; color:#f2128b; background:none; border:0px; }

div#bird { position:relative; height:410px; }
div#btn-again,
div#btn-tweet,
div#btn-match { position:absolute; top:150px; left:640px; width:115px; height:115px; }
div#btn-again { left:190px; }
div#btn-again a,
div#btn-tweet a,
div#btn-match a { display:block; width:100%; height:100%; text-decoration:none; }

div#bird-neutral { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-neutral.gif');
  -webkit-animation-name: ani; 
  -webkit-animation-duration: 1.5s; 
  -webkit-animation-iteration-count: infinite; 
}
@-webkit-keyframes ani {
  from {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(10px);
	-webkit-animation-timing-function: ease-out;
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
  }
  to { 
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
  }
}



div#bird-0 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-0.gif'); }
div#bird-10 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-10.gif'); }
div#bird-20 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-20.gif'); }
div#bird-30 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-30.gif'); }
div#bird-40 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-40.gif'); }
div#bird-50 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-50.gif'); }
div#bird-60 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-60.gif'); }
div#bird-70 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-70.gif'); }
div#bird-80 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-80.gif'); }
div#bird-90 { margin:0px auto; margin-top:-20px; width:223px; height:406px; background-image:url('../img/bird-90.gif'); }

div#cnt { font-family:georgia; text-align:center; }
div#cnt p { margin-bottom:1em; font-size:0.9em; }

table#social_table { margin:0px auto; border-collapse:collapse; }
table#social_table td { font-size:0.7em; }

/* addthis */
.addthis_button { color:#f2128b; text-decoration:none; }

/* css3 transitions */
div#btn-again a img,
div#btn-tweet a img,
div#btn-match a img {
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
}
div#btn-again a:hover img,
div#btn-tweet a:hover img,
div#btn-match a:hover img { opacity: .4; }