/* Dancers' Studio West CSS */


/* TABLE OF CONTENT       */
/* 1. GLOBAL SETTINGS     */
/* 2. div structure       */
/* 3. typography          */
/* 4. navigation          */
/* 5. links               */
/* 6. images              */



/*----------------------------------------*/
/*-----------=GLOBAL SETTINGS--------------*/
/*----------------------------------------*/
html, body{
	border:0;
	margin:0;
	padding:0;
}


/* The above code resets everything, to padding of zero, and margin of zero without resetting elements
such as form buttons and fieldsets. This is useful as IE as and other browsers have their default
padding and margin applied. */

h1, h2, h3, h4, h5{/*reset the heading elements*/
	margin:0;
	padding:0;
	font-weight:normal;
}
p, ul, ol{
	margin:0;
}

html{height:100%;
}

body {
	font-size:62.5%;  /*Default value for all fonts roughly equal to 10px. */
	font-family: Tahoma, Verdana , Arial, Helvetica, sans-serif;
	text-align: left;
	text-align: center;
	}





/*----------------------------------------*/
/* =div structure ------------------------*/
/*----------------------------------------*/
#mainWrap{
	width: 980px;
	background-color:#fff;
	margin-left: auto;
	margin-right: auto;
	}

#mainContent{
	float:left;
	width:713px;
	background-image: url("images/mainBanner.jpg");
	background-repeat: no-repeat;
	background-position: 0px 23px;
	text-align: center;
	position: relative;
	}
#mainInteriorContent{
	float:left;
	margin-top:35px;
	width:713px;
	background-image: url("images/interiorBanner.jpg");
	background-repeat: no-repeat;
	background-position: 0px 23px;
	text-align: center;
	position:relative;
	}
	#content{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-top:178px;
	text-align: left;
	}

#seasonThumbnails{
	width:713px;
	height:110px;
	background-image: url("images/photoBackground.jpg");
	background-repeat: no-repeat;
	text-align: center;
	}
	#seasonThumbnailsPadding{
	width:660px;
	height:90px;
	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	}
	#seasonTitle{
	width:70px;
	height:70px;
	margin-top:7px;
	margin-right:46px;
	float:left;
	}
	.thumbnailContainer{
	width:95px;
	height:80px;
	float:left;
	margin-right:25px;
	text-align: left;
	padding-top: 10px;
	}

#sideBarContainer{
	width:219px;
	float: right;
	}
	#mainNav{
	width:218px;
	margin-top:22px;
	text-align: left;
	margin-bottom: 50px;
	}
	#sideBar{
	width: 218px;
	background-color:#d0e8fd;
	position: relative;
	text-align: center;
	padding-bottom: 15px;
	}
	#sideContent{
	width:190px;
	margin-left: auto;
	margin-right: auto;
	padding-top:17px;
	text-align: left;

	}

#footer{
	width: 979px;
	height:30px;
	clear:both;
	padding-top:10px;
	}



/*----------------------------------------*/
/* =typography ------------------------*/
/*----------------------------------------*/

/* =h1 */

h1 {
	font-size: 2.4em;
	text-align: left;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
	text-align: left;
	margin-bottom:25px;

	}

/* =h2 */
h2{
	font-size: 1.8em;
	text-align: left;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000;
	margin-bottom: 19px;
}
#seasonThumbnails h2{
	font-weight: bold;
	color:#fff;
	text-align: right;
	}

/* =p */
p,td{
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#666666;
	text-align: left;
	margin-bottom:21px;
	line-height:145%;
}
#sideContent p{
	color:#000;
	margin-bottom: 7px;
}
#sideContent .date {
	color:#2283d6;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top:15px;
}


/*----------------------------------------*/
/* =navigation ------------------------*/
/*----------------------------------------*/

#mainNav ul{
	margin-left:0px;
	padding-left:0px;
	}
	#mainNav ul li{
	margin-bottom:5px;
	list-style-type: none;
	}
	#mainNav ul li a{
		font-family: Verdana , Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		line-height: 1.7em;
		text-decoration: none;
		color:#000;
		height:25px;
		width:100%;
		text-indent: 5px;
		display: block;
	}
	#mainNav ul li a:hover{
		background-color:#d0e8fd;
	}


/* secondar subnavigation items */
#mainNav ul ul{
	margin-left:10px;
	display: none;
	}
	#mainNav ul li{
	margin-bottom: 2px;
	}
	#mainNav ul ul li a{
	font-size:1em;
	color:#4b4b4b;
	line-height: 1.8em;
	display: block;
	height:20px;
	}




/*----------------------------------------*/
/* =links ------------------------*/
/*----------------------------------------*/

a {
	color:#2283d6;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
.thumbnailContainer a{
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#fff;
	text-align: left;
}
a.readLink {
	font-size: 1.3em;
}
#footer a {
	color:#a8a8a8;
	text-decoration: underline;
}
#footer a:hover{
	text-decoration: none;
}

#footerNav{
	width:500px;
	float:right;
	margin-right: -10px;
}
#footerNav ul li{
	font-family: Verdana , Arial, Helvetica, sans-serif;
	float: left;
	line-height: 1.2em;
	list-style-type: none;
	margin-left: 5px;
	color:#a8a8a8;
}
#footerNav ul li a{
	text-decoration: none;
	font-size: 12px;
	margin-right: 1px;
	margin-bottom: 0px;
}
#footerNav ul li a:hover{
	color:#666666;
}

a#logoLink{
	position:absolute;
	text-indent:-1000em;
	height:90px;
	width:150px;
	left:35px;
	top:76px;
}
a#logoLinkInterior{
	position:absolute;
	text-indent:-1000em;
	margin:0px;
	padding:0px;
	height:90px;
	width:160px;
	left:30px;
	top:43px;
  border:0px solid #dd0000;
}
/*----------------------------------------*/
/* =images ------------------------*/
/*----------------------------------------*/

.thumbnailContainer img{
	border:2px solid #fff;
	margin-top:3px;
}