/* CSS Document */

/* ********************************* */

/*                                   */

/* CSS FILE FOR CIM272A PROJECT      */

/*  Created by: Amr Fahim            */

/*  Date: Feb 29, 2012				 */

/*  NOTE:  This style was inspired   */

/*    by the "Notepad" App on the    */

/*    iPhone.                        */

/*									 */

/* ********************************* */



a {

	color: #F00;

	text-decoration:none;

}



.story {

	margin: 20px;

	border-right-width: medium;

	border-bottom-width: medium;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #630;

	border-bottom-color: #630;

	border-top-width: thin;

	border-left-width: thin;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #630;

	border-left-color: #630;

	background-repeat: repeat-x;

	vertical-align:top;

}



div#pageBody { 

	margin: 0;

}



div.storyHeader {

	color: #CCC;

	font-weight: bold;

	padding: 10px;

	background: #630;

}



td.feature {

	padding-top: 0;

}



div.storyBody {

	padding: 10px;

	font-weight: normal;

}



#navLocal a.localLink {

	color: #00F;

	display: inline-block;

	border-right-style: solid;

	border-right-color: #FFF;

	padding-right: 5px;

} 



@font-face { font-family: "freehand"; src: URL( 'tr_freehand591.otf' ); }



body {

	background-image: url(vertical_bkgrd.gif);	

	background-repeat: repeat-y;

	margin-top: 50px;

	margin-left: 130px;

	font-family: "freehand";

	font-size: 122%;

	background-color: #999; 

	padding: 0; 	

}



div#pageContent { 

	background-color: #FFA;	

	padding-bottom:2em;

	background-image: url(body_bkgrd.gif);

}



footer, div#pageFooter {

	color: #333333;

	text-align: center;

	margin-top: -2em;

	margin-right: 1em;

	margin-left: 1em;

	border-top-width: medium;

	border-top-style: ridge;

	border-top-color: #333333;

	background-color:#FF0;

	border-right-width: thick;

	border-bottom-width: thick;

	border-left-width: medium;

	border-right-style: outset;

	border-bottom-style: outset;

	border-left-style: outset;

	border-right-color: #630;

	border-bottom-color: #630;

	border-left-color: #630;

	font-size: smaller;

}



footer, div#pageFooter a {

	color:#F00;

	text-decoration:none;

	margin-right: 5px;

	padding-right: 5px;

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #666;

}



footer, div#pageFooter a:hover {

	background-repeat: no-repeat;

	background-position: center;

	background-color: #FFF;

	background-size: 100%;

	background-image: url(pencil.gif);

}



div#navLocal {

	font-size: larger;

	height: 50px;

	

	/* CSS3 Gradient */

	background: #000000; /* Old browsers */

	background: -moz-linear-gradient(top,  #000000 0%, #663300 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#663300)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #000000 0%,#663300 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #000000 0%,#663300 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #000000 0%,#663300 100%); /* IE10+ */

	background: linear-gradient(top,  #000000 0%,#663300 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#663300',GradientType=0 ); /* IE6-9 */

	

}





header, div#pageHeader {

	margin-left: -125px;

	width: 100px;

	background-color:#FF0;

	float: left;

	margin-top: 115px;

	/* CSS3 round borders */

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: thin outset #630;

}



a.utilityLink, a.globalLink {

	display: block;

	border-bottom-width: medium;

	border-bottom-style: groove;

	border-bottom-color: #999999;

	text-decoration:none;

	color: #333;

}



a.globalLink#globalOfficeHours {

	display: block;

	border-bottom-style: none;

	text-decoration:none;

	color: #333;

}



a.localLink {

	text-decoration:none;

	color: #333;

}



td.feature a.localLink {

	border-right-width: thin;

	border-right-style: solid;

	border-right-color: #630;

	display: inline;

	padding-right: 5px;

	padding-left: 5px;

}





a.localLink#localSample, a.localLink#localTest {

	color:#F00;

	text-decoration:none;

}



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

	display: block;

	background-repeat: no-repeat;

	background-position: center;

	background-color: #FFF;

	background-size: 100%;

	background-image: url(pencil.gif);

}



div#navLocal a.localLink {

	text-decoration:none;

	color:#CCC;

}



div#navLocal a.localLink#localSample, div#navLocal a.localLink#localTest, div.storyHeader a {

	color:#FF0;

	text-decoration:none;

}





div#pageName {

	text-align: center;

	height: 50px;

	background-image: url(vertical_bkgrd.gif);

	background-repeat:no-repeat;

	background-color: #000000;

	font-size: larger;

	color: #FFF;

	font-weight: bold;

	margin-left: -130px;

	margin-top: -50px;

	filter: Mask(Color=#000);

}