/*

	909
	----

	@file		909
	@date	2010-11-18
	@author	Kenton Glass <https://kenton.me>

	Copyright (c) 2010 Potter College of Arts and Letters <https://wku.edu/pcal>

*/


/* ! General
************************************/
* {
	margin:0;
	padding:0;
}

body {
	background:#ffffff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#333;
}

h1 {
	padding:22px 24px;
	font-size:18px;
	font-weight:400;
	text-shadow:0px 1px 0px rgba(255,255,255,.75);
}

h2 {
	padding:24px 26px;
	font-size:18px;
	font-weight:400;
	text-shadow:0px 1px 0px rgba(255,255,255,.75);
}

h3 {
	padding:5px;
	font-size:18px;
	font-weight:400;
}

h4 {
	padding:5px;
	font-size:14px;
	font-weight:400;
}

p {
	font-size:12px;
	line-height:20px;
	padding:5px;
}

a,a:visited {
	color:#C00;
	text-decoration:none;
	outline: none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

a:hover,a:active,a:focus {
	color:#333;
	text-decoration:none;
}

table { 
	border:1px solid #666; 
}

/* ! Structure Divs
************************************/
#container {
	width:975px;
	margin:0 auto;
}

#header {
	background:#ffffff url(images/909/header.jpg) top center no-repeat;
	width:975px;
	height:138px;
}

#communication_rotator {
	float:right;
	display:none;
	margin:0 0 20px 10px;
	width:267px;
	height:400px;
}

/* ! Images
************************************/
img {
	border:0;
}

img.wku_logo {
	float:left;
	width:auto;
	margin-left:60px;
	margin-top:44px;
}

img.dept_logo {
	float:right;
	width:auto;
	margin-right:53px;
	margin-top:44px;
}

img.rotate {
	display:none; 
	position:absolute; 
	top:0; 
	left:0; 
	border:0;
}

img.dcs { 
	border:2px solid #DDD; 
	float:left; 
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ! Structure Classes
************************************/
.left {
	float:left;
	width:auto;
}

.right {
	float:right;
	width:auto;
}

.clear {
	clear:both;
}

.content {
	background:#fffff url(images/909/content.jpg) top center repeat-y;
	width:975px;
}

.content img {
	margin-left:68px;
	margin-top:10px;
}

.content_spacer {
	clear:both;
	height:50px;
}

.hr {
	height:1px;
	border-bottom:1px dotted #666;
	margin:20px 2px 0;
}

.prev {
	padding-right:5px;
}

.space {
	width:10px;
	height:150px;
}

#rotate { 
	padding-bottom:13px;
	margin-left:2px;
}

/* ! Main Navigation
************************************/
#main_nav {
	background:#ffffff  top center no-repeat;
	width:975px;
	height:90px;
	margin-left:2px;
}

#main_nav ul {
	list-style-type:none;
	padding:2px 3px 2px 4px;
}

#main_nav ul li {
	display:inline;
}

#main_nav ul li a,#main_nav ul li a:active,#main_nav ul li a:visited {
	float:left;
	width:auto;
	margin-left:12px;
	margin-top:16px;
	padding:6px 8px;
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	font-weight:400;
        text-shadow: 0 1px 0 rgba(51,51,51,.5);
}

#main_nav ul li a:hover {
	/*background:#B70202;*/
        text-shadow: 0 1px 5px rgba(255,255,255,1);
	padding:6px 8px;
	font-weight:400;
}

#main_nav ul li a.current {
	/*background:#B70202;*/
        text-shadow: 0px 0px 1px #FFF;
	padding:6px 8px;
	font-weight:400;
}

#dept {
	background:#ffffff url(images/909/department.jpg) top left no-repeat;
	margin-left:2px;
	width:975px;
	height:90px;
}

#dept span {
	float:left;
	width:auto;
	margin-left:25px;
	margin-top:16px;
	padding:6px 8px;
	color:#FFF;
	text-decoration:none;
	font-size:20px;
	font-weight:400;
}

