The Class | Sean Maguire Daily

‘The Class’ Alternative Pilot Screencaptures

October 11, 2016

I realized I never added screencaptures from the alternative pilot of 'The Class'. The alternative episode had an extra scene with Sean and some...

The Class

‘TV Shows’ Stills & Promotional Images

January 14, 2015

I updated the gallery with some new HQ stills and promotional images from some of Sean's TV shows and replaced some with HQ images....

The Class

‘The Class’ Gallery Update

August 3, 2014

After updating the 'The Class' section with screencaptures, I got around to add promotional images, poster and episode stills. Enjoy! Gallery Links Episode &...

The Class

‘The Class’ Screencaptures

July 25, 2014

Here is the last batch of screencaptures from 'The Class'. I had so much fun rewatching the show. My fav scenes are the ones...

The Class

‘The Class’ Screencaptures

July 22, 2014

I added some more screencaptures from 'The Class'. Enjoy! Gallery Links Screencaptures > 1.08 The Class Celebrates a Birthday Screencaptures > 1.09...

The Class

‘The Class’ Screencaptures

July 18, 2014

Unfortunately, there are no really good pictures of Sean on the set. Hopefully there will be some from tonights shoot. In the meantime I added...

The Class

‘The Class’ Screencaptures

July 16, 2014

I started adding screencaptures from Sean's show 'The Class'. It's so much fun watching it again. The show is just so hilarious and I...

Edit with Live CSS

.intro { 
  padding: 0 0 20px 0;
  line-height: 24px;
  font-size: 100%;   
}
.intro b{ 
  border-bottom: double #1b55c5 4px;    
  color: #000;
  padding: 0 2px;
  text-transform: uppercase; 
  font-family: Shadows Into Light;
  font-weight: 500;
  font-size: 100%; 
  letter-spacing: 1px;
}
.intro strong{ 
  border-bottom: double #508ed7 0px;    
  color: #508ed7;
  padding: 0 2px;  
  text-transform: uppercase; 
  font-family: Shadows Into Light;
  font-weight: 600;  
  font-size: 100%; 
  letter-spacing: 1px; 
}

.lastimg img {
  filter:grayscale(100%);
  padding:0;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 2px #a1a1a1;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 0.7; 
  opacity: 0.7;
  width: 100px;
}
.lastimg img:hover {
  filter:none;	
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;
  width: 100px;
}

.family img {
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px #cdcdcd;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 140px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;	
}
.family img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 140px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;
}

#affiliates-widget {
  color: #000000 !important;
  font-size: 8px !important;
  font-weight: 300;
  line-height: 14px;
  float: left;
  width: 23%;
  margin: 2px 3px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
  text-transform: uppercase;
  letter-spacing: 0px;
}

#affiliates-widget a span {
  font-size: 13px;
  font-weight: 500;
  display: block;
  font-family: Shadows Into Light;
  text-transform: lowercase;	
  letter-spacing: 0;
  color: #508ed7;
}

#affiliates-widget a {
  color: #000000 !important;
}

.bioupdate {
	background: #e5f1ff;
    color: #87b6ee;
	font-weight: 200; 
    border: dotted #d9eaff 1px;
	font-size: 90%;
    margin: 0 50px 20px 50px;
    padding: 10px 20px;
    text-align: justify;
}

.pressupdate {
	background: #e5f1ff;
    color: #87b6ee;
    border: dotted #d9eaff 1px;
	font-size: 90%;
    margin: 0 60px 20px 60px;
    padding: 10px 20px;
    text-align: justify;
}

.siteinfo { 
  padding: 5px;
  border-bottom: dotted #ededed 1px; 
}
.siteinfo a:hover{ 
  color: #6f6f6f;
}

