/*
 * Showcase Content Management System
 * Cascading Style Sheets - HTML5 styling for all devices
 *
 * Copyright (C) Damian Walker 2015
 * Created: 25-Oct-2015
 */

/*----------------------------------------------------------------------
  * General styling
  */

/* IE likes to add borders to link images; I don't. */
img {
    border: none;
}

/* Set Times New Roman as the default font */
body {
    font-family: 'Times New Roman', serif;
}

/*----------------------------------------------------------------------
 * Navigation section
 */

/* navigation section */
nav {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

/* navigation links */
nav a {
    color: #666666;
    text-decoration: none;
}
nav a:hover {
    color: #333333;
}
nav li.active a {
    color: black;
}

/* submenus start off invisible */
nav ul ul {
    background-color: white;
    border: 1px solid #cccccc;
}

/* submenus of active menu should not be highlighted */
nav ul li.active ul li a {
    color: #666666;
}

/* highlighting for hovered submenu items */
nav ul li.active ul li a:hover {
    color: #333333;
}

/*----------------------------------------------------------------------
 * Container section
 */

/* heading links should adopt heading colours */
.container h1 a,
.container h2 a,
.container h3 a,
.container h4 a,
.container h5 a,
.container h6 a {
    color: inherit;
}

/* links are not underlined as standard */
.container a {
    text-decoration: none;
}

/* links are underlined when hovering */
.container a:hover {
    text-decoration: underline;
}

/* text area should be proportional */
textarea {
    font-family: inherit;
}

/* lower inset */
.lower-inset {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

/*----------------------------------------------------------------------
 * Distinct UI elements
 */

/* menu popups */
.popup {
    background-color: white;
    box-shadow: 0px 0px 1px #cccccc,
	4px 4px 2px #cccccc;
}

/* boxed sections */
.boxed {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

/* dialog boxes */
dialog {
    background-color: #ffffaa;
    box-shadow: 0px 0px 1px #cccccc,
	4px 4px 2px #cccccc;
}


/*----------------------------------------------------------------------
 * Footer section
 */

/* visible portion of footer section */
footer {
    background: white;
    border-top: 1px solid #cccccc;
}

/* copyright link */
footer p a {
    color: #666666;
    text-decoration: none;
}
footer p a:hover {
    color: #333333;
}

/* footer links list */
footer li a {
    color: #666666;
    text-decoration: none;
}
footer li a:hover {
    color: #333333;
}