/* Skagit Valley College Top Styles */
/* Artfully Masterminded by JWalters 6-22-2012 */

@import url(http://fonts.googleapis.com/css?family=Lato);

/* DIRECTORY pages styles */
.templatespacer { 
		height: 0em;
	}
.contentwrap { 
		margin-top:0em;
		margin-bottom: 1.5em;
		padding: 0 20px 0 20px;
	}

.page-container {
	background: #FFF;
	color: #000;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;*/
}

.page-container h1{
	font-size: 26px;
	color: #003366;
}

.page-container h2 {
	font-size: 22px;
	color: #333;
}

.page-container h3 {\
	font-size: 18px;
	color: #003366;
}

.page-container h4 {
	font-size: 18px;
	color: #632a17;
}

.page-container h5 {
	font-size: 16px
	color: #333;
}

.page-container h6 {
	font-size: 14px;
	color: #003366;
}

.page-container a {
	color: #d75d34;
}


.page-container > .six {
	padding: 2em;
}

.page-container > .six:nth-child(2) {
	padding-bottom: 2em;
}

.page-container > .ten {
	padding-right: 2em;
}

.contentspacer { 
		height: 7em;
	}

#dirdesc h2 { 
		margin-top: 30px;
	}
	
.pagetitle {
	padding: 0;; font-size: 300%; font-weight:normal; font-family:Lato;
	font-weight: bold;
	margin-bottom: 20px;
	-webkit-text-shadow: 0 0 43px rgba(0,0,0,.75); 
	-moz-text-shadow: 0 0 43px rgba(0,0,0,.75); 
	text-shadow: 0 0 43px rgba(0,0,0,.75);
	
}

h1.pagetitle {
	color: #FFF;
}

#sched-event-header h1.pagetitle {
	padding: 0;
}

#sched-sliderlens2 {
	margin-top: 2em;
	height: 320px;
	box-shadow: 6px 6px 25px #111;
	background:#000;
	/*-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;*/
	border: 1px solid #333;
	overflow:hidden;
	}
	
.sched-titleboardL {
	background: #555555; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzNmNDAzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #555555 0%, #3f403f 25%, #333333 50%, #272727 75%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#555555), color-stop(25%,#3f403f), color-stop(50%,#333333), color-stop(75%,#272727), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #555555 0%,#3f403f 25%,#333333 50%,#272727 75%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #555555 0%,#3f403f 25%,#333333 50%,#272727 75%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #555555 0%,#3f403f 25%,#333333 50%,#272727 75%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right, #555555 0%,#3f403f 25%,#333333 50%,#272727 75%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
		height: 320px;
	padding: 2em .25em 0 5em;
	}


.sched-titleboardR {
	background: #000;
	height: 320px;
	padding-right: 0;
	}
	
.curpage {
	color: #FFF !important;
	background: #333;
	border: none !important;
	/*border-radius: 4px;*/
}

.curpage:hover {
	color: #003366 !important;
	border-bottom: 1px dotted #ddd !important;
}

#upcoming-events .home-cal, #upcoming-events .event-scroller {
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px #632a17 solid;
}

#

@media only screen and (max-width: 767px) {
	
	/* Six Columns div cotaining even description in scheduled_event.asp - Peter */
	div.row:nth-child(8) > div:nth-child(1)) {
		padding-bottom: 0px !important;
	}
	
	.page-container > .ten {
		padding-left: 2em;
	}
}

.spotlight {
	font-size: 124%;
	line-height: 1.4;
}
	
.headspace {margin-top: 1.5em;}

.showcase { 
		margin-top: 0;
	}

ul.degreebutton li {margin-right:.5em;}
	
div.showcase h1,h2,h3,h4,h5,h6 { 
		margin-bottom: .375em;
		margin-top: 0;
	}
	
.showcaseitem { 
		padding: 0 0 0 1.25em;
		margin-bottom: 1em;
	}
	
.showcaseimg { 
		padding: 0;
		margin-bottom: 1.5em;
	}
	
.showcaseimg img { 
	box-shadow: 5px 5px 9px #888;
	margin-top: 0em;
	border: 1px #333 solid;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;*/
	}
	
.showcaseitemlink { 
		margin:-.5em 0 0 0;
	}
	
.showcaseitemlink a { 
		font-size: 85%;
	}
	
.sidebaritem  { 
	margin-top: 20px;
	}
	
.sidebaritem img {
	border: none; 
	
	}	
	
.sidebaritem h4 { line-height: 1.4; font-size: 15px; }
.sidebaritem h5 { line-height: 1.4; font-size: 13px; }
.sidebaritem h6 { line-height: 1.4; font-size: 11px; }
	
