/*
 * MACS Course Style Sheet
 *
 * Jonathan Senning <jonathan.senning@gordon.edu>
 * December 2007
 * Revised January 2009 to work better with Internet Explorer
 */

/**
 * Set defaults for HTML page
 */

body {
    margin:			0;
    padding:			0;
    text-align:			center;
    background-color:		rgb(232,232,230);
    color:			black;
    font-family:		Gotham, Arial, Verdana, sans-serif;
}

textarea {
    background-color:		rgb(230,240,255);
    font-size:			130%;
}

input {
    background-color:		rgb(240,240,200);
    font-size:			100%;
}

body tt, body pre, td tt, td pre {
    font-size:			130%;
}

pre, .code-block {
    font-family:		Courier, monospace;
    font-size:			90%;
    text-align:			left;
    background:			rgb(240,240,240); //rgb(220,230,240);
    color:			black;
    max-height:			300px;
/*    border:			1px inset; */
    border:			1px solid; // rgb(100,150,250);
    border-width:		1px 0;
    margin:			.5em 1em; 
    padding:			.2em 1em; 
    overflow:			auto;
}

code {
    font-family:		Courier, monospace;
    font-size:                  100%;
    background-color:           rgb(220,240,240);
/*    color:			rgb(42,80,60); */
}

#page {
    width:			900px;
    min-height:			450px;
    margin:			0 auto;
    padding:			10px 0;
    background-color:		white;
    color:			black;
    text-align:			left;
    position:			relative;
    border-style:		solid;
    border-width:		1px;
}

/**
 * Banner across top of page displays GC logo, course number and name,
 * department title, and semester.
 */

.banner {
    min-height:			100px;
    margin:			0 65px;
    padding:			10px 0;
    border-style:		solid;
    border-width:		0 0 4px 0;   /* bar at bottom of banner */
    border-color:		rgb(48,48,40);
    background-color:		transparent;
}

.banner h1 {
    line-height:		100%;
    color:			rgb(0,52,103);     /* dark dusky blue */
    padding:			0px 0px 0px 16px;
    margin:			0px 0px 20px 0px;
    background:			transparent;
    border-top:			none;
    border-bottom:		none;
    border-left:		none;
    border-right:		none;
    text-align:			left;
}

.banner h2 {
    line-height:		80%;
    color:			rgb(48,48,40);     /* dark grey */
    padding:			0px 0px 0px 16px;
    margin:			0px 0px 20px 0px;
    background:			transparent;
    border-top:			none;
    border-bottom:		none;
    border-left:		none;
    border-right:		none;
    text-align:			left;
}

.banner td {
    line-height:		90%;
    padding:			5px 0;
}

.banner img {
    border:			none;
}

.banner .logo
{
    background:			white;
    padding:			5px 5px;
    font-size:			16px;
    line-height:		105%;
    border-style:		solid;
    border-width:		1px;
    border-color:		rgb(48,48,40);
}

.banner .logotext {
    background-color:		rgb(0,52,103);
    color:			white;
    padding:			5px 5px;
    line-height:		110%;
    font-size:			14px;
    font-weight:		bold;
    font-style:			normal;
    border-style:		solid;
    border-width:		1px;
    border-color:		rgb(48,48,40);
}

.banner a {
    text-decoration:		none;
    color:			white;
}

/**
 * Navigation column is on left side of page, below header
 */

#nav_column {
    float:			left;
    width:			160px;
    margin:			0;
    padding:			20px 0 0 65px;
    overflow:			hidden;
}

#nav_column ul {
    list-style-type:		none;
    list-style-image:		none;
    font:			0.8em/1.2em Gotham,Arial,Verdana,sans-serif;
    padding:			0 0 15px 5px;
    margin:			0;
}

#nav_column ul li {
    padding:			0 0 5px 0;
    margin:			0;
    color:			rgb(150,0,0);
    font-weight:		bold;
}

#nav_column a {
    text-decoration:		none;
    color:			rgb(0,52,103);
    font-weight:		normal;
}

#nav_column a:hover {
    text-decoration:		underline;
}

/**
 * Content is the main part of page; everything below the header and to the 
 * right of the navigation bar.
 */

#content {
    width:			auto;
    margin:			0px 40px 0 205px;
    padding:			0 25px;
    border-style:		solid;
    border-width:		0 0 0 1px; 
    min-height:			290px;
}

#content h1 {
    color:			rgb(0,52,103);
    font-size:			x-large;
}

#content h2 {
    color:			rgb(0,52,103);
    font-size:			large;
}

#content h3 {
/*    color:			rgb(100,150,200);*/
    font-size:			medium;
/*    font-weight:		normal; */
}

#content table {
    width:			600px;
}

/**
 * Breadcrumbs are at top of content section.
 */

#breadcrumbs {
    font:			0.8em/1.2em Gotham,Arial,Verdana,sans-serif;
    padding:			0px;
}

#breadcrumbs a {
    text-decoration:		none;
    color:			rgb(0,52,103);
}

/**
 * Some pages do not use navigation bar and content area
 */

#stand_alone {
    width:			auto;
    margin:			0 60px;
    padding:			0;
}

/**
 * div id to offset exercises
 */

#exercise {
    width:			90%;
    margin:			10px 30px;
    padding:			5px 10px;
    background-color:		rgb(240,250,240);
    border-style:		solid;
    border-width:		1px;
    border-color:		black;
}

/**
 * Set desired size for superscripts and subscripts
 */

sub, sup {
    font-size:			65%;
}

/**
 * Variables should be in serif style, which necessitates a larger font size.
 */

var {
    font-family:		times new roman, georgia, serif;
    font-size:			120%;
}

b.var {
    font-family:		times new roman, georgia, serif;
    font-size:			120%;
}

/**
 * Tag external links with wiki-style external link symbol
 */

a.external {
    background:			url(images/external12x14.png) no-repeat 100% 0;
    padding:			0 15px 0 0;
}

/**
 * Tag PDF links with acrobat reader symbol
 */

a.pdf {
    background:                 url(images/pdfIcon.jpg) no-repeat 100% 0;
    padding:                    0 15px 0 0;
}

/**
 * Misc. stuff
 */

.input {
    color:			blue;
}

.alert {
    color:			red;
}

.grayed-out {
    color:			#cccccc;
}