/*
 * CSS file for Lenona's website
 * 2010-02-23 - created by Jubal Kessler
 */
/* ALL PAGES (GLOBAL) */

/*
 * Define the basic look of the site: white 12-point Verdana text
 * on black background. Also remove default padding/margin around
 * edges of browser window itself.
 */
body {
    color: white;
    background-color: black;
    text-align: center; /* Dumb MSIE 6 hack */
    font-family: "Verdana", sans-serif;
    font-style: normal;
    font-size: 12pt;
    margin: 0;
    padding: 0;
}

/* Navigation section. */
/* The following enables the active rollover effect. */
body.home     #nav #home,     body.home     #nav #home a     { color: #3399CC; }
body.gallery  #nav #gallery,  body.gallery  #nav #gallery a  { color: #3399CC; }
body.about    #nav #about,    body.about    #nav #about a    { color: #3399CC; }
body.exhibits #nav #exhibits, body.exhibits #nav #exhibits a { color: #3399CC; }
body.contact  #nav #contact,  body.contact  #nav #contact a  { color: #3399CC; }

/* Padding above and below the entire navigation text. */
#nav {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Style the hyperlink function for each page in the nav section. */
#nav a {
    color: white;
    text-decoration: none;
}
#nav a:hover {
    color: #3399CC;
}

/* Margin to the left and right of each page's word. */
.nav-space {
    margin-left: 30px;
    margin-right: 30px;
}

/* Simulate a <hr> rule using <div> to work around IE margin problems. */
.hr {
    margin: 0;
    padding: 0;
    border-top: 2px solid white;
    width: 600px;
    height: 0px;
    overflow: hidden;
    text-align: center;
}

/* Content sections. */
#container {
    width: 750px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

/* Empty declaration; use for temporary grids if needed, e.g. 1px border */
#column {}
/* Increase leading ("line-height") for text, mostly in About page. */
#column p {
    line-height: 140%;
}

/* Don't render a border around images, by default. Override inline,
   e.g. within the HTML rather than this CSS file. */
img {
    border: none;
}

/* Center and padding for 'The Art of Lenona Winter' */
#logo {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

/* Formatting for the footer text */
#footer {
    font-size: 10pt;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 10px;
}
#footer p, #list p {
    margin-top: 0px;
    margin-bottom: 4px;
}

/* GALLERY PAGE */
.thumbnail {
    width:170px;
    float: left;
    text-align: center;
}
.galleria_wrapper {
    margin-bottom: 10px;
}
.mainpicture {
    width:620px;
	float: right;
	text-align: center;
	padding-top: 20px;
	padding-right: 20px;
}
.caption {
    font-style: italic;
}

/* CONTACT PAGE */
.email {
    color: #FF9933;
    text-decoration: none;
}

/* GALLERY THUMBNAIL SELECTOR */
/* jCarousel appearance (taken from tango/skin.css) */
/* Be careful editing these items... */

.jcarousel-skin-tango .jcarousel-container {
    background: #000;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 160px;
    height: 360px;
    padding: 40px 20px 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  150px;
    height: 360px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 112px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #c0c0c0;
    color: #fff;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 80px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 80px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* End of CSS file */