@import url("css/menu.css");

/*
GENERAL
*/
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
}
body {
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:100%;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.clearFloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}
h1 {
	font-size:22px;
	color:#821414;
}
#home h1 {
	font-size:15px;
	color:#821414;
}
h2 {
	font-size:18px;
	color:#925618;
}
#home h1 + h2 {
	margin-bottom:20px;
}
.quick-info h2 {
	font-size:16px;
	color:#821414;
	font-weight:bold;
}
h3 {
	font-size:17px;
	color:#821414;
}
div + h3 {
	margin-top:30px;
}
h4 {
	font-size:15px;
	color:#925618;
}
h5 {
	font-size:13px;
	font-weight:normal;
	color:#925618;
}
p {
	margin:5px 0 10px;
}
ul {
	margin:5px 0 10px 25px;
	list-style:inherit;
}
ul li {
	list-style:url(/portals/_default/skins/SFM/images/ARR_right-orange.png);
}
ul.dash li {
	list-style:url(/portals/0/dash.png);
}

ol {
	margin:5px 0 10px 25px;
}
li {

}
a {
	color:#275575;
	text-decoration:underline !important;
}
a:hover {
	text-decoration:none !important;
}
hr {
	height:1px;
	color:#ccc;
	background:#ccc;
	border:#ccc;
	margin:10px 0;
}
hr + h2, hr + h3 {
	margin-top:25px;
}
a img {
	border:none;
}
h3 + p > img {
	margin-top:5px;
}
blockquote {
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
}

/*
COLORS
*/
.maroon {
	color:#821414;
}
.tan {
	color:#AB946D;
}


/*
MISC
*/
.phone {
	font-size:16px;
	color:#821414;
	font-weight:bold;
}
.quick-info .phone {
	margin-top:-5px;
}
.quick-info > div .c_container {
	padding-bottom:0;
}
.quick-info .c_footer {
	margin-bottom:0;
}


/*
BACKGROUND
*/
#wrap-outer {
	background:url(images/BG.jpg) repeat-x #321707;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.wrap-inner {
	background:url(images/BG_content-shadow.png) repeat-y;
	width:975px;
	margin:0 auto;
}


/*
HEADER
*/
#header {
	width:945px;
	height:80px;
	padding:10px 23px 0 7px;
	margin:auto;
	text-align:left;
	position:relative;
}
#header a {
	text-decoration:none !important;
}
#header .logo {
	float:left;
	width:400px;
	height:80px;
}
#header .right {
	float:right;
	width:500px;
	height:80px;
}
#date {
	font-size:14px;
	font-weight:normal;
	color:#925618;
	text-transform:uppercase;
}
#date .SkinObject {
	font-size:13px;
	font-weight:normal;
	color:#925618;
}
#search {
	float:left;
	width:260px;
	height:35px;
	position:absolute;
	top:20px;
	left:430px;
}
#search .SkinObject {
	color:#b39459;
}
#header .social {
	float:right;
	width:230px;
	height:35px;
	padding-top:10px;
	color:#fbe79f;
}
#header .social a {
	display:inline-block;
	color:#fbe79f;
}
#header .social a + a {
	margin-left:3px;
}
#breadcrumb {
	width:500px;
	color:#fbe79f;
	float:left;
	position:absolute;
	top:55px;
	left:430px;
}
#breadcrumb .Breadcrumb {
	color:#cbac70;
	font-weight:normal;
}

/*
CONTENT
*/
#home .content {
	background:#fff;
	width:950px;
	margin:0 auto;
	padding:0;
}
#home .content .content {
	width:910px;	
}
#home .content .right img {
	margin-top:5px;
}
#home .content .left {
	float:left;
	width:695px;
}
#home .content .right {
	float:right;
	width:245px;
}

#home .content .right .quick-info {
	background:url(images/BG_quick-info.jpg) repeat-x #f9e7a5;
	margin-top:3px;
	width:230px;
	height:230px;
	padding:13px 5px 0 5px;
	border-top:solid 2px #8f4e28;
	border-bottom:solid 2px #8f4e28;
	overflow:hidden;
}