/* ! Sub Navigation
************************************/
#sub_nav {
	background:#FFF;
	float:left;
	width:auto;
	margin-left:65px;
	margin-top:-20px;
	width:250px;
}
#sub_nav ul {
	list-style-type:none;
}
#sub_nav ul li.current {
	color:#333;
	font-size:12px;
	padding:5px;
}

/* First Level */
#sub_nav ul a,#sub_nav ul a:visited,#sub_nav ul a:active {
	text-decoration:none;
	font-size:12px;
	display:block;
	padding:5px;
	color:#C00;
	font-weight:400;
}

#sub_nav ul a:hover {
	color:#333;
	border:none;
	font-weight:400;
}

#sub_nav ul li span.grandparent a, #sub_nav ul li span.grandparent a:active, #sub_nav ul li span.grandparent a:visited {
	color:#333;
	font-size:16px;
}

#sub_nav ul li span.grandparent a:hover {
	color:#333;
	font-size:16px;
}

#sub_nav ul li span.parent a, #sub_nav ul li span.parent a:active, #sub_nav ul li span.parent a:visited {
	color:#333;
	font-size:12px;
	padding:5px;
}

#sub_nav ul li span.parent a:hover {
	color:#333;
	font-size:12px;
	padding:5px;
}

/* Second Level */
#sub_nav ul li ul {
	margin:5px 0px;
	margin-left:5px;
}

/* Third Level */
#sub_nav ul li ul li ul li ul {
	margin:5px 0px;
	margin-left:10px;
}

/* Fourth Level */
#sub_nav ul li ul li ul li ul li ul {
	margin:5px 0px;
	margin-left:15px;
}

/* Fifth Level */
#sub_nav ul li ul li ul li ul li ul li ul {
	margin:5px 0px;
	margin-left:20px;
}

/* Sixth Level */
#sub_nav ul li ul li ul li ul li ul li ul li ul {
	margin:5px 0px;
	margin-left:25px;
}

/* ! Search
************************************/
#search {
	float:right;
	width:auto;
	margin-right:70px;
	margin-top:20px;
}

#search input.field {
	font-size:14px;
	color:#666;
	border:1px solid #CCC;
	outline:none;
	padding:4px;
	width:190px;
}

#search input.field:focus {
	border:1px solid #666;
	color:#333;
}

#search input.button {
	background:url(images/909/search.jpg) 0px 0px;
	width:29px;
	height:29px;
	vertical-align:middle;
	margin-top:-4px;
	text-indent:-9999px;
	border:none;
}

#search input.button:hover {
	background:url(images/909/search.jpg) 0px -30px;
	cursor:pointer;
}

#search input.button:active {
	background:url(images/909/search.jpg) 0px -59px;
	cursor:pointer;
}

#search label {
	display:none;
}

/* ! Breadcrumbs
************************************/
#breadcrumbs {
	width:575px;
	float:right;
	margin-right:65px;
	font-size:10px;
	text-align:right;
	color:#666;
}

#breadcrumbs a,#breadcrumbs a:active,#breadcrumbs a:visited {
	color:#666;
	text-decoration:none;
}

#breadcrumbs a:hover {
	color:#333;
}

/* ! News
************************************/
#news_title {
	clear:left;
	margin-left:5px;
	background:#666 url(images/909/news.jpg) top center no-repeat;
	width:275px;
	height:92px;
}

#news_body {
	margin-left:70px;
	width:250px;
        font-size:12px;
	line-height:20px;
}

#news_body img { margin-left: 0px; }

span.title a {
	font-weight:400;
	margin:5px 0;
	font-size:16px;
}

span.more a {
	font-size:12px;
}

span.category {
	color:#666;
	font-size:10px;
}

#news_body p {
	color:#333;
	font-size:12px;
}

.divider {
	height:1px;
	border-bottom:1px solid #DDD;
	margin:5px 0;
	width:200px;
}