.sidebaritem p { 
		font-size: 85%;
		margin: 0em 0 .75em 0;
		line-height: 1.4;
	}

.sidebaritemlink { 
		margin: 0 0 1em 0;
	}
	
.sidebaritemlink a { 
		font-size: 82%;
	}
	
.sidebaritem ul {
	list-style:circle;
	margin-left: 2em;
	}	

.sidebaritem ul li {
	font-size: 87%;
	line-height: 1.5;
	margin-bottom: .2em;
	}	

.sidebarimg {
	margin-bottom: .375em;
	border: solid 1px #555; 
	
	}	
	
.sidebarimg img {
	border: none; 
	
	}	
	
.flex-video
 { 
		box-shadow: 4px 4px 7px #666;
	}
	
UL#ptlist
 {
	
	}

UL#ptlist LI
 { 
		padding-top:0;
		padding-bottom: 0;
		line-height:1.6;
		list-style:square;	}

/* Highlights & Accents */
.redhighlight {background:#f00; color:#fff;}
.greyhighlight {background:#999; color:#fff;}
.yellowhighlight {background: #fdfdbd;}
.blue-accent {color: #2ba6cb; font-weight:bold;}
.green-accent {color: #5da423; font-weight:bold;}
.red-accent {color: #c60f13; font-weight:bold;}
.red-accent-small {color: #c60f13; font-weight:600; font-size:98%}
.redbold {color:#c60f13; font-weight:bold;}

/* Files Template styles */
.filestemp img {margin-right: 1em;}
.filestemp ul {list-style:none; margin: 0 0 1.25em 0; line-height: 1.5;}
.filestemp h2 {margin-top: .5em; border-bottom: 1px dotted #888;  padding-bottom: .25em;}
.filestemp ul li {margin:0; padding-bottom: .5em;}
.filestemp ul li span {font-size:85%;}
.filestemp ul li a[href $=".zip"] { 
padding-right: 18px;
background: transparent url(../graphics/zipfile-icon.png) no-repeat center right;
}
.filestemp ul li a[href $=".pdf"] { 
padding-right: 24px;
background: transparent url(../graphics/pdf_button.png) no-repeat center right;
}
.filestemp ul li a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(../graphics/icon_mailto.gif) no-repeat center right;
}
.filestemp ul li a[href $=".doc"] { 
	padding-right: 18px;
	background: transparent url(../graphics/icon_doc.gif) no-repeat center right;
}
.filestemp ul li a[href $=".docx"] { 
	padding-right: 18px;
	background: transparent url(../graphics/icon_doc.gif) no-repeat center right;
}
.filestemp ul li a[href $=".xls"] { 
	padding-right: 18px;
	background: transparent url(../graphics/icon_xls.gif) no-repeat center right;
}
.filestemp ul li a[href $=".xlsx"] { 
	padding-right: 18px;
	background: transparent url(../graphics/icon_xls.gif) no-repeat center right;
}

/* Links Template styles */
.linkstemp ul {list-style:none; margin: 0 0 1.25em 0; line-height: 1.5;}
.linkstemp h2 {margin-top: .5em; border-bottom: 1px dotted #888;  padding-bottom: .25em;}
.linkstemp ul li {margin:0; padding-bottom: .5em;}
.linkstemp ul li a {text-decoration:underline;}
.linkstemp ul li span {font-size:85%;}

/* Contacts Template styles */
.contactstemp {margin: 0 0 1.25em 0;}
.contactstemp h2 {margin-top: .5em;}
.contactsitem {font-size: 85%; line-height: 1.5;}

/* ===== BEGIN CALENDAR.ASP STYLES ===== */
.calhead { padding:0; }
div.calhead h2 { margin-top: .5em; border-bottom: 3px dotted #888;  padding-bottom: .25em; margin-bottom: 1em; }
.caldate {font-size: 85%; margin-bottom: .5em; }
.caltemp {padding:0; border-bottom: 1px dotted #888; margin-bottom: 1.5em; padding-bottom: .75em;}
/* ===== END CALENDAR.ASP STYLES ===== */

/* ===== BEGIN FAQ.ASP STYLES ===== */
.backtotop { font-size: 85%; float:right; }
/* ===== END FAQ.ASP STYLES ===== */

/* ===== PHOTOS TEMPLATE STYLES ===== */
ul.photorow {border:none;}
ul.photorow li.photowrap {padding:.5em;}
li div.photobox {padding:.75em .75em .125em .75em; background:#ebebeb;}
li div.photobox a p {font-size:90%; line-height: 1.3; margin-top: .5em; height:20px;}
li div.photobox a {font-size:90%; text-align:center; display:block;}
li div.photobox a:hover, div.photobox a:focus {text-decoration:none;}
div.photocontainer {height: 80px; width: 150; margin:0; overflow:hidden; /* this is important */}
div.photocontainer img {margin-top:0; border:none;}
div.photonav {float:left; margin: 0 0 1.25em .375em}

/* ===== END PHOTOS TEMPLATE STYLES ===== */

/* ===== SCHEDULES TEMPLATE STYLES ===== */
#schedulestable {padding:0; border: 1px #ccc solid; width:100%;}
#schedulestable td {padding:.5em; line-height:1.0;}
.scheduleHeader {background:#555; color:#fff; border:1px solid #fff;}
.scheduleDayNotInMonth {background:#888;}
.scheduledEventToday {color:#000; background:#92c9e6; border:1px solid #fff;}
.scheduleDayInMonth {background:#ebebeb;}
.scheduleToday {color:#000; background:#fcc; border:1px solid #000;}
.scheduleMonth {background:#9e1b32; color:#fff; border:1px solid #fff; font-size:18px;}
.schedulelinkspace {margin: 0 0 -4px 0;}
a.scheduleLink {font-size:80%; color:#000;}
a.scheduleLink:hover {color:#9e1b32;}
a.callink {font-size:14px; /*margin-right:10px;*/}
ul.schedule {padding:0; margin:0;}
ul.schedule li {margin-right:.625em;}
.directorytext {padding-bottom: .5em;}

.menuover {color:#fff; background:#f0ebcf; padding:6px 6px 0px 6px; cursor:hand;}
.menuout {color:#000; background:#f9f6e4; padding:6px 6px 0px 6px;}

.dropdown2 {
	visibility:hidden;
	position:absolute; 
	background:#f9f6e4;
	border:1px solid #000;
	width:150px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=225, Strength=5);
}

/* Scheduled Events Template */
.row.eventdetails {margin: 0 0 1em 0;}
.eventphoto {padding: 0;}
.eventphoto img { 
	margin-top: 0em;
	border: 1px #fff solid;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;*/
}
.eventcaption {padding: 0; border-top: 20px solid #ebebeb;}
.eventcaption p {padding: .5em 1em 0 1em; font-size: 90%; line-height: 1.5; font-style:italic;}

#sched-event-header h1 {
	color: #fff;
	font-family:Fjalla One;
	font-size: 50px;
	line-height:1;
}
#sched-event-header h2 {
	color: #fff;
	font-size: 24px;
	font-weight:600;
	margin-top: 1em;
}
#sched-event-header hr {
	height:1px;       
	border: 1px dotted #ccc;
	margin: 0 0 1em 0;
}
#sched-event-header h3 {
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	margin-bottom: .5em;
}
.sched-event-image {
	max-height:320px;
	overflow:hidden;
}

@media only screen and (max-width: 767px) {
	.sched-titleboardL {
		padding: 0 2em;
		height: 100%;
	}
	.sched-titleboardR {
		padding: 0;
	}
	#sched-sliderlens2 {
		margin-bottom: 80%;
		overflow: visible;
	}
	.sched-event-image {
		height: 100%;
		overflow: visible;
	}
}

/* ===== END SCHEDULES TEMPLATE STYLES ===== */

/* News Template styles, Photos use Scheduled Events styles above */
.newsitem {margin: 2em 0 2em 0;}
.newsitemdate {margin:0 5px 0 5px;}
.newsitem a img {border:none;}
.news-image-spacer {height: 1em;}
ul.news {list-style:none;}
ul.news li {margin: 0; padding:0; line-height:120%;}


/* ===== Phone Directory Styles ===== */
.dirlabel {margin-bottom: .25em;}
.dirselect {margin-bottom: 1em;}
.dir {margin:0; padding:.625em;}

table#phonetable th {font-size: 80%; padding: .5em; background:#9e1b32; color: #fff; line-height:1.2; padding: .5em; border-left:#fff 1px solid;}
table#phonetable th a {color:#FC9;}
table#phonetable th a:hover {color:#999;}
table#phonetable td {font-size: 75%; padding: .5em; border-left:#fff 1px solid;}


ul.employdetails {list-style:none;}
ul.employdetails li {font-size: 85%; padding: 0 0 .5em 0;}

.sampleschdtable_bullet {float: left; margin-right: 1em;}
table.samptable {border-collapse:collapse}
table.samptable TH {font-size:85%; width:100%; border: 1px solid #fff;}
table.samptable TD {font-size:80%; width:100%; border: 1px solid #fff;}

.newsmodal {position: absolute; top:-90px;}