/* CSS Document */

/* -------------------------------------------------------------------------------- 
Title:    	Ten Foot Pole Productions Layout CSS (with comments by Nicolae Rusan)
Site:     	www.tenfootpole.ca
Colors:  	Dark Gray [#5b585a], Purple[#8e0962], Lighter Gray [#7a7779]
 

Copyright: (c)2008 Nicolae Rusan, 
Updated:   May 19 2008 - Nicolae Rusan
-----------------------------------------------------------------------------------*/

*{
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;    /* this sets all sizes to the regular font size of the browser, and lets you customize from there */
}

body {
	font-family: Georgia, Palatino, Garamond; 
	text-align:center; 		/* this is a hack for IE 5/6 to center the wrapper div */
	background:#15317E;
	padding-bottom:10px;}

html {height: 100% }

em{
font-style:normal;
font-weight:normal;
}

ul{list-style:none;}

p{font-size:12px; line-height:24px;}


/* =Links
----------------------------------------------------------------------------------*/
a{
	text-decoration:none;
	color: #15317E;
}

a:hover{
	color:#340000;
}

a:focus{
	color:#340000;
}

a img{
	border:none;
}


/* =Page Structure 
----------------------------------------------------------------------------------*/

.mainWidth{
	width: 820px;
	text-align: left; /* this is to resposition all the stuff in the wrapper div back to the left */
	margin:10px auto;
	margin-top:30px;
	margin-bottom:10px;
	padding-top:30px;
	padding-bottom:10px;
	background:  url(img/new_body_bg.gif) top left repeat-x white;
	border: 10px solid #ffffff;
}

.clearing{
	height:0px;
	clear:both;
}

/*----------- Clearfix (this makes floated elements still appear as elements of their container block) ---------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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


/* =Header
----------------------------------------------------------------------------------*/
div.logoContainer{width:800px; background:url(img/toronto_skyline.gif) bottom right no-repeat; margin-left:10px;}
h1.logo{width:700px; text-indent:-9000px; background:url(img/logo.gif) top left no-repeat; height:55px; }
ul.mainNav{clear:both; float:left; width:800px; border-top: 1px solid #5b585a; border-bottom:1px solid #5b585a; margin-left:10px;}
ul.mainNav li{float:left;}
ul.mainNav li a{display:block; text-decoration:none; padding: 10px 15px; color:#dd4f09; font-family: Georgia, Palatino, Garamond; font-weight:bold; font-size:14px;}
ul.mainNav li a.current{text-decoration:underline;}
ul.mainNav li a:hover{display:block; text-decoration:none; padding: 10px 15px; color:white; background:#dd4f09;}		



/* =Footer
----------------------------------------------------------------------------------*/
.footer{
	width: 840px;
	text-align: right; /* this is to resposition all the stuff in the wrapper div back to the left */
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	color:#cccccc;
	font-size:10px;
}

/* =Home Page
----------------------------------------------------------------------------------*/

.bodyContent{width:100%; clear:both; float:left;}
.mainContent{width:800px; float:left; clear:both;}
.sidebar{float:right; width: 200px; clear:none;}

div.featuredProductionHeader{width:800px; border-bottom:#5b585a 1px solid; padding-bottom:15px; padding-top:15px;  background:#5b585a; margin-left:10px;}
h2.featuredProduction{color:white; font-family: Georgia, Palatino, Garamond; padding-left:15px; font-size:14px}
div.currentProductionContainer{width:820px; background:url(img/balls/balls_home2.gif) 0px 0px no-repeat; float:left; clear:both; min-height:360px;}
div.showTimesContainer{background:url(img/balls/balls_home3.gif) 0px 0px no-repeat;}
div.currentProductionContent{margin-left:360px; padding-top:20px;}
div.currentProductionContent p{font-size:12px;}
div.currentProductionContent ul.press{font-size:12px; font-weight:bold; margin-top:20px; color:#5b585a; font-family: Georgia, Palatino, Garamond; background:#fbbd9e; border-top:1px solid #dd4f09; border-bottom:1px solid #dd4f09; padding-top:5px; padding-bottom:5px; width:425px;}
div.currentProductionContent ul.press li{line-height:250%; padding-left:55px;}
div.currentProductionContent ul.press li .pressSource{font-style:italic; font-weight:normal;}

ul.currentProductionLinks{float:left; clear:both; padding-top:5px;  padding-bottom:5px; width:800px; background:#cccccc; margin-left:10px;}
ul.currentProductionLinks li{float:left; clear:none;}
ul.currentProductionLinks li a{padding: 5px; font-size:12px; display:block; text-decoration:none; color:#5b585a; margin-left:10px; float:left;}
ul.currentProductionLinks li a:hover{background:#5b585a; color:white; text-align:right;}

/* Standard Tabbed */
div.tabbedPageHeader{ font-size:14px; border-bottom:1px solid #5b585a; margin-top:10px; float:left; clear:both; width:800px; margin-left:10px;}
div.tabbedPageHeader h3{color:#5b585a; font-family: Georgia, Palatino, Garamond; padding-left:15px;padding-left:15px; margin-bottom:2px;}

div.member{width:800px; float:left; margin-left:10px;}
div.member img{float:left; margin-left:30px; margin-top:10px;}
div.member div.memberName{color:white; background:#dd4f09; width:100%; font-weight:normal; font-size:14px; margin-top:20px;}
div.member div.memberName h4{padding:10px; padding-left:15px;}
div.member div.memberName span.memberPosition{font-size:11px; font-style:italic;  padding-left:15px;}
div.member p {width:475px; font-size:12px; margin-left:275px; margin-top:10px;}
div.lastMember {margin-bottom:20px;}

div.generalContent{width:800px; float:left; margin-left:10px; padding-bottom:20px;}
div.generalContent p{width:475px; font-size:12px; margin-left:15px; margin-top:20px;}
div.ourStory{background:url(img/what_is/what_is_bg.gif) 520px 10px no-repeat;}

div.whatAllAbout{background: url(img/balls/balls_whatabout.gif) top right no-repeat;}
div.whatAllAbout span.definition{font-size:16px; color:#8e8888; font-weight:bold;}

div.history{background:url(img/history/orange_tree.gif) right 20px no-repeat;}

h4.buzzHeading{font-size:16px; color:#8e8888; font-weight:bold; margin-left:15px; margin-top:10px;}
ul.awardsList{margin-left:15px; font-size:13px; line-height:200%;}

div.showInfo{margin-bottom:20px;}
div.showInfo h4.showInfoTitle{color:#8e8888; font-size:13px; font-weight:normal; text-decoration:underline; font-weight:bold; margin-bottom:10px;}
div.showInfo p.showInfoDetails{width:425px;}
div.showInfo a.showWebsite{display:block; color:#dd4f09; font-size:12px; margin-top:5px;}
ul.showInfoDates{font-size:12px; padding-left:20px; list-style:square; margin-top:5px;}

div.theBuzz h5.buzzSource{ margin-left:15px; font-size:12px; color:#dd4f09; margin-top:25px; border-bottom:1px solid #dd4f09; width:600px;}
div.theBuzz p.buzzContent{width:600px; font-size:12px; margin-top}

/* =Contact Page
----------------------------------------------------------------------------------*/


/* =Sponsor Page
----------------------------------------------------------------------------------*/

/* =Privacy Policy and TOU 
----------------------------------------------------------------------------------*/


/* =Registartion
----------------------------------------------------------------------------------*/