/* 
--------------------------------------------
CSS Rules for Brian Cheney Web Site
Developed by Boca al Lupo Design by
John Demlein rev 1.0 10 Mar 2009
---------------------------------------------
Site Colors
Dark Blue: #036
Dark Grey: #666
MidGrey: #999
Lt Grey: #CCC
a: #555
a:hover: #036
---------------------------------------------
*/

@charset "utf-8";
body  {
	font: 100% "Trebuchet MS", Geneva, Arial, sans-serif;
	margin: 0px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #000;
	background-image:url(../images/bar2.jpg);
	background-repeat:repeat-x;
}

/* -- First Page only -- */
#containerFirstPg {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	max-width: 1000px;
	min-width: 700px;
	position:relative; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#666;
} 
#containerInnerFirstPg {
	width: 920px; 
	text-align: left; 
	position:relative;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 
#mainContentFirstPg {
	margin: 4px 0 0 260px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #666;
	color:#FFF;
	padding-top: 2px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
	min-height: 400px;

}
#mainContentFirstPg a {
	color:#FFF
}
#mainContentFirstPg h1, #mainContentFirstPg h2, 
#mainContentFirstPg h3, #mainContentFirstPg h4 {
	color:#FFF;
}

#sidebar1 {
	/* float: left; since this element is floated, a width must be given */
	position: absolute;
	top: 06px;
	bottom: 0px;
	left: 0px;
	width: 236px;
	margin: 4px;
	padding: 8px;
	background-color: #666;
}

#sidebar1 img {
	visibility:hidden;
}
/* -- End First Page -- */

#container {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	max-width: 1000px;
	min-width: 700px;
	position:relative; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#FFFFFF;
} 
#containerInner {
	width: 920px; 
	text-align: left; 
	position:relative;
	margin-top: 48px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFF;
} 
/* -- Header -- */
#header {
	background: #ffffff;
	width: 920px;
	margin:auto;
	padding: 12px 0px 1px;
	text-align:left;
	letter-spacing: 0.2em;
	font-family: Verdana, Geneva, sans-serif;
	font-variant:small-caps;
} 
#header h1 a{
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0 0 52px; 
	color: #036;
	font-size:32px;
	text-decoration:none;
	display:block; 
}
/* -- End Header-- */


#sidebar2 {
	/* float: left; since this element is floated, a width must be given */
	position: absolute;
	top: 0px;
	bottom: 0px;
	left:0px;
	width: 241px;
	background-color: #666;
	margin: 4px;
	padding: 8px;
}
#sidebar2 p {
	color:#FFF;
	text-align:left;
}
#sidebar2 p +p{
	text-align:center;
}
#sidebar2 p +p +p{
	text-align:left;
}
#sidebar2 a{
	text-align:center;
	font-size:0.7em;
	margin-top: 2px;
	color: #FFF;
}
#sidebar2 a:hover {
	color: #CCC;
}
	
p.credit {
	text-align:left;
	font-size:0.7em;
	margin-top: 2px;
}
p.credit a {
	color:#FFF;
}

#mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 260px;
	padding-top: 2px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
} 

#mainContent a {
	color: #555;
	text-decoration:none;
}
#mainContent a:hover {
	color: #036;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1 {
	color: #036;
}
h2 {
	color: #036;
}

.small {
	font-size: .8em;
}

table td {
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align:text-top;
	padding: 8px 4px 8px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}
th {
	color:#036;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.1em;
	padding-left: 4px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
tfoot td {
	text-align:left;
	padding-left:30px;
	padding-top:10px;
	border:none;
}
/* -- Calendar --*/
table.calendar {
	width:550px;
}
table.calendar th {
	color:#036;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.1em;
	padding:10px 0 4px 4px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
col.date {
	width:110px;
}
col.role {
	width:200px;
}
col.venue {
	width:240px;
}

/* -- Footer -- */
#footer{
	background:#DDDDDD;
	width:920px;
	overflow:hidden;
	font-size:0.7em;
	color:#708ba0;
	margin:auto;
}
#footer p{
	float:left;
	display:inline;
	margin:15px 20px 0 30px;
	padding:0 0 10px;
	text-transform:uppercase;
}
#footer p.design{
	text-transform:lowercase;
	text-transform:capitalize;
}
#footer ul{
	float:left;
	margin:15px 0 0 5px;
	text-transform:uppercase;
	background-image: url(../p7tbm/img/iebfix.gif);
}
#footer ul li{
	float:left;
	display:inline;
	padding:0 20px 0 15px;
}
#footer ul li a{
	color: #666;
}
/* -- End Footer -- */


/* Press */
#mainContentPress {
	margin: 0 0 0 268px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#mainContentPress p {
	font-size:0.9em
}
.press {
	font-size: 1.1em;
	color:#036;
	font-variant: small-caps;
	font-weight:bold;
	line-height:2em;
}

#mainContentPress a {
	color: #666;
	text-decoration:none;
}

#mainContentPress a:hover {
	color: #036;
}

#mainContentPress {
	margin: 0 0 0 268px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#mainContentPress p {
	font-size:0.9em
}
.press {
	font-size: 1.1em;
	color:#036;
	font-variant: small-caps;
	font-weight:bold;
}

#fullReviews {
	border: 1px solid #999;
	margin-left: -20px;
	padding-left: 20px;
	padding-right: 10px;
	width: 570px;
	padding-bottom: 10px;
}
/* -- End Press -- */

/* -- Site Map -- */
#sitemap{
	margin: 0 0 0 270px; 
	padding: 0 40px;
	line-height: 1.8em;
}

#sitemap li{
	list-style-type: none;
}

#sitemap ul li ul li{
	list-style-type:disc;
}
#sitemap a {
	color:#036;
}
#gototop a{
	margin:0;
	text-decoration:none;
	color: #555;
}
#gototop a:hover {
	color:#036;
}
/* -- End Site Map -- */

/* -- Video -- */
#youtube-video img{
	display:block;
	margin-left: 120px;	
}

#youtube {
	padding: 0px;
	width: 550px;
}
#youtube ul {
	list-style: none;
	padding: 0px 0px 10px 0px;
}
#youtube ul li {
	Margin: 25px 20px 0px 0px;
}
#youtube ul li img {
	float:left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
} 
#youtube ul li b {
	display:block;
	color: #036;
}

.media {
	font-size: 0.9em;
	width: 450px;
	padding: 0px;
	height: 85px;
}
.media img {
	margin-right:25px;
	display:block;
}
#youtube .media a {
	text-decoration:underline;
}

li.morevideos {
	list-style:none;
	padding-bottom:10px;
}
/* -- End Video -- */

/* -- Audio --*/
#player {
	min-height:70px!important;
	padding:10px 0px 10px 105px;
}

/* -- Gallery -- */
#controls {
	margin:04px 0 10px 160px;
}
#container.Gallery {
	min-height:550px;
}
/* -- End Gallery -- */

/* -- Press Materials -- */
#pressImages {
	border: 1px solid #999;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#pressImages a img {
	margin: 5px;
	padding: 10px;
}

#pressImages a img {
	border: 0px;
}
.pressMaterial{
	font-size:1.1em;
}
/* -- End Press Materials -- */
/* -- scroller --*/
#scroller {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
}