/* Theme Name: SOUND A BASE X BlueBubble Theme URI: http://www.club-nest.com/ Description: Minimal, Onawatobi & Elegant Portfolio Theme Version: 1.2.0 Author: Thomas Veit X Onawatobi X SOUND A BASE NEST Author URI: http://www.onawatobi.com The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-3.0.html */ *, html, body {background:#000; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; background:none;} h1 {width:100%; height:10px; font-size:1px; text-indent:-9999px; overflow:hidden;} a, a:hover, img {text-decoration:none; border:none; outline:none;} img {display:block;} ul, ol, li {list-style:none;} div.clear {width: 0px; height:0px; clear:both;} div#NEST {width:1000px; height: auto; margin:0px auto; padding:0px;} div#topPoint {width: 10px; height: 10px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -900px 0px no-repeat; margin: 0px 0px 20px 0px;} div#newsPoint {width: 10px; height: 10px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -900px -10px no-repeat; margin:50px 0px 0px 275px;} div#schedulePoint {width: 10px; height: 10px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -900px -20px no-repeat; margin:50px 0px 0px 275px;} div#accessPoint {width: 10px; height: 10px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -900px -30px no-repeat; margin:50px 0px 0px 275px;} div#contactPoint {width: 10px; height: 10px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -900px -40px no-repeat; margin:50px 0px 0px 275px;} div#errorPoint {width: 10px; height: 10px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -900px -50px no-repeat; margin:50px 0px 0px 275px;} div#Header {width:1000px; height:130px; margin-top:10px;} div#Header .topLogo {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #999999;} div#Header .topLogo:hover {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -450px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #FFFFFF; cursor:pointer;} div#Header .newsLogo {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -75px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #706588;} div#Header .newsLogo:hover {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -525px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #A594C6; cursor:pointer;} div#Header .scheduleLogo {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -150px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #A05858;} div#Header .scheduleLogo:hover {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -600px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #F48687; cursor:pointer;} div#Header .accessLogo {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -225px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #748C1F;} div#Header .accessLogo:hover {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -675px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #B3D234; cursor:pointer;} div#Header .contactLogo {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -300px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #5C8288;} div#Header .contactLogo:hover {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -750px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #9FDAE3; cursor:pointer;} div#Header .errorLogo {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -225px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #5A463B;} div#Header .errorLogo:hover {width: 75px; height:110px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) -825px 0px no-repeat; margin-bottom:6px; border-bottom:4px solid #907161; cursor:pointer;} div#topKeyvisual {width: 925px; height:200px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -110px no-repeat; margin:40px 0px 0px 75px; border-bottom:1px solid #FFFFFF;} div#newsKeyvisual {width: 925px; height:200px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -310px no-repeat; margin:40px 0px 0px 75px; border-bottom:1px solid #A594C6;} div#scheduleKeyvisual {width: 925px; height:200px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -510px no-repeat; margin:40px 0px 0px 75px; border-bottom:1px solid #F48687;} div#accessKeyvisual {width: 925px; height:200px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -710px no-repeat; margin:40px 0px 0px 75px; border-bottom:1px solid #B3D234;} div#contactKeyvisual {width: 925px; height:200px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -910px no-repeat; margin:40px 0px 0px 75px; border-bottom:1px solid #9FDAE3;} div#errorKeyvisual {width: 925px; height:200px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -1110px no-repeat; margin:40px 0px 0px 75px; border-bottom:1px solid #907161;} div#topKeyvisual h2, div#newsKeyvisual h2, div#scheduleKeyvisual h2, div#accessKeyvisual h2, div#contactKeyvisual h2, div#errorKeyvisual h2, div.clear p, div#topPoint p, div#newsPoint p, div#schedulePoint p, div#accessPoint p, div#contactPoint p, div#errorPoint p, div#Header .topLogo p, div#Header .newsLogo p, div#Header .scheduleLogo p, div#Header .accessLogo p, div#Header .contactLogo p, div#Header .errorLogo p, div#topKeyvisual p, div#newsKeyvisual p, div#scheduleKeyvisual p, div#accessKeyvisual p, div#accessContent div.mapArticle h5, div#accessContent div.mapArticle p, div#contactKeyvisual p, div#errorKeyvisual p {width: 0px; height: 0px; margin:0px; padding:0px; text-indent:-9999px; overflow:hidden;} div#topKeyvisual h2 a, div#newsKeyvisual h2 a, div#scheduleKeyvisual h2 a, div#accessKeyvisual h2 a, div#contactKeyvisual h2 a, div#errorKeyvisual h2 a {font-size:30px;} div#Menu {width: 200px; margin:40px 0px 0px 75px;} div#Menu ul {width: 200px; margin:0px; padding-bottom:3px; border-bottom:2px solid #FFF;} div#Menu ul li {} div#Menu ul li a {color:#999;} div#Menu ul li a:hover {color:#FFF;} div#Menu ul li a.stayed {color:#FFF; cursor:text;} /* clubnest.top */ div#topContent {width: 300px; margin:40px 0px 0px 275px;} div#topContent .Feed {width: 300px; margin:0px 0px 20px; padding-bottom:3px; border-bottom:2px solid #FFF;} div#topContent .Feed h3, div#topContent .Feed h4, div#topContent .Feed h5 {width: 300px; font-size:18px; margin-bottom:10px;} div#topContent .Feed h3 a, div#topContent .Feed h4 a, div#topContent .Feed h5 a {font-size:18px; color:#999;} div#topContent .Feed h3 a:hover, div#topContent .Feed h4 a:hover, div#topContent .Feed h5 a:hover {font-size:18px; color:#FFF;} div#topContent .Feed ul {margin: 0px; padding:0px;} div#topContent .Feed ul li {width: 300px;} div#topContent .Feed ul li span {width: 90px; display:inline-table; vertical-align:top;} div#topContent .Feed ul li a {color:999;} div#topContent .Feed ul li a:hover {color:#FFF;} /* clubnest.news */ div#newsContentTitle {width: 149px; height: 35px; margin: 0px 0px 0px 275px; border-right:1px solid #A594C6;} div#newsContentTitle h3 {width: 149px; height: 35px; margin: 0px 0px 0px 0px; padding-top:10px; font-size:18px; color:#706588;} div#newsContentTitle h3 a {font-size:18px; color:#706588;} div#newsContentTitle h3 a:hover {font-size:18px; color:#A594C6;} div#newsContent {width: 550px; height: auto; margin: 0px 0px 0px 424px; padding-top:20px; border-left:1px solid #A594C6;} div#newsContent div.Article {width: 550px; height: auto; margin: 0px 0px 20px 25px;} div#newsContent div.Article h4 {font-size:15px; border-bottom:1px dotted #A594C6;} div#newsContent div.Article h4 a {font-size:15px; color:#706588;} div#newsContent div.Article h4 a:hover {font-size:15px; color:#A594C6;} div#newsContent div.Article a {color:#706588;} div#newsContent div.Article a:hover {color:#A594C6;} div#newsContent div.eachArticle {width: 550px; height: auto; margin: 0px 0px 0px 25px; padding-bottom:45px; border-bottom:1px solid #808285;} div#newsContent div.eachArticle h4 {font-size:15px; margin-bottom:20px;} div#newsContent div.eachArticle p {width:550px; display:block; margin:0px 0px 10px 0px;} div#newsContent div.eachArticle img {display:block; margin:0px 0px 10px 0px;} div#newsContent div.eachArticle a {color:#706588;} div#newsContent div.eachArticle a:hover {color:#A594C6;} /* clubnest.schedule */ div#scheduleContentTitle {width: 149px; height: 35px; margin: 0px 0px 0px 275px; border-right:1px solid #F48687;} div#scheduleContentTitle h3 {width: 149px; height: 35px; margin: 0px 0px 0px 0px; padding-top:10px; font-size:18px; color:#A05858} div#scheduleContentTitle h3 a {font-size:18px; color:#A05858;} div#scheduleContentTitle h3 a:hover {font-size:18px; color:#F48687;} div#scheduleContent {width: 550px; height: auto; margin: 0px 0px 0px 424px; padding-top:20px; border-left:1px solid #F48687;} div#scheduleContent div.Article {width: 250px; height:120px; margin: 0px 0px 20px 25px; float:left; overflow: hidden; position: relative;} div#scheduleContent div.Article img {width: 250px; height:120px; position:absolute; top:0; left:0; border:0;} div#scheduleContent div.Article h4 {width: 250px; height: 80px; font-size:80px;} div#scheduleContent div.Article h4 a {font-size:80px; color:#A05858;} div#scheduleContent div.Article h4 a:hover {color:#F48687;} div#scheduleContent div.Article p {} div#scheduleContent div.Article a {color:#A05858;} div#scheduleContent div.Article a:hover {color:#F48687;} div#scheduleContent div.navigation {width: 550px; height: auto; margin: 0px 0px 0px 25px;} div#scheduleContent div.navigation p {} div#scheduleContent div.eachArticle {width: 550px; height:auto; margin:0px 0px 0px 25px; padding-bottom:45px; border-bottom:1px solid #808285;} div#scheduleContent div.eachArticle h4 {width: 550px; height:15px; margin:0px 0px 25px 0px; font-size:15px;} div#scheduleContent div.eachArticle a {color:#A05858;} div#scheduleContent div.eachArticle a:hover {color:#F48687;} div#scheduleContent div.eachArticle img {margin:10px 0px 20px 0px;} /* clubnest.access */ div#accessContentTitle {width: 149px; height: 35px; margin: 0px 0px 0px 275px; border-right:1px solid #B3D234;} div#accessContentTitle h3 {width: 149px; height: 35px; margin: 0px 0px 0px 0px; padding-top:10px; font-size:18px; color:#748C1F} div#accessContentTitle h3 a {font-size:18px; color:#748C1F;} div#accessContentTitle h3 a:hover {font-size:18px; color:#B3D234;} div#accessContent {width: 550px; height: auto; margin: 0px 0px 0px 424px; padding-top:20px; border-left:1px solid #B3D234;} div#accessContent div.Article {width: 550px; height:120px; margin: 0px 0px 20px 25px; padding-bottom:45px; border-bottom:1px solid #808285;} div#accessContent div.Article h4 {width: 550px; height:15px; margin:0px 0px 25px 0px; font-size:15px;} div#accessContent div.Article img {width: 550px; height:auto; margin:0px 0px 25px 0px;} div#accessContent div.Article a {color:#748C1F;} div#accessContent div.Article a:hover {color:#B3D234;} div#accessContent div.entry {margin-bottom:30px;} div#accessContent div.entry address {font-style:normal; font-weight:normal;} div#accessContent div.mapArticle {width: 550px; height:640px; margin: 0px 0px 20px 25px; padding-bottom:45px; background:url(http://www.club-nest.com/image/clubnest.sprite.jpg) 0px -1310px no-repeat;} /* clubnest.contact */ div#contactContentTitle {width: 149px; height: 35px; margin: 0px 0px 0px 275px; border-right:1px solid #9FDAE3;} div#contactContentTitle h3 {width: 149px; height: 35px; margin: 0px 0px 0px 0px; padding-top:10px; font-size:18px; color:#5C8288;} div#contactContentTitle h3 a {font-size:18px; color:#5C8288;} div#contactContentTitle h3 a:hover {font-size:18px; color:#9FDAE3;} div#contactContent {width: 550px; height: auto; margin: 0px 0px 0px 424px; padding-top:20px; border-left:1px solid #9FDAE3;} div#contactContent div.Article {width: 550px; height: auto; margin: 0px 0px 20px 25px; padding-bottom:45px; border-bottom:1px solid #808285;} div#contactContent div.Article h4 {width: 550px; height:15px; margin:0px 0px 25px 0px; font-size:15px;} div#contactContent div.Article img {width: 550px; height: auto; margin:0px 0px 25px 0px;} div#contactContent div.Article a {color:#5C8288;} div#contactContent div.Article a:hover {color:#9FDAE3;} div#contactContent div.entry {margin-bottom:30px;} div#contactContent div.entry address {font-style:normal; font-weight:normal;} div#contactContent div.Article label {color:#9FDAE3; margin:0; padding:0;} div#contactContent div.Article input {width:150px; height:15px; margin-bottom:5px; border:1px solid #5C8288;} div#contactContent div.Article input:hover {width:150px; height:15px; margin-bottom:5px; border:1px solid #9FDAE3;} div#contactContent div.Article textarea {width:273px; margin-bottom:5px; border:1px solid #5C8288;} div#contactContent div.Article textarea:hover {border:1px solid #9FDAE3;} div#contactContent div.Article input#emailmebtn {width:150px; height:27px; color:#FFF; background:#5C8288;} div#contactContent div.Article input#emailmebtn:hover {cursor:pointer; background:#9FDAE3;} /* clubnest.404 */ div#errorContentTitle {width: 149px; height: 35px; margin: 0px 0px 0px 275px; border-right:1px solid #907161;} div#errorContentTitle h3 {width: 149px; height: 35px; margin: 0px 0px 0px 0px; padding-top:10px; font-size:18px; color:#5A463B;} div#errorContentTitle h3 a {font-size:18px; color:#5A463B;} div#errorContentTitle h3 a:hover {font-size:18px; color:#907161;} div#errorContent {width: 550px; height: auto; margin: 0px 0px 0px 424px; padding-top:20px; border-left:1px solid #907161;} div#errorContent div.Article {width: 550px; height:120px; margin: 0px 0px 20px 25px; padding-bottom:45px; border-bottom:1px solid #808285;} div#errorContent div.Article h4 {width: 550px; height:15px; margin:0px 0px 25px 0px; font-size:15px;} div#errorContent div.Article a {color:#5A463B;} div#errorContent div.Article a:hover {color:#907161;} /* clubnest.footer.top */ div#topFooter {width: 425px; margin:60px 0px 0px 575px; text-align:right;} div#topFooter h6 {width: 425px; color:#58595B; border-top:1px solid #58595B; padding-top:3px;} div#topFooter address {font-style:normal; font-weight:normal;} div#topFooter p {color:#58595B;} /* clubnest.footer.common */ div#commonFooter {width: 725px; margin:60px 0px 0px 275px; text-align:right;} div#commonFooter h6 {width: 725px; color:#58595B; border-top:1px solid #58595B; padding-top:3px;} div#commonFooter address {font-style:normal; font-weight:normal;} div#commonFooter p {color:#58595B;}