/* Created by Drew Matheson 
   PROG1800 Section 1
*/

/* -- Universal Selector -- */

*
{
margin:0;
}

/* -- Elements -- */

html
{
height:100%;
}

body 
{
background-color:Gray;
background-image:-moz-linear-gradient(top, #505050, Gray 30%);
background-image:-webkit-linear-gradient(top, #505050, Gray 30%);
background-attachment:fixed;
font-family:"Times New Roman", serif;
color:White;
height:100%;
-moz-min-width:1280px;
-ms-min-width:1280px;
-o-min-width:1280px;
-webkit-min-width:1280px;
min-width:1280px;
}

a:link { color: cornflowerblue; text-decoration: none; }
a:visited { color: cornflowerblue; text-decoration: none; }
a:hover { color: #e4bc47; text-decoration: underline; }
a:active { color: darkblue; text-decoration: underline; }

h1
{
background-color:DarkGrey;
text-align:center;
font-size:175%;
color:#404040;
padding: 1px 0;
}

/* -- Accordion Styling -- */

.code 
{
font-size:110%;
line-height: normal;
font-size: 15px;
text-align: left;
font-family: "Courier New";
white-space:pre-wrap;   
}

div#links>a 
{
font-size: 16px;
font-weight: 700;
font-family: "Lucida Sans";
line-height: 19px;
padding: 0;
margin: 0;
}

div#example>h3, div#links>h3, div#example>div>h3
{
font-size: 16px;
font-weight: 700;
font-family: "Lucida Sans";
line-height: 19px;
padding: 0;
margin: 2px 0 0 0;
}

div#example>p, div#example>div>p
{
text-align: justify;
padding: 8px 12px;
margin-left: auto;
margin-right: auto;
line-height: 19px; 
font-family: "Arial";
font-size: 16px;
}

div#example>p.center
{
text-align: center; 
font-size: 16px;
font-weight: 700;
font-family: "Lucida Sans";
line-height: 19px;
padding: 0;
margin: 2px 0 0 0;   
}

div#example>h3.content 
{
text-align: justify;
padding: 8px 12px;
font-weight: normal;
margin:0 auto;
font-family: "Arial";
font-size: 16px;
}

div#example>pre, div#example>div>pre
{
padding: 0;
line-height: normal;
font-size: 13px;
text-align: left;
font-family: "Courier New";
white-space: pre;
}

div#links 
{
width: 924px;
text-align: center;
float: right;
font-size: 15px;
height: 19px;
padding: 0 2% 0 0;
margin: -1px 0 0 0;
display:block;
font-weight: 600;
}

div#example 
{
width: 975px;
text-align: center;
margin: 1em auto 0 auto;
font-size: 100%;
}

div#resizable>div#example 
{
margin: auto;
width: auto;
}

div#resizable
{
padding: 10px;
border: 2px solid white;
width: 600px;
height: 400px;
margin: 1em auto;
}

b 
{
font-weight: 900;
color: crimson;
}

div#toggleButton
{
float: left;
clear: left;
margin: 20px 0 0 20px;
}

div#toggleButton>p 
{
font-size: 103%;
margin-left: 10px;
}

input#btnToggle 
{
height: 40px;
width: 120px;
font-size: 12px;
}

/* -- Header -- */

div#header
{
background-color:#353535;
font-weight:700;
height:71px;
padding-top:5px; /* Adds a little extra space at the top */
width:100%;
position:relative; /* Places the header over wrap */
}

div#headerTitle a:link {color:White; text-decoration:none;}
div#headerTitle a:visited {color:White; text-decoration:none;}
div#headerTitle a:hover {color:#D7F6F6; text-decoration:underline;}
div#headerTitle a:active {color:#E4BC47; text-decoration:underline;}

    div#headerLogo 
    {
    width: 95px;
    text-align:left;
    clear:left;
    padding-left: 2%;
    float:left;
    }

    div#headerTitle
    {
    font-size: 1.3em;
    width:200px;
    text-align:justify;
    padding-top: 1em;
    clear:right;
    height:50px;
    display: inline-block;
    }

/* -- Body -- */    
    
div#wrap {
background-color:#505050;
-moz-min-width:1229px;
-ms-min-width:1229px;
-o-min-width:1229px;
-webkit-min-width:1229px;
min-width:1229px;
min-height:100%;
padding:0 2%;
-ms-background-clip:content-box;
background-clip:content-box;
margin-top:-76px; /* Adjusts the wrap to accommodate the header */
}

div#main
    {
	font-style:normal;
	min-height:372px;
    padding-bottom:30px; /* Adds space between footer and main */
    padding-top:76px; /* Adds space for header */
	}

/* -- Footer -- */
div#footer
{
background: #353535;
font-weight: 400;
height: 20px;
width: 100%;
margin-top: -20px;
}
    
    div#footer-center
    {
    text-align: center;
    margin: 0 auto;
    width: 22em;
    }