/**
* CSS
* 
* @author AUAN 
* @author Jonathon Toon
*/

@import "tumblrbadge.css";
@import "resources.css";
@import "info.css";

* {
	margin: 0;
	padding: 0;
}

#name {
	position:relative;
	top:60px;
	text-align:right;
}

#name span {
	color: #25c0f1;
}

#sub-menu {
	margin-top:80px;
	margin-bottom: 30px;
	text-align: right;
}

#sub-menu ul {
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	
}

#sub-menu li {
	display:inline;
	padding-left:16px;
/*	padding-right:8px;*/
}

#sub-menu a.active {
	color: #25c0f1;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;
	color: #666666; 
}

body.section-1 {
	height:0px;
}
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #666666; }
a:active { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menucontainer {
	width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background: #fff;
}

#menu {
    /*overflow: auto;*/
    top: 20px;
    bottom: 0;
	left: 20px;
    position: fixed;	
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;	
}

#menu ul li {
	padding-top:3px;
}

#menu ul li.active a {
	color: #25c0f1;
}

#menu ul li.section-title {
	color: #25c0f1;
	padding-bottom:3px;
}

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
}

/*Affects tumblrbadge width, sub-menu position.*/

html>body #content .container {
	*width: 640px;
}

#content .container {
	width: 620px;
	width /*\**/: 636px;
}

@-moz-document url-prefix() { 
#content .container {
	width: 590px;
}
} 


@media screen and (-webkit-min-device-pixel-ratio:0) {

#content .container {
	width: 637px;
}

}

#content p { width: 500px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{
	margin: 0; 
	padding: 0; 
	/*width:650px;*/ 
	clear: right;
}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#tweet {
  width:150px;
}

.status {
 color:#000000;
}

/*142 Gallery Only*/
.bluebits {
	color: #25c0f1;
}

#nameLabel {
	float: left;
}

#javaDiv {
	margin-top: 20px;
	margin-bottom: 10px;
}

#javaContainer {
	width: 500px;
}




/* Styles that control content on the "staff" page */

#staff-menu {
	margin-top:80px;
	margin-bottom: 30px;
	text-align: right;
}

#staff-menu ul {
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#staff-menu li {
	display:inline;
	padding-left:16px;
/*	padding-right:8px;*/
}

#staff-menu a.active {
	color: #25c0f1;
}

#staff {
	padding-top:10px;
}

#staff p span {
	color:#24c0f1;
}

#staff a:link {
	text-decoration: underline; 
}

#staff a:visited { 
	text-decoration: underline; 
}

#staff a:hover { 
	text-decoration: none;  
}

#staff a:active { 
	text-decoration: underline;  
}

#staff {

}

#staff-content {
	float:left;
}

#staff-content img {
	padding-right:7px;
	float:left;
}

#staff-content p {
	width:318px;
	height:120px;
	line-height:15px;
	
}

@-moz-document url-prefix() { 
	#staff-content p {
	width:292px;
}
} 

/* Styles that control content on the "contact" page */

#contact-menu {
	margin-top:80px;
	margin-bottom: 30px;
	text-align: right;
}

#contact-menu ul {
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

#contact-menu li {
	display:inline;
	padding-left:16px;
/*	padding-right:8px;*/
}

#contact-menu a.active {
	color: #25c0f1;
}

#contact {
	padding-top:10px;
}

#contact p span {
	color:#24c0f1;
}

#contact a:link {
	text-decoration: underline; 
}

#contact a:visited { 
	text-decoration: underline; 
}

#contact a:hover { 
	text-decoration: none;  
}

#contact a:active { 
	text-decoration: underline;  
}

#contact-content {
	float:left;
}

#contact-content img {
	padding-right:7px;
	float:left;
}

#contact-content p {
	width:200px;
	width:230px\9;
	height:120px;
	line-height:15px;
	margin-top:10px;
	
}

*:first-child+html #contact-content p {
	width:220px;
}

@-moz-document url-prefix() { 
	#contact-content p {
	width:230px;
}
} 

#spacer {
	margin-top:120px;
}

*:first-child+html #spacer {
	margin-top:0px;
}