/*
This is the main BillyNair.com CSS
update:8.27.13/10.45;
reset imported 5.12.19/18:15
/**/
@import "reset.css";
h1{
	font-size:2em;
	font-weight:900;
}
h2{
	font-size:1.5em;
	font-weight:900;
}
h3{
	font-size:1.2em;
	font-weight:900;
}
h4{
	font-size:1em;
	font-weight:900;
}
h5{
	font-size:.8em;
	font-weight:900;
}
h6{
	font-size:.7em;
	font-weight:900;
}

.clearfix {
	display: inline-block;	/*not sure I like this, use "display:block !important;" if needed*/
}
.clearfix:after { 
   content:" "; 
   visibility:hidden; 
   display:block;
	font-size:0;
   height:0; 
   clear:both;
}

a img,img[usemap] {
  border: none;
}

th{
	color: #014713;
	background-color: #c0a60b;
}

body{
	font-size:16px;
}

body.billyBody
{
	background-color: #000;
	color:#898;
	background-image:url('images/BillyNair2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-attachment:scroll;
	background-position:50% 100px;
}

body.dgm3740Body{
	background-color: #A3C586;
	color:#5b7444;
}

body.iterations{
	background-color: #ddd;
	color:#700;
	background-image:url('/school/musc1010/xxxxxxxx.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:100% 250px;
	background-size:auto 110%;
}
body.uvfl
{
	background-color: #EBE3D0;
	color:#700;
	color:#050;
	background-image:url('/uvfl/bg.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:0% 0%;
	background-size:100% auto;
}
body.mikePatton
{
	background-color: #ddd;
	color:#700;
	background-image:url('/school/musc1010/mikePatton.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:100% 80%;
	background-size:auto 110%;
}

body.music
{
	background-color: #f2f0e3;
	color:#700;
	background-image:url('/school/musc1010/dots.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body.padi
{
	background-color: #ba4;
	background-image:url('/school/dgm2210_3D/shot11.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:625px 30%;
	background-size:auto 90%;
}

body.spamBody
{
	background-color: #051459;
	background-image:url('images/spam.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:300px 30%;
	background-size:auto 90%;
}

body.xgamesBody
{
	background-color: #fd9;
	color:#373;
}

body.fancy
{
	background-color: #aaa;
	background-image:url('images/pattern.png');
}

.myhr
{
	color:#484;
}

.semester{
	margin-top:40px;
	max-width:960px;
}

.semester p{
	text-align:center;
}

.class{
	display:inline-block;
	width:45%;
}

.assignment, .assignment a
{
	color:#898;
/*	text-shadow: 1px 1px 3px rgba(0,0,0,0.6), -1px -1px 3px rgba(0,0,0,0.6), -1px 1px 3px rgba(0,0,0,0.6), 1px -1px 3px rgba(0,0,0,0.6);
/**/
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9), -1px -1px 3px rgba(0,0,0,0.9), -1px 1px 3px rgba(0,0,0,0.9), 1px -1px 3px rgba(0,0,0,0.9);
	text-align:center;	
	vertical-align:bottom;
	letter-spacing:0.1em;
	font-weight:900;
	text-decoration:none;
}

.assignment a:hover
{
	text-shadow: 1px 1px 2px rgba(136,255,0,0.3), -1px -1px 2px rgba(136,255,0,0.3), -1px 1px 2px rgba(136,255,0,0.3), 1px -1px 2px rgba(136,255,0,0.3);
}

.assignHead
{
	color:#484;
	text-shadow: 1px 1px 2px rgba(255,136,0,0.6), -1px -1px 2px rgba(255,136,0,0.6), -1px 1px 2px rgba(255,136,0,0.6), 1px -1px 2px rgba(255,136,0,0.6);
	font-size:3em;
}


.strike, .strikethrough, .linethrough{
	text-decoration: line-through;
}





.glow, .assignment
{
	line-height:30px;
}
.glow, .glow a
{
	color:#484;
/*	text-shadow: 1px 1px 1px rgba(0,0,0,0.6), -1px -1px 1px rgba(0,0,0,0.6), -1px 1px 2px rgba(0,0,0,0.9), 1px -1px 2px rgba(0,0,0,0.9);
/**/
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9), -1px -1px 3px rgba(0,0,0,0.9), -1px 1px 3px rgba(0,0,0,0.9), 1px -1px 3px rgba(0,0,0,0.9);
	text-decoration:none;
}

a.glow:hover, .glow a:hover
{
	color:#484;
	text-shadow: 1px 1px 2px rgba(255,136,0,0.6), -1px -1px 2px rgba(255,136,0,0.6), -1px 1px 2px rgba(255,136,0,0.6), 1px -1px 2px rgba(255,136,0,0.6);
}



.assignmentRow{
	width:100%;
	min-width:500px;
	max-width:700px;
}

.assignmentNumber, .assignmentName{
	float:left;
	width:50%;
	font-size:1.5em;
	font-weight:900;
}




.navbar
{
	position: absolute;
	bottom: 10px;
}

td 
{
	text-align: center;
	vertical-align: bottom;
}

.smaller
{	
	font-size:80%;
}

.smallerer
{	
	font-size:60%;
}

.smalltext
{
	color:#739;	
	font-size:.8em;
}

/*(This was just h3, but I cant find where it is used)*/
h3.center
{
	text-align:center;
}

body.sundanceBody
{
	background-color: #ffd;
	color:#008;	
	background-image:url('/school/dgm2130/images/pass.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 150px;
	background-size:auto 75%;
}
body.txtBody
{
	background-color: #ffd;
	color:#008;	
}

.xgMessage
{
	font-size:2em;
}

.xgDecision
{
	font-size:1.5em;
}

.studentInfo
{
	text-align:left;
}

.report
{
	text-align:justify;
	line-height:2em;
}

.bones
{
	border:5px solid red;
}

.centerIt{
	margin:0 auto;
}

.noUnderline, .noUnderline a{
	text-decoration:none;
}

.fat{
	font-weight:bolder;
}

.noHeight{
	line-height:.1em;
}

.noBreak, .nobr{
	white-space:nowrap;
	display:inline;
}

.clear{
	clear:both;
}

.breathe{
	margin:2%;
}

.inlineBlock{
	display:inline-Block;
}

.zebra td:nth-child(even){
	background-color:rgba(0,0,0,0.1);
}



/******************************* end stuff ************************************/
/******************************************************************************/
/******************************* Portfolio ************************************/
#portfolio{
	background-image:url('/images/dots/dots90.png');
	width:450px;
	-webkit-box-shadow: 	0 0 30px 8px #464;
	-moz-box-shadow: 		0 0 30px 8px #464;
	box-shadow: 			0 0 30px 8px #464;
}
.portTitle{
	color:#393;
	font-size:1.6em;
	text-align:center;
	font-weight: bolder;
}
a.portLink{
	color:#638;
	text-decoration:none;
}

.portImg{
	vertical-align:top;
}
.portImg img{
	height:100px;
	border:2px solid #909;
}
.desc{
	color:#939;
	font-family: arial,verdana,sans-serif;
	font-size:1.1em;
	display:inline;
	text-align:left;
	text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000;
}

.portWorkNotes{
	padding:0;
	color:#c00;
	font-size:0.8em;
}

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

.portDivBox a{
	text-decoration: none;
}
.portDivBox{
	background-image:url('/images/dots/dots90.png');
	width:450px;
	height:175px;
	-webkit-box-shadow: 	0 0 30px 8px #464;
	-moz-box-shadow: 		0 0 30px 8px #464;
	box-shadow:			 	0 0 30px 8px #464;
	text-align:left;
	padding: 0 10px;
}

.portDivTitle, .portDivTitle a{
	color:#393;
	text-decoration: none;
	font-size:1.3em;
	text-align:center;
	font-weight: bolder;
}

.portDivImg{
	width:120px;
	height: 100px;
	overflow:hidden;
	border:2px solid #909;
	display:inline-block;	
}
.portDivImg img{width: 100%;}

.portDivDesc{
	color:#939;
	font-family: arial,verdana,sans-serif;
	font-size:1.1em;
	width:300px;
	text-align:left;
	vertical-align:top;
	display:inline-block;
	margin-left:10px;
	text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000;
}

.left{
	float:left;
}

/**************************/
/********Padi**************/
/**************************/

.padiWrap{
	width:580px;
}

.padiDivBox{
	background-image:url('/images/dots/dots90.png');
	height:325px;
	-webkit-box-shadow: 	0 0 30px 8px #464;
	-moz-box-shadow: 		0 0 30px 8px #464;
	box-shadow: 			0 0 30px 8px #464;
	text-align:center;
	padding: 0 10px;
}

.padiTitle
{
	color:#333;
	font-size:2em;
	text-shadow:-1px 1px 4px #a64;
	text-align:center;
}

.padiDL{
	font-size:1.4em;
	border-width:15px;
	color:#900;
	border:3px solid #900;
	background-color:#c80;
	text-align:center;
	margin:0 auto;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.padiDL h2, .padiDL h3, .padiDL h4, .padiDL h5, .padiDL h6{
	margin:0em;
}

.padiDL h6{
	color:#fff;
}
/***************************** end Portfolio **********************************/
/******************************************************************************/
/********************************* Music **************************************/

.musicTable {
	width:600px;
}
.musicTable td.bullet, .nameTable td.bullet{
	text-align:right;
	padding-right:1em;
	vertical-align:top;
}

.nameTable td{
	text-align:left;
	vertical-align:top;
}

.musicTable td{
	text-align:left;
	vertical-align:top;
	padding-bottom:1em;
}

.hugeTitle{
	font-size:5em;
	text-shadow: 2px 2px 7px #6c6, 2px 1px 1px #f09;
	white-space:pre-wrap;
}

.journalTitle{
	font-size:3em;
	text-shadow: 2px 2px 7px #6c6, 2px 1px 1px #f09;
}

.musicButton, .musicButton a{
	color:#700;
	background:#cba;
	text-decoration: none;
	font-size:1.3em;
	border-width:1px; 
	border-color:#000; 
	border-style:solid;
}

/******************************* end Music ************************************/
/******************************************************************************/
/********************************* UVFL ***************************************/
.uvflVideo
{
	background:#700;
	width:560px;
	padding:5px 5px 2px 5px;
}

.uvflLinks, .uvflLinks a
{
	text-decoration:none;
	color:#050;
}

.uvflLinks a:hover
{
	color:#700;
	text-shadow: 2px 2px 7px #6c6, 2px 1px 1px #f09;
}

/******************************* end UVFL *************************************/
/******************************************************************************/
/******************************* DGM 3740 *************************************/
/*
Hex: #a3c586 - Light Green
Hex: #5b7444 - Dark Green
Hex: #fcf1d1 - Light Yellow
Hex: #ffcc33 - Dark Yellow
Hex: #e8eff3 - Light Blue
Hex: #638291 - Dark Blue
/**/

.wireframe{
	background-color:#A3C586;
}

#olderColors .wfColorScheme{
	width:190px;
	border:2px solid rgba(0,0,0,0.3);
	padding:10px;
	margin:1em 2em;
	float:left;
}

.wfColorScheme dl{
	padding:1px;
	margin:0;
}

.wfColorScheme dt{
	margin:0;
	padding:0 0 0.15em 0;
	margin-top:10px;
	font-size:1.1em;
	font-weight:900;
	color:rgba(0,0,0,0.4);
	background-color:#fcf1d1;
	text-align:center;
	width:100%;
	float:left;
}

.wfColorScheme dd{
	margin:0;
	padding:0;
	font-size:0.8em;
	font-weight:900;
	color:rgba(0,0,0,0.5);
}

.wfColorScheme dd:first-of-type{
	margin-right:0.2em;
}

.wfColorDiv{
	width:60px;
	height:60px;
	float:left;
	border:1px solid #fcf1d1;
	border-top:none;
}

.wfImg img{
	width:60px;
	height:60px;
	float:left;
}

#shades{
	background-color:rgba(255,255,255,0.3);
	padding:0 5px 5px 5px;
}




#newerColors{
	font-family:arial, sans-serif;
	font-size:14px;
}

#newerColors .wfColorDiv{
	width: 4.6em;
	height:4.6em;

}
#newerColors .wfColorScheme{
	float:left;
	border:2px solid rgba(0,0,0,0.3);
	padding:10px;
	margin:1em 2em;
	background-color:rgba(255,255,255,0.3);
}

#newerColors h1{
	padding:0.1em 0.5em;
	font-size:1.5em;
	color:rgba(0,0,0,0.5);
	background-color:rgba(255,255,255,0.3);
}

#newerColors dt{
	min-width:120px; 	/* to allow for RGB() width */
}

