/*-------------------------------------------
Trinity Western University
CSS Version: 1.0
Created: January 13, 2010
Last Modified: January 13, 2010
Last Modifier: Jared Crossley
-------------------------------------------*/

/* BASIC CONTAINER STYLES */
html {background:#1F1F1F url(../img/bg.jpg) repeat scroll 0 0;}
body {color:#eee;}
#wrap-body {background:#000 none;}
#body {padding-top:35px;}
#content {background-color:#fff; clear:both; color:#333; float:left; overflow:auto; padding:20px; width:660px;}
#content.nocrumb, #content.standard {padding:20px 40px; width:620px;}
#sidebar {background-color:transparent; border:0 none; margin-top:0; padding:0 0 10px 40px; width:200px;}
#index #content {background-color:#000;}
#wrap-footer {background:transparent url(../img/bg-footer.png) repeat-x scroll 0 0;}
#wrap-content {background:none; border:none; padding:0; width:940px;}
#wrap-content.col2 {background-image:none; padding:0;}
#content-footer, #content-footer.col2 {background-image:none; padding:30px 0 0;}

/* BASIC FONT STYLES */
h3 {color:#333;}
p {font-family:helvetica,arial,sans-serif;}
a {color:#EC1C24;}
a:hover {color:#666; text-decoration:none;}
#nav-samc + h2, #content.nocrumb h2:first-child, #content h2:first-child, .sidemenu.leftmenu + h2 {background-color:#C3080F; clear:both; color:#fff; margin:0 0 10px; padding:10px 20px; text-shadow:0 -1px 1px #510C0E; width:900px;}
#content.nocrumb h2:first-child, #content.standard h2:first-child {clear:none; margin:-20px 0 10px -40px; padding:10px 40px; width:620px;}
#content.leftmenu .sidemenu.leftmenu + h2, #content.leftmenu h2:first-child {clear:none; margin:-20px 0 10px -40px; padding:10px 40px; width:432px;}
ul {list-style:none; margin-bottom:25px; padding:0;}
ul li {background:transparent url("../img/bullet.gif") no-repeat 0 4px; padding-left:17px;}
ol ol, ul ul {font-size:1em; margin:0 0 0.3em;}
ol ol li, ul ul li {margin:0.3em 0 0 0;}
ol {list-style:decimal;}
.bq {color:#c3080f; font-family:georgia,'palatino linotype','times new roman',serif; font-size:1.125em /* 18px */; font-style:italic;}
#content ol li {color:#EC1C24; font-weight:bold;}
#content ol li span {color:#333; font-weight:normal;}
ul.related li {background:transparent none; padding-left:0;}

/* BUTTON STYLES */
a.apply, a.buy, a.btn {background:#920006 url(../img/btn-gradient.gif) repeat-x scroll 0 0; border:1px solid #920006; color:#FFFFFF; font-weight:bold; padding:4px 10px; text-decoration:none; text-transform:uppercase;}
a.btn {-moz-border-radius:3px; -webkit-border-radius:3px; letter-spacing:-0.04em; padding:4px 7px; text-shadow:0 1px 1px #920006;}
a:hover.apply, a:hover.buy, a:hover.btn {background-position:0 -50px; border:1px solid #666; color:#222;}
a.apply {font-size:0.9375em; display: block; margin: 0 0 40px 0; width: 80px;}
a.buy {font-size:1.125em /* 18px */; margin-bottom:20px;}
a.totop, h3 a.backtotop {background:transparent url(../img/backtotop-btn.gif) no-repeat scroll 0 0; display:block; float:right; height:17px; margin-top:6px; overflow:hidden; padding:0; text-indent:-999em; width:86px;}
a:hover.totop, h3 a:hover.backtotop {background-position:0 -17px;}

/* PANEL STYLES */
#nav-panel {background-image:url(../img/panel/bg.png); overflow: visible;}

/* UTILITY NAV */
#util {list-style:none;}
#util li {background-image:url(../img/panel/pipe.gif); color:#666;}
#util li a {color:#666;}
#util li a:hover {color:#bd161d; text-decoration:underline;}
#util li a.samc-apply {color:#EC1C24; padding: 0 0 0 10px;}
#util li a.samc-apply:hover {text-decoration: none; color: #EEEEEE;}
#util li.text {color:#666;}
#util li.mid {background-image: none;}
#util li.last {margin-right:7px; text-transform: uppercase;}


/* FORM STYLES */
button {background-color:#760E12; border-color:#9a1217 #5e0b0e #5e0b0e #9a1217; color:#eee;}
button:hover, button:active {background-color:#EC1C24; border-color:#fd474e #9a1217 #9a1217 #fd474e;}
.searchform #searchfield {background-color:#333; border-color:#444; color:#ddd; width:123px;}
.searchform, .searchform.nocrumb {background:transparent none; float:right; margin:0 0 71px; min-height:28px; padding:0; width:240px;}
.searchform fieldset {margin:0;}

/* SIDE MENU */
#content.leftmenu {background:transparent url(../img/leftmenu-bg.jpg) repeat scroll 0 0; padding:20px 40px 20px 228px; width:432px;}
ul.sidemenu {background:transparent none; border:0; list-style:none; margin:0; width:200px;}
ul.sidemenu li {background:transparent none; padding:0;}
ul.sidemenu li a {background-image:none; border-top:1px solid #222; color:#eee;}
ul.sidemenu li.first a {border-top:none;}
ul.sidemenu li a:hover {background:#760E12 none; border-top:1px solid #760E12; color:#fff; text-shadow:none;}
ul.sidemenu li a.active, ul.sidemenu li.activeSlide a {background:#EC1C24 none; border-top:1px solid #5E0B0E; color:#fff; text-shadow:none;}
ul.sidemenu li a.active:hover, ul.sidemenu li.activeSlide a:hover {background-color:#d01b22;}

ul.sidemenu.leftmenu {background:none; margin:-10px 0 20px -218px; padding:0; width:168px;}
ul.sidemenu.leftmenu li a {background-image:none; border-top:1px dotted #ccc; color:#EC1C24; font-weight:bold; text-transform:uppercase;}
ul.sidemenu.leftmenu li.first a, ul.sidemenu.leftmenu li.first a:hover {border-top:none;}
ul.sidemenu.leftmenu li a:hover {border-top:1px solid #760E12; color:#fff; text-shadow:none;}

/* BREADCRUMBS */
.dropdown-nav {background-image:none; float:left; list-style:none; margin:10px 0; min-height:28px; padding:0; width:685px;}
.dropdown-nav li {background-image:url(../img/dropdown-nav/arrow.gif); margin:0;}
.dropdown-nav a:hover,.dropdown-nav li ul,.dropdown-nav li:hover a, .dropdown-nav a:focus, .dropdown-nav a:active,.dropdown-nav li a:hover.home,.dropdown-nav li a:hover.minified, .dropdown-nav li:hover a.minified {background-color:#BD161D;}
.dropdown-nav a:hover {color:#fff;}
.dropdown-nav li:hover a, .dropdown-nav a:focus, .dropdown-nav a:active {color:#fff;}
.dropdown-nav li:hover ul a:hover, .dropdown-nav ul a:hover {background-color:#760e12; color:#fff;}
.dropdown-nav li.last:hover, .dropdown-nav li.last.iehover:hover {position:static;}
.dropdown-nav li.last:hover ul, .dropdown-nav li.last.iehover:hover ul {right:auto; left:auto;}
.dropdown-nav ul li a.folder {background-color:#a11319;}
.dropdown-nav li a.home, .dropdown-nav li a.minified {background:transparent url(../img/dropdown-nav/icons.gif) no-repeat 0 0; display:block; height:2.3636em /* 26px */; text-indent:-999em; width:17px;}
.dropdown-nav li a:hover.home {background-position:0 -26px;}
.dropdown-nav li a.minified {background-position:-22px 0;}
.dropdown-nav li a:hover.minified, .dropdown-nav li:hover a.minified {background-position:-22px -26px;}
.dropdown-nav li.searchitem {margin: 40px 0;}
#wrap-breadcrumbs {position:absolute;}
#wrap-breadcrumbs .dropdown-nav {float:right; margin:0; width:200px;}
#wrap-breadcrumbs.fixed .dropdown-nav {margin:50px 0 0;}
#wrap-breadcrumbs.fixed {background-image:none; border:none;}

#nav-samc { /* first level lists */ clear:both; color:#eee; display:block; float:left; font-family:helvetica,arial,sans-serif; list-style:none; margin:20px 0 0; padding:0 240px 0 10px; position:relative; width:690px; z-index:1000;}
#nav-samc ul { /* sub-lists */ font-family:helvetica,arial,sans-serif; list-style:none; position:relative; width:700px;}

#nav-samc a {display: block;}

#nav-samc li { /* all list items */ background:transparent none; float:left; font-size:0.7857em /* 11px */;	margin:0; padding:0;}

#nav-samc li a {background:transparent url(../img/nav-samc/div.gif) no-repeat right center; color:#eee; display:block; line-height:2.7273em /* 30px */; font-weight:bold; padding:0 10px; text-decoration:none; text-transform:uppercase;}
#nav-samc li a:hover {color:#ec1c24;}
#nav-samc li.first a {margin-left:10px;}
#nav-samc li.last a {background-image:none;}
#nav-samc li:hover a.tab {background:#ec1c24 none; color:#fff;}

#nav-samc li ul {border-width:0 1px 1px 0; border-color:#000; font-size:1em /* 11px */; left:-999em; padding-left:0; position:absolute; width:10em;}
#nav-samc li ul li {font-size:1em /* 11px */;}
#nav-samc li ul li a, #nav-samc li.last ul li a {background:#ec1c24 none; border-bottom:1px solid #c3080f; clear:both; color:#fff; display:block; font-weight:normal; text-transform:none; width:12.7273em;}
#nav-samc li ul li a:hover, #nav-samc li.last ul li a:hover {background:#c3080f none; color:#fff; border-bottom:1px solid #c3080f;}

#nav-samc li:hover ul, #nav-samc li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	height:0;
}

/* FOOTER */
#content-footer .vcard .org {background-image:url(../img/logo-r.png);}
#content-footer .vcard address, #content-footer .vcard .license {color:#eee;}
#nav-footer li {background:transparent none; padding:0;}
#nav-footer li a {border-color:#555; color:#eee;}
#nav-footer li a:hover {background-color:#ec1c24; border-color:#ec1c24; color:#fff;}
#content-footer #connect li {background:transparent none; padding:0;}
#content-footer #connect li a#sharethis {background:#373737 url(../img/social/share-arrow.gif) no-repeat scroll right top; color:#fff;}
#content-footer #connect li#title {color:#EEEEEE; text-shadow:none;}

#content-footer #connect li ul {background:#222 url(../img/social/gradient.gif) repeat-x scroll 0 top; border-color:#555;}
#content-footer #connect li ul li a:hover {border-color:#ec1c24; color:#fff;}
#content-footer #connect li#feedback-button a {background-color:#ec1c24; color:#fff;}
#content-footer #connect li#feedback-button a:hover {background-color:#eee; color:#333;}
#content-footer #connect li.networks a {background:transparent url(../img/social/socialicons_samc.png) no-repeat scroll 0 0;}

/* SPECIAL HEADINGS */
#samclogo {float:left; font-size:1.375em /* 22px */; line-height:0; height:79px; margin:20px 0 0 20px; width:580px;}
#samclogo a {color:#ec1c24;}
#samclogo a span {background:transparent url(../img/logo/samc-wm-r.png) no-repeat scroll 0 bottom; clear:both; display:block; height:18px; text-indent:-999em;}
#twulogo {float:left; font-size:1.125em; height:79px; margin:20px 0 0; width:100px;}
#twulogo img {position:relative; top:19px;}
#twulogo a {color:#fff; text-decoration:none;}
#home-apply {background:transparent url(../img/opacity/red-85.png) repeat; height:140px; margin:0 0 10px; width:700px;}
#inspire {height:80px; margin:0 0 10px; width:700px;}

/* LOADER FOR TOP PANEL */
#loader {background:transparent url(../img/panel/bg-loading.png) repeat; color:#fff;}

/* LOADING ANIMATION for PAGE AJAX LOADING */
#contentloader {background:transparent url(../img/nav-samc/opacity-b.png) repeat scroll 0 0; clear:both; float:left; position:relative; width:700px; text-align:center; top:0;}
#contentloader img {float:left; left:50%; margin-left:-30px; position:absolute; top:10px;}

/* CATALOG STYLES */
.catalog li a {color:#333;}
.catalog li a:hover {background:#ec1c24 url(../../global/img/gradients/darkred-100-r.gif) repeat-x scroll 0 0; color:#fff;}
.thumblist li {background:transparent none; padding:0;}
.thumblist li a {background:transparent url(../img/thumblist/gallery-btn.png) no-repeat 0 0; color:#333; display:block; left:0; min-height:120px; position:absolute; text-decoration:none; text-indent:-999em; top:0; width:100%;}
.thumblist li a:hover {background-position:0 -110px;}
.thumblist li:hover img {background-color:#eee; border-color:#ec1c24;}
.thumblist li:hover strong {color:#ec1c24;}

    /* PERSON PROFILE CATALOG STYLES */
    #basicprofile.catalog li {background:transparent none;}
    #basicprofile.catalog li div a.name {color:#EE2E24;}
    #basicprofile.catalog li div a.name:hover {background:transparent none; color:#333;}
    #content .deptinfo p, #content .deptinfo p span {background-image: url(../../global/img/basic-profile/info-bubble-samc.gif)}
    h3.position {color:#EE2E24;}
    ul#cyclelist h1, ul#cyclelist h2, ul#cyclelist h3, ul#cyclelist h4, ul#cyclelist h5, ul#cyclelist h6 {display:block;}
    #cyclelist li {background:transparent none; min-width:421px; padding:0; width:438px;}
    #cyclelist li li {background:transparent url("../img/bullet.gif") no-repeat 0 4px; font-family:Helvetica,arial,sans-serif; min-height:1px; padding:0 0 0 17px; width:421px;}
    
    /* CATALOG FILTER MENU */
    .filter-options {background-color:#eee; margin:-10px -10px 0; padding:0 10px;}
    .filter-options #opts-container {background-color:#eee;}
	.filter-options ul {list-style:none; margin:0; overflow:auto; padding:0;}
	#content.nocrumb .filter-options span.title, #content.standard .filter-options span.title, .filter-options li {background:transparent none; display:inline; float:left; font-family:helvetica,arial,sans-serif; line-height:2.9091em /* 32px */; margin:0 10px 0 0; padding:0;}
	#content.nocrumb .filter-options p.title, #content.standard .filter-options p.title {background:transparent none; color:#333; font-size:0.6875em /* 11px */; font-weight:bold; margin:0 10px 0 0; padding:0; text-shadow:none; text-transform:uppercase; width:auto;}
	#basicprofile.catalog li div a.btn2, .filter-options li a, .filter-options div a {background:url("../img/btn-gradient.gif") repeat-x scroll 0 0 #920006; color:#fff; text-shadow:0 1px 1px #920006;}
	#basicprofile.catalog li div a.btn2:hover, .filter-options li a:hover, .filter-options div a:hover {background-position:0 -50px; text-shadow:0 1px 2px #fff;}
	.filter-options #opts-container ul li a {color:#333; text-shadow:none;}
	.filter-options #opts-container ul li a:hover {background-color:#EE2E24; color:#fff;}
	#content.nocrumb .bioinfo h2:first-child, #content.standard .bioinfo h2:first-child {margin-left:-20px; padding:10px 20px; width:660px;}
	
	

/* PHOTO GALLERY STYLES */
#gallery {background-color:#000;}

/* CUSTOM TOOLBAR DROPDOWN STYLES */
.dropdown-nav li ul {border-width:0 1px 1px 0; border-color:#000; border-style:solid;}

/* CUSTOM JQUERY UI STYLES */
.ui-widget-header {background-color:#ED1B24; color:#222;}

/* CUSTOM SLIDING PANEL STYLES */
#panelwrap {background:transparent url(../img/bg.jpg) repeat scroll 0 0;}

/* CUSTOM CONTAINER STYLES BASED ON BODY CLASS */
body.art-design #wrap-body #body {background:#000 url(../img/grads/alysha-creighton-bw.jpg) no-repeat scroll 710px 70px;}
body.communications #wrap-body #body {background:#000 url(../img/grads/kenny-laing-bw.jpg) no-repeat scroll 710px 70px;}
body.music #wrap-body #body {background:#000 url(../img/grads/laura-hastings-bw.jpg) no-repeat scroll 710px 70px;}
body.theatre #wrap-body #body, body.degree-programs #wrap-body #body, body.productions #wrap-body #body, body.past-seasons #wrap-body #body {background:#000 url(../img/grads/kaylee-harwood-bw.jpg) no-repeat scroll 710px 70px;}
.samc.default #inspire {margin:0 0 20px 0;}
body#directory #content.nocrumb, body#directory #content.standard, body.faculty-profiles #content.nocrumb, body.faculty-profiles #content.standard, body.staff-profiles #content.nocrumb, body.staff-profiles #content.standard {padding:20px; width:660px;}
body#directory #content.nocrumb h2:first-child, body#directory #content.standard h2:first-child, body.faculty-profiles #content.nocrumb h2:first-child, body.faculty-profiles #content.standard h2:first-child, body.staff-profiles #content.nocrumb h2:first-child, body.staff-profiles #content.standard h2:first-child {clear:none; margin:-20px 0 20px -20px; padding:10px 20px; width:660px;}

	/* custom department headers */
	body.art-design #samclogo, body.communications #samclogo, body.music #samclogo, body.theatre #samclogo, body.degree-programs #samclogo, body.productions #samclogo, body.past-seasons #samclogo, body.interdisciplinary #samclogo, body.conferences #samclogo {height:113px;}
	body.art-design #samclogo img, body.communications #samclogo img, body.music #samclogo img, body.theatre #samclogo img, body.degree-programs #samclogo img, body.productions #samclogo img, body.past-seasons #samclogo img, body.interdisciplinary #samclogo img, body.conferences #samclogo img {margin:0 0 13px;}
	body.art-design #samclogo a span, body.communications #samclogo a span, body.music #samclogo a span, body.theatre #samclogo a span, body.degree-programs #samclogo a span, body.productions #samclogo a span, body.past-seasons #samclogo a span, body.interdisciplinary #samclogo a span, body.conferences #samclogo a span {background:transparent url(../img/logo/samc-departments.png) no-repeat scroll 0 0; height:39px; width:228px;}
	body.communications #samclogo a span {background-position:0 -41px; height:32px; width:460px;}
	body.music #samclogo a span {background-position:0 -84px; height:31px; width:111px;}
	body.theatre #samclogo a span, body.degree-programs #samclogo a span, body.productions #samclogo a span, body.past-seasons #samclogo a span {background-position:0 -126px; height:31px; width:140px;}
	body.interdisciplinary #samclogo a span {background-position:0 -168px; height:39px; width:292px;}
	body.conferences #samclogo a span {background-position:0 -209px; height:32px; width:235px;}
	body.samc.default #wrap-body #body {background:transparent url(../img/logo/samc-l-xl.png) no-repeat scroll 49px 177px;}
	
	/* custom department content blocks */
	body.samc.default #content {background:transparent none; color:#fff; padding:0; width:700px;}
	body.art-design.default #content, body.communications.default #content, body.music.default #content, body.theatre.default #content, body.theatre.theatre-home #content {background-color:transparent; color:#eee; padding:20px; width:660px;}
	#introvid {margin:-20px 0 20px -20px;}
	
	/* custom department dropdown menus */
	body.samc.default #nav-samc li ul li a, body.samc.default #nav-samc li.last ul li a {background:transparent url(../../global/img/opacity/black-80.png); border-bottom:1px solid #000;}
	body.samc.default #nav-samc li ul li a:hover, body.samc.default #nav-samc li.last ul li a:hover {background:#c3080f none;}
	
	/* custom department back to top button */
	body.samc.default a.backtotop, body.art-design.default a.backtotop, body.communications.default a.backtotop, body.music.default a.backtotop, body.theatre.default a.backtotop {background-image:url(../img/backtotop-btn-r.gif);}
	
	/* custom photo gallery styles */
	body.gallery #content.nocrumb h2:first-child, body.gallery #content.standard h2:first-child {margin:0;}
	body.gallery #content.nocrumb, body.gallery #content.standard {padding:0; width:700px;}
	body.gallery #photogallery {margin:0;}
	body.gallery .gallery {background-color:#000;}

/* SIDEBAR TEXT STYLES */
body.samc.default h2.events {margin-top:213px;}
body.art-design.default h2.events, body.communications.default h2.events, body.music.default h2.events, body.theatre.default h2.events,
body.theatre.theatre-home h2.events, body.gallery.art-design h2.events, body.gallery.communications h2.events, body.gallery.music h2.events, body.gallery.theatre h2.events {margin-top:180px;}
h2.events {font-size:1em /* 16px */; margin:0 0 10px;}
h2.events a {color:#EE2E24; font-weight:bold; text-transform:uppercase; font-size: 1.2em;}
h2.events a:hover {color:#fff; text-decoration:underline;}
ul.events {font-size:0.875em /* 12 px */; list-style:none;}
ul.events li {margin:0 0 20px -22px; padding-left:22px; background:none; padding-top: 10px;}
ul.events li p {margin:0; font-size:1em;}
ul.events h3 {background:transparent url(../img/events-bullet.png) no-repeat scroll 0 0; font-size:1.1667em /* 14px */; font-weight:bold; line-height:1.1429em /* 16px */; margin-left:-22px; padding-left:22px; text-transform:uppercase;}
ul.events h4 {font-size:1.2em;}
ul.events strong {font-style: italic;}
#sidebar .btn {display:inline-block; margin-right:2px; padding:0 5px; line-height:1.8em;}
#sidebar .btn.last,#sidebar .btn.last:hover {margin:0;}
#sidebar h2.webfont:first-child {margin:0 10px 0 -10px; padding:0 10px 4px;}
#sidebar .contactinfo {overflow:hidden;}
#sidebar .contactinfo a {color:#fff;}
#sidebar h2.webfont, #sidebar .contactinfo a:hover {color:#EE2E24;}
#sidebar .contactinfo li {background:transparent none; padding:0;}

img.banner {background-color:transparent; clear:both; display:block; margin:0; min-width:700px; max-width:700px; padding:0;}

/* SAMC CONFERENCE STYLES */
#presenter-list {list-style:none; overflow:auto; padding-left:0;}
#presenter-list li {float:left; margin:0; width:206px;}
#presenter-list li.odd {margin:0 20px 0 0;}
#presenter-list li a {display:block; padding:5px; text-decoration:none; width:196px;}
#presenter-list li a:hover {background-color:#C3080F; color:#fff; text-shadow:0 -1px 1px #510C0E;}