.pagenav {
  background: #ffffff; 
  border-bottom: dotted #dddddd 1px;
  color: #474747;
  display: block; 
  font-weight: 300; 
  margin: 5px 4px 0 4px; 
  padding: 15px 10px; 
  text-decoration: none; 
}
.pagenav a { 
  font-family: Shadows Into Light;
  color: #000000;  
  text-transform: uppercase; 
  font-weight: 500; 
  letter-spacing: 2px;
  font-size: 13px;	
  margin-left: 2px;
  text-decoration: underline !important;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.pagenav a:hover {
  font-family: Shadows Into Light;	
  color: #e1b28a !important;
  text-transform: uppercase; 
  font-weight: 500; 
  margin-left: 2px;		
  letter-spacing: 3px;
  text-decoration: underline !important;
}

.wp-polls ul li {
	padding: 7px 0; 
    margin:0 5px 5px 0; 
	border-bottom: 1px solid #F0F0F0;
	font-size: 80%;
}
.wp-polls .Buttons {
	background-color: #000000;
	border: 0px solid #fb333b;
	color: #ffffff;
	padding: 7px; 
    margin:0; 
    text-transform: uppercase;
	font-size: 90%;
	font-weight: 300;
	letter-spacing: 1px;	
	-webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.wp-polls .Buttons:hover {
	background-color: #f0d2b4;
	border: 0px solid #f0d2b4;
	color: #000000;
	padding: 7px; 
    margin:0; 
    text-transform: uppercase;
	font-size: 90%;
	font-weight: 300;
	letter-spacing: 1px;	
}
.wp-polls a {
	color: #1b55c5;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: 500;
	-webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.wp-polls a:hover {
	color: #508ed7;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: 500;
}

div#qTip { 
    padding: 7px; 
    border: 0; 
    display: none; 
	font-size: 90%;
    background: #000000; 
    color: #ffffff; 
    position: absolute; 
    z-index: 10000; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    filter:alpha(opacity=100); 
    -moz-opacity: 0.9; 
    opacity: 0.9;
}

.widget-project{
  background: #ffffff;
  color: #508ed7;
  font-family: Shadows Into Light;	
  text-transform: uppercase;
  font-weight: 300; 
  font-size: 120%;
  padding: 2px 0;
  letter-spacing: 1px;
}
.widget-project-details{
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  font-weight: 200; 
  font-size: 100%;
  padding: 0 5px 0px 5px;
  margin: 2px 0;
  text-align: justify;
}
.widget-project-date {
  background: #255a9e;
  color: #fff;
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif;	
  padding: 3px 5px;
  font-weight: 200;
  margin-left: 0;
  font-size: 10px; 
  text-transform: uppercase;
  letter-spacing: 1px;
}
.widget-project-role {
  color: #000000;
  font-family: Raleway;	
  padding: 0 5px 0 0;
  font-weight: 500;
  margin-left: 0;
  font-size: 13px;
  font-style: italic;
  letter-spacing: 1px;
}
#widget-project-info {
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif;	
  font-size: 10px; 
  font-weight: 300; 
  text-transform: uppercase !important;	
}
#widget-project-info a{
  background: #020d1c;
  border: solid #ffebbe 0px;
  color: #ffffff !important;
  padding: 5px 7px;
  text-transform: uppercase !important;	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);		
}
#widget-project-info a:hover{
  background: #dfb188;
  border: solid #fff7e5 0px; 
  color: #000000 !important;	
  padding: 5px 7px;
  text-transform: uppercase !important;		
}

u {
    font-weight: 500;
	font-family: Shadows Into Light;
    letter-spacing: 1px; 
    text-transform: uppercase;
}
strong {
    color: #c8966c;
    font-weight: 300;
	font-family: Shadows Into Light;
    letter-spacing: 1px; 
    text-transform: uppercase;
}
em {
    color: #000000;
    font-weight: 300;
    font-family: Shadows Into Light;
    letter-spacing: 1px; 
    text-transform: uppercase; 
}
b {
    color: #000000;
    font-weight: 300;	
	font-family: Shadows Into Light;
    letter-spacing: 1px; 
    text-transform: uppercase; 	
}
i {
    font-weight: 300;
	font-family: Shadows Into Light;	
    letter-spacing: 1px; 
    text-transform: uppercase; 
}