/* ! Content
************************************/
#content_title {
	clear:right;
	float:right;
	background:#fff  top center no-repeat;
	width:650px;
	height:82px;
}

#content_title2 {
	
	float:left;
	background:#fff  top center no-repeat;
	width:389px;
	height:82px;
}


#content_body {
	background:#FFF;
	float:right;
	width:575px;
	margin-right:65px;
	font-size:12px;
}

#content_body ul {
	margin-left:20px;
}

#content_body ol {
	margin-left:25px;
}

#content_body li {
	font-size:12px;
	line-height:16px;
	padding:5px 0px;
}

#content_body img { 
	margin-left:0px; 
}

#anchor {
	float:right;
	width:auto;
	margin-top:4px;
	font-size:10px;
}

#links {
	float:left;
	width:500px;
	margin-top:4px;
	font-size:10px;
}

/* ! Forms
************************************/
.form div {
	margin:20px 0;
}

.form fieldset {
	border:none;
}

.form label {
	font-size:14px;
	padding-bottom:3px;
	margin:4px 0;
	display:block;
}

.form label span {
	font-size:10px;
	padding-left:6px;
}

.form input {
	outline:none;
	border:1px solid #CCC;
	color:#666;
	font-size:12px;
	
	width:98%;
	padding:1%;
}

.form input:focus {
	border-color:#333;
	color:#333;
}

.form select {
	outline:none;
	border:1px solid #CCC;
	font-size:12px;
	margin:0 0 4px;
	min-width:30%;
	padding:1%;
}

.form select:focus {
	border-color:#333;
}

.form input[type=checkbox] {
	border:none;
	width:auto;
}

.form input[type=radio] {
	border:none;
	width:auto;
}

.form textarea {
	outline:none;
	border:1px solid #CCC;
	color:#666;
	margin:2px 0 0;
	width:98%;
	padding:1%;
	font-size:12px;
}

.form textarea:focus {
	border-color:#333;
	color:#333;
}

.form input[type=submit],.form input[type=button] {
	background:url(https://webapps.wku.edu/pcal/app/images/button.png);
	padding:2px 5px 4px;
	margin:0;
	font-size:12px;
	line-height:18px;
	width:60px;
	height:22px;
	border:0;
	outline-width:thin;
	color:#333;
}

.form input[type=submit]:active,.form input[type=button]:active {
	background:url(https://webapps.wku.edu/pcal/app/images/button.png) 0 22px;
}

label.check {
	border-bottom:none;
	display:inline;
	font-size:12px;
}

.error_text { color: #C00; }

/* ! Lightbox
************************************/
ul.picturelist {
	width:500px;
	margin-left:60px;
}

ul.picturelist li.thumb img {
	margin:0;
	height:75px;
	max-width:100px;
}

/* ! Calendar
************************************/
#calendar_body {
	clear:both;
	margin:10px auto;
	width:800px;
}

.calendar tr td a {
	color:#C00;
}

.calendar-today {
	font-weight:bold;
}

#cal-upcominglist .calendar-date-title,#cal-upcominglist .calendar-summary-title {
	display:none;
}

#cal-upcominglist h2,#cal-upcominglist .calendar-date,#cal-upcominglist .calendar-summary {
	display:inline;
	margin-right:5px;
}

#cal-list h1,#cal-upcominglist h1 {
	color:#C00;
	font-size:120%;
}

#cal-list h2,cal-upcominglist h2 {
	font-size:110%;
}

#big {
	margin:0;
	border-collapse:collapse;
	border:1px solid #000;
}

#big th {
	border:1px solid #000;
	padding:3px;
	width:75px;
}

#big td {
	border:1px solid #000;
	vertical-align:top;
	padding:3px;
	height:75px;
	width:75px;
}

#big ul {
	margin:0;
	padding:0;
	padding-left:5px;
}

#big li {
	list-style-type:none;
	padding:0;
	margin:0;
}

