/* -------------------------------------------------------------- 

   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

#page {
    margin: 0 auto;
    width: 960px;
   }

.right {
    float: right;
    margin-left: 10px
}
.left {
    float: left;
}
.clear {
	clear: both;
}

/* header
-------------------------------------------------------------- */

#header {
    float: left;
    width: 150px;
    padding-left: 10px;
}

#logo {
    background: url('../img/page/silslogo.png') no-repeat;
    height: 60px;

}
#logo a {
    display: block;
    height: 58px;
    text-indent: -1000px;
    width: 70px;

}
#navigation {
    margin-top: 100px;
}
#navigation .active{
    text-decoration: underline;
}
.navigation, .exMenu, .adminMenu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.exMenu {
    margin-top: 50px;
}
.adminMenu {
    margin-bottom: 50px;
}

/* Content
-------------------------------------------------------------- */

body { margin-top: 20px; }

#content {
    float: left;
    width: 780px;
    border-left: 1px solid #888;
    padding-left: 10px;
}
#content h3 { color: #888; }

#text {
    padding-top: 2em;
}

/*Artists Page
-------------------------------------------------------------- */
#artists {
    width: 250px;
}
.artist_name {
    font-weight: bold;
    font-size: 1.2em;
}
.artist_weblink {

}

/* Image Gallery
-------------------------------------------------------------- */

#paginationControls {
    text-align: center;
    width: 100%;
}
#image {
    text-align: center;
}
#image img {
    margin: 0 auto;
    border: 1px solid #ccc;
}
/* Form
-------------------------------------------------------------- */

#contact {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 0 0.5em;
}

#email, #name, #message {
    width: 600px;
    font-family: Arial, Sans-Serif;
    font-size: 1em;
}

#message {
    height: 200px;
}

.errors {
    color: #FF0033;
}

.message {
    width: 100%;
    background: #ccc;
    padding: 2px;
    border: 1px solid #FF0033;
}


/* Footer
-------------------------------------------------------------- */
#footer { width: 100%; text-align: center; float: left; border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }