/* CSS Document */
/**********************************\
/*** Created by Richard Freeman ***\
/***     Saddleback College     ***\
/***         Fall  2010         ***\
/***          CIM 272           ***\
/**********************************/

/* RESET ALL CSS TO DEFAULT FOR ALL BROWSERS */
 @import url("//www.saddleback.edu/faculty/tdedonno/library/normalize.css" ); 
 /* was meyers reset.css"); */

@font-face {
  font-family: 'Optimus';
  src: url(OptimusPrinceps.eot);
  src: local('Optimus'), local('Optimus'), 
         url(OptimusPrinceps.ttf) format('truetype');
}
@font-face {
  font-family: 'custom';
  src: url(LCALLIG.eot);
  src: local('LCALLIG'), local('LCALLIG'), 
         url(LCALLIG.TTF) format('truetype');
}
/*MAKE V-SCROLL BAR APPEAR ALWAYS TO PREVENT PAGE JUMP*/
html {
   	/* overflow-y: scroll; */
	/*overflow-y: auto;
	overflow-x: auto;
	overflow:scroll; */
}

body {
	margin: 0;
	padding-top: 8px;
	background: url(sideBanner.jpg) no-repeat fixed;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	/* ptd top: 0px;
	position: fixed;
	overflow:scroll; */
}

/*SET THE DEFAULT LINK ATTRIBUTES*/
a {
	color:#000;
	text-decoration:underline;
	font-weight: lighter;
	outline:none;
}

a:link {
	color:#000;
	text-decoration:underline;
	font-weight: lighter;
}
a:visited {
	color:#000;
	text-decoration:underline;
	font-weight: lighter;
}
a:hover {
	color:#FFC36B;
	text-shadow: -1px -1px 4px #000, 0px 0px 6px #000, 1px 1px 8px #000;
}

/*HAVE DIFFERENT HEADER IMAGE FOR EACH CLASS*/
#pageHeader { /*DEFAULT INCASE CLASS NAME CHANGES*/
	background-image: url(headerImage.jpg);
	background-repeat: no-repeat;
	background-color:#FFF;
	height: 90px;		
}
.cim298  #pageHeader { background-image: url(cim298.jpg);  }
.cs1b 	 #pageHeader { background-image: url(cs1b.jpg);    }
.cim225  #pageHeader { background-image: url(cim225.jpg);  }
.cim205a #pageHeader { background-image: url(cim205a.jpg); }
.cim281  #pageHeader { background-image: url(cim281.jpg);  }
.cs4a 	 #pageHeader { background-image: url(cs4a.jpg);    }
.cs4b 	 #pageHeader { background-image: url(cs4b.jpg);    }
.cim264a #pageHeader { background-image: url(cim264a.jpg); }
.cim264b #pageHeader { background-image: url(cim264b.jpg); }
.cim7a 	 #pageHeader { background-image: url(cim7a.jpg);   }

/*GLOBAL MENU SETTINGS*/
#globalLink .globalLink, #navUtility .utilityLink, #globalLink .globalLink a, #navUtility .utilityLink a {
	position: relative;	
	font-size:0.7em;
	display:inline;
	float:right;
	-webkit-box-shadow: #000 2px 2px 6px 1px;
	-moz-box-shadow: #000 2px 2px 6px 1px;
	box-shadow: #000 2px 2px 6px 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 4px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-variant: small-caps;
	text-decoration: none;
	border: 1px solid #000;
	background-image: url(tan_tile.jpg);
	background-repeat: repeat-x;
	margin-top:67px;
	text-align: center;
	behavior: url(../PIE/PIE.htc);
}
#globalLink .globalLink:hover, #navUtility .utilityLink:hover, #globalLink .globalLink a:hover, #navUtility .utilityLink a:hover {
	color:#FFF;
	background-image: url(blue_tile.jpg);
	background-repeat: repeat-x;
}

/*LOCAL MENU SETTINGS*/
#navLocal .localLink, .localLink a {
	position: relative;
	overflow: hidden;
	font-size:0.7em;
	color:#000;
	display:inline;
	margin-right: 0px;
	margin-left: 5px;
	margin-top:5px;
	margin-bottom:4px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-variant: small-caps;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000;
	background-image: url(tan_tile.jpg);
	background-repeat: repeat-x;
	-webkit-box-shadow: #000 2px 2px 6px 1px;
	-moz-box-shadow: #000 2px 2px 6px 1px;
	box-shadow: #000 2px 2px 6px 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../PIE/PIE.htc);
}
#navLocal .localLink:hover, .localLink a:hover {
	color:#FFF;
	background-image: url(blue_tile.jpg);
	background-repeat: repeat-x;
}

/*HIDE THE EXTRA MENU FROM VIEW*/
#indexTable .localLink, #indexTable .localLink a {
	display:none;
	visibility:hidden;
}

