/* Theme Name: Busnois Theme URI: http://busnois.com/ Description: Custom Theme for Busnois. Version: 1.0 Author: Vulsai Author URI: http://www.vulsai.com Tags: gray, black */ /*- Reset Styles -----------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;} ol, ul {list-style:none;} h1, h2, h3, h4, h5, h6, li {line-height:100%;} blockquote, q {quotes:none;} table {border-collapse:collapse; border-spacing:0;} input, textarea, button {font-family:inherit; font-size:1em;} /*- End Reset Styles -------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- General Styles ---------------------------------------------------------*/ html {background:#000 url(images/bgs/html.jpg) repeat 0 0;} body {font:100% Myriad Pro, Helvetica, Arial, sans-serif; background:url(images/bgs/body.jpg) repeat-x 0 0;} #page {background:url(images/bgs/page.jpg) no-repeat center 65px;} /*- Resolution -*/ .wrap {width:1000px; margin:0 auto;} /*- Float clears -*/ .wrap, #featured, #prevPlaylists ul, #featured .pTracks ol {overflow:hidden;} /*- Sprite Load -*/ #logo a, #rss a, #socialShare a, .cdCover, .cdLabel, #developedBy a {background:url(images/sprite.png) no-repeat 0 0;} /*- Hide Text -*/ #logo a, #rss a, #socialShare a, .cdLabel, #developedBy a {display:block; font-size:0; text-indent:-9999em;} #prevPlaylists, .dBtn {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;} #pages a {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} /*- CD -*/ .cdCase {float:left; position:relative;} .cdCase img {display:block; width:100%; height:100%; background:#000 url(images/loader.gif) no-repeat center center;} .cdCover {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;} /*- Playlist information -*/ .playlistInfo {float:right;} .pTitle {color:#FFF; font-weight:bold; font-size:2.08em;} .pTitle sup {color:#5FC0EE; font-weight:normal; font-style:italic; font-size:50%;} /*- End General Styles -----------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Header -----------------------------------------------------------------*/ #header {padding:25px 0 30px; background:#2A2A2A url(images/bgs/header.png) repeat-x 0 100%;} /*- Logo -*/ #logo {float:left;} #logo h1 {width:294px; padding:4px 0 0 42px;} #logo a {height:32px;} #logo a:hover {background-position:-311px 0;} /*- Rss -*/ #rss {float:right; padding-right:70px;} #rss a {width:40px; height:40px; background-position:-529px -209px;} #rss a:hover {background-position:-573px -209px;} /*- Pages -*/ #pages {float:right; font-weight:bold; font-size:0.9em; padding:7px 30px 0 0;} #pages a {display:block; color:#333; text-decoration:none; padding:5px 10px; background:#000; border:1px solid #222;} #pages a:hover {color:#FFF; border-color:#333;} #pages li {float:left;padding:0 5px 0 0;} /*- End Header -------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Main Content -----------------------------------------------------------*/ #main {padding:0 0 100px; background:url(images/bgs/main.png) no-repeat center 100%;} /*-------------------------------*/ /* FEATURED */ /*-------------------------------*/ #featured {} /*- Social items -*/ #socialShare {float:right; margin:27px 204px 30px 0;} #socialShare li {float:left; margin-right:3px;} #socialShare a {width:30px; height:32px; opacity:0.4;} #socialShare a:hover {opacity:1;} /*- Each one -*/ #social-twitter a {background-position:-483px -209px;} #social-facebook a {background-position:-483px -241px;} #social-myspace a {background-position:-483px -273px;} #social-friendfeed a {background-position:-483px -305px;} #social-stumbleupon a {background-position:-483px -337px;} #social-digg a {background-position:-483px -369px;} #social-reddit a {background-position:-483px -401px;} #social-delicious a {background-position:-483px -433px;} /*- CD Case -*/ #featured .cdCase {clear:both; width:405px; height:402px; padding:6px 25px 22px 40px; margin:0 0 10px 40px;} #featured .cdLabel {width:99px; height:32px; background-position:-613px -110px; position:absolute; top:2px; right:45px; z-index:2;} #featured .cdCover {background-position:0 -52px;} /*- Playlist info -*/ #featured .playlistInfo {width:450px; padding-top:15px;} #featured .pDate {color:#333;} #featured .pTitle {padding:0 0 15px 0; margin-bottom:35px; background:url(images/bgs/title.png) no-repeat 0 100%;} #featured .pTracks ol {padding-bottom:25px;} #featured .pTracks li {color:#999; padding-bottom:10px; list-style:inside decimal;} /*- Excerpt -*/ #featured .pExcerpt {float:left; width:490px; clear:both;} #featured .pExcerpt p {color:#333; font-size:1.15em; line-height:130%; text-align:right; padding:0 7px 10px 42px;} #featured .pExcerpt a {color: #333; font-size: 1.15em} /*- Download -*/ #featured .pDownload {float:left; margin:-12px 0 0 60px;} #featured .pDownload * {display:block; text-align:center;} #featured .dBtn {padding:8px 40px; text-decoration:none; font-weight:bold; background:#24942C url(images/bgs/btn.png) repeat-x 0 0;} #featured .dBtn strong {color:#FFF; font-size:1.9em; text-shadow:1px 1px #1B8A2B; letter-spacing:-0.05em; text-transform:uppercase;} #featured .dBtn em {color:#00531E; font-size:0.9em; margin-top:-6px;} #featured .dBtn:active {background:#860809;} #featured .dBtn:active strong {text-shadow:1px 1px #8C1531;} #featured .dBtn:active em {color:#EF4A77;} /*-------------------------------*/ /* PREVIOUS PLAYLISTS */ /*-------------------------------*/ #prevPlaylists {clear:both; background:#000; margin-top:70px; border:1px solid #111;} /*- Title -*/ #prevPlaylists h3.pTitle {color:#151515; padding:40px 40px 30px 40px; border-bottom:1px solid #111;} /*- List -*/ #prevPlaylists ul {padding:50px 0 20px 40px;} #prevPlaylists li {float:left; width:438px; margin:0 40px 40px 0;} /*- CD Case -*/ #prevPlaylists li .cdCase {width:101px; height:99px; padding:3px 5px 2px 11px;} #prevPlaylists li .cdCover {background-position:-482px -74px;} /*- Info -*/ #prevPlaylists li .playlistInfo {width:300px; padding-top:1px;} #prevPlaylists li .pTitle {font-size:1.3em;} #prevPlaylists li .pTitle a {color:#FFF; text-decoration:none;} #prevPlaylists li .pTitle a:hover {color:#F6D061;} #prevPlaylists li .pTitle sup {font-size:70%;} #prevPlaylists li .pDate {color:#666; padding-bottom:10px;} #prevPlaylists li .pExcerpt {color:#333; font-size:0.9em;} /*-------------------------------*/ /* DISCLAIMER PAGE */ /*-------------------------------*/ #disclaimer {padding:170px 0 0;} #disclaimer .pTitle {color:#999;} #disclaimer p {color:#555; line-height:170%; padding:30px 300px 0 0;} /*- End Main Content -------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Footer -----------------------------------------------------------------*/ #footer {padding:18px 0 15px; background:url(images/bgs/footer.png) repeat 0 0;} /*- Copyright -*/ #copyright {float:left; color:#333; font-size:0.9em; padding:2px 0 0 20px;} #copyright a {color:#555; text-decoration:none;} #copyright a:hover {color:#999; text-decoration:underline;} /*- Vulsai -*/ #developedBy {float:right; padding-right:20px;} #developedBy a {width:139px; height:16px; background-position:-533px -268px;} #developedBy a:hover {background-position:-533px -295px;} /*-----------------------------------------------------------------------------------------------*/