.td-page-content img {
 	margin:0;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
	-webkit-box-shadow: 2px 2px 2px #cdcdcd;
    -webkit-transition: 1s ease; 
    -moz-transition: 1s ease; 
    -o-transition: 1s ease; 
    -ms-transition: 1s ease; 
    transition: 1s ease;	
}

.td-post-content img {
 	margin:0;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
}

.td-page-content img {
 	margin:0;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
	-webkit-box-shadow: 2px 2px 4px #cdcdcd;
    -webkit-transition: 1s ease; 
    -moz-transition: 1s ease; 
    -o-transition: 1s ease; 
    -ms-transition: 1s ease; 
    transition: 1s ease;	
}

.prod { 
  background: none; 
  border: solid #ededed 1px; 
  color: #000000; 
  padding: 10px 10px 9px 10px; 
  text-decoration: none; 
  text-align: left; 
}
.prod a { 
  color: #508ed7;
  text-transform: uppercase;
  font-weight: 300; 
  font-family: Shadows Into Light;
  text-decoration: none;
  letter-spacing: 1px; 	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.prod a:hover { 
  color: #e0b18a;
  font-weight: 300; 
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px; 	
}
.prod strong { 
  color: #1b55c5;
  text-transform: uppercase;
  font-weight: 300; 
  text-decoration: none;
}
.prod em {
    color: #000000;
    font-weight: 300;
    font-size: 80%;
    font-family: Raleway;
    letter-spacing: 1px; 
    text-transform: uppercase; 
}
.prodtag { 
  background: #474747;
  color: #ffffff;
  font-size: 9px;
  padding: 3px 5px;
  margin: 0 2px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 200; 
  text-decoration: none;
  font-size: 80%;
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif;	
}

.epguidetitle { 
  background: #f7f7f7; 
  border: solid #ededed 1px; 
  color: #000000; 
  padding: 5px 10px; 
  text-decoration: none; 
  text-align: center; 
  font-weight: 500; 
  font-size: 70%;
  text-transform: uppercase;
}
.epguidetitle a { 
  color: #000000;
  text-decoration: none; 
}
.epguidetitle a:hover { 
  color: #000000; 
  text-decoration: none;
}
.epguidedetail { 
  background: #000000; 
  border: solid #ededed 0px; 
  color: #a7a7a7; 
  padding: 5px 10px; 
  text-decoration: none; 
  text-align: center; 
  font-weight: 500; 
  font-size: 70%;
  text-transform: uppercase;
}
.ep strong { 
  color: #000000;
  text-transform: uppercase;
  font-weight: 600; 
  letter-spacing: 1px;
}
#epguideimg {
  margin: 5px 15px 10px 0;
  border-radius: 3px;  
}

.projectdetail { 
  background: none; 
  border-bottom: solid #ededed 1px;
  border-right: solid #ededed 1px;
  color: #000000; 
  padding: 3px 13px 2px 20px; 
  text-decoration: none; 
  text-align: left; 
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  font-size: 85%;
}
.projectlist { 
  font-size: 95%;	
  padding: 5px 13px 4px 20px; 
  background: none;
  border-bottom: solid #ededed 1px; 
}
.projectlist a { 
  color: #508ed7;	
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  text-decoration: none;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.projectlist a:hover { 
  color: #1b55c5;
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  text-decoration: none;
}
.projectlist em { 
  font-size: 90%;	
  text-align: center;	
}
#relatedlink { 
  background: #000000;
  border-bottom: solid #ededed 1px; 
  color: #a7a7a7; 
  font-weight: 300;
  padding: 3px 10px 2px 10px;
  font-size: 65%;
  letter-spacing: 1px; 
  text-transform: uppercase;
  text-decoration: none;
  text-align: left; 
}
#relatedlink a { 
  color: #e6e6e6 !important;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
