@charset "UTF-8";
/* CSS Document */

body{
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	background: #000;
}

#top{
	background: url(/mm/images/bg-header.gif) repeat-x;
}

#middle{
	background: #fff;
}

#bottom{
}

.container{
	width: 960px;
	margin: 0 auto;
}
#middle .container{
	background: url(/mm/images/bg-sidebar.gif) repeat-y;	
}


.home #middle .container, .book #middle .container, .resourceVideo #middle .container, .library #middle .container, .jenny #middle .container, .potw #middle .container, .resource #middle .container, .cr #middle .container, .thread #middle .container, .outtakes #middle .container, .static #middle .container, .crInterior #middle .container, .record #middle .container{
	background:none;
}

.cr #middle, .crInterior #middle, .record #middle, .recordInfo #middle, .thread #middle, {background: #fff url(/mm/images/bg-crlines.png) repeat-x;}

/* *** Basic Styles *** */

h1{
	font-size: 40px;
	font-weight: bold;
	/*text-transform:lowercase;*/
	padding:30px 0;
}

h2{
	font-size: 30px;
	font-weight: bold;
	/*text-transform:lowercase;*/
}

h3{
	font-size: 20px;
	font-weight: bold;
	/*text-transform:lowercase;*/
}

p{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}


/* *** Link Styles *** */

a{color:#39f;}
a:hover, a.info:hover, a.footerNav:hover, a.big:hover, #crumbs a:hover, div.scrollable div.items a:hover, #sortSearch a:hover, .searchPreview p a:hover, .bookPreview p a:hover, #sidebar ul li a:hover{
	color:#555;
}

a.big, #footer a.big{
	font-size: 18px;
	color: #f90;
}

#navbar a{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
#navbar a:hover{color:#fff;}
#crumbs a{
	color: #f09;
}

/* *** Utility Classes *** */
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.gray{background: #eaeaea;}
.fullWidth{width: 960px;}
.grayText{color: #555;}
.marginTop{margin-top: 30px;}
.marginBottom{margin-bottom: 5px;}
.marginLeft{margin-left: 40px;}
.noMargin{margin:0;}
div.mainModule{margin: 20px 0; padding: 10px 0 0; border-top: 1px solid #ccc;}
ul.twoCol {float: left; padding: 10px 20px 0; width: 240px;}
ul.twoCol li {padding: 0 0 10px;}
ul.twoColCR{padding: 10px 0 0; width: 560px;float:left;}
ul.twoColCR li {padding: 0 20px 10px 0px; float: left; width:230px;}
ul.twoColCR li.odd{clear:both;}
p.disclaimer{font-size:10px; color:#555;}
ul.errorlist{color:#BC0202;}
/* *** Major Divs *** */

/* --- Header --- */
#header{
	height: 100px;
	/*background: url(/mm/images/logo.png) no-repeat;*/
}

#headerRight{
	margin: 15px 0;
	text-align: right;
	width: 280px;
}
#header form{
	margin-top:10px;
	line-height:30px;
}
#header p span{
	color:#555;
	font-size:12px;
}

#search{
	background-color: #333;
	width: 232px;
	padding: 2px 10px;
	margin: 5px 0 0;
	height: 20px;
	color: #fff;
	border: none;
	float: left;
}

#searchButton{
	background:url(/mm/images/icons/searchOrange.png) no-repeat center;
	width: 18px;
	height: 24px;
	margin: 5px 0 0 5px;
	border: none;
	cursor: pointer;
	float: left;
	/*line-height:24px;*/
}

.welcome{
	padding-right: 20px;
}

/* --- Nav Bar --- */

#navbar{
	margin: 5px 0 0;
	height: 20px;
}

#navbar ul li{
	padding: 0 20px 0 0;
	display: inline;
}

/* --- Breadcrumbs --- */

#crumbs{
	padding: 20px 0;
	font-size: 12px;
}
#crumbs ul li{
	display:inline;	
}

/* --- Content Header --- */

#pageHeader h2 {width: 640px; }
#pageHeader h1{padding:30px 0;}
.potw #pageHeader h1{float:left; width:350px;}
.jenny #pageHeader h1, .outtakes #pageHeader h1, .library #pageHeader h1{float: left; width: 250px;}
.resource #pageHeader h1{float: left; width: 300px;}
.cr #pageHeader h1{float: left; width: 230px;}
#pageHeader p{padding-top:30px;}
.library #pageHeader p{padding-top:40px;}

#blurb{
	height: 60px;
	float: left;
	background: url(/mm/images/bracket.png) left no-repeat;
	padding-left: 32px;
	margin-top:25px;
	font-size: 24px;
	line-height: 30px;
	font-style: italic;
	color: #666;
	width:578px;
}

