@charset "utf-8";
/* CSS Document */
/*
6 column grid
24px gutter on each side of page
each column 125px - 10px gutter
*/

body{
  background: #E1E1E1;
	text-align: center;
	margin-top: 30px;
	min-width: 798px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #999;
}
h2{
  font-size: 1.1em;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0;
}

blockquote{
	margin:  -0.6em 0 0 0;
	padding: 0;
}
* html blockquote{
	margin-top:  0.5em;
}
.digital{
  color: #00aeef;
}
.left-column h2{
	padding: 10px 0 10px 0;
	cursor: pointer;
}
.homepage .left-column h2, .reviewpage .left-column h2{
	padding: 25px 0 10px 0;
}
ul{
  margin: 0;
	padding: 0;
	list-style-type: none;
}
li{
  padding: 0;
	margin: 0;
}
a{
	color: #00aeef;
  text-decoration: none;
}
a:hover{
  color: #999;
}
/* branddigital links */
a.branddigital{
  color: #666;
	text-decoration: none;
}
a.branddigital:hover{
	text-decoration: underline;
}
.highlight{
  background: #FF0;
}
.underline{
	text-decoration: underline;
}
/* container for centered page */
#page{
  margin: 0 auto;
  text-align: left;
	background: #FFF;
	width: 798px;
}
#header{
  padding: 24px 0 27px 376px;
  padding: 24px 0 27px 24px;
}
/* START top navigation */
#top-navigation{
  list-style-type: none;
	margin: 0;
	padding: 0;
}
#top-navigation a{
  color: #999;
	text-decoration: none;
	font-weight: bold;
	margin-left: 380px;
	letter-spacing: normal;
}
#top-navigation a:hover{
  color: #666;
}
#top-navigation a.selected{
  font-size: 3em;
  background: url(../images/topNavIndicator.gif) left 5px no-repeat;
	margin-left: 0;
	padding-bottom: 5px;
	padding-left: 380px;
	letter-spacing: -2px;
}
/* START top navigation */
#ticker-area{
  border: 4px solid #FFFF33;
	border-left: none;
	border-right: none;
	padding: 10px 24px 10px 0;
	margin: 0 24px 24px 24px;
	font-size: 1.65em;
	font-size: 1.13em;
	font-weight: bold;
	color: #666;
}
/* hide ticker content, since we only need it for Javascript to parse */
#ticker-area ul{
  display: none;
}

.left-column{
  float: left;
	padding: 0 10px 0 24px;
	width: 115px;
}
.left-column a{
  font-size: 0.7em;
	color: #00aeef;
  text-decoration: none;
	padding-left: 0;
	margin-left: 0;
/*
	background: url(../images/linkArrows.gif) left 4px no-repeat;
*/
}
.left-column a:hover, .left-column a.selected{
  color: #999;
	background-position: left -50px;
}
.column2{
	padding-left: 0;
}
.sub-navigation li{
	padding-left: 0;
	margin: 0 0 0.5em 18px;
	line-height: 0.9em;
	list-style-image: url(../images/linkArrows_blue.gif);
}
li.selected, .sub-navigation li:hover{
	list-style-image: url(../images/linkArrows_grey.gif);
}
/* 4-column content panel */
.panel4{
  float: left;
	width: 428px;
	min-height: 200px;
	padding: 24px;
}
/* 5-column content panel */
.panel5{
  float: left;
	width: 577px;
	min-height: 375px;
	padding: 24px;
}
/* 6-column content panel */
.panel6{
	margin-left: 24px;
	width: 700px;
	min-height: 375px;
	padding: 24px;
}
/* yellow content box */
.yellow-bg{
	background: #FF3;
	line-height: 1.4em;
	color: #666;
  min-height: 0;
	height: 20em;
	overflow: hidden;
}
/* horizontally scrollable area */
.scrollpane{
  float: left;
	width: 700px;
	margin-right: 25px;
}
.scrollwrapper{
  width: 9000px;
}
/* large next/previous links >> << */
a.nextLink, a.prevLink{
  display: block;
  width: 24px;
	height: 18px;
	background: url(../images/nextPrevLinks_yellow_bg.gif) left top no-repeat;
	text-indent: -10000px;
	color: #FF3;
	float: right;
}
a.prevLink{
  background-position: right top;
	float: left;
}
a:hover.nextLink{
  background-position: left -43px;
	cursor: pointer;
}
a:hover.prevLink{
  background-position: right -43px;
	cursor: pointer;
}
/* home page event image */
.home-event-image{
	float: right; 
	padding-left: 15px; 
	width: 335px; 
	height: 270px
}

