/*////////////////////////////////////////////////////////////////////////////////////
GLOBAL STYLES
////////////////////////////////////////////////////////////////////////////////////*/
hr {height:0px;border:0px dotted #999999;border-top-width: 1px;}
.contentBox {margin:20px 0;}
.clearall {clear:both;margin:0;padding:0;}
.hMM {color:#666666;font:normal 16px Georgia, serif;}
.smalltitle {color:#333333;font: bold 10px Arial;}


/*////////////////////////////////////////////////////////////////////////////////////
STYLES FOR MM SPOTLIGHTS DEFAULT PAGE
////////////////////////////////////////////////////////////////////////////////////*/
.mmstop {margin:0;padding:0;width:895px;height:120px;}
#container1, #container2, #gutter, .mmemberboxpic, mmemberboxtxt, .mmembertxt1, .mmembertxt2, .gl, .gc, .gr {float:left;}
#container1 {margin:0 0 40px 0;padding:0;width:430px;background-color:#E5E5E5}
#container2 {margin:0 0 40px 0;padding:0;width:431px;background-color:#E5E5E5}
#gutter, .gcontainer {margin:0;padding:0;width:33px;height:208px;}
.gl {margin:0;padding:0;width:16px;height:208px;}
.gc {margin:0;padding:0;width:1px;height:208px;border-left:1px #CCCCCC dashed;}
.gr {margin:0;padding:0;width:16px;height:208px;}

.mmemberbox {margin:0;padding:0}
.mmemberboxpic {margin:0;padding:0}
.mname {margin:0;padding:15px 0 32px 0;}
.mname a {color:#000000;font:normal 20px Georgia, serif;}
.mmemberboxpic {margin:0;padding:0 10px 0 0;width:140px;height:208px;}
.mmemberboxtxt {margin:0;padding:0;width:270px;}
.mmembertxt1 {margin:0;padding:0 21px 0 3px;width:45px;height:110px;border-left:6px #3BB9D9 solid;}
.mmembertxt2 {margin:0;padding:0;width:201px;}
.mmembertxt2 p {margin:0;padding:0;}


/*////////////////////////////////////////////////////////////////////////////////////
STYLES FOR INVIDUAL MM SPOTLIGHTS PAGE
////////////////////////////////////////////////////////////////////////////////////*/
#box1, #box2, .mmember1, .mmember2, .bio1, .bio2, .mpic1, .mpic2 {float:left;}
#box1 {margin:0;padding:0 35px 0 0;width:490px;}
#box2 {margin:0;padding:0;width:370px;}
.mmember, .bio {margin:0;padding:0;}
.mmember1 {margin:0;padding:0;width:140px;height:208px;background-color:#000000;}
.mmember2 {margin:0;padding:85px 0 0 0;width:350px;height:123px;color:#FFFFFF;font:normal 20px Georgia, serif;text-align:center;background-color:#000000;}
.bio1 {margin:20px 0;padding:0;width:81px;color:#CCCCCC;font:italic 40px Georgia, serif;}
.bio2 {margin:20px 0;padding:0;width:409px;font:normal 16px Georgia, serif;}
.mintro1 {margin:0;padding:0 0 3px 0;height:98px;}
.mintro2 {margin:0;padding:0 0 0 10px;height:110px;border-left:6px #3BB9D9 solid;font:normal 20px/22px Arial, san-serif;}
.mpic {margin:0;padding:20px 0 0 0}
.mpic1 {margin:0;padding:0 10px 0 0;width:210px;}
.mpic2 {margin:0;padding:0 0 20px 0;width:140px;}
.wishlist {margin:0 0 20px 0;padding:8px;border:4px #BBBAAF solid;background-color:#EDEBD5;}
.wishlist h2 {margin:0;padding:0;color:#31312F}
.wishlist ul {margin:0;padding:0;list-style:none;}
.wishlist li {margin:0;padding:0 0 4px 0;}

/*////////////////////////////////////////////////////////////////////////////////////
update 10-26-10
////////////////////////////////////////////////////////////////////////////////////*/
.header {
	width:855px;
	height:220px;
	padding:120px 20px 20px 20px;
	background:#000 url(http://www.betterphoto.com/images/mm-spotlights.png) no-repeat top left
}
.mmtitle, .container1top, .headerboxl, .headerboxr {float:left}
.mmtitle {
	padding:70px 35px 0 0;
	width:350px;
	height:159px;
	font:normal 30px/40px arial;
	text-transform:uppercase;
	background:#000 url(http://www.betterphoto.com/images/squiggly.png) no-repeat 80% 50%
}
.container1top {margin:0 0 40px 0;padding:0;width:460px;background-color:#E5E5E5}
#container1 h1 {margin:0;padding:0;color:#f8941b;font-size:30px;background:#fff}
.cbox {margin:0;padding:0;height:200px;font-size:18px;background:#fff}
.headerbox {padding:20px 10px 18px 10px;background:#333}
.headerboxl {width:50%;color:#fff;font:bold 24px arial;text-transform:uppercase;}
.headerboxr {width:50%;color:#999;font-size:18px;text-align:right;}
.headerboxr a {margin:0 0 0 8px;padding:3px;color:#fff;background:#0080c0;text-decoration:none;border-top:1px #3bb9d9 solid;border-left:1px #3bb9d9 solid;border-right:1px #369 solid;border-bottom:1px #369 solid}
.headerboxr a:hover {color:#fff;background:#3bb9d9;border-top:1px #3bb9d9 solid;border-left:1px #3bb9d9 solid;border-right:1px #369 solid;border-bottom:1px #369 solid}
.clearall {clear:both}

/**********************************************************************
coda-slider styles
************************************************************************/

	.coda-slider-wrapper { padding:0; }
	.coda-slider { background-color:#eee;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 460px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 460px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0 }
	
	/* Preloader */
	.coda-slider p.loading { padding:0; text-align: center }

/* Don't change anything below here unless you know what you're doing */
	
	/* Tabbed nav */
	.coda-nav ul { clear: both; display: none; margin: 0; overflow: hidden }
	.coda-nav ul li { display: none;}
	.coda-nav ul li a, .coda-nav-left a, .coda-nav-right a { display: none; float:left;margin:0 1px 0 0;padding:10px 7px 0 7px;height:25px;font:bold 14px Arial;color: #FFFFFF;text-decoration:none;background: url(http://www.betterphoto.com/images/csp-tabs-unselected.png) repeat-x top left;border-left:1px #AE947C solid;border-right:1px #AE947C solid}
	.coda-nav ul li a:hover, .coda-nav-left a:hover, .coda-nav-right a:hover { color: #494037;background-position:0 -35px }
	
	/* Tab current
	.coda-nav ul li a.current { color:#fff;background: url(http://www.betterphoto.com/images/csp-tabs-current.png) repeat-x top left;border-left:1px #52768F solid;border-right:1px #52768F solid }
	*/
	.coda-nav ul li a.current {height:24px;color:#494037;background:#CFC3B6;border-top:1px #AE947C solid;}
	
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { width:25px;text-align: center;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	
	.coda-nav ul, .coda-nav li { margin: 0;outline: 0;padding: 0;vertical-align: baseline; }


