@font-face {
    font-family: "Delicious";
    src: url("delicious-roman.otf");
}

@font-face {
    font-family: "Delicious";
    font-weight: bold;
    src: url("delicious-bold.otf");
}

body{
    font-family:Helvetica, Arial,sans-serif;
}

ul, li{
    margin:0;
    padding:0;
}

#siteContainer{
    width:456px;
    margin:0 auto;
    float:none;
}

h1{
    width:100%;
    float:left;
    margin-bottom:3px;
}

div#header{
    float:left;
    width:100%;
    height:79px;
    margin-bottom:15px;
}

div#header a{
    float:left;
    margin:24px 0 0 0;
}

a#darkTheme{
    text-decoration:none;
    color:#fff;
}

a{
	text-decoration:underline;
	font-style:normal;
	font-family:Helvetica, Arial,sans-serif;
	color:#949494;
}

a:hover{
	color:#CCCCCC;
}

h1 a, span.proj_title{
	font-family:'Oswald', Arial,sans-serif;
}

a img{
	border:medium none;
}

div#content{
    float:left;
    width:100%;
    position:relative;
    z-index:2;
}

ul#menu{
    float:left;
    width:100%;
    height:42px;
    border-top:solid #666 2px;
    border-bottom:solid #666 1px;
}

ul#menu li{
	float: left;
    line-height: 39px;
    list-style-type: none;
    padding: 0 27px;
    text-align: center;
    /*border-right:dotted #ccc 1px;
     * width:25%;*/
}

ul#menu li a{
    color: #333333;
    font-family: 'Delicious',arial,serif;
    font-weight: bold;
    padding: 16px 0;
    text-decoration: none;
}

ul#menu li a:hover{
    background-image:url(../images/hoverTriangle.png);
    background-repeat:no-repeat;
    background-position:center 38px;
    text-decoration:underline;
}

ul#menu li.active{
    background-image:url(../images/hoverTriangle.png);
    background-repeat:no-repeat;
    background-position:center 36px;
}

ul#menu li:hover ul#coursesMenu{
    display:block;
}

ul#coursesMenu{
    float:left;
    width:97px;
    margin:42px -97px 0 -7px;
    position:relative;
    z-index:3;
    border:solid #666 1px;
    background-color:#fff;
    display:none;
}

ul#coursesMenu li{
    float:left;
    line-height:17px;
    border:none;
}

ul#coursesMenu li a{
    padding:0 20px;
}

div#menu_title{
    font-weight:bold;
    margin-bottom:15px;
}

div#site_title{
    position:relative;
    top:-35px;
}

div#title_container{
    font-size:120px;
    font-family:Helvetica, Arial,sans-serif;
    width:825px;
    height:75px;
    overflow:hidden;
    float:left;
}

.projpic{
	margin:7px 0;
}

.caption{
	font-size:80%;
	font-style:italic;
	display:block;
	margin-top:5px;
	border-top:solid black 1px;
}
/*----------------*/

#constructionContainer{
	position: relative;
    top: -99px;
}

#construction{
	font-family: 'Cabin Sketch', serif;
	font-size: 30px;
	color:#FFF;
	position:relative;
	width:280px;
	height:120px;
	left:-350px;
	top:120px;
	padding:10px 12px;
	text-align:center;
	margin-bottom:-140px;
	text-shadow: #2187c8 0 -1px 1px;/*gives an embossed feel*/
	border-radius: 15px 4px 15px 4px;/*drop shape*/
	
	background-image:-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#33acfc), to(#3198dd));
    background-image: -moz-linear-gradient(top,#33acfc,#3198dd);;
    background-image: -o-linear-gradient(#33acfc,#3198dd);;
}