/* Theme Name: Paul Mac Theme URI: http://paulmac.com.au/ Description: Paul Mac theme for WordPress. Author: Paul Mac Version: 1.0 Tags: Simple */ /* DEV */ .grid {background: url(../images/baseline.gif);} .devlinks {color: #ccc;} .devlinks a {text-decoration: none; color: #ccc;} /* DEV */ * {margin: 0; padding: 0;} ul {list-style-type: none;} ol a, ul a {text-decoration: none;} body {line-height: 16px; font-family: "Helvetica Neue", Helvetica, Verdana, Arial sans-serif; color: #464646; background-color: #fff;} .clear:after {content: "."; height: 0; visibility: hidden; display: block; clear: both;} p {font-size: 11px; padding-bottom: 16px;} p a {color: #078cd7;} blockquote {text-align: center; padding: 0 64px; padding-bottom: 32px; text-transform: uppercase; font-size: 13px; color: #999;} img {border: none;} dt, dd {line-height: 16px;} dd {margin-bottom: 10px;} h1 {font-size: 11px;} h2 {font-size: 11px; text-transform: uppercase;} h3 {font-size: 11px;} h4 {font-size: 11px; font-weight: normal;} a, a:hover {text-decoration: underline; color: #464646;} a:hover {text-decoration: underline;} a.bodylink, .bodylink, .error a {color: #078cd7; text-decoration: underline;} a.bodylink2 {color: #464646; text-decoration: none; font-size: 11px;} a.bodylink2:hover {color: #078cd7;} .pop {color: #078cd7;} .popup {background-color: #ccc; margin-top: 32px;} .popup .colwrap {margin-top: 0;} .popup .subnav li {text-align: left; padding-left: 16px;} .pull {color: #d2d2d2; font-size: 11px;} .pullgrey {color: #999;} .error {color: #EF4623; font-size: 10px;} .crumb {color: #464646;} .date {color: #ccc;} .clearall {clear: left;} #allscreen {width: 645px; clear: left; text-align: left; margin-left: auto; margin-right: auto; position: relative;} #mainnavwrap {height: 240px; padding: 48px 0 48px 0;} #MP3Player {width: 215px;} #paulmacmainhead h1, #mailinglisthead h1, #paulmacmainnav a, #newsmainnav a, #musicmainnav a, #videosmainnav a, #photosmainnav a, #lyricsmainnav a, #projectsmainnav a, #remixesmainnav a, #aboutmainnav a, #extrasmainnav a, #storemainnav a, #remixes a, #mailingmainnav a {text-indent: -5000px; height: 47px; cursor: pointer; display: block; overflow: hidden;} #paulmacmainnav a {background: url(../images/PaulMac-MainNav-All.gif) 0 0 no-repeat; width: 145px;} #newsmainnav a {background: url(../images/PaulMac-MainNav-All.gif) 0 -48px no-repeat; width: 84px;} #musicmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -91px -48px no-repeat; width: 187px;} #videosmainnav a {background: url(../images/PaulMac-MainNav-All.gif) 0 -96px no-repeat; width: 99px;} #photosmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -104px -96px no-repeat; width: 112px;} #lyricsmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -224px -96px no-repeat; width: 92px;} #projectsmainnav a {background: url(../images/PaulMac-MainNav-All.gif) 0 -144px no-repeat; width: 133px;} #remixesmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -287px -48px no-repeat; width: 121px;} #aboutmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -321px -96px no-repeat; width: 94px;} #extrasmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -199px -144px no-repeat; width: 103px;} #storemainnav a {background: url(../images/PaulMac-MainNav-All.gif) 0 -193px no-repeat; width: 90px;} #mailingmainnav a {background: url(../images/PaulMac-MainNav-All.gif) -93px -193px no-repeat; width: 186px;} #remixes a {background: url(../images/PaulMac-MainNav-All.gif) -280px -193px no-repeat; width: 120px;} #newsmainnav a:hover, .newsnav #newsmainnav a {background-position: 0 -240px;} #musicmainnav a:hover, .music #musicmainnav a {background-position: -91px -240px;} #videosmainnav a:hover, .videos #videosmainnav a {background-position: 0 -288px;} #photosmainnav a:hover, .photos #photosmainnav a {background-position: -104px -288px;} #lyricsmainnav a:hover, .lyrics #lyricsmainnav a {background-position: -224px -288px;} #projectsmainnav a:hover, .projects #projectsmainnav a {background-position: 0 -336px;} #remixesmainnav a:hover, .remixes #remixesmainnav a {background-position: -287px -240px;} #aboutmainnav a:hover, .about #aboutmainnav a {background-position: -321px -288px;} #extrasmainnav a:hover, .extras #extrasmainnav a {background-position: -199px -336px;} #storemainnav a:hover, .store #storemainnav a {background-position: 0 -385px;} #mailingmainnav a:hover, .mailing #mailingmainnav a {background-position: -93px -385px;} #remixes a:hover {background-position: -280px -385px;} .slashmainnav h1 {text-indent: -5000px; height: 47px; width: 10px; display: block; overflow: hidden; background: url(../images/PaulMac-MainNav-All.gif) -144px 0 no-repeat;} .slashmainnav {width: 10px;} .newshomemenuhead, .newsmenuhead, .archivenewsmenuhead, .musicmenuhead, .videosmenuhead, .photosmenuhead, .lyricsmenuhead, .projectsmenuhead, .remixesmenuhead, .aboutmenuhead, .extrasmenuhead, .storemenuhead, .orderinfomenuhead, .mailinglistmenuhead {text-indent: -5000px; height: 16px; width: 200px; text-align: center;} #paulmacmainhead h1 {background: url(../images/PaulMac-MainNav-All.gif) -215px -448px no-repeat; width: 200px; cursor: default;} #mailinglisthead h1 {background: url(../images/PaulMac-MainNav-All.gif) -215px -496px no-repeat; width: 200px; cursor: default;} .newshomemenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -592px no-repeat;} .newsmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -448px no-repeat;} .archivenewsmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -464px no-repeat;} .musicmenuhead { background: url(../images/twitter.gif) center center no-repeat; } .videosmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -496px no-repeat;} .photosmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -512px no-repeat;} .lyricsmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -528px no-repeat;} .projectsmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -432px no-repeat;} .remixesmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -656px no-repeat;} .aboutmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -544px no-repeat;} .extrasmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -560px no-repeat;} .storemenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -576px no-repeat;} .orderinfomenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -608px no-repeat; text-align: center;} .mailinglistmenuhead {background: url(../images/PaulMac-MainNav-All.gif) 0 -624px no-repeat; text-align: center; height: 31px;} .mainnav li {float: left; text-transform: uppercase;} .mainnav {border-bottom: solid 1px #d1d1d1;} .mainnav a {text-decoration: none;} .mainnav a:hover {color: #078cd7;} /* ================================================== Social Links ================================================== */ #sociallinks { width: 238px; height: 45px; background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif); margin: 0; padding: 0; position: relative; } #sociallinks li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #sociallinks li, #sociallinks a {height: 45px; display: block;} #facebook {left: 0; width: 40px;} #twitter {left: 40px; width: 39px;} #soundcloud {left: 79px; width: 39px;} #youtube {left: 118px; width: 39px;} #instagram {left: 157px; width: 40px;} #googleplus {left: 196px; width: 40px;} #facebook a:hover {background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif) 0 -45px no-repeat;} #twitter a:hover {background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif) -40px -45px no-repeat;} #soundcloud a:hover {background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif) -79px -45px no-repeat;} #youtube a:hover {background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif) -118px -45px no-repeat;} #instagram a:hover {background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif) -157px -45px no-repeat;} #googleplus a:hover {background: url(../images/PaulMac-MainNav-Icons-lrg_new_wGoogle.gif) -196px -45px no-repeat;} #bodywrap {width: 645px; clear: both; float: left; padding: 0 0 48px 0;} .bodywrap2 {width: 645px; clear: both; float: left; padding: 32px 0 32px 0; border-bottom: dotted 1px #464646;} .colwrapdouble {width: 440px; float: right; padding: 0 0 0 0;} #videowrap {width: 400px; float: left;} #slideshow {float: left; width: 360px;} #slideshow-nav {float: left; clear: left; width: 360px; padding-left: 215px; padding-top: 16px;} #hires {padding-top: 16px;} #hires li {display: inline;} .colwrap {width: 190px; float: left; margin-right: 15px;} .colwrap h2, .store .colwrap p {text-align: center;} .menu {text-align: center; margin-top: 16px;} .menu h2 {padding-bottom: 0;} .menu img {border: solid 1px #666;} .right {float: right;} .colwrap.news {min-height: 400px;padding:15px 10px 10px 10px; width: 200px;} .colwrap-news-excerpt {margin-bottom: 16px;} .news {background-color: #078cd7; color: #fff; text-align: center; padding-top: 16px; padding-bottom: 16px;} .news p a {color: #464646;} .colwrap.news a {color: #464646; border-color: #fff; border-width: 0 0 1px 0; border-style: dotted; text-decoration: none;} .colwrap.news p {padding: 0 4px;} .projectshome, .news .date {text-align: center; font-size: 11px; padding-top: 16px;} .discog img {margin: 0 15px 5px 15px; border: solid 2px #666;} .discog a:hover img {border: solid 2px #078cd7;} .discog .second {margin-top: 15px;} .disc {text-align: center;} .pressitem, .musicitem {padding-bottom: 15px;} .newsitem h2, .pressitem h2, .colwrapdouble h2 {padding-bottom: 0;} /*.newsitem p {border-bottom: dotted 1px #464646;}*/ .newsitem {border-bottom: dotted 1px #464646; margin-bottom: 15px;} .last p {border: none;} a.lyric-link, a.news-link {color: #078cd7;} a.info-link {color: #464646; text-decoration: underline;} a.lyric-link, a.news-link, a.info-link, .colwrapdouble ol {padding-bottom: 16px; font-size: 11px;} .videos, .subnav {font-size: 11px;} .projectshome a, .videos a, .subnav a {color: #078cd7;} .projectshome a {border-color: #464646; border-width: 0 0 1px 0; border-style: dotted;} .projectshome a:hover {text-decoration: none;} .projects li, .projectshome li, .videos li, .subnav li {list-style: none;} .projects {font-size: 11px;} .projects a {color: #078cd7;} .musichome .musicmenuhead {margin: 15px 0px 8px; } #footer {font-size: 11px; width: 645px; padding: 15px 0 15px 0; clear: both; border-top: solid 1px #666; text-align: center; margin-left: auto; margin-right: auto;} #footer li {display: inline;} #inputbox {border: solid 1px #ccc; padding: 1px; font-size: 11px; color: #464646;} #inputbox:focus {background-color: #fff; outline: none;} .button {cursor: pointer; border: none; width: 70px; height: 18px; color: #464646; font-size: 11px; background: url('../images/inputButtons.gif') 0 0 no-repeat;} .button:hover {background-position: 0 -18px; color: #fff;} .button2 {cursor: pointer; border: none; width: 70px; height: 18px; color: #464646; font-size: 11px; background: url('../images/inputButtons.gif') -70px -18px no-repeat;} .button2:hover {background-position: -70px 0; color: #fff;} form {font-size: 11px;} form .text {width: 280px; font-family: Arial, sans-serif;} .first {padding-top: 0;} .last {padding-right: 0; border: none; border-bottom: none;} /* ================================================== MERCH ================================================== */ table {font-size: 11px; vertical-align: top;} hr {border: dotted 1px #464646;} .a_right {padding: 0 4px 4px 0;} .formsect {padding-top: 8px;} #order_popup img { margin-left: 110px;} #order_popup h2 {text-align: center;} #order-info {width: 645px; background-color: #ccc; clear: both; padding: 32px 0; margin-left: auto; margin-right: auto;} /* INDEX PAGE DIV'S */ div.productRow {float:left; padding: 16px 0 16px 0;} div.productRow form {margin: 5px 0 0 0;} select {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} div.product, div.productMiddle {float: left; width: 198px; text-align: center;} div.productRow img.mainImage {width: 195px; height: 175px; margin-bottom: 10px;} div.product p, div.productMiddle p {padding-bottom: 0;} /* DETAIL PAGE DIV'S */ #right_col {float: right; width: 415px; padding-right:15px;} #left_col, #mid_col {float: left; width: 200px; text-align: center;} #mid_col {clear: left;} #left_col img, #mid_col img {margin-bottom: 8px;} #mid_col p {margin-bottom: 16px;} .store .colwrap {text-align: center;} /* LINKS AND BUTTONS */ div.storelinks-wrap {height: 25px; width: 150px; text-align: center; margin: auto;} .itunesstore {float: left; margin-top: 8px;} .itunes a {text-indent: -5000px; background: url(../images/store_buttons.gif) -90px 0 no-repeat; height: 17px; width: 57px; display: block;} div.productRow ul.links, div#right_col ul.links {float: left; position:relative; height: 14px; padding: 0; background:url("../images/store_buttons.gif") no-repeat; list-style: none;} div.productRow ul.links {width: 90px; margin-top: 8px;} div#right_col ul.links {width: 31px; margin-top: 8px;} ul.links li {position: absolute; margin: 0; padding:0;} ul.links, ul.links a {height: 14px; display: block; padding: 0;} ul.links a span {display:none;} ul.links a:hover {background:transparent url("../images/store_buttons.gif") 0 -14px no-repeat;} li.buy, li.buy a {top: 0px; left: 0px; width: 31px;} li.buy a:hover {background-position: 0 -14px;} li.detail, li.detail a {top:0px; left: 33px; width: 57px;} li.detail a:hover {background-position: -33px -14px;} /* EMAIL ELEMENTS */ form .element {width: 180px;} .mandatory, .error {color: #C00;} /*form#mail_form {position:absolute; top:195px; left:245px; padding:0px; margin:0px;} form#mail_form input {color: #464646; font-family: Arial, Helvetica, sans-serif; font-size:11px;} form#mail_form input.text {background-color: #fff; border:solid 1px #590304; padding: 3px; margin: 0px 5px;} form#mail_form a, form#mail_form a:hover {border:0px;} form#mail_form input.btn_signup {border:0px; background-color:#FFF;} form#mail_form input.btn_signup:hover {color:#C00;}*/ /* div#logo {position:absolute;top:15px;right:30px;} #footer a, #order_info a { text-decoration:underline; }*/ #discogs {height: 19px; width: 42px; margin-left: 63px; margin-top:-18px;} #radio { display:none; visibility:hidden; } /*twitter feed*/ ul.stream { display: none; } ul.stream li { background: #fff; font: normal 11px/15px "Helvetica Neue",Helvetica,Verdana,Arial sans-serif; color: #333; position: relative; padding: 10px; margin: 0 0 2px 0; /*border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } ul.stream li a { color: #078CD7; text-decoration: none; } ul.stream li a:hover { text-decoration: underline; } ul.stream li .thumb img { padding: 1px; background: #fff; border: 1px solid #ececec; float: left; margin: 3px 7px 5px 0; } ul.stream li .user { display: block; font-size: 12px; color: #999; } ul.stream li a.user:hover { color: #999; text-decoration: none; } ul.stream li strong { font-size: 13px; color: #333; } ul.stream li a:hover strong { color: #078CD7; text-decoration: underline; } ul.stream li .twitter-image img { padding: 1px; background: #fff; border: 1px solid #ececec; clear: both; margin: 5px 0; } ul.stream li .date { display: block; clear: both; margin: 5px 0 0 0; line-height: 12px; color: #D1D1D1; font-size: 11px; font-style: italic; } ul.stream li .section-share { bottom: 10px; right: 10px; position: absolute; z-index: 2; } ul.stream li .section-share a { display: block; width: 16px; height: 16px; float: left; margin: 0 2px 0 0; background: url(http://paulmac.com.au/wp-content/themes/paulmac-1/images/share.png) no-repeat 0 0; } ul.stream li .section-share a.share-retweet { background-position: 0 -16px; } ul.stream li .section-share a.share-favorite { background-position: 0 -32px; } ul.stream li .section-share a.share-reply:hover { background-position: -16px 0; } ul.stream li .section-share a.share-retweet:hover { background-position: -16px -16px; } ul.stream li .section-share a.share-favorite:hover { background-position: -16px -32px; }