#relatedlink a:hover { 
  color: #ffffff !important;
}
.filmoicon {
  background: #f7f7f7;
  border: solid #ededed 1px;   
  color: #000000;
  padding: 3px 3px 1px 3px;
  text-align: center;
  font-size: 85%;
}
#filmotitle { 
  border-bottom: solid #ebebeb 1px;	
  color: #a1a1a1;   
  font-family: Raleway;
  font-weight: 300;	
  font-size: 14px;
  letter-spacing: 2px;	
  margin-top: 20px;	
  margin-bottom: 15px;		
  text-transform: uppercase;	
}
#characters {
  margin: 0 15px 10px 0;
  border-radius: 20px;  
}

#galleryupdate img {
  padding:0;
  margin: 0 3px;
  border-radius: 0;	
  -webkit-box-shadow: 2px 2px 4px #cdcdcd;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  width: 145px;
}

#galleryupdate img:hover {
  border-radius: 0;		
  -webkit-box-shadow: 2px 2px 4px #b2b2b2;
  width: 145px;
}

div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form label,
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form button,
div.wpforms-container-full .wpforms-form textarea {
	font-size: 12px !important;
	text-transform: uppercase;
}

.pagealbums img{
    box-shadow: 2px 2px 2px #a1a1a1;
}

#award-won {
    color: #e8b923;
    margin: 0 5px;
}
#award-nominated {
    color: #a1a1a1;
    margin: 0 5px;
}

.ep-quotes {
    text-align:justify;
}
.ep-quotes b {
    font-family: Raleway;
    font-size: 100%;
    font-weight: 600;
}
.ep-quotes i {
    color: #575757;
    font-family: Raleway;
    text-transform: lowercase;
    font-size: 95%;
}
.break {
    border: dashed 1px #f1f1f1;
    margin: 7px 0;
}
.pressrelease {
    text-align: justify;
    padding: 5px 10px;
    margin: 0 0 20px 0;
    border: solid 1px #f1f1f1;
    background-color: #f9f9f9;
}

.pressrelease b{
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 2px;
}

.page-pressrelease {
    text-align:justify;
    font-size: 95%;
    padding: 5px 10px;
    border: solid 1px #f1f1f1;
    background-color: #f9f9f9;
}
.page-pressrelease b{
    font-family: Raleway;
    font-size: 80%;
    font-weight: 600;
    letter-spacing: 2px;
}

.bio-page {
    text-align:justify;
}
.bio-page i {
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 1px;
}
.bio-page em {
    background: #000000;
    color: #ffffff;
    padding: 1px 3px;
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 90%;
}
.bio-page u {
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 2px;
}
.bio-page strong {
    color: #24599d;
    font-weight: 500;
}
.bio-page a {
    font-family: Shadows Into Light;
    font-weight: 500;
    background: #c7956b;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 90%;
    -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.bio-page a:hover {
    font-family: Shadows Into Light;
    font-weight: 500;
    background: #08223a;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 90%;
    text-decoration: none !important;
}

.pages {
    text-align:justify;
}
.pages i {
    font-weight: 600;
    letter-spacing: 1px;
}
.pages em {
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 1px;
}
.pages u {
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 2px;
}
.pages strong {
    color: #c7956b;
    font-weight: 500;
}
.pages a {
    font-family: Shadows Into Light;
    font-weight: 500;
    color: #1b55c6;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-show {
    text-align:justify;
}
.page-show-guide {
    font-size: 95%;
    line-height: 20px;
    padding: 0 5px;
}
.page-show i {
    font-family: Raleway;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 90%;
}
.page-show em {
    background: #000000;
    color: #ffffff;
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 1px 3px;
    font-size: 95%;
}
.page-show u {
    font-family: Shadows Into Light;
    font-weight: 500;
    letter-spacing: 2px;
}
.page-show strong {
    color: #c7956b;
    font-weight: 500;
    letter-spacing: 1px;
}

.select-style {
    border: 3px solid #474747;
    color: #c1c1c1;
    width: 100%;
    overflow: hidden;
    background: #212121;
    text-transform: uppercase !important;
}

.select-style select {
    font-size: 90% !important;  
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    text-transform: uppercase !important;
}

.select-style option {
    border: 3px solid #474747;
    color: #c1c1c1;
    width: 100%;
    overflow: hidden;
    background: #212121;
    font-weight: 200 !important;
    font-size: 90% !important;
    text-transform: uppercase !important;
}

.select-style::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.6em 1em;
  background: #212121;
  pointer-events: none;
  border-bottom: solid #474747 3px;
  border-top: solid #474747 3px;
  border-right: solid #474747 3px;
  text-transform: uppercase !important;
}
/* Transition */
.select-style:hover::after {
  color: #ffffff;
}
.select-style::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.select-style select:focus {
    outline: none;
}