.content {
	background:#fff;
	width:950px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
}
.content .content {
	width:910px;
}
.home-slideshow .edr_carousel.NewsOne .wrapper .slider ul li > .box2, .home-slideshow .edr_carousel.NewsOne .wrapper .slider ul li > .box2 img {
  border-radius: 0;
}
table.curators-choice {
	border-collapse:collapse;
}
table.curators-choice td {
	padding:10px;
}
.tallant-bio {
	background-color:#EFECE7;
	padding:15px;
}
.tallant-bio h2 {
	margin-bottom:10px;
}
.tallant-bio img {
	border:solid 2px #fff;
}
.double-column {
	float:left;
	width:300px;
	margin-top:10px;
}
.double-column + .double-column {
	margin-left:20px;
	border-left:solid 1px #AB946D;
	padding-left:20px;
}

.TopPane {
	width:910px;
	padding:20px;
}
.LeftPane {
	float:left;
	width:217px;
	padding:20px 10px 20px 20px;
}
.ContentPane {
	float:left;
	width:417px;
}
.RightPane {
	float:right;
	width:240px;
	padding:20px 20px 20px 10px;
}
#home .RightPane {
	float:right;
	width:217px;
	padding:0 20px 20px 10px;
}
.BottomPane {
	width:910px;
	padding:20px;
}
.DNNEmptyPane {
	width:0;
	padding:0;
}

/* EMPTY RIGHT COLUMN - REFORMAT CONTENT PANE: */
.RightPane.DNNEmptyPane ~ .ContentPane {
	float:left;
	width:665px;
	padding:20px 20px 20px 10px;
}
/* EMPTY LEFT COLUMN - REFORMAT CONTENT PANE: */
.LeftPane.DNNEmptyPane + .ContentPane  {
	float:left;
	width:642px;
	padding:20px 10px 20px 20px;
}
#home .LeftPane.DNNEmptyPane + .ContentPane  {
	float:left;
	width:665px;
	padding:0 10px 20px 20px;
}
/* EMPTY RIGHT & LEFT COLUMNS - REFORMAT CONTENT PANE: */
.RightPane.DNNEmptyPane + .LeftPane.DNNEmptyPane + .ContentPane {
	float:none;
	width:910px;
	padding:20px;
}


/*
FOOTER
*/
#bottom {
	background:url(images/BG_footer.jpg) repeat-x bottom center;
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:center;
}
#bottom a {
	text-decoration:none !important;
}

#footer {
	width:950px;
	height:170px;
	padding:20px 0;
	margin:0 auto;
	text-align:left;
	color:#9f8460;
}
#footer h4 {
	font-size:15px;
	color:#b3966d;
}
#footer strong {
	color:#b3966d;
}
#footer a {
	color:#9f8460;
}


#footer .logo {
	float:left;
	width:85px;
}
#footer .quick-info {
	float:left;
	width:225px;
}
#copyright {
	float:left;
	width:390px;
	padding-left:10px;
	border-left:solid 1px #655039;
}
#footer .social {
	float:left;
	width:235px;
}

/*
NAVIGATION
*/
#nav-main {
	width:950px;
	height:39px;
	margin:0 auto;
}


#nav-bottom {
	background:url(images/NAV_bottom.jpg) no-repeat;
	margin:0 auto;
	width:930px;
	height:19px;
	padding:10px;
}
#nav-bottom a {
	text-decoration:none !important;
}
#nav-bottom .links {
	color:#f8e298;
	text-transform:uppercase;
}

/*
FORM
*/
.req {
	float:left;
	width:15px;
	margin:3px 0 0 10px;
	color:#f00;
	line-height:25px;
}
.label {
	float:left;
	width:85px;
	line-height:25px;
}
.control {
	float:left;
	width:250px;
}
.validator {
	float:left;
	width:250px;
}


