* {
margin: 0;
padding: 0;
}
html, body {
margin: 0 auto;
margin-bottom: 10px;
background: #ffffff
url(images/bg.png) repeat-x;
}
/* misc settings */
a {
outline: none;
overflow: hidden;
text-decoration: none;
}
img {
border: 0;
}
/* clears */
.clear {
clear: both;
}
/* navigation */
#navContainer {
margin: 0 auto;
padding: 4px 0 0 275px;
width: 698px;
height: 27px;
background: transparent
url(images/logoHand.png) 833px bottom no-repeat;
}
#navContainer a {
float: left;
margin: 0 0 0 20px;
height: 27px;
}
#navContainer a.first {
margin: 0;
}
#navContainer a:hover, #navContainer a.current {
background: transparent
url(images/nav/hover.png) center 17px no-repeat;
}
#navContainer span#home {
float: left;
width: 54px;
height: 20px;
background: transparent
url(images/nav/home.png) left top no-repeat;
text-indent: -99999px;
}
#navContainer span#about {
float: left;
width: 56px;
height: 15px;
background: transparent
url(images/nav/home_org.png) left top no-repeat;
text-indent: -99999px;
}
#navContainer span#shows {
float: left;
width: 60px;
height: 15px;
background: transparent
url(images/nav/shows.png) left top no-repeat;
text-indent: -99999px;
}
#navContainer span#media {
float: left;
width: 63px;
height: 15px;
background: transparent
url(images/nav/media.png) left top no-repeat;
text-indent: -99999px;
}
#navContainer span#photos {
float: left;
width: 64px;
height: 20px;
background: transparent
url(images/nav/photos.png) left top no-repeat;
text-indent: -99999px;
}
#navContainer span#videos {
float: left;
width: 64px;
height: 15px;
background: transparent
url(images/nav/videos.png) left top no-repeat;
text-indent: -99999px;
}
#navContainer span#contact {
float: left;
width: 70px;
height: 15px;
background: transparent
url(images/nav/contact.png) left top no-repeat;
text-indent: -99999px;
}
/* logo */
h1 {
margin: 0 auto;
width: 973px;
height: 308px;
background: transparent
url(images/logo.png) left top no-repeat;
text-indent: -99999px;
}
/* container */
#container {
margin: 0 auto;
width: 973px;
}
#container #feeds {
float: left;
margin: 0 0 0 74px;
width: 240px;
font-family: Verdana;
font-size: 12px;
color: #ffffff;
}
#container #feeds h2.join {
position: absolute;
margin-top: -44px;
width: 233px;
height: 106px;
background: transparent
url(images/headers/feedsJoin.png) left top no-repeat;
text-indent: -99999px;
}
/* mail press widget */
.MailPress {
float: left;
margin-top: 46px;
padding: 0 13px 10px 13px;
width: 207px;
background: #333333
url(images/feedsP.png) left bottom no-repeat;
}
.MailPress input {
padding: 2px 2px 2px 2px;
font-family: Verdana;
font-size: 14px;
color: #000;
margin-bottom: 6px;
}
#container #feeds h2.twitter {
float: left;
margin: 6px 0 0 0;
width: 233px;
height: 106px;
background: transparent
url(images/headers/feedsTwitter.png) left top no-repeat;
text-indent: -99999px;
}
#container #feeds h2.tumblr {
float: left;
margin: 6px 0 0 0;
width: 233px;
height: 106px;
background: transparent
url(images/headers/feedsTumblr.png) left top no-repeat;
text-indent: -99999px;
}
#container #feeds h2.blogs {
float: left;
margin: 6px 0 0 0;
width: 233px;
height: 106px;
background: transparent
url(images/headers/feedsBlogs.png) left top no-repeat;
text-indent: -99999px;
}
#container #feeds p {
float: left;
margin: 62px 0 0 0;
padding: 0 13px 10px 13px;
width: 207px;
background: #333333
url(images/feedsP.png) left bottom no-repeat;
}
#container #feeds p.otherFeeds {
float: left;
margin: 0;
padding: 0 13px 10px 13px;
width: 207px;
background: #333333
url(images/feedsP.png) left bottom no-repeat;
}
#container #feeds p a {
color: #bbbbbb;
}
#container #content {
float: right;
margin: 0 39px 0 0;
padding: 58px 0 0 0;
width: 620px;
background: transparent
url(images/content.png) left top no-repeat;
font-family: Verdana;
font-size: 12px;
color: #000000;
}
#container #content a {
font-family: Verdana;
font-size: 12px;
color: #000000;
text-decoration: underline;
}
#container #content h2.Home {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentBlog.png) 13px center no-repeat;
text-indent: -99999px;
}
#container #content h2.About {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentHome.png) 13px center no-repeat;
text-indent: -99999px;
}
#homeWrapper {
float: left;
display: inline;
width: 596px;
padding-bottom: 10px;
}
.youtube {
display: block;
width: 288px;
height: 199px;
background: #000;
padding: 0px 0 0 0;
float: left;
text-align: center;
overflow: hidden;
}
.homeshows {
display: block;
width: 298px;
height: 199px;
background: transparent
url(images/homeshows.jpg) left top no-repeat;
text-indent: -999999px;
float: right;
overflow: hidden;
}
.homeshows:hover {
background-position: left bottom;
cursor: pointer;
}
#container #content h2.Shows {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentShows.png) 13px center no-repeat;
text-indent: -99999px;
}
#container #content h2.Media {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentMedia.png) 13px center no-repeat;
text-indent: -99999px;
}
#container #content h2.Photos {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentPhotos.png) 13px center no-repeat;
text-indent: -99999px;
}
#container #content h2.Videos {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentVideos.png) 13px center no-repeat;
text-indent: -99999px;
}
#container #content h2.Contact {
width: 620px;
height: 45px;
background: #000000
url(images/headers/contentContact.png) 13px center no-repeat;
text-indent: -99999px;
}
#container #content h3 {
font-family: Verdana;
font-size: 18px;
color: #4f8112;
}
#container #content h3 a {
font-family: Verdana;
font-size: 18px;
color: #4f8112;
text-decoration: none;
}
#container #content h3 small {
font-size: 12px;
color: #000000;
}
#container #content div.p {
float: left;
margin: 6px 0 0 0;
padding: 10px 13px 10px 13px;
width: 594px;
background: #bed1d8;
}
#container #content div.p ol {
margin: 0 0 0 19px;
}
#container #content #social {
float: right;
position: absolute;
margin: -36px 0 0 520px;
}
#container #content #social a.twitter {
float: left;
width: 26px;
height: 26px;
background: transparent
url(images/icons/twitter.png) left top no-repeat;
text-indent: -99999px;
}
#container #content #social a.facebook {
float: left;
margin: 0 0 0 5px;
width: 26px;
height: 26px;
background: transparent
url(images/icons/facebook.png) left top no-repeat;
text-indent: -99999px;
}
#container #content #social a.youtube {
float: left;
margin: 0 0 0 5px;
width: 26px;
height: 27px;
background: transparent
url(images/icons/youtube.png) left top no-repeat;
text-indent: -99999px;
}
#container #content ul.videos {
float: left;
width: 597px;
list-style: none;
}
#container #content ul.videos li {
float: left;
margin: 0 0 5px 5px;
width: 195px;
}
#container #content ul.videos li.first {
margin-left: 0;
width: 197px;
}
#container #content ul.videos li a img {
float: left;
width: 195px;
height: auto;
}
#container #content ul.videos li.first a img {
width: 197px;
}
#container #copyright {
float: right;
margin: 6px 39px 0 0;
width: 620px;
height: 61px;
background: #000000
url(images/footer.jpg) 13px center no-repeat;
text-indent: -99999px;
}