#project-links {
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif !important;	
  font-size: 90%; 
  font-weight: 300; 
  display: inline-block;
  margin: 0 0 4px 0;
  text-transform: uppercase !important;	
}
#project-links a{
  background: #eeeeee;
  border: solid #dddddd 1px;
  color: #000000 !important;
  padding: 5px 7px;
  text-transform: uppercase !important;	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);		
}
#project-links a:hover{
  background: #212121;
  border: solid #474747 1px; 
  color: #ffffff !important;	
  padding: 5px 7px;
  text-transform: uppercase !important;		
}

.tag-cloud-link { 
  border: solid #ededed 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.tag-cloud-link a{ 
  border: solid #ededed 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.tag-cloud-link:hover {   
  border: solid #1b55c5 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.careergif {        
  border-top: solid #000000 5px;
  border-left: solid #000000 1px;
  border-right: solid #000000 1px;
  border-bottom: solid #000000 1px;
}
.careertitle {        
  background: #000000;
  border: solid #000000 1px;
  padding: 7px 15px;
  text-align: center;
  font-weight: 300;
  font-size: 85%;
  border-radius: 15px 0 0 0;
}
.careergallery {        
  background: #252525;
  border: solid #252525 1px;
  padding: 7px 10px;
  text-align: center;
  font-weight: 300;
  font-size: 85%;
}
.careervideos {        
  background: #434343;
  border: solid #434343 1px;
  padding: 7px 10px;
  text-align: center;
  font-weight: 300;
  font-size: 85%;
  border-radius: 0 15px 0 0;
}
.careergallery i,.careervideos i{
  color: #ffffff;
  width: 14px;    
  font-weight: 200;
}
.careertitle a{        
  color: #ffffff;
  text-transform: uppercase;
}
.careertitle a:hover{        
  color: #508ed7;
  text-transform: uppercase;
}

.videoarchivelist { 
  padding: 5px 0;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important;
  font-family: Raleway !important;
}
.videoarchivelistlast { 
  padding: 5px 0;
  margin-bottom: 20px;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important; 
  font-family: Raleway !important;
}
.videoarchivelist strong,
.videoarchivelistlast strong{ 
  color: #1b55c5;
  text-transform: uppercase; 
  font-family: Shadows Into Light;
  font-weight: 500;
  font-size: 110%; 
  letter-spacing: 1px;
}
.familypage img {
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px #cdcdcd;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 190px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;	
}
.familypage img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 190px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;
}