/*
PRESS RELEASE PAGE
*/
div.press {
	padding:15px;
	border-bottom:solid 1px #925618;
	margin-top:15px;
}
.press h2 {
	font-size:16px;
	font-weight:bold;
	color:#821414;
}
.press-date, .event .date {
	font-size:14px;
	font-weight:normal;
	color:#925618;
}
.press-teaser {
	
}
.press-contact {
	text-align:right;
}
.press-release {
	padding:20px 0;
}
.press a.more {
	display:block;
	margin-top:15px;
}
/*
MOBILE SITE
*/
#mobile-wrap {
	width:100%;
	height:100%;
	background: url(/portals/_default/skins/SFM/images/mobile/bg_wall_top.jpg) top repeat-x #432e19;
}
.bidpage #starwrap, .bidpage #top, .bidpage #mainMenu-wrap, .bidpage .ContentPane DNNEmptyPane{
	display:none;
}
#mobile .row{
	background: #FFF;
	width:100%;
	height:auto;
}
#mobile table.bids strong{
	font-size:14px;
}
#mobile table.bids{
	font-size:14px;
    font-family: 'Open Sans', sans-serif;
	border:solid 1px #432e19;
}
#mobile table.bids td{
	padding:6px;
	border-left:solid 1px #432e19;
}
#mobile table.bids tr:first-child td{
	border-bottom:solid 1px #432e19;
}
#mobile table.bids td:first-child{
	border-left:none;
}
#mobile table.bids tr:nth-child(even){
	background: #e7d39f;
}
#mobile .ContentPanelefttop{
	float:left;
	width:46%;
	margin:0 10px;
	padding: 10px;
    text-align: left;
    font-size: 16px;
}
#mobile .ContentPanerighttop{
	float:left;
	width:46%;
    padding: 10px;
    text-align: left;
    font-size: 16px;
}
#mobile .ContentPaneleft{
	float:left;
	width:46%;
	margin:0 10px;
	background: #FFF;
	padding: 10px;
    text-align: left;
    font-size: 16px;
}
#mobile .ContentPaneright{
	float:left;
	width:46%;
	background: #FFF;
    padding: 10px;
    text-align: left;
    font-size: 16px;
}

/*START STARS*/
#mobile #starwrap #dnn_ctr894_HtmlModule_lblContent img{
		width:100%;
		max-width:300px;
		height:auto;
	}

#mobile #starwrap {
  height: 100%;
  padding:0px;
  min-height:100px;
  /*background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);*/
  background:url(/mobile/images/bg-stars.jpg) top center;
  background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  overflow: hidden;
}
#mobile #starwrap .DNNModuleContent{
	padding-bottom:0px;
}


#mobile  #title {
  color: #FFF;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 40px;
  text-transform:uppercase;
  letter-spacing: 10px;
}
/*#mobile #title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/


/*END STARS*/

@media only screen and (max-width : 1024px) {
	#mobile  #title {
		font-size:30px;
	}
	#mobile .ContentPanelefttop{
		width:45%;
	}
	#mobile .ContentPanerighttop{
		width:45%;
	}
	#mobile .ContentPaneleft{
		width:45%;
	}
	#mobile .ContentPaneright{
		width:45%;
	}
	
}

@media only screen and (max-width : 800px) {
	#mobile  #title {
		font-size:30px;
		line-height:40px;
		letter-spacing: normal;
		display:block;
	}
	#mobile .ContentPaneright, #mobile .ContentPanerighttop{
		float:none;
		width:95%;
		margin:0px auto;
		font-size: 14px;
	}
	#mobile .ContentPaneleft, #mobile .ContentPanelefttop{
		float:none;
		width:95%;
		margin:0px auto;
		font-size: 14px;
	}
	.bidpage #starwrap, .bidpage #top, .bidpage #mainMenu-wrap, .bidpage .ContentPane DNNEmptyPane{
		display:block;
	}
}