.jenny #blurb, .outtakes #blurb, .library #blurb{width:678px;}

.cr #blurb{width:698px;}

/* --- Content --- */

.home #sidebar{margin-top:30px;}
.home #pageHeader, .featAdUnit{text-align:center;}

.home #sidebar h1 a{color:#000;}
.home #sidebar h1 a:hover{color:#39f;}

#featuredCont{
	width:600px;
	height:350px;
	overflow:hidden;
}

li.featured{
	width:600px;
	height:350px;
	float:left;
	overflow: hidden;
	position: relative;
}
li.featured img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;	
}

.featCaption{
	float: left;
	position: absolute;
	background: #000;
	color:#fff;
	height: 40px;
	padding:15px 0 0 15px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.featCaption{
	top:270px;
	left:0;
}
	
#main{
	float: left;
	width: 600px;
	margin: 0 40px 30px 0;
}
.library #main, .potwArchive #main{
    padding: 20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:620px;
}
#video{
	float: left;
	/*text-align: center;*/
	width: 600px;
	padding-top: 1px;
	min-height: 370px;
	position:relative;
}
#video p{
    position:relative;
    z-index:0;
    margin:80px 0 0 20px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:24px;
    
}

#videoTranscription{display: none;}
#video object{position:absolute;z-index:10;top:0;}
#video embed{position:absolute;z-index:10;top:0;}
#video iframe{position:absolute;z-index:10;top:0;}

div#video.mobile{
	background:none;	
}
div#video.mobile embed{
	width: 600px;
	height:370px;	
}

#bookCover{
	float: left;
	width: 390px;
	height: 219px;
}
.resource #bookCover{
	margin-right:10px;	
}
#bookMeta{
	float: left;
	width: 190px;
	height: 179px;
	background: #eaeaea;
	padding: 20px 10px;
	font-size: 12px;
}

#bookMeta ul li{
	margin-bottom: 20px;
}

ul#bigBtns{
	margin-top: 10px;
}

li#bigBtn1{
	float: left;
}

li#bigBtn2{
	float: left;
	margin-left: 15px;
}

li#bigBtn3{
	float: left;
	margin-left: 15px;
}


/* --- Club Recap --- */

.threadMeta, .captureMeta{
	float: left;
	padding: 20px;
	width: 320px;
}

.crResponse1{
	padding: 10px 0 10px 30px;
	border-top: 1px solid #ccc;
}

#video p.textComment, .video2 p.textComment, .video3 p.textComment{
	color: #000;
	margin: 20px;
	font-size: 14px;
}

.video2{
	/*background-color: #000;
	text-align: center;
	width: 500px;*/
	padding-top: 1px;
	min-height: 320px;
	margin-bottom: 20px;
}

.video3{
	/*background-color: #000;
	text-align: center;
	width: 400px;*/
	padding-top: 1px;
	min-height: 255px;
	margin-bottom: 20px;
}

.crLeft{float: left;margin-left:20px;}

.crResponse2{
	padding: 10px 0 10px 60px;
	border-top: 1px solid #ccc;
}

.responseMeta{
	float: right;
	padding: 0 20px 20px;
	width: 320px;
}
li.comment{clear:both;}
.responseMeta ul li, .threadMeta ul li, li.comment ul.grayText li{
	margin-top: 20px;
	font-size:12px;
	line-height:18px;
}

div#accordion{
	margin-bottom: 20px;
}

ol.comment-list{
	list-style: none;
}

ol.comment-list li.comment h3{
	cursor: pointer;
	color: #39f;
}

p.respond{ margin-top: 20px; }

.vote{
    display:block;
    margin-bottom:10px;
    overflow:hidden;
}

.voteCount{
    font-weight:bold;
    font-size:24px;
}
.totalVotes{float:left;margin-right:8px;}

.voteUp, .voteDown{
    width:14px;
    height:12px;
    margin:4px 6px 0 0;
    float:left;
}
.voteUp:hover, .voteDown:hover{
    background-position:bottom left;
}

.voteUp{
    background-image:url(/mm/images/icons/up-arrow.png);
}

.voteDown{
    background-image:url(/mm/images/icons/down-arrow.png);
}

/* --- Sidebar --- */
.sidebarAd{margin:-80px 0 15px 00px;float:right;}
.sidebarAd2{margin:10px 0 15px 20px;float:left;}
.potw .sidebarAd, .cr .sidebarAd{margin-top:0;}
.search .sidebarAd{margin:0;}
.home .sidebarAd{margin-top:30px;}