/*PAGEHEADER AND PAGEBODY SETTINGS*/
#pageHeader, #pageBody {
	position: relative;
	max-width: 1200px;
	min-width:750px;
	width: 79%;
	margin-left:188px;
	margin-bottom:6px;
	margin-right: 15px;
	margin-top:0;
	background-color:#588CBE;
	border:3px ridge black;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #000 0 0 1em 1px;
	-moz-box-shadow: #000 0 0 1em 1px;
	box-shadow: #000 0 0 1em 1px;
	behavior: url(../PIE/PIE.htc);
}

/*PAGE FOOTER SETTINGS*/
#pageFooter {
	position:relative;
	max-width: 1200px;
	min-width:750px;
	width:79%;
	margin-left:188px;
	margin-right:15px;
	margin-bottom:6px;
	margin-top:8px;
	font-size: .8em;
	font-weight: lighter;
	font-variant: small-caps;
	text-decoration: none;
	text-align:center;	
}
#pageFooter a {
	text-decoration: none;
	color:#1D4D7C;
	
}

/*PAGE NAME SETTINGS*/
#pageName {
	font-family:custom;
	width:700px;
	font-size:2em;
	background-color:#588EBC;
	color:#000;
	text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #444444;
	margin-left: 5px;
	line-height: 1.5em;
}	

/*WHICH PAGE ARE WE ON*/
/*HIGHLIGHTS THE LOCAL MENU BUTTON FOR THE CURRENT PAGE*/
body#index a#localIndex,
body#assignment a#localAssignment,
body#project a#localProject,
body#schedule a#localSchedule,
body#syllabus a#localSyllabus
{
	color:#FFF;
	text-shadow: 0 0 .1em black, 0 0 .3em black, 0 0 .5em black;
	background-image: url(ltBlue_tile.jpg);
	background-repeat: repeat-x;
}

/*PAGECONTENT SETTINGS*/
#pageContent {
	position:relative;
	min-height:450px;
	margin:5px;
	margin-top:10px;
	padding:5px;
	border:1px solid #000;
	background-color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../PIE/PIE.htc); /* ptd not changing the scroll bar policy */
}

#indexTable tr td.feature {
	vertical-align: middle;
	padding: 8px;
}
#indexTable .feature h3 {
	/* font-variant: small-caps; */
	font-size:1.2em;
	color:#1D4D7C;
	margin-top: 8px;
	margin-bottom: 8px;
}
#indexTable .feature p {
	/* font-variant: small-caps; */
	font-size:1.6em;
	color:#1D4D7C;
	text-align:center;
	line-height: 1.6em;
}

#book {
	text-align:center;
	padding:8px;
	background-color:#588CBE;
	border:1px solid #000;
	background-image: url(bluewave3.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

.storyHeader  {
	border:1px solid black;
	padding:3px;
	font-size:1em;
	background-color:#588EBC;
	color:#FFF;
	text-shadow: 0 0 .1em black, 0 0 .3em black, 0 0 .5em black;
	/*font-variant: small-caps; */
	margin: 0px;
	margin-top: 8px;
}
.storyHeader a {/*CAN'T USE DEFAULT LINK SETTINGS*/
	color:#FFF;
	text-shadow: 0 0 .1em black, 0 0 .3em black, 0 0 .5em black;
}
.storyHeader a:hover {
	color:#000;
	text-shadow: 0 0 .2em black, 0 0 .4em yellow, 0 0 .6em red;
	text-decoration: none;
}
.storyBody ul {
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.5em;
	letter-spacing: .1em;
}

.storyBody {
	text-align:justify;
	padding: 8px;
}
#index .storyBody p:first-letter, #index .storyBody:first-letter {
	color:#588CBE;
	/*OUTLINE*/
	text-shadow: 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000, /*SHADOW*/4px 4px 8px #000;

	font-size: 2.5em;
	line-height: .5em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;	
	margin-right:3px;
}
.storyLeft .storyHeader ,.storyRight .storyHeader{
	border: 1px solid #000;
	vertical-align: top;
	margin: 3px;
}
#indexTable .storyLeft, #indexTable .storyRight {
	border: 1px solid #333;
	margin: 5px;
}
#indexTable .story {
	vertical-align:top;	
}

.storyLeft .storyBody, .storyRight .storyBody {
	padding:8px;
	margin-top: -1px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}