@media only screen and (max-width : 640px) {
    #mobile  #title {
		font-size:20px;
		line-height:30px;
		letter-spacing: normal;
		display:block;
	}
	#mobile #starwrap img{
		width:100%;
		max-width:346px;
		height:auto;
	}
	#mobile #starwrap {
	  height:auto;
	  min-height:inherit;
	  padding:20px;
	  /*background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);*/
	  background:url(/mobile/images/bg-stars.jpg) top center;
	  background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	  
	  overflow: hidden;
	}
	#mobile .ContentPaneright, #mobile .ContentPanerighttop{
		float:none;
		width:95%;
		margin:0px auto;
		font-size: 14px;
	}
	#mobile .ContentPaneleft, #mobile .ContentPanelefttop{
		float:none;
		width:95%;
		margin:0px auto;
		font-size: 14px;
	}
	.bidpage #starwrap, .bidpage #top, .bidpage #mainMenu-wrap, .bidpage .ContentPane DNNEmptyPane{
		display:block;
	}
	
}
@media only screen and (max-width : 480px) {
	.bidpage #starwrap, .bidpage #top, .bidpage #mainMenu-wrap, .bidpage .ContentPane DNNEmptyPane{
		display:block;
	}
}
#mobile .clearFloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}
#mobile{
	background: url(/portals/_default/skins/SFM/images/mobile/bg_wall.jpg) bottom repeat-x;
	margin:0 auto;
	font-size:13px;
	padding:0 8px;
}
#mobile .Normal, #mobile .NormalDisabled, #mobile .NormalDeleted {
	font-size:14px;
}
#mobile h1 {
	margin-top:10px
}
#mobile h2 {
	margin:15px 0 0;
}
#mobile h2 + p {
	margin:0 0 15px;
}
#mobile #top {
	background:#432E19;
	padding:5px 0;
}
#mobile #logo {
	background: url(/portals/_default/skins/SFM/images/mobile/south-florida-museum_logo.png) no-repeat;
	display:block;
	width:285px;
	height:0;
	padding-top:50px;
	overflow:hidden;
	margin-top:10px;
	float:left;
}
#mobile #social{
	padding:0px 5px 0px 5px;
	float:right;
}
#mobile #social a{
	display:inline-block;
	margin-top:6px;
	width:24px;
	height:0;
	padding-top:24px;
	overflow:hidden;
}
#mobile #social a + a {
	margin-left:7px;
}
#mobile .facebook{
	background:url(/portals/_default/skins/SFM/images/mobile/facebook.png) no-repeat;
}
#mobile .twitter{
	background:url(/portals/_default/skins/SFM/images/mobile/twitter.png) no-repeat;
}
#mobile .linkedin{
	background:url(/portals/_default/skins/SFM/images/mobile/linkedin.png) no-repeat;
}
#mobile .pinterest{
	background:url(/portals/_default/skins/SFM/images/mobile/pinterest.png) no-repeat;
}
#mobile .foursquare{
	background:url(/portals/_default/skins/SFM/images/mobile/foursquare.png) no-repeat;
}
#mobile .yelp{
	background:url(/portals/_default/skins/SFM/images/mobile/yelp.png) no-repeat;
}
#mobile #social .donate{
	background:url(/portals/_default/skins/SFM/images/mobile/donate.png) no-repeat;
	width:75px;
}
#mobile #mainMenu-wrap {
	/*background:url(/portals/_default/skins/SFM/images/mobile/top_nav.png) right no-repeat;*/
	height:50px;
	/*padding-right:10px;*/
	margin-bottom:6px;
}
#mobile .mainMenu {
	
	border:solid 1px #b77138;
	/*background:url(/portals/_default/skins/SFM/images/mobile/top_nav.png) left no-repeat;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a75a2a+0,4a311b+100 */
	background: rgb(167,90,42); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(167,90,42,1) 0%, rgba(74,49,27,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(167,90,42,1) 0%,rgba(74,49,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(167,90,42,1) 0%,rgba(74,49,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a75a2a', endColorstr='#4a311b',GradientType=0 ); /* IE6-9 */
	border-radius:8px;
	width:auto;
	height:50px;
	padding-left:10px;
	display:block;
}
#mobile .mainMenu .mi0, #mobile .mainMenu .mi1, #mobile .mainMenu .mi2, #mobile .mainMenu .mi3, #mobile .mainMenu .mi4, #mobile .mainMenu .mi5, #mobile .mainMenu .mi6, #mobile .mainMenu .mi7, #mobile .mainMenu .mi0 .txt, #mobile .mainMenu .mi1 .txt, #mobile .mainMenu .mi2 .txt, #mobile .mainMenu .mi3 .txt, #mobile .mainMenu .mi4 .txt, #mobile .mainMenu .mi5 .txt, #mobile .mainMenu .mi6 .txt, #mobile .mainMenu .mi7 .txt {
	background:none;
}
#mobile .mainMenu .mi0 .txt, #mobile .mainMenu .mi1 .txt, #mobile .mainMenu .mi2 .txt, #mobile .mainMenu .mi3 .txt, #mobile .mainMenu .mi4 .txt, #mobile .mainMenu .mi5 .txt, #mobile .mainMenu .mi6 .txt, #mobile .mainMenu .mi7 .txt {
	padding:15px 0 10px 8px;
	margin:0 8px 0 0;
}
#mobile .mainMenu .mi2 .txt {
	margin-right:0;
}

