/* @override http://futureselfmusic.com/wordpress/wp-content/themes/futureself/style.css */
/*
Theme Name: Future Self
Theme URI: http://www.jeffbyrnes.net/
Description: A custom theme crafted for Will Mitchel for his Future Self project.
Version: 1.0
Author: Jeff Byrnes
Author URI: http://www.jeffbyrnes.net/
Tags: black, fixed width, one column
*/
/*
* Tripoli is a generic CSS standard for HTML rendering.
* Copyright (C) 2007 David Hellsing
*
* http://devkick.com/lab/tripoli/
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see .
*
*/
/* @group Tripoli Visual Plug */
/*
* @name visual
* @type tripoli plugin
*
* @desc adds several visual details such as link colors, borders, blockquotes, form controls etc.
* @author David Hellsing
* @version 1.0
* @cat plugins
*
**/
* html option
{
color:black;
}
html
{
background:black;
color:white;
}
kbd
{
border-color:#333;
}
legend
{
background-color:#000;
}
/* VISUAL PLUG
_______________________________ */
blockquote
{
border-top-color:#555;
border-bottom-color:#555;
color:#bbb;
}
blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */
{
content:"\201C";
font-size:2.5em;
margin-left:-.62em;
font-family:georgia,serif;
padding-right:.2em;
color:#bbb;
line-height:0;
}
abbr[title],acronym[title],dfn[title]
{
border-bottom:1px solid #ccc;
}
abbr,acronym,abbr[title],acronym[title]
{
border-bottom-color:#555;
}
ins,dfn
{
border-bottom-color:#555;
color:#fff;
}
del
{
color:#ccc;
}
fieldset
{
border:1px solid #ccc;
}
fieldset,.content table,.content th,.content td
{
border-color:#555;
}
textarea,input[type='text'],input[type='password'],select
{
border:1px solid #ccc;
background:#fff;
}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover
{
border-color:#aaa;
}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus
{
outline:2px solid #e4e4e4;
border-color:#888;
}
textarea,input[type='text'],select
{
background:#000;
color:#fff;
border-color:#555;
}
textarea:hover,input[type='text']:hover,select:hover
{
border-color:#666;
}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus
{
outline-color:#444;
border-color:#888;
}
.content hr
{
color:#555;
background-color:#555;
}
.content table
{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.content th,.content td
{
border-bottom:1px solid #ddd;
border-right:1px solid #ccc;
}
.content th,.content td
{
padding:.8em;
}
a:link
{
color: #1e8dbd;
}
a:visited
{
color: #c6ccc7;
}
a:hover,code,pre
{
color: #77c7f6;
}
a:active,.a:focus
{
color:#000;
}
#main a:link
{
color: #1e8dbd;
}
#main a:visited
{
color: #828683;
}
#main a:hover,.content code,.content pre
{
color: #77c5f5;
}
option,.content a:active,.content a:focus
{
color: #828683;
}
/* END
_______________________________ */
/* @end */
/* @group Tripoli Typographic Plug */
/* TYPE PLUG
_______________________________ */
/*
* @name type
* @type tripoli plugin
*
* @desc adds typographic classes.
* @author David Hellsing
* @version 1.0
* @cat plugins
*
* @example &
* @desc create attractive ampersands
*
* @example “Level 1 heading”
* @desc move the first quote mark in titles to render outside the hoizontal base line.
*
**/
.alt
{
font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;
font-style:italic;
font-weight:normal;
}
.dquo
{
margin-left:-.55em;
}
/* END
_______________________________ */
/* @end */
/* @group Future Self Music styles */
body {
background: url(/images/albumcover_375x365.jpg) no-repeat center 90px;
min-height: 800px;
}
div#header {
margin-top: 20px;
}
h1 {
font-family: Georgia, serif;
font-weight: normal;
text-align: center;
}
h2, h3 {
text-align: center;
}
h2 {
margin: 20px 0 0;
}
h3 {
margin: 20px 0 0;
}
.entry {
color: black;
padding-left: 10px;
background: white;
}
#main {
background: transparent url(/images/main-bg/main-bg.png) repeat-y;
margin-top: 15px;
overflow: auto;
overflow-x: hidden;
height: 215px;
width: 620px;
}
#main-dates {
background: transparent url(/images/main-bg/main-bg.png) repeat-y;
margin-top: 15px;
overflow: auto;
overflow-x: hidden;
height: 350px;
width: 620px;
}
#main-dates .post {
background-color: white;
}
.page-title {
color: white;
text-align: center;
}
.page-title h2 {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 3em;
letter-spacing: 3px;
text-transform: uppercase;
color: #f01d20;
}
p {
margin-top: 10px;
color: black;
overflow: hidden;
text-align: center;
}
.entry-news p {
margin: 10px 0 0;
text-align: left;
}
.post {
margin: 0 0 10px 0;
background-color: white;
}
.entry ol {
color: black;
}
.navigation {
color: black;
margin-top: 10px;
}
#store {
text-align: center;
margin-top: 20px;
}
/* @group Social Media buttons */
#social-icons {
width: 100%;
margin-top: 20px;
}
#social-icons li {
background: url(images/social-media.png) no-repeat top left;
margin-left: auto;
margin-right: auto;
float: left;
margin: 0;
list-style-type: none;
text-indent: -9999px;
margin-left: 52px;
margin-right: 52px;
}
#social-icons li a {
width: 50px;
height: 50px;
display: block;
}
#social-icons .sprite-facebook_button { background-position: 0 0; width: 50px; height: 50px; }
#social-icons .sprite-last_fm_button { background-position: -100px 0; width: 50px; height: 50px;}
#social-icons .sprite-myspace_button { background-position: -200px 0; width: 50px; height: 50px; }
#social-icons .sprite-twitter_button { background-position: -300px 0; width: 50px; height: 50px; }
/* @end */
/* @end */
/* @group Footer Styles */
#footer {
margin:60px 0 0;
}
#copyright {
margin:0;
}
#copyright p {
font-size:11px;
line-height:15px;
margin:5px 0 0 10px;
background: black;
color: white;
text-align: left;
}
#main-audio-player {
position: absolute;
top: 20px;
right: 20px;
}
#main-audio-player-downloads {
margin-top: 20px;
}
#xspf_player0 {
text-align: center;
}
/* @end */
/* @group Awesomepersands and other fancy text stuff */
span.amp {
font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;
font-style: italic;
}
abbr, acronym {
font-size: 90%;
text-transform: capitalize;
font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;
}
/* @end */
/* @group Misc styles */
.alignleft {
float: left;
}
.alignright {
float: right;
}
/* @end */
/* @group SoundManager2 styles */
.ui360 a {
color: white;
}
#soundmanager-debug {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #999999;
bottom:10px;
font-family:"lucida console",verdana,tahoma,"sans serif";
font-size:x-small;
height:18em;
line-height:1.5em;
margin:1em;
opacity:0.9;
overflow:auto;
padding:1em;
position:fixed;
right:10px;
width:50em;
color: black;
}
/* @end */