/*
Theme Name: Psycho
Theme URI: http://www.st-psycho.co.uk
Description: Star Trek: Psycho Wordpress Theme
Version: 1
Author: Phil Damerell
*/

/* Default Settings ======================== */

body {
	margin:0;
	background: #ffffff;
	color: #303030;
	text-decoration: none;
	font-size: 100%;
	font-family: sans-serif;
}
button { 
	background:none;
	border:none; 
	padding: 2px;
	cursor:pointer;
	text-align: left;

}
button:focus {
	outline: 0;
}

button h3 {
	margin: 0 2;
}
a:link {
	text-decoration: none;
	color: #101010;
}
a:visited {
	color: #81868c;
}
a:hover, a.active {
	color: darkslategray;
}
a img {
	border: 0;
}

/* End Default Settings ==================== */

/* Various Divs for main page ============== */

#container {
	width: 75%;
	margin: 0 auto;
}

#main {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	}

#logo {
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#top {
	font-size: 80%;
	text-align: center;
	margin-right: 15%;
	padding: 5px;
}

#blurb {
	width: 40%;
	float: left;
	padding: 5px;
}
#schedule {
	height: 200px;
	overflow: auto;
	border-left: 1px solid grey;
}
#disclaimer {
	float: left;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	margin: 10px;
	padding: 0 10px;
	display: none;
}

.lowernavmobile {
	display:none;
}

/* End Main Page Divs ====================== */

/*Release Schedule Table =================== */

table#releaseschedule {
	font-size: 80%;
}

table#releaseschedule td {
	border-top: 1px solid #a9a9a9;
}

#schedule::-webkit-scrollbar {
    width: 10px;
}
 
#schedule::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
#schedule::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
}

/* End Release Schedule Table ====================== */

/* CSS for Dropdown menus (used by Menubar plugin == */
.menuhigh {
	height: 32px;
}

.italics {
	font-style: italic;
}
/* end CSS for Menubar ============================= */

#links {
	float: right;
}

.centre {
	font-weight: bold;
	text-align: center;
}

.valign {
	vertical-align: middle;
}

.underline {
	border-bottom: 1px solid grey;
}
.topline {
	border-top: 1px solid grey;
}

.blockquote {
	margin: 0 10%;
}
.right {
	text-align: right;
}

.plainlist {
    list-style: none;
}

/* For Academy Page lists ==============================*/

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
          generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #303030;
    border-bottom:2px solid #303030;
    color:#303030;
    background:#fff;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol, li ul {
	margin-top:6px;
}
ol ol li:last-child {
	margin-bottom:0;
}

ul > li {
    list-style: none;
}

/* End Academy list styles ================================ */

/* Memo page =======================================*/
#memomenu {
    border: 1px grey solid;
    width: 30%;
    float: left;
}
#memocontent {
    border: 1px grey solid;
    width: 65%;
    float: left;
    margin-left: 5px;
    overflow: auto;
    padding: 5px;
}
ul.noindent {
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}
.hidden {
    display: none;
}
.grey-bg {
    background: grey;
    color: white;

}
div.grey-bg button {
	color: #ffffff;
}
div.grey-bg > a:visited {
	color: white;
}
div.grey-bg >  a:link {
        color: white;
}
.visible {
    display:block;
}
.hide {
    display:none;
}
.show {
    display:block;
}
.visgroup, .visdef {
    display:block;
}
div#default > p {
     text-align: center;
     font-style: italic;
}
button.right {
	float:right;
}

#memocontent::-webkit-scrollbar {
    width: 10px;
}
#memocontent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
#memocontent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
}
/* End Memo page CSS =============================*/
/* Biographies page =======================================*/
#biomenuwrapper {
    width: 20%;
    float: left;
}
#biomenu {
    border: 1px grey solid;
    width: 100%;
}
#bioimage {
    width: 100%;
    border: 1px grey solid;
    margin-top: 5px; 
}   
#biocontent {
    border: 1px grey solid;
    width: 75%;
    height: 500px;
    float: left;
    margin-left: 5px;
    overflow: auto;
    padding: 5px;
}
#biocontent::-webkit-scrollbar {
    width: 10px;
}
#biocontent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
#biocontent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
}
.crewimage {
    width: 100%;
}
/* End Biographies page CSS ============================= */
/* Chronology CSS ======================================= */
.chronology,  .chronology td, .chronology th {
	font-size: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}
.year {
	text-align: center;
}
.event {
	text-align: left;
}

iframe {
	border: none;
	overflow: hidden;
	width: 100%;
	height: 500px;
}