/* Theme Name: Inspired Flight Theme by For MusicKind Theme URI: http://www.inspiredflightmusic.com/ Description: Created by For MusicKind Version: 1.6 Author: For MusicKind Author URI: http://formusickind.com/ Tags: inspired flight, For MusicKind */ @charset "utf-8"; * {margin:0; padding:0; } .clear {clear:both; } #home {background:url(img/home-bg.jpg) no-repeat #000000; } #pages {background:url(img/pages-bg.jpg) no-repeat #000000; } #topnav {width:100%; height:24px; background:#FFFFFF; } #logo, #navtext {float:left; } #navtext {font: bold 15px Arial, Helvetica, sans-serif; color:#c2c2c2; line-height:24px; margin-left:3px; } #navtext ul li {float:left; list-style:none; } #navtext ul .break {padding:0 8px 0 8px; } #navtext ul li a {color:#c2c2c2; text-decoration:none; } #navtext ul li a:hover {color:#666; } #main-container {padding:250px 0 0 259px; } #left-box, #right-box {float:left; } #left-box {width:360px; height:350px; padding-top:4px; } #right-box {height:310px; width:266px; margin:-10px 0 0 29px; } #right-box a { display:block; width: 266px; height:310px; background:url(img/remix-hover.gif) 0 0 no-repeat; text-decoration: none; } #right-box a:hover { text-decoration:none; background-position: 0 -310px; } #sharetweet {position:absolute; margin:-85px 0 0 925px; } .wrap {padding-top:10px; } #blog-container {width:790px; height:100px; margin:125px 0 0 200px; font:14px arial; color:#000; line-height:19px; } #blog-container p {padding-bottom:15px; } .gap {height:50px; } h2 {color:#33CCCC; } h2 a {color:#33CCCC; text-decoration:none; } h2 a:hover {color:#F446E3; text-decoration:underline; } .postmetadata {padding:15px 0 20px; } .postmetadata a {color:#33CCCC; text-decoration:none; } .postmetadata a:hover {color:#F446E3; text-decoration:underline; } .commentmetadata a {color:#33CCCC; text-decoration:none; } .commentmetadata a:hover {color:#F446E3; text-decoration:underline; } .comment-author a {color:#33CCCC; text-decoration:none; } .comment-author a:hover {color:#F446E3; text-decoration:underline; } #commentform {padding:15px 0 10px 0; } #commentform a {color:#33CCCC; text-decoration:none; } #commentform a:hover {color:#F446E3; text-decoration:underline; } h3 {padding-bottom:10px; color:#33CCCC; } .entry p {line-height:18px; padding-bottom:13px; } .entry a {color:#33CCCC; text-decoration:none; } .entry a:hover {color:#F446E3; text-decoration:underline; } #comment {width:500px; height:100px; margin:5px 0 5px 0; border:1px solid #33CCCC; padding:2px; color:#fff; font:14px arial; } #author, #email, #url {background:#333333; margin:5px 0 5px 0; border:1px solid #33CCCC; padding:2px; color:#fff; } #backbutton {font:bold 16px arial; color:#fff; margin:0 0 10px 0; } #backbutton a {color:#33CCCC; text-decoration:none; } #backbutton a:hover {color:#F446E3; text-decoration:underline; } #whitebar {background:url(img/sm-bg.png) no-repeat; height:59px; width:350px; position:fixed; bottom:0px; right:0px; z-index:1000; } /* ----------- social media rollovers --------- */ #socialmedia {position:absolute; bottom:5px; height:25px; } .myspace, .facebook, .twitter {float:left; } .myspace a {display:block; width:108px; height:25px; background:url(img/myspace-btn.gif) 0 0 no-repeat; text-decoration: none; } .myspace a:hover {text-decoration:none; background-position: 0 -25px; } .facebook a {display:block; width: 113px; height:25px; background:url(img/facebook-btn.gif) 0 0 no-repeat; text-decoration: none; } .facebook a:hover { text-decoration:none; background-position: 0 -25px; } .twitter a { display:block; width: 83px; height:25px; background:url(img/twitter-btn.gif) 0 0 no-repeat; text-decoration: none; } .twitter a:hover { text-decoration:none; background-position: 0 -25px; } /* ---------------- end ----------------- */ /* -------- STYLING FOR SUBPAGES ------- */ #pages-spray {background:url(img/spray-bg.png) no-repeat; width:463px; height:225px; position:fixed; bottom:0px; z-index:-1000; } #flight-left, #flight-artmain, #flight-artsub, #flight-remixsub, #flight-livesub, #flight-contactsub {float:left; } #flight-left {width:220px; height:100px; } /* backgrounds for pages */ #flight-artmain {background:url(img/art-main-bg.png) no-repeat; height:729px; width:654px; margin:25px 0 15px 6px; } #flight-artsub {background:url(img/art-sub-bg.png) no-repeat; height:729px; width:654px; margin:25px 0 15px 6px; } #flight-remixsub {background:url(img/remix-sub-bg.png) no-repeat; height:729px; width:654px; margin:24px 0 15px 6px; } #flight-livesub {background:url(img/live-sub-bg.png) no-repeat; height:729px; width:654px; margin:24px 0 15px 6px; } #flight-contactsub {background:url(img/contact-sub-bg.png) no-repeat; height:729px; width:654px; margin:24px 0 15px 6px; } /* end backgrounds for pages */ #pages-footer {position:fixed; bottom:0px; width:100%; } #pages-newsletter {background:url(img/pages-newsletter-bg.png) bottom no-repeat; width:230px; height:456px; margin-top:-457px; } #signup {margin:46px 0 0 15px; } #pages-download { display:block; width:194px; height:158px; } /* ----------- social media rollovers --------- */ #pages-socialmedia {height:28px; width:100%; background:#FFFFFF; margin-bottom:-200px; } .myspace {margin-left:160px; } .myspace, .facebook, .twitter {float:left; } .myspace a {display:block; width:108px; height:25px; background:url(img/myspace-btn.gif) 0 0 no-repeat; text-decoration: none; } .myspace a:hover {text-decoration:none; background-position: 0 -25px; } .facebook a {display:block; width: 113px; height:25px; background:url(img/facebook-btn.gif) 0 0 no-repeat; text-decoration: none; } .facebook a:hover { text-decoration:none; background-position: 0 -25px; } .twitter a { display:block; width: 83px; height:25px; background:url(img/twitter-btn.gif) 0 0 no-repeat; text-decoration: none; } .twitter a:hover { text-decoration:none; background-position: 0 -25px; } /* ---------------- end ----------------- */ /* ---- art (main page) --- */ #mainbuttons {margin:160px 0 0 56px; } .main-musicroll, .main-videoroll, .main-photosroll {float:left; } .main-videoroll, .main-photosroll {margin-left:-15px; } .main-musicroll a {display:block; width:175px; height:53px; background:url(img/main-musicroll.png) 0 0 no-repeat; text-decoration: none; } .main-musicroll a:hover {text-decoration:none; background-position: 0 -53px; } .main-videoroll a {display:block; width:183px; height:53px; background:url(img/main-videoroll.png) 0 0 no-repeat; text-decoration: none; } .main-videoroll a:hover {text-decoration:none; background-position: 0 -53px; } .main-photosroll a {display:block; width:210px; height:53px; background:url(img/main-photosroll.png) 0 0 no-repeat; text-decoration: none; } .main-photosroll a:hover {text-decoration:none; background-position: 0 -53px; } /* --- end -- */ /* ---- art (sub pages) --- */ #art-title {margin:55px 0 0 15px; } #art-content {width:618px; margin:15px 0 0 15px; } #subbuttons {margin:70px 0 0 15px; } .sub-musicroll, .sub-videoroll, .sub-photosroll {float:left; } .sub-videoroll, .sub-photosroll {margin-left:-8px; } .sub-musicroll a {display:block; width:96px; height:29px; background:url(img/sub-musicroll.png) 0 0 no-repeat; text-decoration: none; } .sub-musicroll a:hover {text-decoration:none; background-position: 0 -29px; } .sub-videoroll a {display:block; width:101px; height:29px; background:url(img/sub-videoroll.png) 0 0 no-repeat; text-decoration: none; } .sub-videoroll a:hover {text-decoration:none; background-position: 0 -29px; } .sub-photosroll a {display:block; width:116px; height:29px; background:url(img/sub-photosroll.png) 0 0 no-repeat; text-decoration: none; } .sub-photosroll a:hover {text-decoration:none; background-position: 0 -29px; } #gallery li {list-style:none; float:left; padding-left:5px; padding-top:5px; } #gallery { } #fbook-comments {margin:20px 0 35px 20px; padding-bottom:60px; } /* --- end -- */ /* ---- contact page --- */ #contact-info {margin:90px 0 0 26px; width:600px; } #contact-info h2 {font:bold 36px arial; color:#fff; margin-bottom:-20px; padding-bottom:0px; } #contact-info .email {padding-left:115px; font:bold 26px arial; } #contact-info .email a {color:#02d59f; text-decoration:none; } #contact-info .email a:hover {color:#dd6c02; text-decoration:underline; } /* ---- end contact page --- */ /* ---- remix page --- */ #container {padding:100px 0 0 10px; width:640px; } #container p {padding:0 0 10px 5px; width:620px; } #container #content {font:bold 15px arial; } #mixmatch {float:left; margin-left:3px; margin-top:15px;} #rightcolumn {float:left; margin-left:10px; margin-top:15px; } #download-stems {margin-bottom:95px; } /* ---- end remix page --- */ /* ---- live page --- */ #live-content {margin:125px 0 0 10px; float:left; } #tweet {float:left; margin:115px 0 0 5px; } #showslist {text-align:center; font:14px arial; margin-top:15px; } /* ---- end live page --- */ /* -------- END STYLING FOR SUBPAGES ------- */