/*
Theme Name: JLA
Theme URI: 
Description: Custom theme for http://www.jessicalott.com.
Version: 1.0
Author: Jen Borkowski
Author URI: http://www.jenmaicha.com/
Tags: 
*/


/* -- General styles -- */
                 
body {
font-size: 16px;
margin: 0;
font-family: "Times New Roman", serif;
color: #333333;
}

a:link,
a:active,
a:visited {
color: #ff0000;
text-decoration: none;
}

a:hover {
color: #ff0000;
text-decoration: underline;
}

a img {
border-style: none;
}


/* -- Header -- */

div#header h1 {
font-size: 2.75em;
margin: -10px 0 0.75em 30px;
font-weight: normal;
}

div#header img#page-corner {
margin: 0 0 0 -2px;
}

div#header img#site-title {
margin: 1em 0 1em 32px;
}

/* -- Navigation -- */

ul.navigation {
font-size: 1.5em;
width: 10em;
margin: 0 0 3em 0;
padding: 0 1.25em;
float: left;
list-style-type: none;
}

ul.navigation li a span.link-text {
visibility: hidden;
}

ul.navigation li a#works-select {
margin: 10px 0 11px 0;
width: 84px;
height: 24px;
display: block;
background: url('/images/works_1.gif');
}

ul.navigation li a#works-select:hover,
ul.navigation li.selected a#works-select {
margin: 10px 0 11px 1px;
width: 84px;
height: 24px;
display: block;
background: url('/images/works_2.gif');
}

ul.navigation li a#news-select {
margin: 11px 0 10px 0;
width: 202px;
height: 24px;
display: block;
background: url('/images/news_1.gif');
}

ul.navigation li a#news-select:hover,
ul.navigation li.selected a#news-select {
margin: 11px 0 10px 0;
width: 202px;
height: 24px;
display: block;
background: url('/images/news_2.gif');
}

ul.navigation li a#about-select {
margin: 10px 0;
width: 83px;
height: 24px;
display: block;
background: url('/images/about_1.gif');
}

ul.navigation li a:hover#about-select,
ul.navigation li.selected a#about-select {
margin: 10px 0 10px 1px;
width: 83px;
height: 24px;
display: block;
background: url('/images/about_2.gif');
}

ul.navigation li ul {
margin: 0;
padding: 0 0.75em;
list-style-type: none;
}

ul.navigation li.selected {
color: #ff0000;
}

ul.navigation a:link,
ul.navigation a:active,
ul.navigation a:visited {
color: #333333;
text-decoration: none;
}

ul.navigation a:hover {
color: #ff0000;
text-decoration: none;
}

ul.navigation li.selected a:link,
ul.navigation li.selected a:active,
ul.navigation li.selected a:visited {
color: #ff0000;
}

ul.navigation li.selected ul li,
ul.navigation li.selected ul li a:link,
ul.navigation li.selected ul li a:active,
ul.navigation li.selected ul li a:visited {
color: #333333;
}

ul.navigation li.selected ul li a:hover {
color: #ff0000;
text-decoration: none;
}

ul.navigation li.selected ul li.selected a:link,
ul.navigation li.selected ul li.selected a:active,
ul.navigation li.selected ul li.selected a:visited {
color: #ff0000;
}


/* -- Main well -- */

div.main-well {
font-size: 1em;
width: 35em;
margin: 10px 0 3em 0;
padding: 0 1em;
float: left;
}

div.main-well h2 {
font-size: 1.5em;
margin: 0 0 1em 0;
border-bottom: 1px solid #333333;
text-transform: uppercase;
}

div.main-well h2 span.excerpt {
text-transform: lowercase;
}

div.main-well p {
margin: 0;
padding: 0 0 1em 0;
}

div.main-well p#publication-info {
border-top: 1px solid #cccccc;
padding-top: 0.5em;
}

/* -- Main well: works list -- */

div.main-well div.works-list a:link,
div.main-well div.works-list a:active,
div.main-well div.works-list a:visited {
color: #333333;
text-decoration: none;
}

div.main-well div.works-list a:hover {
color: #ff0000;
text-decoration: underline;
}

div.main-well div.works-list a {
font-weight: bold;
}
 
/* -- Main well: details -- */

div.main-well div.details,
div.main-well div.bigger-details {
margin: 0 0 1em 3em;
border-bottom: 1px solid #cccccc;
padding: 0 0 0 0;
float: right;
}

div.main-well div.details {
width: 155px;
}

div.main-well div.bigger-details {
width: 200px;
}

div.main-well div.details img.resize {
width: 155px;
height: 240px;
}

div.main-well div.details p,
div.main-well div.bigger-details p {
padding-bottom: 0.25em;
}

/* -- Special formatting -- */

p.quote-skinny,
div.quote-skinny {
margin-bottom: 1em ! important;
padding: 0.5em ! important;
width: 320px;
background-color: #eeeeee;
}

p.quote,
div.quote {
margin-bottom: 1em ! important;
padding: 0.5em ! important;
background-color: #eeeeee;
}

p.attribution {
text-align: right;
}

a.utility-link {
font-size: 0.75em;
text-transform: uppercase;
}


/* -- Blog posts / News and Events section -- */

div.post p {
padding-bottom: 0;
}

h3.news-and-events-h3 {
font-size: 1em;
margin: 1em 0 0 0;
font-weight: bold;
}