/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Title : styles.css
Author : Josh Lockhart
URL : http://www.joshlockhart.com

Master stylesheet for GVSU Ensemble theme

Created : 01-09-2006
Modified : 01-09-2006

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/






/* GENERAL ELEMENTS */






body{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Courier, Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url('images/body-background-1.jpg') left repeat-y;
	background-position: -1px 0px;
}

a{
	color: #80502E;
}

a:link, a:visited{
	text-decoration: underline;
}

a:hover, a:active{
	text-decoration: none;
}

img {
	border: none;
}	

.imageStyle, .image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 6px 6px 6px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 6px 0 6px 6px;
}






/* WRAPPER */






#schedule-link{
	position: absolute;
	top: 73px;
	left: 67px;
	width: 100px;
	height: 20px;
}

#wrapper{
	padding-left: 437px;
	min-width: 500px;
}






/* LEFT PANEL */






#left-panel{
	width: 437px;
	height: 600px;
	float: left;
	margin-left: -219px;
	background: transparent url('images/left-panel-1.jpg') top no-repeat;
	background-position: 0px 0px;
}

html > body #left-panel{
	height: auto;
	min-height: 600px;
	margin-left: -437px;
	background-position: -1px 0px;
}

#navbar{
	margin: 170px 0px 35px 200px;
	height: 230px;
}

html > body #navbar{
	margin-bottom: 25px;
	height: auto;
	min-height: 230px;
}

#navbar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbar ul ul{
	margin: 13px 0 0 6px;
}

#navbar ul li{
	margin-bottom: 13px;
}

#navbar ul ul li{
	margin-bottom: 3px;
}

#navbar ul li a{
	background-color: #000;
	color: #FFF;
	font-size: 13px;
	font-weight: 300;
	padding: 2px 4px;
	text-decoration: none;
}

#navbar ul li a:hover{
	color: #FFF700;
}

#navbar ul li a.currentAncestor, #navbar ul li a.current{
	color: #FFF700;
}

#navbar ul ul li a{
	background: none ;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
}

#navbar ul ul li a.current{
	color: #000;
}

#navbar ul ul li a:hover{
	color: #000;
}

#sidebar{
	margin: 0px 0px 50px 180px;
	padding-right: 50px;
}






/* RIGHT PANEL */






#right-panel{
	width: 100%;
	float: left;
	height: 600px;
	line-height: 1.3em;
	color: #666;
	background-image: url('images/right-panel-fold.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
}

html > body #right-panel{
	height: auto;
	min-height: 600px;
}

#right-panel-content{
	padding: 20px 20px 150px 20px;
	background-image: url('images/right-panel-ipod.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}




/* BLOG */






.blog-entry{
	margin: 0 0 20px 0;
	line-height: 1.3em;
	color: #666666;
}

.blog-entry-title{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.3em;
	color: #000;
}

.blog-entry-date{
	display: block;
	margin-bottom: 5px;
	color: #000;
}




/* BLOG ARCHIVE */




.blog-archive-background{
	padding: 50px;
	background-color: #FFF;
	background-image: url('images/right-panel-fold.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

.blog-archive-headings-wrapper{
	padding-bottom: 20px;
}

.blog-archive-month{
	font-size: 20px;
	font-weight: bold;
}




/* FILE SHARING */




.filesharing-description{
	margin-bottom: 20px;
}

.filesharing-item{
	border-top: 1px dotted #666;
	padding: 10px;
}

.filesharing-item-title{
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
}

.filesharing-item-description{
	color: #666;
}




/* PHOTO ALBUM */




.album-title{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

.album-description{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.3em;
}

.thumbnail-table{}

.thumbnail-frame{}

.thumbnail-caption{}




/* PHOTO INDIVIDUAL */




.photo-background{
	padding: 50px;
	background-color: #FFF;
	background-image: url('images/right-panel-fold.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

.photo-navigation{
	margin: 0;
	padding-bottom: 20px;
}

.photo-title{
	margin: 0; padding: 0;
	font-size: 20px;
	font-weight: bold;
}




/* MOVIE ALBUM */




.movie-page-title {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

.movie-page-description {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.3em;
}

.movie-thumbnail-frame {
	width: 132px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 20px;
}




/* MOVIE ALBUM POPUP */




.movie-background{
	background-image: none;
	margin: 0;
	padding: 15px;
	text-align: center;
	font-size: 11px;
	font-family: Courier, Verdana, Arial, Helvetica, sans-serif;
}




/* CONTACT FORM */




.message-text{
	margin-bottom: 20px;
	line-height: 1.3em;
}

form label{
	font-weight: bold;
}

.form-input-field{
	width: 300px;
}

textarea.form-input-field{
	width: 400px;
}