
/* --------------------------
	GGVAMA 2008
	Main Styles
	Author: Lizl Rodriguez
	Version: 1.0
-------------------------- */


/*-- CCFA CSS Document --*/

#leftsidebar, #rightsidebar, #NOleftsidebar{
background-color: #9AD4E1;
}

/* CONTENT AREA */

#contentcolumn, 
#contentcolumnwide, 
#contentcolumncoloured {
	border-color: #9AD4E1;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	color: #363436;
}

a {
	text-decoration: none !important;
}

p {
	line-height: 18px !important;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h2 {
	font-size: 180% !important;
	font-weight: lighter !important;
	color: #9AD4E1 !important;
	border-bottom: 1px solid #9AD4E1 !important;
	padding-bottom: 5px !important;
}

img {
	border: 0;
}

/* --- Home Page Styles --- */

#containerHome {
	width: 700px;
	margin: 0 auto;
}
	
	/* Header Section */
	#header {
		width: 700px;
		height: 59px;
		background: url(../images/GGVAMA2008/home_header_bg.gif) no-repeat;
	}
	
		#header h1 {
			font-size: 18px;
			font-weight: lighter;
			color: #F1EFD2;
			margin: 17px 0 5px 15px;
		}
		
		#header span {
			font-weight: bold;
		}
		
	/* Artist Profile Pictures */	
	#artistProfile {
		display: block;
		width: 700px;
		height: 178px;
		background: #9AD4E1;
		padding: 2px 0 5px 0;
	}
	
	/* Artist Navigation */
	#artistNav {
		width: 700px;
		height: 25px;
		background: #F1EFD2;
	}
	
		#artistNav_float {
			width: 700px;
			font-size: 12px !important;
			text-align: center;
			text-indent: -35px;
		}
		
		#artistNav_float li {
			display: inline;
			line-height: 25px;
		}
		
		#artistNav_float li a {
			text-decoration: none;
			padding: 10px 20px 15px 20px;
			color: #363436;
		}
		
		#artistNav_float li a:hover {
			color: #F1EFD2;
			background-color: #363436;
			text-decoration: none;
		}
		
		#artistNav_float .last {
			margin-right: 0;
		}
		
		.artistNav_selected {
			color: #363436;
			background-color: #F1EFD2;
			padding: 5px 5px;
		}
	
	/* Content Area */
	#mainContent {
		width: 480px;
		margin: 35px 0 0 5px;
		padding-right: 10px;
		float: left;
	}
	
	#mainContent a {
		text-decoration: underline !important;
	}
	
	/* Side (Right) Nav */
	#sideNav {
		display: block;
		width: 145px;
		height: 99px;
		background: url(../images/GGVAMA2008/home_sideNav_bg.gif) no-repeat;
		float: left;
		margin: 80px 0 0 40px;
	}
	
		#sideNav .sideNav_selected {
			color: #fff;
		}
	
		#sideNav ul {
			margin: 15px 0 0 20px;
		}
		
		#sideNav li a {
			font-size: 12px !important;
			color: #363436;
			line-height: 12px;
		}
		 
		#sideNav li a:hover {
			text-decoration: underline !important;
		}

/* --- Bio, Essay and Gallery Styles --- */