/* plain background content */
.basic-content{
	color: #666;
	padding-top: 10px !important;
}
.basic-content p, .basic-content ul, .basic-content ol, .basic-content blockquote{
  font-size: 0.8em;
	line-height: 1.4em;
}
.basic-content ul{
	list-style-type: disc;
	margin: 1em;
}
.basic-content ul li{
  float: none;
	margin-bottom: 1em;
}
/* in the news page */
dl{
	font-size: 0.8em;
}
dd{
	font-style: italic;
	margin: 0 0 1.5em 0;
}
/* events page */
.vevent{
  border-bottom: 1px solid #999; 
}
.scrollpane .vevent{
  border: none; 
}
/* GCal links */
ul.cal-links{
  list-style-type: none;
  padding: 0;
	margin: 0;
}
ul.cal-links li{
  float: left;
  padding: 0;
	margin: 0;
}
.cal-links li a{
  display: block;
	margin-right: 5px;
	width: 38px;
	text-indent: -2000px
}
.cal-links .xml {
  background: url(http://www.google.com/calendar/images/xml.gif) left top no-repeat;
}
.cal-links .ical{
  background: url(http://www.google.com/calendar/images/ical.gif) left top no-repeat;
}
.cal-links .web{
  background: url(http://www.google.com/calendar/images/html.gif) left top no-repeat;
}
/* reviews page */

quote{
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
}
cite{
  font-style: italic;
	display: block;
	margin: 0.5em 0 1.5em 0;
	padding: 0;
}
.authorpage{
  padding-right: 0px !important;
	width: 599px !important;
}
#footer{
  clear: left;
	padding-top: 24px;
	height: 160px;
	margin: 0 0 0 0;
	color: #666;
}
/* 4-column floated footer */
.footer4{
  float: left;
  background: #FFC;
	width: 451px;
/*
	height: 10em;
*/
	padding: 15px 15px 0 24px;
	font-size: 0.8em;
	margin-left: 24px;
}
/* 2-column floated footer */
.footer2{
  float: left;
  background: #FFC url(../images/BrandDigital_cover_sm.gif) 10px 15px no-repeat;
  margin-left: 10px;
	padding: 15px 10px 0 92px;
	width: 146px;
/*
	height: 10em;
*/
	text-align: left;
	font-size: 0.8em;
	cursor: pointer;
}
.footerlinks{
	clear: both;
	font-size: 0.7em;
	padding: 0 50px 2em;
	text-align: center;
}
.footerlinks a{
	color: #999;
	text-decoration: none;
}
.footerlinks a:hover{
	text-decoration: underline;
}
.clearall{
  clear: both;
	height: 7px;
}
/* reviews page styles */
ul.reviewlist{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
ul.reviewlist li{
  margin: 5px 0;
  font-size: inherit;
}
a.reviewListTrigger{
  cursor: pointer;
	display: block;
	background: #FF3;
	text-align: right;
	font-size: 0.8em;
}
a.reviewSlideTrigger{
  cursor: pointer;
	display: none;
	text-align: right;
	font-size: 0.8em;
}
a.reviewSubmissionLink{
  float: left;
	display: block;
	font-size: 0.8em;
}
div.reviewwindow{
	position: relative;
	width: 550px;
  padding: 25px 25px 25px 0;
  background: #FF3;
	overflow: hidden;
}
ul.reviewpane{
  position: relative;
	margin: 0;
  padding: 0;
	width: 20000px;
  list-style-type: none;
}
ul.reviewpane li{
  margin: 0;
	padding: 0 25px 0 0;
	float: left;
	width: 550px;
}
* html ul.reviewpane li{
	display: block;
}
ul.reviewpane li quote{
	display: inline;
}
ul.reviewpane li cite{
  font-size: 0.7em;
}
.reviewpage .yellow-bg{
	height: 23em;
	position: relative;
	overflow: hidden;
}
* html .reviewpage .yellow-bg{
  height: 24em;
}
/* review submission form styles */
.formarea{
	background: #FF3;
	line-height: 1.4em;
	color: #666;
	width: 575px;
	margin: 0 0 0 150px;
	padding: 25px;
}

.reviewform label{
  display: block;
	font-weight: bold;
	margin: 5px 0 2px 0;
}
.reviewform textarea, .reviewform input[type=text]{
  width: 40em;
	height: 10em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.reviewform input[type=text]{
	height: 1.5em;
}
.reviewform input[type=submit]{
  
}
.formerror{
  display: block;
	font-size: small !important;
	color: #F00 !important;
}
/* ad voting page */
.ad-thumbnail{
	display: block;
	float: left;
	width: 140px;
	margin: 0 0 20px 0;
}
.ad-thumbnail img{
	border: 1px solid #CCC;
	cursor: pointer;
}
.favestar{
	display: block;
	text-indent: -2000px;
	font-size: 10px;
	line-height: 26px;
	width: 26px;
	margin: 2px 0 2px 48px;
	background: url(../images/voteStars.gif) -32px top no-repeat;
	outline: none;
}
.favestar:hover{
	background: url(../images/voteStars.gif) left top no-repeat;
}
.vote-result{
	margin: 2px 0 9px 48px;
	color: #09F;
}
a.facebook, a.facebook:hover {
	background: url(../images/facebookIcon.gif) left top no-repeat;
	padding: 1px 0 3px 20px;
}
a.brandsimple, a.brandsimple:hover {
	background: url(../images/brandsimpleIcon.gif) 5px top no-repeat;
	padding: 1px 0 3px 20px;
}

.talkingtolinks a{
	font-size: 0.85em;
}

.imageright{
	float: right;
	margin: 0px;
	padding: 0 0 0 7px;
}
.imageleft{
	float: left;
	margin: 0px;
	padding: 0 7px 0 0;
}
.pdf-link{
	font-size: 0.6em;
	float: right;
	padding-left: 20px;
	background: url(../images/icon_pdf.gif) left top no-repeat;
}
.rightlink{
	float: right;
	text-align: right;
	font-size: 0.7em;
}
#quotes p{
	cursor: pointer;
}
#quotes blockquote{
	padding: 1em;
}
#debug{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #333;
	padding: 0.7em;
	background: #FFE;
	font-size: 0.7em;
}
/* START PRINT overrides */
@media print {
  body{ background: #FFF; }
	#top-navigation, #ticker-area, .left-column{ display: none; }
}