#big td {
	background-color:#F2F2F2;
}

#big .calendar-day {
	background-color:#CCC;
}

#big .calendar-today {
	font-weight:normal;
	background-color:#CCC;
}

.calendar-event .calendar-date-title,.calendar-event .calendar-summary-title,.calendar-event .calendar-details-title {
	display:none;
}

#calendar {
	margin:auto;
	margin-bottom:20px;
	padding:10px;
	width:90%;
	border-collapse:collapse;
	border:1px solid #000;
}

#calendar a {
	font-size:10px;
	color:#000;
}

#calendar th {
	border:1px solid #000;
	padding:3px;
	width:50px;
	font-size:10px;
}

#calendar td {
	border:1px solid #000;
	vertical-align:top;
	padding:3px;
	height:75px;
	width:75px;
	font-size:10px;
}

#calendar li {
	list-style-type:none;
	padding-bottom:10px;
}

#calendar td {
	background-color:#FFF;
}

#calendar .calendar-month {
	font-size:18px;
	margin-bottom:10px;
}

#calendar .calendar-today {
	font-weight:bold;
}

#calendar #cal-upcominglist .calendar-date-title,#cal-upcominglist .calendar-summary-title {
	display:none;
}

#calendar #cal-upcominglist h2,#cal-upcominglist .calendar-date,#cal-upcominglist .calendar-summary {
	display:inline;
	margin-right:5px;
}

#calendar #cal-list h1,#cal-upcominglist h1 {
	color:#C00;
	font-size:18px;
}

#calendar #cal-list h2,cal-upcominglist h2 {
	font-size:16px;
}

#calendar .calendar-day {
	background-color:#F2F2F2;
}

#calendar .calendar-today {
	font-weight:normal;
	background-color:#F2F2F2;
}

#calendar .calendar-event .calendar-date-title,.calendar-event .calendar-summary-title,.calendar-event .calendar-details-title {
	display:none;
}

#calendar .music-performances a {
	color:#369;
}

/* blue */
#calendar .music-rehearsals a {
	color:#96C;
}

/* purple */
#calendar .music-recitals a {
	color:#F93;
}

/* orange */
#calendar .music-special-events a {
	color:#696;
}

/* green */
#calendar .music-punches a {
	color:#C00;
}

/* red */
#calendar .music-NON-punch a {
	color:#000;
}

/* black */
#calendar .music-auditions a {
	color:#369;
}

/* blue */
#calendar .music-other a {
	color:#96C;
}

/* purple */
#calendar a:hover {
	text-decoration:underline;
}

/* ! Messages
************************************/
.status {
	border-bottom:1px solid #CCC;
	background:#F7F7F7;
	padding:10px 10px 8px;
	margin:15px 0;
}

.message {
	border-bottom:1px solid #E2C822;
	background:#FFF9D7;
	padding:10px 10px 8px;
	margin:15px 0;
}

.success {
	border-bottom:1px solid #90ac13;
	background:#eef4d3;
	padding:10px 10px 8px;
	margin:15px 0;
}

.error {
	border-bottom:1px solid #DD3C10;
	background:#FFEBE8;
	padding:10px 10px 8px;
	margin:15px 0;
}

/* ! Table
************************************/
table.table {
	border-collapse:collapse;
	border:0;
	width:95%;
	margin:15px 0 0 5px;
}

table.table th {
	text-align:left;
}

table.table th,table.table td {
	padding:5px 3px;
}

table.table tr {
	border-bottom:1px solid #F2F2F2;
}

/* ! Footer
************************************/
#footer {
	background:#666 url(images/909/footer.jpg) top center no-repeat;
	width:975px;
	height:68px;
	font-size:10px;
	color:#FFF;
	text-align:center;
	padding-top:8px;
	line-height:15px;
}

#footer p {
	font-size:10px;
	line-height:15px;
	padding:0;
}

#footer a,#footer a:active,#footer a:visited {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}