#container {
	width: 700px;
	margin: 0 auto;
}
	
	/* Header Section */
	#headerSmall {
		width: 700px;
		height: 19px;
		background:url(../images/GGVAMA2008/header_bg.gif) no-repeat;
	}

	#headerSmall h3 {
		font-size: 12px;
		font-weight: lighter;
		text-transform: uppercase;
		color: #E2E0C6;	
		margin: 2px 0 0 5px !important;
		padding: 0 !important;
	}
	
	#headerSmall span {
		font-weight: bold;
	}
	
	/* Artist Banner Image */
	#artistBanner {
		display: block;
		width: 700px;
		height: 216px;
	}
	
	/* Artist Navigation */
	#artistNav_dark {
		width: 700px;
		height: 24px;
		background: #363436;
		text-align: center;
		margin-top: -2px;
	}
	
		#artistNav_dark_float {
			width: 700px;
			height: 24px;
			line-height: 24px;
		}
		
		#artistNav_dark_float li {
			display: inline;
		}
		
		#artistNav_dark_float li a {
			font-size: 12px !important;
			color: #E2E0C6;
			padding: 10px 20px 15px 20px;
			text-align: center;
			text-indent: -35px;
		}
		
		#artistNav_dark_float li a:hover {
			color: #363436;
			background-color: #E2E0C6;
			text-decoration: none !important;
		}

		#artistNav_dark_float .last {
			margin-right: 0;
		}
	
	/* Main Content Area */
	#mainContent div {
		padding-bottom: 10px;
	}
	
	#mainContent div a img {
		display: inline;
	}
	
	/* Side (Right) Nav */
	#sideNav_expand {
		display: block;
		width: 145px;
		height: 85px;
		background-color: #9AD4E1;
		float: left;
		margin: 85px 0 0 30px;
	}
	
		#sideNav_expand .sideNav_selected {
			color: #fff;
		}
	
		#sideNav_expand ul {
			margin: 15px 0 0 20px;
		}
		
		#sideNav_expand li a {
			font-size: 12px !important;
			color: #363436;
			line-height: 13px;
		}
		
		#sideNav_expand li a:hover {
			text-decoration: underline !important;
		}
		
	/* Side (Right) Nav - FRENCH */
	#sideNav_expand_FR {
		display: block;
		width: 145px;
		height: 110px;
		background-color: #9AD4E1;
		float: left;
		margin: 80px 0 0 30px;
	}
	
		#sideNav_expand_FR .sideNav_selected {
			color: #fff;
		}
	
		#sideNav_expand_FR ul {
			margin: 15px 0 0 20px;
		}
		
		#sideNav_expand_FR li a {
			font-size: 12px !important;
			color: #363436;
			line-height: 13px;
		}
		
		#sideNav_expand_FR li a:hover {
			text-decoration: underline !important;
		}
		
	/* Side Nav related to Artist */
	#sideNav_artist {
		width: 100px;
		height: 105px;
		float: right;
		margin: 20px 13px 0 0;
		padding: 0 30px 0 0;
	}
	
		#sideNav_artist ul {
		}
		
		#sideNav_artist li a {
			font-size: 12px !important;
			width: 200px;
			color: #648A92;
			line-height: 20px;
			padding-left: 29px;
		}
		
		#sideNav_artist li a:hover {
			background: url(../images/GGVAMA2008/sideNav_bullet.gif) 0 0 no-repeat;
			text-decoration: underline !important;
		}
		
		.sideNav_artist_selected {
			background: url(../images/GGVAMA2008/sideNav_bullet.gif) 0 0 no-repeat;
		}
	
	/* Artist Thumbnails */
	#artistThumbs {
		width: 145px;
		float: right;
		margin: 30px 12px 0 0;
	}
	
	/* Gallery Page Specific */	
	#galleryThumbs {
		display: inline;
		width: 490px;
		float: left;
		background: #F1EFD2;
		text-align: left;
		margin: 10px 0 20px 0; 
		padding-top: 15px;
	}
	
		#galleryThumbs a {
		}
		
		#galleryThumbs a:hover {
			border-top: 4px solid #9AD4E1;
			border-bottom: 4px solid #9AD4E1;
		}
	
		#galleryThumbs img {
			display: inline;
		}		
	
	.galleryLarge {
		clear: both;
		width: 485px;
		height: auto;
		background: #363436;
		text-align: center;
		padding: 12px 0 0 5px;
		margin-bottom: 7px;
	}
	
	.caption {
		color: #66584E;
	}
	
	#artistQuote {
		width: 145px; 
		color: #66584E;
		float: right;
		margin: 0 10px 0 0;
		border-top: 1px solid #9AD4E1;
		padding-top: 10px;
	}