.potwArchive.potw .sidebarAd{margin-top:-130px;}

#sidebar{
	float: left;
	background-color: #eaeaea;
	width: 260px;
	height: 100%;
	margin: 0 0 0 20px;
	padding: 20px 20px 20px;
}

.library #sidebar, .potwArchive #sidebar{height:550px;float:right;margin:0;}

#sidebar ul li{
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

#sidebar ul li a{
	color: #3399ff;
}

#sidebar div.scrollable {
	height: 300px;
	position:relative; 
    overflow:hidden;  
}
.library #sidebar div.scrollable, .potwArchive #sidebar div.scrollable {height:450px;}

#sidebar div.scrollable div, #sidebar div.item {
	float: left;
	width: 240px;
	font-weight: normal;
	font-size:12px;
}

#sidebar div.scrollable div.items .selected {
	background-color: #fff;
}

#sidebar div.item {
	clear:both;	
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

#sidebar div.item ul li {
	padding-bottom: 5px;
}

#sidebar div.scrollable div .thumb, #sidebar div.item .thumb {
	width: 100px;
	height: 57px;
	margin-right: 10px;
	float: left;
	padding: 0;
	overflow:hidden;
	border: none;
}

#sidebar div.less, #sidebar div.more{
	clear:both;
	width:260px;
	height:12px;
	padding-top:3px;
	background-color:#000;
	margin: 10px auto 0;
	text-align:center;
	cursor:pointer;
}

ul#btns{
	margin-top: 20px;
	padding: 0;
	border: none;
}

ul#btns  li{
	padding: 0;
	margin: 20px 0 20px 18px;
	border: none;
	width: 100px;
	float: left;
}

/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
    /* this time we have very large space for height */     
    height:20000em;  
}

div.scrollable div.items div {
	clear:both;	
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
div.scrollable div.items a{ 
	color: #3399ff;
}


.potw #sidebar{
	font-size: 12px;
}

.potw #sidebar, .jenny #sidebar, .cr #sidebar, .outtakes #sidebar{
	padding-top:20px;
}
.potw #sidebar h3, .cr #sidebar h3{
	margin-bottom:20px;	
}
.potw #sidebar #bookCover{
	float:left;
	width:96px;
	height:145px;
	margin:0px 15px 10px 0;
}
.potw #sidebar #bookMeta{
	float: left;
	width: 130px;
	height:auto;
	padding: 15px 0 0 0;
}
.potw #sidebar #bookMeta ul li{
	border:none;
	padding:0 10px 10px 0;
	margin:0;
}
.potw #sidebar p{
	clear:both;
	font-size:12px;
}

.cr #sidebar ul li{
	border: none;
	padding: 0;
}


/* --- Responses --- */

#responses{
	float: right;
	width: 600px;
	height: 90px;
	background: #eaeaea;
	margin-top: 30px;
}
#responses img{float:left;}
#responseInfo{padding: 10px 10px 10px 220px;}
#responseLinks{
	float:right;
	text-align:right;
}

.bookVideo #responses{
    width:200px;
    height:auto;
    padding-bottom:15px;
    margin-top:15px;
}

.bookVideo #responseInfo{padding-left:10px;clear:both;}
.bookVideo .instreamAd{clear:both;}

/* --- Footer --- */

#featuredIn{
    width:100%;
    overflow:hidden;
    background:#333;
    padding:20px 0;
}

#featuredInHeader{
    text-indent:-9999px;
    width:150px;
    height:40px;
    display:block;
    background:url(../images/press/featured-in.png) no-repeat top left;
    float:left;
    margin: 12px 25px 0 0;
}

#featuredIn img{
    vertical-align:middle;
    margin-right:40px;
    float:left;
    
}

#footer{
	padding: 20px 0;
	color: #666;
}

#footer h4{text-transform:uppercase; font-size: 12px; margin-bottom: 10px;}

#footer div.footerCol{
	float: left;
	width: 160px;
	padding-right: 20px;
}

#footer ul li {margin-bottom: 5px; font-size: 13px;}

#footer a{color: #999;}
	#footer a:hover{color: #ccc;}

#footer ul#footerNav a{color: #c69;}
	#footer ul#footerNav a:hover{color: #f39;}
#footer ul#footerSpecial a{color: #5c7a99;}
	#footer ul#footerSpecial a:hover{color: #39f;}
#footer ul#footerUser a{color: #963;}
	#footer ul#footerUser a:hover{color: #f90;}