#mobile .mainMenu .root{
	font-size:16px;
}
#mobile .ContentPane {
	background:#FFF;
	float:none;
	width:auto;
	padding:10px;
	text-align:left;
	font-size:14px;
}
#mobile a.button {
	background:url(images/BTN_gold.png) repeat-x;
	display:block;
	height:16px;
	border:solid 2px #ffba04;
	border-radius: 5px;
	padding:15px;
	font-size:16px;
	font-weight:bold;
	color:#40291a;
	text-align:center;
	text-decoration:none !important;
	margin-top:10px;
}
#mobile .DNNModuleContent {
	padding-bottom:15px;
}
#mobile a.button {
	background:url(images/BTN_gold.png) repeat-x;
	display:block;
	height:16px;
	border:solid 2px #ffba04;
	border-radius: 5px;
	padding:15px;
	font-size:16px;
	font-weight:bold;
	color:#40291a;
	text-align:center;
	text-decoration:none !important;
	margin-top:10px;
	text-transform:lowercase;
}
#mobile img.snooty65 {
	width:100%;
	height:auto;
	max-width:300px;
}

#mobile #bottomMenu{
	/*background:url(/portals/_default/skins/SFM/images/mobile/bottom_nav.png) right repeat-x;*/
	border:solid 1px #b77138;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a75a2a+0,4a311b+100 */
	background: rgb(167,90,42); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(167,90,42,1) 0%, rgba(74,49,27,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(167,90,42,1) 0%,rgba(74,49,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(167,90,42,1) 0%,rgba(74,49,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a75a2a', endColorstr='#4a311b',GradientType=0 ); /* IE6-9 */
	border-radius:8px;
	margin-top:6px;
	height:45px;
	text-align:center;
/*	border-left:solid 1px #59321b;
	border-right:solid 1px #59321b;*/
}
#mobile a.bottomMenu {
	display:inline-block;
	height:19px;
	padding:10px 0;
	font-size:14px;
	color:#f8e298;
	text-transform:uppercase;
	text-decoration:none !important;
}
#mobile #footer {
	width:auto;
	height:75px;
	padding:5px 10px;
	color:#b3966d;
	font-size:12px;
}
#mobile #footer a{
	color:#b3966d;
	text-decoration:underline;
}
#mobile #footer a.webtivity{
	text-decoration:none !important;
}


/* EVENTS */

.event > div {
	padding:10px;
	font-size:14px;
	line-height:18px;
}
.event h2, .event .date {
	margin:0 0 2px;
}
.event h2 {
	font-size:17px;
	font-weight:bold;
	color:#821414;
	line-height:23px;
	text-transform:capitalize;
	margin-top:5px;
}

#mobile .event > div {
	padding:10px;
	font-size:14px;
	line-height:18px;
}
#mobile .event h2, #mobile .event .date {
	margin:0 0 2px;
}
#mobile .event h2 {
	font-size:17px;
	font-weight:bold;
	color:#821414;
	line-height:23px;
	text-transform:capitalize;
	margin-top:5px;
}

.wsc_pi_detailed_view .wsc_post_summary {
	display:none;
}

.imgLeft {
	margin: 0 20px 0 0;
}
.wsc_tags_cloug {
	margin-top:30px;
}
.wsc_pi_feed_info > .wsc_text_by, .wsc_pi_feed_info > .wsc_info_author, .wsc_pi_feed_info > .wsc_tags_cloug {
	display:none;
}