/*
Theme Name: Black
Theme URI: http://majaelliott.com/
Description: A WordPress theme based on Maja's site.
Version: 1.0
Author: Sergei
Author URI: http://doubt.it/
Tags: black

    Black v1.0
     http://doubt.it/

    This theme was designed and built by Sergei,
    whose work you will find at http://doubt.it/

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/



/* Styling of the "Black" theme for Maja below */

body {
color:#AD2f00;
background-color:#000000;
font-family: Garamond, "Book Antiqua", Georgia, "times new roman", times, serif
}

html {
height:101%
}

#title {
position:absolute;
top:35px;
right:40px;
text-align:right;
z-index:2
}

#sidebar {
position: absolute;
top: 100px;
right: 40px;
text-align: right;
width: 320px;
z-index:1
}

ul {
position:relative;
top: 13px;
list-style-type: none
}

li {
font-size:23px;
font-weight: bold;
margin-top:0px;
margin-bottom:40px;
margin-left:0px
}

li.smalllist {
font-size:1.2em;
font-weight: normal;
margin-top:0px;
margin-bottom:20px;
margin-left:0px
}

ol {
position:relative;
top: -13px;
list-style-type:none
}

li.tracks {
font-size:1.5em;
font-weight: normal;
margin-top:0px;
margin-bottom:20px;
margin-left:2em;
list-style-type:upper-roman
}

li.item {
font-size:1.5em;
font-weight: normal;
margin-top:0px;
margin-bottom:20px;
margin-left:2em
}

table {
width:85%;
font-size:1.5em;
margin-top:-1em;
margin-left:3.5em
}

tr {
height:1.5em
}

td.right {
text-align:right
}

div.portrait {
position: absolute;
bottom: -140px;
left:0
}

div.left {
position: relative;
top: 27px;
left:32px;
text-align:left;
width:66%;
padding:0 0 1em 0;
z-index:1
}

#page {
position: relative;
top: 27px;
left:32px;
text-align:left;
width:75%
}

#content {
position: relative;
left:40px;
text-align:left;
width:75%
}

#navlinksleft {
position: absolute;
top: 340px;
left:40px;
text-align:left;
width:200px
}

div.right {
position: absolute;
top: 35px;
right: 40px;
margin-top:0px;
text-align: right;
width: 300px
}

div.blurb {
position: absolute;
bottom:0px;
right:40px;
width:100%;
text-align: right;
font-size:29px;
font-weight: normal;
margin-bottom:30px;
color:#d50
}

div.venice {
position: absolute;
bottom:10px;
left:260px;
margin-bottom:10px;
width:30500px;
}

div.painting {
position: absolute;
top:0;
left:260px;
margin-top:15px;
width:16500px;
height:92%
}

a {
text-decoration:none;
color:#e20;
background-color:transparent
}

a:hover {
color:#e40;
background-color:transparent;
border-color:#ffffff;
letter-spacing:1px
}

a.back {
text-decoration:none;
font-weight: bold;
color:#c20;
background-color:transparent
}

a.back:hover {
color:#d40;
background-color:transparent
}

h1 {
font-size:56px;
margin:0;
font-weight: normal;
color:#d50
}

h2 {
font-size:37px;
font-weight: normal;
margin-top:0px;
margin-bottom:30px;
margin-left:0%;
color:#d50
}

h3 {
font-size:29px;
font-weight: normal;
margin-top:0px;
margin-bottom:30px;
margin-left:3%;
color:#d50
}

p {
font-size:1.2em;
margin-top:0px;
margin-bottom:30px;
margin-left:40px
}

p.link {
font-size:25px;
font-weight: bold;
margin-top:0px;
margin-bottom:40px;
margin-left:0px
}

p.discography {
font-size:22px;
margin-top:0px;
margin-bottom:30px;
margin-left:7%
}

img {
margin-top:0;
margin-bottom:40px;
border:0
}

img.gallery {
margin-right:100px;
margin-bottom:0;
height:100%;
vertical-align:middle
}

img.portrait {
margin-top:0;
margin-bottom:0px
}

img.right {
float:right;
margin-top:40px;
margin-bottom:0px
}

img.venice {
margin-right:100px;
margin-bottom:0
}

span.number {
font-family: "times new roman", serif
}

small {
color:#000000
}

.narrowcolumn {
margin:1.5em 0 0 0
}

.postmetadata {
font-size:.8em
}

#footer {
position:relative;
width:100%;
margin:0;
text-align:center;
}

img.centered {
padding-top:50px
}