@charset "UTF-8";

* { margin:0; padding:0; }

@font-face { 
	font-family: "Belle"; 
	src: url(fonts/belle.ttf) format("truetype"); 
}

/* Global Styles */

body {
	background:url(../images/bg.gif) repeat-x #f8f8f8;
	color:#d7d7d7;
	font-family:"Belle","Comic Sans MS", cursive;
	font-size:25px;
	line-height:27px;
}

a { font-size: 25px; color: #d7d7d7; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #D7D7D7; }
a:hover { background:url(../images/underline-small.png) no-repeat bottom; color: #D7D7D7; }
a:active { text-decoration: none; color: #D7D7D7; }

  ul { list-style-type:none; }
  li {margin-bottom:6px; }

h1 {
	font-family:"Belle","Comic Sans MS", cursive;
	font-size:28px;
	text-transform:uppercase;
	font-weight:normal;
}

h2 {
	font-size:30px;
}

h3 {
	font-family:"Belle","Comic Sans MS", cursive;
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
}

h4 {
	font-family:"Comic Sans MS", cursive;
	font-size:18px;
}

h5 { font-size:14px; }
h6 { font-size:12px; }

.top20 { margin-top:20px; }
.top10 { margin-top:10px; }

img { border:none; }

#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:75px;
}

/* BlackBoard */
#blackboardPlaceholder {
	background:url(../images/blackboard.png) no-repeat;
	width:924px;
	height:599px;
	margin:0 auto;
	padding:14px 0 75px 14px;
}

/* Content Placeholder */
#content {
	width:807px;
	height:420px;
	margin-top:125px;
	padding:0 45px 0 45px;
}


/* Navigation Styles */

#nav {
	background:url(../images/underline.png) no-repeat;
	width:610px;
	height:80px;
	padding:15px 0 0 25px;
	float:left;
}

#nav li { display:inline; }
#nav img { border:none; }

#news:hover { background:url(../images/nav/news-over.png) no-repeat; }
#news.active { background:url(../images/nav/news-over.png) no-repeat; }
#portfolio:hover { background:url(../images/nav/portfolio-over.png) no-repeat; }
#portfolio.active { background:url(../images/nav/portfolio-over.png) no-repeat; }
#blog:hover { background:url(../images/nav/blog-over.png) no-repeat; }
#blog.active { background:url(../images/nav/blog-over.png) no-repeat; }
#contact:hover { background:url(../images/nav/contact-over.png) no-repeat; }
#contact.active { background:url(../images/nav/contact-over.png) no-repeat; }


/* Logo Styles */

#logo {
	width:166px;
	height:189px;
	float:right;
	margin:33px 44px 0 0;
}

#logo a {
	text-decoration:none;
	background-position:-9999px;
}


/* Home Styles */

#welcomeSign {
	position:absolute;
	right:77px;
	width:203px;
	height:265px;
	top:375px;
}

.welcomeUnderline { margin:2px 0 0 -20px; }


/* News Styles */

#newspaperBoy {
	position:absolute;
	right:44px;
	width:203px;
	height:228px;
	top:381px;
}

#news-underline { margin:2px 0 0 -20px; }
#news-image { margin:10px 10px 0 0; }
.newsSub { font-size:15px; }


/* Blog Styles */

#blogButtons {
	position:absolute;
	right:38px;
	width:147px;
	height:290px;
	top:327px;
}

#blog-underline { margin:2px 0 12px -20px; }


/* Portfolio Styles */

#portfolioLeft {
	width:215px;
	float:left;
}

#portfolioRight {
	float:left;
	position:absolute;
	left: 328px;
	top: 216px;
}

#portfolio-underline { margin:2px 0 12px -20px; }


/* Contact Styles */

#contactLeft { width:215px; float:left; }
#contactLeft li { font-size:23px; }

#globe {
	width:395px;
	height:396px;
	margin:-26px 0 0 59px;
}

#contactRight { float:left; }