/* Styles for the Galleries */
/* accent colours: #f1b500 #ffcc33 */

a {
    color:#f1b500;
}
a:visited {
    color:#f1b500;
}
h1,h2,h4,h5 {

}
h3 {
    color:#f1b500;
}
#topBar {
    background: #FCA700; /*#ffcc33;*/
}
#header {
    background:url(images/header_bg3.jpg) #FFFFFF right repeat-x;
}
#header h1 {
    background-color: #FCA700;
}
#header h1 a {
    background: url(images/logo_galleries.png) left no-repeat;
}
#navbar li.home a:hover {
    background-color:#0976ae;
    color:#F8F8F8;
}
#navbar li.about a:hover {
    background-color:#6fab34;
    color:#F8F8F8;
}
#navbar li.site a:hover {
        background-color:#696559;
	color:#F8F8F8;
}
#navbar li.active a {
        background-color:#ffcc33;
	color:#F8F8F8;
}
#navbar li.journal a:hover {
        background-color:#e10a0a;
	color:#F8F8F8;
}
#navbar li.glossary a:hover {
        background-color:#001fbc;
	color:#F8F8F8;
}
#navbar li.learning a:hover {
        background-color:#3e168f;
	color:#F8F8F8;
}
#navbar li.contact a:hover {
        background:#000000;
	color:#F8F8F8;
}
#navbar li.ark a:hover {
        background:#ff8b3f;
	color:#F8F8F8;
}

.postHead h2 a, #older dt a {
	color:#696559;
}
.postHead h2 a:hover, #older dt a:hover {
	color:#0976ae;
}
.postHead h3 a {
	color:#FFFFFF;
}

/* GH Added this as the posts are slightly different to the other sections */
.post {
    border-bottom:1px solid #CCC;
}
.postContent {
    border: none;
}


#older dt {
    color:#993333;
}
.comments li {
    background:#F8F8F8;
}
#archive a:hover {
    color:#CC3366;
}
#archive a:visited {
    color:#990066;
}
#footer {
    border-top:10px solid #ffcc33;
}
.column a {
    border-bottom:1px dotted #CCCCCC;
    color:#a4ddf4;
}
.column a:hover {
    color:#FFCCFF;
}
#innerFooter {
    background-color:#666666;
}
button {
    background-color: #FFFFFF;
    border-top: 2px solid #0976ae;
    border-left: 2px solid #0976ae;
    border-right: 2px solid #0976ae;
    border-bottom: 2px solid #0976ae;
    color: #0976ae;
    margin: 0 5px 0 0;
}

input {
    border: 1px solid #f1b500;
}

.article-image:hover {
    border: 1px solid #f1b500;
}

/* CSS for vdh_flickr */
.setpreview {
    margin: 5px 0 5px 0;
    padding: 0;
    overflow: hidden;
}
.thumbnail {
    float: left;
    margin-right: 1em;
}
.meta {
    float: left;
    margin-right: 1em;
}
.flickrset {
    margin: 0;
    padding: 0;
}
.flickrset a {
    border: solid #f1b500 2px;
    width: 75px;
    height: 75px;
    background: #FFFFFF;
    float: left;
    margin: 5px;
    padding: 2px;
}
.flickrset a:hover {
    background: #f1b500;
}
.flickrset img {
    border: none;
}
.pages_nav {
    clear: both;
}
.individual {
    padding: 0 2em;
}
.individual .image {
    margin: 0.5em auto;
    text-align: center;
}
.individual .image img {
}
.individual .flickrsetnav {
    text-align: center;
}
.individual .flickrsetnav a,
.individual .flickrsetnav a:link,
.individual .flickrsetnav a:visited {
    text-decoration: none;
}
.individual .setname {
    display: inline;
}
ul.video-list {
    width: 100%;
}
ul.video-list li {
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 1px dotted black;
}