@charset "UTF-8";
/* CSS Document
Author: Jared Dobb
Date: 11/7/15

Title: dobbfinal.css

 */
 
 /* Default Styles */
 
 * {
	 list-style:none;
	 margin:0;
	 padding:0;
 }
 
html, body {
    margin: 0;
    height: 90%;
	width:100%;
}

/* Header Style */

h1 a{
	text-decoration:none;
	color:white;
}

#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
	
}

h1, h2 {
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	letter-spacing: 3px;
}

h2 {
	padding-top:30px;
}

/* Section Styles */

#section {
	width:600px;
	float:left;
    padding:30px; 
}


/*Audio Styles*/

audio {
	padding-top: 15px;
}

/* Vertical Nav Styles */

nav.vertical {
   width: 250px;
   float: left;
   font-family: 'Times New Roman', 'Times', serif;
   background:linear-gradient(white, grey);
   height:100%;
}

nav.vertical h1 {
   font-size: 24px;
   margin: 10px 0px 0px 20px;
   font-weight: normal;
   letter-spacing: 5px;
   }

nav.vertical h2 {
   -o-transform: rotate(-90deg) translate(-100px, -70px);
   -moz-transform: rotate(-90deg) translate(-100px, -70px);
   -webkit-transform: rotate(-90deg) translate(-100px, -70px);
   -ms-transform: rotate(-90deg) translate(-100px, -70px);
   transform: rotate(-90deg) translate(-100px, -70px);

   font-family: Verdana, Geneva, sans-serif;
   font-size: 28px;
   font-variant: small-caps;
   text-align: right;
   letter-spacing: 2px;
   font-weight: bold;
   color: rgba(140,238,255,1.00);
   margin-left: 20px;
   width: 125px;
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

nav.vertical li {
   font-size: 16px;
   margin-left: 50px;
   margin-right: 10px;
   margin-bottom: 10px;
   letter-spacing: 0px;
   font-weight:bold;
}

nav.vertical li.newgroup {
   border-top: 1px solid black;
   margin-top: 0px;
   padding-top: 10px;
}

nav.vertical li a {
   text-decoration: none;
   color: black;
}

nav.vertical li a:hover {
   text-decoration: underline;
   background-color:rgba(140,238,255,1.00);
   color:#FFFFFF;
}

/* Rotate Picture styles */
	
figure#photo1 {
       -o-transform: rotate(-12deg);
       -moz-transform: rotate(-12deg);
       -webkit-transform: rotate(-12deg);
       -ms-transform: rotate(-12deg);
       transform: rotate(-12deg);
	   padding-bottom:30px;
	   padding-top:20px;
	   text-align: center;
	   	   
	   }

/* Paragraph Styles */

body p {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	line-height:150%
}


/* Footer Style */

#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
	letter-spacing:3px;
	}

/* Calendar Styles */

/* Styles for the schedule table */
  
table.schedule {
    border: 10px outset rgba(140,238,255,1.00);
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	width:120%;
	text-align:left;
	border-collapse:collapse;
}
	   
table.schedule th, table.schedule td {
	padding:5px;
	border-left: 1px solid gray;
	font-style:italic;
}

table.schedule tr {
	padding:5px;
	border-bottom: 1px solid gray;
}

/* Table header styles */

table.schedule thead {
	background-color: rgba(0,106,197,1.00);
	color: white;
	color: rgba(255, 255, 255, 0.5);
}

table.schedule thead tr {
    height: 50px;
}

/* Table body styles */

table.schedule tbody tr {
	height: 75px;
}

/* Styles for the first column */

table.schedule col.firstCol {
     background-color: rgba(192,243,255,1.00);
	 width:6%;
}

/* Styles for the remaining columns */
table.schedule col.dayCols {
	width: 13%;
}

/* Styles for the table caption */
table.schedule caption {
     caption-side: bottom;
     text-align: center;
}