/*
	TYPOGRAPHY
*/
h2		{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 36px;
		color:#80112A; line-height:30px; }
h3		{ font-family:"Courier New", Courier, monospace; font-size:18px; text-indent: 64px;
		color:#333; line-height:18px; }
h4		{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:48px;
		color:#80112A; line-height:30px; }
h5		{ font-family:"Courier New", Courier, monospace; font-size:24px; color:#333; line-height:24px; text-indent: 90px;}
h6		{ font-family:Arial, Helvetica, sans-serif; font-size:16px; text-indent: 460px; font-style:italic; font-weight: 100; color:#3E3E3E }
a		{ text-decoration:none; color:#80112A; }
a:hover	{ color:#9E4E58; }
a.main  { text-decoration:none; color:#80112A; }
a.main:hover { color:#9E4E58; }
span.title { background-image:url(box.png); background-repeat:repeat;}

/*
	RESET & BASIC SETUP
*/
* 	{ margin: 0; padding: 0; }

body { 
	margin-left: 85px;
	font-size: 62.5%; 
	font-family:Tahoma, Geneva, sans-serif; 
	background-image:url(wallpaper.jpg); background-repeat:repeat; color: #999; padding: 20px; background-attachment:fixed;
}
							  
							  
/*
	STRUCTURE
*/

.headermain {
	width:1000px;
	height:65px;
	text-align:left;
	/* margin-left:85px;*/
}

.postmain {
	width:1000px; 
	height:450px;
	/* margin-left:100px; */
	margin-top:10px;
}

.containermain {
	width:600px; 
	height:400px;
	float:left;
	padding-left:50px;
}

.contentmain {
	width:550px;
	height:450px;
	margin-top:10px;
	float:left;	
}

#contentmain1 {
	width:550px;
	height:220px;
	text-align:left;
	background-image:url(box.png); background-repeat:repeat;
	margin-bottom:10px;
	float:left;
}

.contentmain2 {
	width:290px;
	height:208px;
	text-align:left;
	padding-left:5px;
	float:left;
}

.contentmain3 {
	width:250px;
	height:200px;
	text-align:right;
	padding-top:10px;
	float:left;
}

.photomain {
	width:400px;
	height:450px;
	text-align:center;
	margin-left:30px;
	margin-top:5px;
	float:left;
}

.textboxmaincontainer {
	width:1000px;
	height:40px;
	/* margin-left:100px; */
	float:left;
}

#maintext {
	width:520px;
	height:200px;
	position:absolute;
	font-family:Tahoma, Geneva, sans-serif; 
	text-align:left;
	margin:15px;
	font-size:16px;
	color:#333;	
}

#read {
	width:270px;
	height:24px;
	visibility:hidden;
	position:absolute;
	float:left;
	text-align:left;
	padding-left:8px;
	padding-top:3px;
	font-size:18px;
	font-family:"Courier New", Courier, monospace;
	color:#333;	
	background-image:url(box.png); background-repeat:repeat;

}

#watch {
	width:555px;
	height:24px;
	visibility:hidden;
	position:absolute;
	float:left;
	text-align:left;
	padding-left:8px;
	padding-top:3px;
	font-size:18px;
	font-family:"Courier New", Courier, monospace;
	color:#333;	
	background-image:url(box.png); background-repeat:repeat;

}

#interact {
	width:950px;
	height:24px;
	visibility:hidden;
	position:absolute;
	float:left;
	text-align:left;
	padding-left:8px;
	padding-top:3px;
	font-size:18px;
	font-family:"Courier New", Courier, monospace;
	color:#333;	
	background-image:url(box.png); background-repeat:repeat;
}


.headerintro {
	width:900px;
	height:50px;
	top:95px;
	/* margin-left:105px; */
}

/*.headerintro1 {
	width:850px;
	height:50px;
	top:10px;
	left:105px;
	float:left;
}

.headerintro2 {
	width:50px;
	height:20px;
	float:left;
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	margin-top:30px;
}*/

.containervideo {
	width: 1110px;
	height: 500px;
}

.containerintro {
	width: 620px;
	height: 480px;
	background-image:url(box.png); background-repeat:repeat;
	text-align:center;
	/* margin-left:100px; */
	margin-top:20px;
	padding:20 20 20 20;
	float:left;
}

.containerintro2 {
	width: 370px;
	height: 480px;
	background-image:url(box.png); background-repeat:repeat;
	margin-left:20px;
	margin-top:20px;
	padding:20 20 20 20;
	float:left;
}

.contentintro {
	width: 600px;
	height: 425px;
	text-align:center;
	padding-top:20px;
	padding-left:10px;
}

.textboxintro {
	width:560px;
	height:30px;
	font-family:"Courier New", Courier, monospace;
	text-align:left;
	margin-left:20px;
	padding-top:10px;
	font-size:18px;
	color:#333;	
}

.textboxintro2 {
	width: 330px;
	height: 440px;
	text-align:left;
	margin-left:20px;
	margin-top:20px;
	font-size:16px;
	color:#333;	
	float:left;
}

.headertheory {
	width:820px;
	height:50px;
	top:95px;
	/* margin-left:105px; */
}

/*.headertheory1 {
	width:740px;
	height:50px;
	top:10px;
	left:105px;
	float:left;
}

.headertheory2 {
	width:50px;
	height:20px;
	float:left;
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	margin-top:30px;
}*/
	

.containertheory {
	width: 900px;
	height: 500px;
	text-align:center;
	/* margin-left:105px; */
	margin-top:10px;
	padding:20 20 20 20;
	float:left;
	background-image:url(box.png); background-repeat:repeat;
}

.contenttheory {
	width: 870px;
	height: 450px;
	text-align:left;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:10px;
	font-size:15px;
	float:left;
	color:#333;	
}

.contentmedia {
	width:870px;
	height: 25px;
}

.contentmediatitle {
	width:90px;
	height:20px;
	float:left;
	padding-top:5px;
}

.contentmediaplayer {
	width:780px;
	height:25px;
	float:left;
}

.contentmenu {
	width: 860px;
	height: 15px;
	text-align:left;
	margin-left:20px;
	margin-bottom:3px;
	clear:left;
}

.contentmenu1 {
	width: 175px;
	height: 15px;
	text-align:left;
	margin-right:10px;
	font-size:14px;
	float:left;
	color:#333;	
}

.contentmenu2 {
	width: 120px;
	height: 15px;
	text-align:left;
	margin-right:10px;
	font-size:14px;
	float:left;
	color:#333;	
}

.contentmenu3 {
	width: 135px;
	height: 15px;
	text-align:left;
	margin-right:10px;
	font-size:14px;
	float:left;
	color:#333;	
}

.contentmenu4 {
	width: 145px;
	height: 15px;
	text-align:left;
	margin-right:10px;
	font-size:14px;
	float:left;
	color:#333;	
}

.contentmenu5 {
	width: 80px;
	height: 15px;
	text-align:left;
	margin-right:10px;
	font-size:14px;
	float:left;
	color:#333;	
}

.contentmenu6 {
	width: 80px;
	height: 15px;
	text-align:right;
	margin-right:10px;
	font-size:14px;
	float:left;
	color:#333;	
}

.contentmenu7 {
	width: 65px;
	height: 15px;
	text-align:right;
	font-size:14px;
	float:right;
	color:#333;	
}

/* 
.headercredit {
	width:1000px;
	height:50px;
	top:95px;
	margin-left:105px;
}

.headercredit1 {
	width:930px;
	height:50px;
	top:10px;
	left:105px;
	float:left;
}

.headercredit2 {
	width:30px;
	height:20px;
	float:left;
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	margin-top:30px;

}*/

.framecredit {
	width: 900px;
	height: 450px;
	margin-top:15px;
	margin-bottom:10px;
}


.containercredit1 {
	width: 185px;
	height: 290px;
	text-align:center;
	margin-top:20px;
	margin-left:130px;
	float:left;
}

.containercredit2 {
	width: 185px;
	height: 290px;
	text-align:center;
	margin-top:20px;
	margin-left:40px;
	float:left;
}

.containercredit3 {
	width: 185px;
	height: 290px;
	text-align:center;
	margin-top:20px;
	margin-left:40px;
	float:left;
}


.contentcredit {
	width: 185px;
	height: 250px;
	text-align:center;
}


.textboxcredit {
	width:185px;
	height:30px;
	font-family:"Courier New", Courier, monospace;
	text-align:right;
	padding-top:10px;
	font-size:17px;
	line-height:16px;
	color:#333;	
}

.acknowledgements {
	width: 870px;
	height: 110px;
	margin-top:15px;
	margin-left:15px;
	text-align:left;
	float:left;
	font-size:15px;
	color:#333;	
}

.load {
	color:#333;
	font-family:"Courier New", Courier, monospace;
	text-align:center;
	padding-top:175px;
	font-size:16px;
	font-style:strong;
	
}

.header {
	width:900px;
	height:50px;
	position:fixed;
	top:10px;
}

.post { 
	width: 390px; 
	height:495px;
	float:left;
	margin-top:30px;
	margin-right:30px;
	color:#930;
}

.container {
	width: 390px;
	height: 495px;
	background-image:url(box.png); background-repeat:repeat;
	text-align:center;
}

.media {
	width:370px;
	height:375px;
	padding: 15px 10px 10px 10px;
	text-align:center;
}

.photo {
	width:370px;
	height:465px;
	padding: 15px 10px 10px 10px;
	text-align:center;
}


.textbox {
	width:370px;
	height:80px;
	padding:10px 15px 10px 15px;
	text-align:left;
	font-size:14px;
	color:#333;
	
}
/*
#caption {
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	visibility:hidden;
	position:absolute;
	color:#333;	
	background-image:url(box.png); background-repeat:repeat;
	z-index:1;
}*/