/* Theme Name: NicelyStrange Theme URI: http://nicelystrange.org/ Description: Custom Theme for NicelyStrange.com. Version: 1.0 Author: James Santilli (Design), Jason Stockman (Development) */ /* reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; outline:0; margin:0; padding:0; } :focus { outline:0; } ol,ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } caption,th,td { text-align:left; } a {text-decoration:none; color:#fff} .clr {clear:both} /* reset */ body {font-family: Verdana, Geneva, sans-serif; background:#1f1b1b} #bg {background: url(img/background.jpg) 0 0 repeat; padding:3px 0} #topbar { background: url(img/topbar.jpg) #1f1b1a center top no-repeat; position:absolute; left:0; top:0; width:100%; height:3px} #menu, #home {height:50px; position:relative; z-index:2} #wrapper { width:940px; margin:auto; position:relative} #menu {display:block; float:right} #menu li { margin-left:20px} #home {display:block; float: left} .menu li, .menu a {display:block; width:100px; float:left; height:50px; overflow:hidden} #wrapper .menu a { height:47px; padding-top:3px; background: url(img/menu.gif) 0 -52px no-repeat; text-align:center; text-indent:-999em; font-size:11px; font-weight:700; color:#8d8676; text-transform:uppercase} #wrapper .menu a:hover, #wrapper .menu .active a {background: url(img/menu.gif) 0 0 no-repeat; text-indent:0; color:#8d8676} #logo {position:relative; left:0; top:-25px} #footer { background: url(img/footer.gif) center top no-repeat #1f1b1b; padding:45px 0 60px 0; color:#6c6c6c; font-size:12px} .wrap {width:940px; margin:auto; position:relative} #footer h5 {font: 20px/1.5em Georgia, "Times New Roman", Times, serif; padding-bottom:10px} #footer h5 em {font-style:italic; color:#6c6c6c} #footer h5 strong { font-weight:700; color:#c0c0c0} #contact-form {border:0; margin:0; padding:0} #contact-form span {border-right:1px solid #2a2828; border-bottom: 1px solid #2a2828; display:block; float:left; clear:left; margin-bottom:10px} #contact-form input, #contact-form textarea {padding: 8px 10px; font: 12px/16px Verdana, Geneva, sans-serif; border: 1px solid #000; border-top-width:2px; background:#333; color:#6c6c6c; width:200px} #contact-form textarea {height:9.3em} #contact-form input:focus, #contact-form textarea:focus { border: 1px solid #000; border-top-width:2px; background:#fff; color:#292828; border-color:#a1a1a1} #contact-form #submit {color:#6c6c6c; clear:both; margin:auto; background: url(img/submit.gif) 0 0 no-repeat; display:block; width:213px; height:35px; line-height:35px; text-align:center; border:0; cursor:pointer; text-transform: uppercase; font-size:11px; padding:0; font-weight:700} #contact-form #submit:hover {background: url(img/submit.gif) 0 -35px no-repeat;color:#ff9314; } #col1, #col2, #col3, #col4 {float:left; width:220px; overflow:hidden } #col1 {width:222px; padding-right:7px} #col2, #col3, #col4 {float:left; width:220px; padding-left:15px } #footer a {color:#948667} #footer ul, #footer li, #footer li a {display:block; float:left} #footer li a {background: url(img/footer-li.gif) 0 2px no-repeat; padding: 0 0 0 30px; font-size:12px; font-style: italic} #footer li a:hover {color:#ff9314} #footer li {padding-bottom:10px; clear:left} #footer p {padding-bottom:10px} #footer strong {font-weight:700} #latest { position:relative} #latest .wrap {position:relative; margin:auto; width:700px; height:190px; overflow:hidden} #latest h4 {font-size:11px; font-family:Verdana, Geneva, sans-serif; font-style: normal; color:#000; text-transform: uppercase; font-weight:700; line-height:1.2em; height:1.2em; overflow:hidden; margin-bottom:3px; display:block; padding-bottom:0} #wrapper #latest h4 a {color:#292828; padding: 0 3px} #wrapper #latest h4 a:hover {background:#ff9314; color:#292828} #latest li { display:block; float:left; position:relative; width:220px; background: url(img/latest-shadow.png) 0 100px no-repeat; padding:140px 20px 0 0; font-style: italic; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; color:#8d8676; line-height:1.4em; text-align:center; height:50px} #latest li .overlay, #latest li img {position:absolute; height:124px; width:220px; display:block; left:0; top:0} #latest li .overlay {z-index:2; left:10px} .page #latest li .overlay {z-index:2; left:0} #latest ul {width:2880px; margin:auto; display:block; overflow:hidden; height:190px; position:absolute; left:0; top:0; padding:0} #latest #prev, #latest #next {display:block; height:100px; width:100px; position:absolute; top:15px} #latest #prev, #latest #prev.dead:hover {background: url(img/arrows.gif) 0 0 no-repeat; left:0} #latest #next, #latest #next.dead:hover {background: url(img/arrows.gif) -100px 0 no-repeat; right:0} #latest #prev:hover {background: url(img/arrows.gif) 0 -100px no-repeat} #latest #next:hover {background: url(img/arrows.gif) -100px -100px no-repeat} #latest .dead { cursor:default} #latest li img.new { z-index:2; position:absolute; left:0; top:0; width:48px; height:25px} #latest.full .overlay {left:0} #latest.full li {padding: 140px 0 20px 0; margin:0 20px 0 0; height:50px} #latest.full li.item-4, #latest.full li.item-8, #latest.full li.item-12, #latest.full li.item-16 {margin-right:0} #latest.full ul {width:940px; height:auto; overflow:visible; position:relative} #latest.page ul {width:720px; height:auto; overflow:visible; position:relative} #services {clear:both} #wrapper #latest a {color:#8d8676} #wrapper #latest a:hover {color:#60553b} #services {padding-top:30px} #services h2, #about h2, #twitter h2, #shop h2 {color:#5d5d5d; font-style:italic; font-size:40px; font-family:Georgia, "Times New Roman", Times, serif; float:left; padding-bottom:5px } #services h2 {padding-bottom:0} #twitter h2 {padding-bottom:12px} #services h2 strong, #about h2 strong, #twitter h2 strong, #shop h2 strong {color:#292828; font-weight:700; font-style:normal } #wrapper .full-list, #wrapper .full-list:visited {background: url(img/full.gif) 0 0 no-repeat; height:35px; line-height:35px; display:block; width:458px; text-align:center; float:right; font-size:11px; font-weight:700; color:#292828; text-transform: uppercase; position:relative; top:10px} #wrapper .full-list:hover {color:#000} #wrapper #contact-med {background: url(img/medium.gif) 0 0 no-repeat; height:35px; line-height:35px; display:block; width:218px; text-align:center; float:right; font-size:11px; font-weight:700; color:#292828; text-transform: uppercase; margin: 0 0 10px 10px; font-style:normal} #wrapper #contact-med:hover {color:#000} .hr {clear:both; background: url(img/hr.gif) left center repeat-x; height:22px; width:100%; border:0; display:block; margin:0} .hrs {width:700px; float:right} .block {position:relative; padding:35px 10px 20px 60px; width:165px; float:left; font-size:12px; line-height:18px; margin:20px 0} .last {padding:35px 0 20px 65px; width:170px} .block img {position:absolute; left:0; top:35px} .block p {padding-top:0} .block h5 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:700; font-size:20px; color:#292828; position:absolute; left:0; top:0} #wrapper .more {background: url(img/more.gif) 0 0 no-repeat; line-height:19px; height:19px; width:114px; text-align:center; text-transform: uppercase; color:#ede1bf; text-align:center; font-size:11px; font-weight:700; display:block; position:absolute; left:60px; bottom:0} #wrapper .follow {background: url(img/follow.gif) 0 0 no-repeat; line-height:19px; height:19px; width:170px; text-align:center; text-transform: uppercase; color:#ede1bf; text-align:center; font-size:11px; font-weight:700; display:block; clear:both} #wrapper .follow:hover {background: url(img/follow-hover.gif) 0 0 no-repeat; color:#000} #wrapper .more:hover {background: url(img/more-hover.gif) 0 0 no-repeat; color:#000} h6 {color:#7a6f55; font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; line-height:30px; clear:left; padding-bottom:20px} #about {width:465px; padding-right:35px; float:left} #twitter {width:200px; padding-right:35px; float:left} #shop {float:right; width:180px} .twitter-user {color:#9d885a; font-size:12px; font-style:italic} .twitter-message {color:#292828; font-size:12px; clear:both;line-height:1.4em; padding: 0 0 15px 10px} .twitter-timestamp {font-size:10px; color:#8d8676; display:block; padding-top:3px} #shop img {margin: 10px auto 0 auto} p {font-size:12px; line-height:18px; padding: 0 0 10px 0} .top {display:block; float:right; clear:both; background: url(img/top.gif) right 45px no-repeat; width:110px; height:60px;} .post h1, .hentry h1 {font-size: 40px; line-height:1.4em; font-weight: 700; font-family: Georgia, "Times New Roman", Times, serif; color:#292929} .post h2{font-size: 30px; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; color:#7a6f55} .hentry h2 {font-size: 26px; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; color:#7a6f55; padding-bottom:20px} .post h3, .hentry h3 {font-size: 20px; font-weight: 700; font-family: Georgia, "Times New Roman", Times, serif; color:#3b3b3b; padding-bottom:10px} .post ul, .hentry ul {padding:0 0 15px 20px; font-size:14px} .post ul li, .hentry ul li {padding:4px 0 4px 33px; background: url(img/post-bullet.gif) 0 9px no-repeat} .post .alignright {float:right} .post .wp-caption {width:auto!important; margin: 0 0 10px 10px; border: 1px solid #abaa8d} p.wp-caption-text {padding:10px; font-size:10px; color:#8d8676} .post p, .hentry p {color:#292828; padding-bottom:15px} .post, .hentry {float:right; width:700px; position:relative; top:-17px} #portfolio_top {float:none; width:100%; top:0} .post p a, .hentry p a {color:#9d885a; font-style:italic; text-decoration:none} #sidebar {float:left; width:225px; padding-left:15px} #links {list-style-type: none; padding:0 0 40px 0; position:relative; left:-20px} #links li { padding:2px 0} #wrapper #links a {font-size:11px; font-weight:700; text-transform:uppercase; color:#8d8676; padding: 10px 0 10px 40px; line-height:15px; display:block} #wrapper #links a.active { background: url(img/sidebar-link.gif) 0 0 no-repeat; color:#292828} #wrapper #links a:hover { color:#292828} #links a img { position:relative; left:5px; top:1px; border:0} #wrapper #sidebar .ads a {display:block; margin-bottom:20px; float:left; clear:left} .hentry h4, .browse h4 {font-size:24px; font-style:italic; color:#5d5d5d; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px} .hentry h4 strong, .browse h4 strong {font-weight:700; font-style:normal; color:#3b3b3b} .browse {float:right; position:relative; right:-20px} .hentry .hr {margin:10px 0} table { border-bottom: 1px solid #abaa8d; font-size:12px; margin:0 0 20px 0} th {border-bottom:4px solid #abaa8d; text-transform: uppercase; font-size:11px; font-weight:700} td {border-bottom: 1px solid #abaa8d; font-weight:700} td, th {line-height:35px; padding: 0 15px} .total td {line-height:65px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; color:#7a6f55; font-size:26px; font-weight:400;border-bottom: 4px solid #ABAA8D} .total .info {font-size:12px; font-style: normal; font-family:Verdana, Geneva, sans-serif; color:#292828; font-weight:700} .total .info em { font-weight:400; font-style: italic; color:#7a6f55} td {background:#e0d9c0; text-align:center} .alt td { background:#d4cbaa} th { background:#292828; text-align:center; color:#e0d9c0} th.pro {background: url(img/table-pro.png) #292828 61px center no-repeat; padding-right:27px} th.basic {text-align: left} td.info {color:#292828; text-align: left; font-weight:400} .home #about, .home #twitter, .home #shop {padding-top:15px} #copyright {padding-top:40px; text-align:center} #copyright p {background: url(img/copyright.gif) 0 0 repeat-x; height:62px; line-height:62px; padding:0; color:#333} #copyright a:hover {color:#6c6c6c} #copyright a {font-style: italic; color:#333} #wrapper .block h5 a {color:#292828} #wrapper .block h5 a:hover {color:#7a6f55} p a {font-style:italic; color:#9d885a} #lastfm_recent {padding: 10px 0 0 0} #lastfm_recent li {display: block; padding:0 98px 0 35px; background: url(img/lastfm.gif) #d4cbaa left center no-repeat; margin:0; line-height:35px; height:35px; overflow:hidden; font-size:12px; position:relative; float: left} .lastfm_recent_artist {font-weight:700} .lastfm_recent_artist, .track_title, .lastfm_recent_date {float:left} .track_title {padding-left:2px; overflow:hidden; max-width:240px} .lastfm_recent_date {position:absolute; right:0; top:0; line-height:35px; background:#d4cbaa; z-index:2; padding: 0 10px 0 0; font-size:10px; color:#8d8676} #twitter h2 strong img {position:relative; top:2px; left:2px} #shop .follow {margin-top:10px} .ad, .ad img {border:0} #lastfm_recent a { display: block; position:absolute; left:0; top:0; height:35px; width:35px} #wrapper a {color:#ae862e} #wrapper a:hover { color:#f7550e} #wrapper a:visited { color:#a8966d} #latest.portfolio {padding-top:20px} #latest.related li{padding-bottom:15px} a img {border:0} .hentry .tagh2 {padding:0} tfoot td.plus {background: url(img/tfoot.gif) #E0D9C0 45px 22px no-repeat} tfoot strong {font-weight:700} tfoot td {background: #E0D9C0; border-top: 3px solid #ABAA8D; text-align:center; font-weight:400; line-height:60px } .caption {line-height:3em; text-align:center; font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#8d8676; background:#e0d9c0; clear:both; margin-bottom:10px} .caption img {float: left; display:block} .spacer {float: left; display:block; clear:both; height:10px; width:100%} #home-bottom {margin-bottom:15px}