/*
Theme Name: Seven Five
Theme URI: http://www.press75.com/
Description: Detailed usage instructions for this theme can be found at http://www.press75.com/seven-five-setup-usage/.
Version: 1.0
Author: Jason Schuller
Author URI: http://www.thesevenfive.com/
This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.thesevenfive.com
The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:
*/
body {
background: #FBFBFB;
font: 12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: 0;
padding: 0;
color: #323232;
}
p {
margin: 0 0 15px 0;
padding: 0;
}
a:link, a:visited {
text-decoration: none;
color: #323232;
}
a:hover {
color: #323232;
}
img {
border: none;
padding: 12px;
background: #323232;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
h1 {
font: 35px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: 10px 0 0 0;
padding: 0;
font-weight: bold;
}
h2, h3 {
font: 20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: -5px 0 2px 0;
padding: 0;
font-weight: bold;
}
#header {
width: 900px;
float: left;
padding: 20px 0 20px 80px;
margin: 0 0 20px 0;
border-bottom: 1px solid #CACBCB;
}
#header a {
background: none;
}
#logo {
width: 80px;
float: left;
}
#menu {
width: 700px;
float: right;
text-align: right;
padding: 25px 0 0 0;
}
#menu a {
color: #FFFFFF;
}
#menu ul {
width: 700px;
margin: 0;
padding: 0;
height: 30px;
list-style: none;
}
#menu li {
height: 24px;
margin: 0 0 0 8px;
background: #323232;
color: #FFFFFF;
float: right;
font-weight: bold;
font-size: 15px;
text-align: center;
padding: 10px 10px 0 10px;
}
li.selected {
background-position: 0 -30px;
}
#content {
float: left;
padding: 0 0 80px 0;
}
.content-item {
width: 900px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 0 80px;
border-bottom: 1px solid #CACBCB;
}
.nothing {
border-bottom: none;
}
.post-image {
float: right;
margin: 0 0 20px 20px;
width: 316px;
}
.post-image a {
background: none;
}
* + html .post-image {
margin-bottom: 0;
}
.post-image-top {
padding: 13px 13px 0 13px;
background: url(images/image-bg-top.jpg) top left no-repeat;
}
.post-image-bottom {
height: 13px;
background: url(images/image-bg-bottom.jpg) top left no-repeat;
}
* + html .post-image-bottom {
margin-top: -5px;
}
.last-item {
border-bottom: none;
}
.content-body {
width: 660px;
margin: 0 0 0 30px;
float: left;
}
.content-body-alt {
width: 670px;
margin: 0 0 0 20px;
padding: 0 0 5px 0;
float: left;
}
* + html .content-body-alt {
padding: 0 0 20px 0;
}
.content-body-alt img {
margin: 0 0 9px 9px;
}
.entry a {
background: #E9E9E9;
}
.content-dets {
width: 210px;
float: left;
}
.content-dets a, .content-dets-alt a {
font-weight: normal;
}
.content-dets-alt {
width: 210px;
float: left;
}
ul.dets {
margin: 0;
padding: 0;
list-style: none;
}
.folio-small {
width: 124px;
height: 124px;
padding: 13px;
margin: 0 0 20px 20px;
float: left;
background: url(images/folio-bg.jpg) top left no-repeat;
}
.fourth {
margin-right: 0;
}
.twitter-container {
margin-top: -18px;
margin-bottom: 8px;
}
ul.twitter {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
li.twitter-item {
padding: 10px 0 10px 0;
border-bottom: 1px solid #E3E4E7;
text-indent: -5px;
font: 18px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
float: left;
width: 660px;
}
* + html li.twitter-item {
text-indent: 0px;
}
#twitter-last-item {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 660px;
height:1px;
}
.twitter-timestamp {
font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight: normal;
color: #A3A3A3;
float: left;
width: 660px;
margin: 4px 0 0 5px;
}
* + html .twitter-timestamp {
margin: 4px 0 0 0;
}
.delicious-container {
margin-top: -12px;
margin-bottom: 8px;
}
ul.delicious {
margin: -5px 0 15px 0;
padding: 0;
list-style: none;
}
li.delicious-item {
padding: 12px 0 10px 0;
border-bottom: 1px solid #E3E4E7;
float: left;
width: 660px;
}
.delicious-link {
font: 20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight: bold;
}
#delicious-last-item {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 660px;
height:1px;
}
/** styled list **/
.styled-list {
margin-top: -6px;
margin-bottom: 6px;
}
.styled-list ul {
margin: -11px 0 0 0;
padding: 0;
list-style: none;
}
.styled-list li {
padding: 18px 0 0 0;
border-bottom: 1px solid #E3E4E7;
float: left;
width: 660px;
}
.styled-list h3 {
font: 20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight: bold;
}
.styled_list p {
margin: 0;
padding: 0;
}
.styled-list-last {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 660px;
height:1px;
}
/** last.fm styles **/
#last-fm {
list-style: none;
margin: 0;
padding: 0;
}
#last-fm a {
background: none;
}
li.cdcover {
width: 124px;
height: 124px;
padding: 13px;
margin: 0 0 20px 20px;
float: left;
background: url(images/folio-bg.jpg) top left no-repeat;
}
/** comment styles **/
#reply_form {
width: 604px;
margin: 0 0 0 0;
padding: 8px;
float: left;
}
.comment-author {
font-weight: normal;
}
.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}
img.avatar {
float: right;
margin: 2px 0 15px 15px;
padding: 12px;
background: #323232;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
ol.commentlist {
margin: -22px 0 0 0;
padding: 0;
list-style: none;
}
ol.commentlist a:link, ol.commentlist a:visited {
color: #4A4A4A;
}
ol.commentlist a:hover {
color: #4A4A4A;
text-decoration: underline;
}
ol.commentlist cite {
font: 15px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
font-weight: bold;
}
ol.commentlist li.alt {
padding: 20px 0 20px 0;
border-bottom: 1px solid #E3E4E7;
}
ol.commentlist li {
padding: 20px 0 20px 0;
border-bottom: 1px solid #E3E4E7;
}
ol.commentlist li div.reply {
cursor: pointer;
background: url(images/reply.jpg) top left no-repeat;
border: none;
width: 39px;
height: 20px;
padding: 0 0 0 7px;
}
* + html ol.commentlist li div.reply {
line-height: 1.3em;
}
ol.commentlist li div.reply a {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}
ol.commentlist li div.reply a:hover {
color: #CCCCCC;
background: none;
}
ol.commentlist li ul.children {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}
ol.commentlist li ul.children li {
padding: 20px 0 0px 40px;
border-bottom: none;
}
ol.commentlist li ul.children li.alt {
padding: 20px 0 0px 40px;
border-bottom: none;
}
ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }
#comments-last-item {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 660px;
height:1px;
}
input#submit {
cursor: pointer;
border: none;
width: 67px;
height: 34px;
padding: 0;
background: url(images/submit.jpg) top left no-repeat;
}
#comment {
border: 1px solid #CACBCB;
width: 648px;
height: 215px;
padding: 5px;
font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
#author {
border: 1px solid #CACBCB;
width: 154px;
height: 20px;
padding: 4px 5px 0 5px;
font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
#email {
border: 1px solid #CACBCB;
width: 154px;
height: 20px;
padding: 4px 5px 0 5px;
font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
#url {
border: 1px solid #CACBCB;
width: 154px;
height: 20px;
padding: 4px 5px 0 5px;
font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.fieldset {
list-style: none;
margin: 0;
padding: 0;
}
.fieldset li {
margin: 0 0 10px 0;
padding: 0;
}
.says {display:none;}
/** wordpress basics **/
.wp-caption img {
margin-bottom: 5px;
padding:5px;
background-color:#FFFFFF;
}
.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 15px 20px;
display: inline;
}
img.alignleft {
margin: 0 20px 15px 0;
display: inline;
}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
margin-right: 15px;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}