/* CSS Document */

/*--- CSS Document ---*/

/* Christmas site created by Karalee Dickerson for final project in CIM 272, Fall 2011 */

/* I started with Tomoko Yokoyama's site because her code was clean and well organized. */

/*Her fixed navigation on the left side looked good, and I decided to go with the same idea. */

/*All the artwork was created using license-free vector art and scatter brushes.*/

/*I created the snowflake background in Adobe Photoshop. */

/*I added CIM class names to the gifts and created the banner art in Adobe Illustrator.*/

/* The snowman was created from free vector art and formatted Adobe Fireworks*/



body {

	background-image: url(backgroundlitesnow.jpg);

	background-repeat: repeat;

	background-position: top;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	position:relative;

}



/*--- pageHeader ---*/

header, div#pageHeader {

	background-image: url(Snowman.png);

	background-repeat: no-repeat;

	float: left;

	min-width: 150px;

	position: fixed; left: 5px; top:180px;

	margin-left: 10px;

	margin-top: 10px;

	padding-top: 200px;

	clear: right;

}



a.utilityLink, a.globalLink{

	display: block;

	text-align: left;

	color: #FFFFFF;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	text-decoration: none;

	margin-top: 15px;

	padding-left: 30px;

	padding-top: 6px;

	padding-bottom: 6px;

	background-image: url(navblock.jpg);

	background-repeat: no-repeat;

	background-position: left;

	-moz-border-radius: 4px;

	-webkit-border-radius: 6px;

}



a.utilityLink:hover, a.globalLink:hover{

	color: #C1282D;

	font-weight: bold;

	}





/* pageBody */

td.feature {

	text-align: center;

}



td.feature h3 {

	color: #C1282D;

	line-height: 35px;

	background-image:url(h3background.jpg);

	background-repeat: no-repeat;

}



td.story{ 

    padding: 5px;

}

table{ 

    border-collapse: collapse;



}

th,td{

	border: 1px solid #0FBC11;

	background-color: #FFF;

}



div#pageBody { 

	width:810px;

	margin-right: auto;

	margin-left: 170px;

	overflow: auto;

}



div#pageName {

	background-image: url(finalbanner.jpg);

	min-width: 810px;

	height:160px;

	background-repeat: no-repeat;

	text-align:center;

	color: #C1282D;

	}



div#navLocal{

	margin-top: 8px;

	margin-bottom: 3px;

}



div#navLocal a.localLink {

	color: #FFF;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	text-decoration: none;

	display: inline-block;

	background-image: url(navbutton.jpg);

	background-repeat: repeat-x;

	padding: 8px;

	margin-right: 4px;

	-moz-border-radius: 6px 6px 6px 6px;

	-webkit-border-radius: 6px;

}



div#navLocal a.localLink:hover {

	color: #C1282D;

	font-weight: bold;

	background-image: url(navbutton.jpg);

    background-repeat: repeat-x;

}



body#assignment a#localAssignment,

body#index #navLocal a#localIndex,

body#project a#localProject,

body#schedule a#localSchedule,

body#syllabus a#localSyllabus {

    background-image: url(navbutton.jpg);

    background-repeat: repeat-x;

	color: #C1282D;

	}



div#pageContent{

	background-color: #FFF;

    border: 3px solid #0FBC11;

	margin: auto;

}



div#pageContent a {

	color: #C1282D;

	text-decoration: underline;

}



div#pageContent a:hover {

	color: #C1282D;

	font-weight: bold;

	text-decoration: underline;

}

div#pageContent table tr td.story#storyMain div.storyHeader a{

	text-decoration: none;

}

div#pageContent table tr td.story#storyMain div.storyHeader a:hover {

	text-decoration: underline;

}

div#pageContent table tr td.story#story div.storyHeader p a{

	text-decoration: none;

}

div#pageContent table tr td.story#story div.storyHeader p a:hover {

	text-decoration: underline;

}

div#pageContent table tr td.story div.storyHeader a{

	text-decoration: none;

}

