/************************************************************************
* Fiasko Records website style sheet by Esa Onttonen
************************************************************************/


/************************************************************************
* General rules for the whole layout
************************************************************************/
@media screen {
    body {
		    background-image: url("bg_color.gif");
    		color: #000000;
    		font-family: sans-serif;
    		font-size: 0.8em;
    }
}

@media print {
    body {
        color: #000000;
    		font-family: serif;
    }
}

table {
    border-collapse: collapse !important;
		padding: 0 !important;
		margin: 0 !important;
}

td {
    padding: 0 !important;
		border-style: none !important;
		margin: 0 !important;
		vertical-align: top;
}

th {
    text-align: left;
		vertical-align: top;
}

tr {
    margin: 0 !important;
}

a:link {
    color: #990000;
		text-decoration: none;
}

a:visited {
    color: #990000;
		text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:link img, a:visited img {
    border: none !important;
		margin: 0 !important;
}

dt {
    font-weight: bold;
}

dd {
    margin-top: 15px;
    margin-bottom: 15px;
}

h1 {
    margin-top: 0;
    font-size: 1.8em;
		color: #990000;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

td img {
    display: block;
}

li {
    margin: 0;
}

/************************************************************************
* General purpose classes
************************************************************************/

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.external {
    font-variant: small-caps;
}

/************************************************************************
* The top row (TR) of the layout
************************************************************************/

#td_corner {
    width: 176px;
    text-align: right !important;
		vertical-align: bottom !important;
}

#td_empty {
    width: 37px;
    background-color: #990000 !important;
}

#td_header {
    width: 100%;
    text-align: center !important;
		vertical-align: middle !important;
		background-color: #990000 !important;
}

#td_balls {
    width: 225px;
    text-align: left !important;
    vertical-align: bottom !important;
}

/************************************************************************
* The "ball" of the Fiasko logo
************************************************************************/
#td_menufront {
    text-align: left !important;
    vertical-align: top !important;
		padding-right: 8px !important;
}

/************************************************************************
* The main text area
************************************************************************/
td.main {
    width: 100% !important;
    vertical-align: top;
		text-align: left;
    border-left: thin dotted #990000 !important;
		border-bottom: thin dotted #990000 !important;
		margin: 0 !important;
    padding: 25px 0 15px 0 !important;
}

div.main {
    margin: 0 20px 0 20px !important;
		padding: 0 !important;
}

.main img, .rightcolumn img {
    display: inline !important;
}

/************************************************************************
* Right column
************************************************************************/
td.rightcolumn {
		margin: 0 !important;
    padding: 25px 0 0 0 !important;
    vertical-align: top;
}

div.rightcolumn {
    margin: 0 !important;
		padding: 0 !important;
}

.rightcolumn h1 {
    font-size: 1.2em;
		margin-bottom: 10px !important;
		color: #990000;
}

.rightcolumn h2 {
    font-size: 1.0em;
		color: #990000;
}

div.gigs {
    color: black !important;
}

.rightcolumn img.artist {
    padding-bottom: 20px !important;
}

/************************************************************************
* Left column
************************************************************************/
.leftcolumn {
    text-align: right;
}

img.leftball {
    display: inline !important;
		vertical-align: middle !important;
}

/************************************************************************
* Footer
************************************************************************/
.footer {
		padding-top: 10px;
		font-size: 0.8em !important;
		text-align: left;
}

img.inline {
    display: inline !important;
		vertical-align: bottom;
}

table.layout {
    width: 100% !important;
}

img.artist_floatright {
    float: right;
		margin: 10px 10px 10px 10px !important;
}

/* divider for Internet Explorer */
div.ie_divider {
    display: block;
		clear: both;
}

/* artist */
.artist, .record_info strong {
    color: #000000;
}

/* title */
.title, .record_info em, div.record h2 {
    color: #990000;
		font-style: italic;
}

td.totaltime {
    border-top: thin solid black !important;
}

td.number {
}

tr.odd {
    background-color: #ffffff;
}

/************************************************************************
* Tracklists
************************************************************************/

table.tracklist {
}

table.tracklist tr {
}

table.tracklist td {
    padding-left: 20px !important;

}

table.tracklist th {
    margin-right: 10px;
}

.trackcredits {
    font-size: 8pt;
}

table.tracklist .title {
    font-weight: bold;
}

/************************************************************************
* Catalogue pages
************************************************************************/
div.record_left, div.record_right {
		width: 220px !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;		
}

div.record_left {
		clear: both;
		float: left;
		margin-right: 30px !important;
}

div.record_right {
		float: left;
}

div.record_info {
    clear: both;
    margin-top: 8px !important;
    margin-left: 5px !important;
}

div.record_info p {
    display: block;
		width: 200px;
		font-size: 0.8em;
		margin-top: 5px !important;
}

div.record_left img, div.record_right img {
    display: inline;
		vertical-align: bottom;
		padding-right: 3px;
}

/************************************************************************
* Individual record pages
************************************************************************/
div.record {
		margin: 10px 0 0 0 !important;
		padding-bottom: 10px !important
}

/*
div.record p {
    padding-top: 10px !important;
		margin: 0 !important;
    clear: both;
}
*/

div.record img {
    display: block;
}

div.record img.cover {
    float: left;
		margin-right: 10px;
}

/************************************************************************
* Miscellaneous
************************************************************************/

table.otherinfo {
    border: thin dotted #990000 !important;
    width: 100%;
    font-size: 1.0em;
}

table.otherinfo TH {
}

.leftarrow {
    display: inline;
    text-align: right;
}

.rightarrow {
    display: inline;
    text-align: right;
}



img.button {
    display: inline;
		clear: right;
		width: 93px;
}

table.gigs td {
    padding-right: 10px !important;
}

table.orderform td, table.orderform th {
    vertical-align: top !important;
    padding-right: 10px !important;
		padding-bottom: 3px !important;
}

tr.total td {
    border-top: thin dotted black !important;
}

.quote {
    font-style: italic;
}

img.floatright {
    float: right;
		padding-left: 10px !important;
}



ul.nomargins {

}

.press_item {
    clear: both;
		/*
		padding: 0 !important;
		margin: 0 !important;
		*/
}

.press_item img {
    display: block;
    float: left;
		padding-right: 10px !important;
		padding-bottom: 10px !important;
}

table.emailform th {
    padding-right: 10px !important;
		vertical-align: middle;
}

.anno {
    font-family: monospace;
}

address {
    font-style: normal;
    font-size: 1.0em;
}

.error {
    color: red;
		font-weight: bold;
}

table.customer {
    margin-top: 20px !important;
}

table.customer td {
    padding-right: 10px !important;
}

/************************************************************************
* Style for Wordpress
************************************************************************/
.post {
    color: #123456 !important;
}