/*ASSIGNMENT PAGE SPECIFIC CSS SETTINGS*/
#assignmentTable tr .feature {
	background-image: url(tan_tile50.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	font-size: 1.1em;
}
#assignmentTable  {
	border: 4px ridge #FFC36B;
	border-spacing:0;
}
#assignmentTable td.number, #assignmentTable td.date {
	vertical-align: middle;
}
#assignmentTable td.number , #assignmentTable td.date{
	background-color: #588CBE;
	border: 3px ridge #FFC36B;
	padding: 4px;
	text-align: center;
	background-image: url(bg-tall.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
}
#assignmentTable  td.description {
	border: 3px ridge #FFC36B;
	padding: 6px;
	padding-left:20px;
}
#assignmentTable .description h3 {
	font-size:1.1em;
	color: #1D4D7C;
	margin-top: -5px;
	margin-left:-15px;
	line-height: 2.5em;
}
#assignmentTable tr th{
	background-image: url(blue_tile35.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	font-size: 1.2em;
	line-height: 2em;
}
#assignmentTable tr th.date {
	width: 7em;
	text-align: center;
	font-size: 1em;
}
#assignmentTable tr td ul {
	line-height: 1.5em;
	margin-left: 15px;
	list-style-position: outside;
	list-style-type: circle;
}

/*PROJECT PAGE SPECIFIC CSS SETTINGS*/

#project ol.projectList {
	line-height: 1.5em;
	margin-left: 35px;
	list-style-position: outside;
	list-style-type: upper-alpha;
}
#project ol.projectList li a {
	color:#000;
	text-decoration:underline;
	font-weight: lighter;
}
#project ol.projectList li a:hover {
	color:#FFC36B;
	text-shadow: 0 0 .1em black, 0 0 .3em black, 0 0 .5em black;
	text-decoration: none;
}	
#project .storyBody:first-letter {
	color:#588CBE;
	text-shadow: 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
	font-size: 2.5em;
	line-height: .5em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;	
	margin-right:3px;
}

/*SCHEDULE PAGE SPECIFIC CSS SETTINGS*/
#schedule #scheduleTable {
	width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	border-spacing:0;
	border:none;
}

#scheduleTable tr:nth-child( 2n+1 ) { 
	background-color: #ccc; }
	
#schedule #scheduleTable td.feature {
	padding:8px;
	text-align:center;
	border: none;
}
#schedule #scheduleTable td.feature p {
	line-height:.3em;
	color:#1D4D7C;
	font-size:1.5em;
}
#schedule #scheduleTable th {
	text-align:center;
	color: #FFF;
	background-image: url(blue_tile.jpg);
	background-repeat: repeat-x;
	border: 3px ridge #FFC36B;
}

#schedule #scheduleTable th a {
	
	color: #FFF;
}

#schedule #scheduleTable tr td.number, #schedule #scheduleTable tr td.description {
	border: 3px ridge #FFC36B;	
}
#schedule #scheduleTable tr th.date, #schedule #scheduleTable tr td.date {
	display:none;	
}
#schedule #scheduleTable td.number {
	text-align:center;
	background-image: url(bg-tall.jpg);
	background-repeat: repeat-x;
	font-weight:bold;
	padding:5px;
}
#schedule #scheduleTable td.description {
	padding:5px;
}

/*SYLLABUS PAGE SPECIFIC CSS SETTINGS*/
#syllabus #syllabusHeader .feature {
	line-height:.3em;
	color:#1D4D7C;
	font-size:1.5em;
	text-align:center;
	font-weight:lighter;
}
#syllabus #syllabusHeaderTable {
	width:725px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border-spacing:0;
	border:none;
}
#syllabus #syllabusHeaderTable tr td {
	border: 3px ridge #FFC36B;
	padding:3px;
	font-size:.84em;
	
}
#syllabus #syllabusHeaderTable tr td.blank {
	display:none;	
}
#syllabus #syllabusHeaderTable td.number {
	background-image: url(bg-tall.jpg);
	background-repeat: repeat-x;
	font-weight:bold;
}
#syllabus .storyBody:first-letter {
	color:#588CBE;
	text-shadow: 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
	font-size: 2.5em;
	line-height: .5em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;	
	margin-right:3px;
}
#syllabus .storyBody ol {
	line-height: 1.5em;
	margin-left: 35px;
	list-style-position: outside;
	list-style-type: upper-alpha;
	width:80%;
}
#syllabus .storyBody ol li {
	margin-bottom:8px;	
}
#syllabus .storyBody ol li a {
	color:#000;
	text-decoration:underline;
	font-weight: lighter;
}
#syllabus .storyBody ol li a:hover {
	color:#FFC36B;
	text-shadow: 0 0 .1em black, 0 0 .3em black, 0 0 .5em black;
	text-decoration: none;
}	
#syllabus #syllabusGradingTable {
	width:350px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border-spacing:0;
	border:none;
	
}
#syllabus #syllabusGradingTable tr td {
	border: 3px ridge #FFC36B;
	padding:4px 12px 4px 12px;
	font-size:.84em;
	
}
#syllabus #syllabusGradingTable tr td.blank {
	width:25px;
	border:none;
}
#syllabus #syllabusGradingTable td.number, #syllabus #syllabusGradingTable td.description {
	background-color:#588CBE;
	font-weight:bold;
}
#syllabus #syllabusGradingTable td.number {
	text-align:center;	
}