div#pageContent table tr td.story div.storyHeader a:hover {

	text-decoration: underline;

}



div.storyHeader {

	color: #FFF;

	background-color: #0FBC11;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-right: 5px;

	margin-left: 5px;

	font-size: 14px;

	font-weight: bold;

	-moz-border-radius-topleft: 6px;

	-moz-border-radius-topright: 6px;

	-webkit-border-top-left-radius: 6px;

	-webkit-border-top-right-radius: 6px;

}

div.storyBody {

	border-right: thin solid #0FBC11;

	border-bottom: thin solid #0FBC11;

	border-left: thin solid #0FBC11;

	margin-bottom: 5px;

	padding: 5px 8px 5px 10px;

	margin: 0 5px;

}



td.storyLeft.story div.storyHeader a {

    color: #C1282D;

	text-decoration: none;

}

td.storyLeft.story div.storyHeader a:hover {

	color: #C1282D;

	text-decoration: underline;

}

td.storyRight.story div.storyHeader a {

    color: #C1282D;

	text-decoration: none;

}

td.storyRight.story div.storyHeader a:hover {

	color: #C1282D;

	text-decoration: underline;

}

/*--- pageFooter ---*/

footer, div#pageFooter {

    clear: left;

	margin-top: 5px;

	margin-left: 170px;

	margin-right:30px;

	width: 810px;

	padding: 10px 0;

	border: 2px solid #0FBC11;

	background-color: #fff;

	background-image:url(h3background.jpg);

	background-repeat: no-repeat;

    text-align: center;

	font-family: Verdana, Geneva, sans-serif;

	font-weight: bold;

	font-size: 10px;

}



div#footerCounter {

	margin-top: 8px;

}



/*--- index ---*/

#index table th,td{

	border: none;

}



#index td.feature a{

	display: block;

}

a {

	color: #C1282D;

}



#index h3{

	font-size: 16px;

}

#index td#book {

	text-align: center;

	padding-bottom: 10px;

}



#index td.story#storyMain{

	padding-top: 10px;

}



#index td.story{

	padding: 0 5px 10px 5px;

}

/*--- assignment ---*/

#assignment div#pageContent{

	border: 2px solid #0FBC11;

}



#assignment table td,th{

	border: 1px solid #0FBC11;

}



#assignment table tr th.description{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	background-color: #FFF;

}



#assignment table tr th.date, th.number{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}



#assignment table td.feature {

	background-color: #FFC;

	font-weight: bold;

	padding: 6px 0;

}



#assignment table td.number,td.description {

	padding: 2px 6px 2px 6px;

}



#assignment table td.date {

	padding: 0 4px;

	min-width: 80px;

	text-align: center;

	display: table-cell;

}

#assignment table h3{

	font-size: 14px;

}



/*--- syllabus ---*/

#syllabusHeader{

	text-align: center;

	margin-bottom: 8px;

}

#syllabusHeader h3.feature,h4.feature{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}

#syllabus table{

	max-width: 660px;

	text-align: left;

	margin: 5px auto;

}

#syllabus table td{

	border: #0FBC11 solid 1px;

	padding: 5px 5px;

}



#syllabus table td.blank {

	width: 0px;

	max-width: 0px;

	display: none;

}

#syllabus table tr td.number {

	background-color: #FFC;

}

#syllabus div.story{

	margin: 0 5px 10px 5px;

}



/*--- project ---*/

#project div.story#storyMain {

	margin: 6px;

}



/*--- schedule ---*/

#schedule table{

	text-align: center;

	margin: 10px auto;

}

#schedule table tr td,th{

	border: 1px solid #0FBC11;

}

#schedule table th.date ,td.date{

	width: 0;

	display: none;

}

#schedule table td.feature{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	padding: 5px 0;

	border: none;

}

#schedule table th.number,th.description {

	background-color: #FFC;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	padding: 6px 8px;

}

#schedule table td.number,td.description{

	padding: 3px 6px;

}