@charset "UTF-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
}
body{
background: #363D43 url(../images/site-bg.jpg) repeat-x;
font: normal 76%/160% Arial;
behavior:url("../csshover.htc");
}
#wrapper{
margin: 0 auto;
width: 720px;
}
h1 a{
text-indent: -7998px;
display: block;
width: 226px;
height: 70px;
background: url(../images/logo.png) no-repeat;
margin: 30px 0 15px 0;
}
#main{
background: url(../images/maskot.png) no-repeat bottom right;
height: 340px;
width: 100%;
}
.intro{
background: url(../images/shoutbox.png) no-repeat 0 5px;
height: 150px;
width: 591px;
}
.intro p{
text-indent: -7998px;
}
.twitter{
background: transparent url(../images/twitter.png) no-repeat;
height: 95px;
width: 475px;
position: relative;
margin-top: 20px;
padding: 20px 0 0 100px;
}
.twitter h3{
width: 200px;
color: #ccc;
}
.twitter li{
width: 480px;
color: #999;
padding-top: 5px;
line-height: 1.2em;
list-style: none;
}
.twitter li a{
color: #999;
padding: 2px 5px;
text-decoration: none;
background: #222;
position: absolute;
top: 20px;
right: 10px;
}
.twitter li span a{
color: #ccc;
padding: 2px 5px;
text-decoration: underline;
background: #222;
position: static;
background: none;
}
.twitterFollow{
width: 60px;
height: 16px;
position: absolute;
top: 20px;
left: 260px;
line-height: 0;
padding: 0;
margin: 0;
display: block;
text-indent: -7998px;
background: transparent url(../images/twitter-follow.png) no-repeat;
}
.twitterFollow:hover{
background-position: bottom left;
}
#shelf{
margin-top: 2px;
background: url(../images/shelf-bg.jpg) no-repeat top center;
height: 340px;
width: 100%;
position: relative;
padding-top: 15px;
}
#subscribe{
width: 430px;
height: 126px;
background: transparent url(../images/subscribe-body.png) no-repeat;
}
#subscribe h3{
background: transparent url(../images/subscribe-header.png) no-repeat;
height: 35px;
text-indent: -7998px;
}
#subscribe p{
font: normal 14px Arial;
color: #999;
margin: 10px 0 0 25px;
}
#subscribe input.subscribeEmail{
border: 0;
width: 277px;
height: 25px;
line-height: 0;
padding: 2px 0 0 5px;
margin: ;
position: absolute;
top: 85px;
left: 25px;
font: bold 16px Arial;
background: transparent url(../images/newsletter-input.png) no-repeat;
}
input.subscribeButton {
width: 81px;
height: 25px;
padding: 25px 0 0;
margin: 0;
border: 0;
position: absolute;
top: 85px;
left: 315px;
background: transparent url(../images/newsletter-signup.png) no-repeat center top;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#subscribe input.subscribeButton:hover {
background-position: bottom left;
}
form>input.subscribeButton { /* For non-IE browsers*/
height: 0px;
}
#altLinks{
width: 277px;
position: absolute;
top: 15px;
right: 0;
}
.ptBlog a{
width: 281px;
height: 57px;
display: block;
text-indent: -7998px;
background: transparent url(../images/pt-blog.png) no-repeat;
margin-bottom: 12px;
}
.ptFacebook a{
width: 281px;
height: 57px;
display: block;
text-indent: -7998px;
background: transparent url(../images/facebook.png) no-repeat;
}
#altLinks .ptBlog a:hover,
#altLinks .ptFacebook a:hover{
background-position: bottom left;
}