/* --- Past Pick of the Week --- */
#bookPreviewCont /*,#staticPageCont*/{
	padding: 20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.bookPreview{
	width:275px;
	height: 130px;
	padding-right:20px;
	float:left;
	margin-top:15px;
}
.library .bookpreview, .potwArchive .bookPreview{
    width:285px;
	padding-right:25px;
}
.instreamAd{
	float:left;
	margin-top:15px;
	margin-right:5px;
}
.book .instreamAd{margin-right:15px;}

.bookPreview .thumb{
	width:125px;
	height:70px;
	float:left;
	margin-right:15px;
}
.bookPreview p{
	line-height:14px;
}
.bookPreview p a{
	color:#3399ff;	
}
.bookPreview p span{
	font-weight:bold;	
}
.bookPreview p.themes{
	font-size:11px;
	padding-top:6px;
}

.seeMore{
	margin:10px 0 20px;	
}

/* --- Search Results --- */

#sortSearch{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}

#sortSearch a{
	color:#f39;	
}

#sortSearch ul li{
	font-size:12px;
	display:inline;
	padding-right:30px;
}
#sortSearch ul li img{
	padding-right:3px;	
}
.searchPreview{
	width:205px;
	height: 180px;
	margin:0 10px 30px 0;
	float:left;
}
.searchPreview .thumb{
	width:160px;
	height:90px;
	float:left;
	margin-right:8px;
	overflow:hidden;
}
.searchPreview ul.icons{
	width:23px;
	padding:0;
	float:left;
}

.searchPreview ul.icons li{
	/*width:22px;
	height:22px;*/
	margin-bottom:10px;
}
.searchPreview ul.icons li.commentsIcon{
	width:22px;
	height:16px;
	background:url(/mm/images/icons/comments.png) no-repeat;
	color:#333;
	font-size:10px;
	padding:4px 0 0 0px;
	text-align:center;
}


.searchPreview ul.rating{
	clear:both;
	float:left;
	width:103px;
}
.searchPreview ul.rating li{
	display:inline;
	padding:5px 0px 0 0;
	margin:0;
}
.searchPreview p.viewCount{
	font-size:10px;
	color:#333;
	float:left;
	width:100px;
}
.searchPreview p.viewCount span{color:#ccc;	}

.commentCount{
	font-size:10px;
	color:#333;
}

.searchPreview p{color:#555;margin-bottom:5px;}

.searchPreview p a{color:#3399ff;}

.searchPreview p.desc{
	font-size:11px;
	line-height:12px;
}

#main.searchResultsCont{
	width:640px;	
	margin-right:20px;
}


/* Forms */

#crSearch label{
	font-size: 20px;
	font-weight: bold;
	text-transform:lowercase;
	width: 200px;
	margin-right: 10px;
}

#crSearch input, select{
	border: 1px solid #000;
	color: #fff;
	font-size: 14px;
	padding: 3px;
	width: 300px;
	background-color: #555;
}

#crSearch input#submit{
	width: 100px;
	background-color:#000;
	color:#f90;
}

#sidebar.search{
	margin-left:0;	
}

#sidebar.search h2{
	margin-bottom:20px;	
}

#sidebar.search ul li, #sidebar.record ul li{
	padding:10px 0 0;
	border:none;
	margin-bottom:10px;
}

#sidebar.search ul li label, #recordRecap label{
	display:block; 
	font-size:20px;
	font-weight:bold;
	text-transform:lowercase;
	margin-bottom:5px;
	clear: both;
}

#sidebar.search ul li input, #sidebar.search ul li select, #recordRecap input, #recordRecap select{
	width:250px;
	border:none;
	margin-bottom:10px;
	background-color: #555;
	color: #fff;
	font-size: 14px;
	padding: 3px;
}

#sidebar.search ul li #booksFilterButton, #sidebar.record ul li #booksFilterButton{
	background:url(/mm/images/icons/plusOrange.png) no-repeat center transparent;
	cursor: pointer;
	width:11px;
	margin-left: -15px;
}

#sidebar.search ul li ul li, #recordRecap .captureMeta ul li ul li{
	border:none;
	display:inline;
	margin:10px;
	font-size:12px;
	color:#555;
}

#sidebar.search ul li ul li .searchItem, #recordRecap .captureMeta ul li ul li img{
	padding-right:3px;
}

#sidebar.search ul.selectedFilters, #sidebar.record ul.selectedFilters{
	margin-bottom: 20px;
}

#sidebar.search ul.selectedFilters li{
	border:none;
	display:inline;
	margin: 0 10px 10px;
	padding-right: 5px;
	font-size:12px;
	color:#555;
}

#sidebar.record ul.selectedFilters li{
	border:none;
	display:inline;
	margin: 0 10px;
	padding-right: 5px;
	font-size:12px;
	color:#555;
}