.nexton { 
  line-height: 19px;
  font-size: 95%;   
}
.nexton i{ 
  color: #787878;
  text-transform: uppercase; 
  font-family: Shadows Into Light;
  font-weight: 300;
  font-size: 95%;      
}
.nexton strong{ 
  color: #1b55c5;
  text-transform: uppercase; 
  font-family: Shadows Into Light;
  font-weight: 500; 
  font-size: 110%;  
}
.videotitle { 
  padding: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 1px;
  font-weight: 400;
  text-align: center;
}
.specialfeatureslist { 
  padding: 2px 20px;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 1px;
  font-weight: 400;
}
.filmdetails { 
  padding: 5px 10px;
  border-bottom: dotted #ededed 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.filmnavigation { 
  padding: 5px 15px;
  border: dotted #ededed 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails { 
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails a, 
.filmdetails a, 
.filmnavigation a { 
  color: #000000;
}
.lastfilmdetails a:hover,
.filmdetails a:hover,
.filmnavigation a:hover{ 
  color: #e2b28a;    
  letter-spacing: 2px;
}
.socialicon {        
  background: none;
  border: solid #ededed 1px;
  padding: 5px 7px;
  text-align: center;
  font-weight: 200;
  font-size: 90%;
}
.socialicon a{        
  color: #4981c6;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
}
.socialicon a:hover{        
  color: #508ed7;
}
.socialicon i{
  width: 15px;    
  font-weight: 200;
}
#filmicon {    
  color: #e2b28a;     
  background: none;
  padding: 3px 5px 3px 0;
  text-align: center;
  font-weight: 200;
  font-size: 120%;
}
#filmicon i{     
  width: 15px;
  font-weight: 200;
}
.medialinks { 
  text-transform: uppercase;
  border: dotted #e3e3e3 1px;
  padding: 5px 10px; 
  margin: 20px 0;
  font-size: 95%;
}
.medialinks a{ 
  color: #508ed7;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 90%;
  letter-spacing: 2px;
}
.medialinks a:hover{ 
  color: #235797;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 90%;
  letter-spacing: 2px;
}
.medialinks::before {
  content: "Gallery Links";  
  letter-spacing: 2px;
  text-decoration: underline;
  display: block;
  font-size: 105%;
  font-family: Raleway;
}
.videolinks { 
  text-transform: uppercase;
  border: dotted #e3e3e3 1px;
  padding: 5px 10px; 
  margin-bottom: 20px;
  font-size: 95%;
}
.videolinks a{ 
  color: #508ed7;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 90%;
  letter-spacing: 1px;
}
.videolinks a:hover{ 
  color: #235797;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 90%;
  letter-spacing: 1px;
}
.videolinks::before {
  content: "Video Links";
  letter-spacing: 2px;
  text-decoration: underline;
  display: block;
  font-size: 105%;
  font-family: Raleway;
}
.trivialist { 
  padding: 10px 0;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
}
.biolist { 
  padding: 5px 0;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
}
.biolistlast { 
  padding: 5px 0;
  text-align: justify;
}
.biolist strong{ 
  text-transform: uppercase;
}
.castlist { 
  font-size: 80%;    
  padding: 5px;
  line-height: 17px;
  text-align: center;
}
.castlist b{ 
  text-transform: uppercase;
  font-size: 105%;
  font-family: Shadows Into Light;
  font-weight: 500;
}
.castlist img{
  margin: 0;
  width: 185px;
  box-shadow: 2px 2px 4px #a1a1a1;
}

/* Dropdown Button */
.dropbtn {
  background-color: #000000;
  color: #ffffff;
  padding: 10px;
  font-size: 11px;
  text-align: left;
  letter-spacing: 1px;
  border: none;
  width: 300px;
  text-transform: uppercase;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
}
.dropbtn::after {
  content: '\25BC';
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.9em 1em;
  pointer-events: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000000;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-transform: uppercase;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #ffffff;
  padding: 7px 16px;
  font-size: 11px;
  text-decoration: none;
  display: block;
  border-bottom: solid 1px #111111;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ffffff; color: #000000;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #000000;}

The Class The Class

‘The Class’ Alternative Pilot Screencaptures

‘TV Shows’ Stills & Promotional Images

‘The Class’ Gallery Update

‘The Class’ Screencaptures

‘The Class’ Screencaptures

‘The Class’ Screencaptures

‘The Class’ Screencaptures

The Class
The Class