/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}
 
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
fieldset,
img {
	border: 0;
}
 
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}
 
del,
ins {
	text-decoration: none;
}
 
li {
	list-style: none;
}
 
caption,
th {
	text-align: left;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
 
q:before,
q:after {
	content: '';
}
 
abbr,
acronym {
	border: 0;
	font-variant: normal;
}
 
sup {
	vertical-align: baseline;
}
 
sub {
	vertical-align: baseline;
}
 
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
 
input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
 
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}
 
/* The rest belongs to Harris Lapiroff */

html{
	height: 100%;
}
body{
	min-height: 100%;
	font: normal normal normal 12px/18px Palatino;
	background: #FFF url('graphics/airplane.png') top center repeat-x;
	padding-bottom: 18px;
}

del{
	text-decoration: line-through;
}

a{
	text-decoration: none;
	color: #047;
	-webkit-transition:color linear .15s;
}
a:hover{
	color: #660;
}

#all{
	width: 1000px;
	padding-top: 1px;
	margin: -1px auto 0 auto;
	position: relative;
}

#thinnav{
	display: none;
}

.thin #thinnav{
	display: block;
}
#thinnav a{
	width: 31%;
	float: left;
	margin-bottom: 18px;
	font-size: 14px;
	text-align: center;
}
#thinnav li:last-child a{
	float: right;
}
.thin #all{
	width: 400px;
}
.thin #canvas{
	width: 400px;
}
.thin .quote,.thin #masthead h2{
	display: none;
}
.thin #seek{
	position: static;
	width: auto;
	margin-top: -18px;
}
.thin #seek input{
	width: 100%;
}
.thin #masthead{
	height: auto;
}
.thin #sideBar{
	width: 382px;
	margin-bottom: 18px;
}
.thin #topBar{
	clear: both;
}

#masthead{
	height: 90px;
	text-align: left;
	margin: 18px 0 36px 0;
	position: relative;
}
#masthead h1{
	padding: 36px;
	text-align: center;
}
#masthead h2,#seek{
	position: absolute;
	top: 18px;
	left: 0;
	width: 182px;
	padding: 8px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #444;
}
#masthead h2{
	text-transform: uppercase;
	letter-spacing: .1em;
}
#seek{
	left: auto;
	right: 0;
}
#seek label{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
	display: block;
}
#seek input{
	width: 182px;
}

#topBar{
	background-color: #058;
	height: 108px;
	text-align: center;
	overflow: hidden;
}
#topBar a,#topBar b{
	background-color: #058;
	display: block;
	color: #FFF;
	height: 90px;
	padding: 9px;
	text-decoration: none;
	-webkit-transition:linear background-color .25s;
	font-weight: normal;
}
#topBar a:hover{
	background-color: #035;
}
#topBar .module{
	width: 200px;
	float: left;
}
#topBar .b{
	display: block;
}
#topBar .b.t{
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 11px;
	border-bottom: 1px solid rgba(255,255,255,.35);
	margin-bottom: 6px;
	padding-bottom: 2px;
}

#canvas{
	width: 800px;
	float: left;
	min-height: 400px;
}
#canvas .module{
	width: 382px;
	padding: 9px 9px;
	margin: 18px 0;
	float: left;
}
#canvas h3,#sideBar h3{
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 8px;
	margin-bottom: 9px;
}
#canvas .module h3{
	position: relative;
}
#canvas h4, #sideBar h4{
	font-weight: bold;
	font-size: 14px;
}

#sideBar{
	width: 182px;
	padding: 27px 9px;
	float: left;
	background-color: #EEE;
	}

/* bitties */

.turndown{
	margin-top: 2px;
	width: 12px;
	height: 12px;
	background: transparent url(graphics/turndown.png) left top no-repeat;
	margin-right: 5px;
	text-indent: -9999px;
	float: left;
}
.turndown:hover{
	background-position: left center;
}
.turndown:active{
	background-position: left bottom;
}
.turndown.down{
	background-position: right top;
}
.turndown.down:hover{
	background-position: right center;
}
.turndown.down:active{
	background-position: right bottom;
}

.item{
	border-bottom: 1px solid #CCC;
	clear: both;
	margin-bottom: 8px;
	overflow: hidden;
}
#canvas p, #sideBar p{
	margin-bottom: 18px;
}
#canvas p:last-child,#sideBar p:last-child{
	margin-bottom: 9px;
}
/* MODULES! */

/* bulletin board */

#sideBar form{
	padding: 5px;
}
#sideBar form input, #sideBar form textarea{
	display: block;
	width: 100%;
	margin: 5px -5px;
	padding: 0;
	border: 1px solid #CCC;
	padding: 4px;
}
#sideBar form button{
	padding: 10px;
	width: 100%;
	margin: 5px -5px;
}

/* classifieds */
.email_image{
	display: block;
	padding-bottom: 4px; /* images are 14px high, so this keeps vertical rhythm at 18px */
}
.right{
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* apollo */
.apollo{
	overflow: hidden;
}
.apollo .title{
	font-size: 16px;
	line-height: 24px;
}
.moviebull{
	opacity:.6;
}
.moviebull.active{
	opacity: 1;
}

/* Weather */

.weather{
	text-shadow: 2px 2px 0 rgba(0,0,0,.35);
}
.weather .conditions{
	font-size: 18px;
	line-height: 27px;
	font-style: italic;
}
.weather .temperature{
	font-size: 56px;
	line-height: 72px;
}
.weather .deg{
	font-size: .5em;
}

/* Feve */

.day{
	font-size: 18px;
	font-style: italic;
	line-height: 27px;
}

/* Quote */
.quote img{
	margin:-9px;
	opacity:.75;
	-webkit-transition:opacity linear .25s;
}
.quote a:hover img{
	opacity:1;
}

/* Academic Date */

.academic_date .event{
	font-size: 14px;
}

/* bulletins */

.author{
	color: #666;
	font-size: 11px;
}
#sideBar p.message{
	margin-bottom: 0;
}

.titleBar{
	position: relative;
}
.postbutton{
	width: 16px;
	height: 16px;
	background: transparent url(graphics/add.png) left top no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: -1px;
	right: 2px;
}
.postbutton:hover{
	background-position: left center;
}
.postbutton:active{
	background-position: left bottom;
}
#sideBar form{
	display: block;
	margin-bottom: 9px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
}

/* Footer */

#footer{
	clear: both;
	margin: 18px;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #444;
}

/* inside page */
#textContent{
	width: 400px;
	margin: 0 auto;
	font-size: 14px;
}
#textContent h1,#textContent h2,#textContent h3,#textContent h4,#textContent p{
	margin-bottom: 18px;
}
#textContent h2{
	font-size: 18px;
}
#textContent acronym{
	font-size: 12px;
	letter-spacing: .1em;
}

/* OCTOBERLIN */

#octoberlin{
	margin: 10px 15px -20px 5px;
}