ul.selectedFilters li.searchItem span, ul.selectedFilters li.filterItem span{
	float:left;
}
#sidebar.search ul li ul li a.delete, #sidebar.record ul li ul li a.delete{
	color: #f39;
	background:none;
	float:left;
	padding:2px 5px 0 0;
}
#sidebar.search li.submit {text-align:right;margin-top:15px;padding-right:20px;}
#sidebar.search li.submit input{
	width:80px;
	padding:5px;
	font-weight:bold;
	background-color:#000;
	color:#f90;
	text-transform:uppercase;
}
.noMargin{margin:0;}
.cr #main{width:612px;}
.cr #sidebar{float:right;margin:0;}
#featSlider, .slidersegment{
    width:612px !important;
    height:360px !important;
    display:block;
    overflow:hidden;
}

#featSlider ul li{display:block;float:left;}


/* --- Pagination --- */

ul#pagination{
	clear:both;
	margin:20px 0;
	text-align:right;
}

ul#pagination li{
	display:inline;
	padding:5px;
}
ul#pagination li a, ul#pagination li span{
	font-size:14px;
	padding:4px;
	border: 1px solid #f90;
	background-color:#fff;
	color:#555;
}

ul#pagination li a:hover, ul#pagination li span.selected{
	background-color:#f90;	
}

/* --- Static Pages --- */

#staticPageCont{
	margin-bottom:50px;		
}

#staticPageCont p{
	line-height:22px;	
}

#staticPageCont form ul li{
	margin-bottom:20px;	
	font-size:14px;
	font-weight:bold;
}
#staticPageCont ul li label{
	font-weight:bold;
	width:220px;
	float:left;
}

#staticPageCont ul li input, #staticPageCont ul li textarea{
	width:350px;
	padding:3px;
	font-size:14px;
	color: #fff;
	border:#000 1px solid;
	background-color: #555;
}

#staticPageCont ul li.submit input{
	margin-left:220px;
	background-color:#000;
	width:auto;
	padding:4px;
	color:#f90;
	font-size:18px;
}

/* --- About --- */

#pageHeader h1#aboutHeader{
	text-indent:-9999px;
	width:335px;
	height:60px;
	background:url(/mm/images/about-header.png) no-repeat;
}


/* --- Record --- */


#recordRecap{
	margin-top: 30px;
	padding-bottom:30px;
}
#recordRecap p{
	margin:10px 0;	
}
#captureCont{
	float:left;
	width:640px;
}
#capture{
	width: 350px;
	float:left;
	margin-right:60px;
}


#recordRecap textarea{
	width:550px;
	padding:3px;
	font-size:14px;
	border:#000 1px solid;
	background-color: #555;
	color: #fff;
}

 #recordRecap .captureMeta ul li{
	margin-bottom:5px;
 }
 
  #recordRecap .captureMeta ul li input, #recordRecap .captureMeta ul li select{
	width:275px;  
  }
 
 #recordRecap .captureMeta ul li label span{
	font-size:12px;
	font-weight:normal;
	color:#555;
 }
 
 #recordRecap input#submit{
	clear:both;
	margin:20px 20px 0;
	float: right;
	padding:5px;
	color:#f90;
	font-weight:bold;
	font-size:18px;
	background-color:#000;
	width:75px;
 }
 
 #captureFAQ{
	float:left;
	width:490px;
	margin-top:30px;
 }
 
 #recordSteps ul{
	width:600px;	
	margin-top:8px;
 }
 
 #recordSteps ul li{
	display:inline;
	padding-right:10px;
	width:161px;
	float:left;
 }
 
#recordSteps ul li span{
	width:161px;
	height:22px;
	display:block;
	text-indent:-9999px;
}

#recordSteps ul li.notActive, #recordSteps ul li.notActive span{
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}

#recordSteps ul li#step1 span{
	background:url(/mm/images/step1-record.png) no-repeat top left;
}
#recordSteps ul li#step2 span{
	background:url(/mm/images/step2-details.png) no-repeat top left;
}
#recordSteps ul li#step3 span{
	background:url(/mm/images/step3-thanks.png) no-repeat top left;
}

.tr{
    display:block;
    background-repeat:no-repeat;
    background-position:top left;
    text-indent:-9999px;
}

 
/* ======= STAR-RATER ======== */

.rater{
	margin:10px 0 8px;	
}

.addthis_toolbox{margin-right:5px;}
#___plusone_0{padding:3px 5px;background-color:#333;width:60px !important;margin:-6px 0 0 5px;}
.potw #___plusone_0{margin-top:5px;}