#newerColors dl{
	float:left;
}
#newerColors article{
	display:block;
}

/***************************** end DGM 3740 ***********************************/
/******************************************************************************/
/******************************* Bookmark *************************************/

.bookmarkLinks, .bookmarkLinks a{
	float:left;
	text-decoration:none;
	border:0 solid #0f0;
	padding-right:0.3em;
}
.tinyDot{
	display:inline-block;
	height:3px;
}

#bkFavicon img{
	height:16px;
}

#bkFavicon{
	float:left;
	min-width:20px;
	height:16px;
	margin-top:2px;
	margin-left:4px;
	border:0 solid #f00;
}

#linkWrap{
	min-height:20px;
	border:0 solid #303;
	padding-bottom:2px;
}

#linkWrap a{
	color:#700;
}

.group15{
	float:left;
	width:275px;
}

.bkNumber{
	min-width:30px;
	text-align:right;
	font-weight:900;
}

#bkLink{
	margin-left:4px;
}

.bm_{
	background-color:#5ad;
	color:#631 !important;
}
.bm_zBilly{
	background-color:#000;
	color:#0c0 !important;
}
.bm_arlen, .bm_arlen a{
	background-color:#962;
	color:#6cc !important;
}
.bm_clients{
	background-color:#fff;
	color:#700 !important;
}
.bm_git{
	background-color:#9c3;
	color:#050 !important;
}
.bm_harper, .bm_harper a{
	background-color:#fcc;
	color:#700 !important;
}
.bm_resources{
	background-color:#733A78;
	color:#7ff !important;
}
.bm_school{
	background-color:#A3C586;
	color:#700 !important;
}
.bm_uvfl{
	background-color:#ddd;
	color:#b00 !important;
}

/***************************** RedBox ***********************************/
.rbWrap{
	background-color:#000;
	color:#fff;
	padding-left:10px;
	width:270px;
}
.rbWrap a{
	padding-left:0;
	text-decoration:none;
	color:#fff;
}
.rb_{
	background-color:#666;
	color:#00f;
	font-weight:100;
}
.rb_no, .rb_No{
	background-color:#000;
	color:#c00;
	font-weight:900;
	font-size:2em;
}
.rb_yes, .rb_Yes{
	background-color:#900;
	color:#000;
	font-weight:100;
	padding-right:.2em;
}
.rb_game{
	color:#00c;
}

/***************************** end Bookmark ***********************************/
/******************************************************************************/
/******************************* webmaster ************************************/



a img#iterationPic  {
	border: 2px solid #0f0 !important;
}
a:visited img#iterationPic  {
	border: 2px solid #303 !important;
}

.webmaster
{
	position: absolute;
	bottom: -400px;
	right: 2px;
	font-family: arial,verdana,sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #101;
}
.webmaster:hover{
	color: #900;
	bottom: -404px;
}
.webmasterlink
{
	font-family: arial,verdana,sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #202;
}

.webmasterlink:hover
{
	font-size: 3em;
	font-family: "Nosferatu",georgia,"times new roman",serif;
	color: #606;
	margin:0;
	padding:0;
	font-weight:normal;
	text-decoration: none;
	text-shadow: 1px 1px 3px #060, -1px -1px 3px #060;
}