/*
Theme Name: TheHollywoodMusuem
Author: Jason Kadlec
Author URI: http://wordpress.org/
Text Domain: The Hollywood Museum
*/

/* 'all the placement and layout stuff site styling is below */
html, body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

h4 {color:#1787e8}
h4 a {color:#1787e8}

/*hide wordpress admin bar behind nav menu when page is scrolled*/
#wpadminbar {z-index: 888 !important;}
/*Reset Safari User Agent Styles*/
* {padding: 0px; margin: 0px;}
body {font-family: Helvetica, Arial; padding:0px; margin: 0px; font-weight:500;}
.center {text-align: center;}
.clear {clear: both; height: 0px;}
a {color: inherit;}
a:hover {text-decoration:underline;}
img {border:none;}
p {font-weight: 500;}
p {font-weight: normal;}
.alignleft {float:left; padding: 0px 10px 5px 0px;}
.alignright {float:right; padding: 0px 0px 5px 10px;}
img {max-width:100%; max-height:100%;}

/* `Container
----------------------------------------------------------------------------------------------------*/

.spacer60 {height: 60px;}
.spacer45 {height: 45px;}
.spacer20 {height: 20px;}
.hide {display:none;}

/* sets the main content background colors */
.black {background-color: #000000;}
.white {background-color: #ffffff;}


/* allows the header to be black and nav to be red edge to edge, but move the content centerd with the stuff below which is centered in relationship to the step pattern */


/* sets the gray fade and step pattern */
#bg {margin-top: -20px; width: 100%; background-color: #171A20; position:relative;}
#mainContent {position:relative;}
.stepPattern {display:none;}

#socialAndSearch {margin-left:50px;}
#socialAndSearch p {margin-left:30px;}
#header h1 {height: 40px; font-size: 10px;}
#buyTickets h2 a {color: red; text-decoration: none;}
#socialAndSearch p {color: #fec21d; font-size: 10px;}
#socialAndSearchMobile {display:none;}
p.pMobile {margin-left: 55px !important;}
.socialIcon {margin-left: 15px; margin-right:10px; width: 32px;}
.screen-reader-text {display:none;}
h2.title {color: #ffffff; font-size: 24px;}

.searchBg { border-top: 1px solid #aaaaaa;
	        border-left: 2px solid #252525;
			border-right: 4px solid #252525;
			border-bottom: 4px solid #252525;
			height: 22px;
			width: 210px;
			padding: 10px;
			margin-left: 30px;
			margin-bottom: 20px;}
.mobilewhite {background-color: #ffffff; float:left; border-top: 1px solid #868686;
border-left: 1px solid #868686;}
input#s {
   background: #ffffff;
	font-size: 14px;
	height: 19px;
	border: none;
	padding-left: 5px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	width:181px;
	float:left;
	}
	#searchsubmit {display:inline; text-indent: -999px; border:none; float:left; margin:1px 0px; width: 22px; background: url('/admin/wp-content/themes/thehollywoodmuseum/images/search.png'); }


	#topNav   {
	  background-color: #A91200;
	  background-image: -moz-linear-gradient(top, #ED1800, #971101);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ED1800), to(#971101));
	  background-image: -webkit-linear-gradient(top, #ED1800, #971101);
	  background-image: -o-linear-gradient(top, #ED1800, #971101);
	  background-image: linear-gradient(to bottom, #ED1800, #971101);
	  background-repeat: repeat-x;
	  border-color: #8E669D;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1800', endColorstr='#971101', GradientType=0);
	}
.navbar .btn-navbar {float: left;}
#topNav.affix {top: 0px; z-index: 999; width: 100%; position:fixed;}
.nav4Dummies {color: #ffffff; float:left; padding: 7px; text-decoration:none;}
.current_page_parent, .current_page_ancestor, .current_page_item {background-color: #971101;}
/* the headlines that fade in and out just below the main navigation */

.menu-item {margin-right: 10px;}

.quotes {display:none; text-align: center; color: #0000000; font-size: 24px; height: 30px;}

#topHeadline {width: 960px; float:left;}
#topHeadline h3 {font-size: 24px;}
/* the art deco bars and the slider just beneath them */

#decoBars {background: url("http://thehollywoodmuseum.com/admin/wp-content/themes/thehollywoodmuseum/images/decobars.png"); width: 960px; height: 41px; }

.slideTitle {width: 840px; height: 40px; background-color: #ffffff; opacity:0.5; padding: 20px; position: absolute; top: 332px; z-index: 1;}

#slide h2 {opacity: 1; width: 840px; position: absolute; top:332px; z-index: 2; padding:20px;}

#topSponsors {width: 960px;}
#topSponsors h2 {color: #ffffff; padding: 20px 0px 20px 0px;}
.topSponsorAd {margin: 0 auto;}
#borderBox {border-top: solid 3px #dcdcdc; border-bottom: solid 3px #dcdcdc; }
#textureBox {background: url("/admin/wp-content/themes/thehollywoodmuseum/images/noise.png") repeat; height:124px; padding: 10px 5px; border-top: solid 4px white; border-bottom: solid 4px white;}
.fb-like-box {background-color: #ffffff; margin-left: 300px; margin-bottom: 10px;}
.feedburnerFeedBlock li {list-style-type:none; padding: 0px 10px 0px 5px;}
li .headline {display:none;}
#creditfooter {display: none;}
#body {width:960px;}
.leftTitle  { background-color: #A91200;
  background-image: -moz-linear-gradient(top, #ED1800, #420909);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ED1800), to(#420909));
  background-image: -webkit-linear-gradient(top, #ED1800, #420909);
  background-image: -o-linear-gradient(top, #ED1800, #420909);
  background-image: linear-gradient(to bottom, #ED1800, #420909);
  background-repeat: repeat-x;
  border-color: #8E669D;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1800', endColorstr='#420909', GradientType=0);
}
#homeLeft {padding-left: 15px;}
.leftTitle h2 {color: #ffffff; padding: 0px 0px 0px 10px; font-size: 25px; }
.leftTitle li {list-style-type: none; line-height: 40px;}
.mainContentItem {margin-bottom: 10px; border-bottom: dashed 1px #a09898; min-height: 300px !important; max-height: 360px; overflow: hidden; margin-left: 0px !important;}
.mainContentItem img {padding:2px; border: solid 1px #a09898; }
.mainContentItem h3 {font-size: 16px; line-height:17px}
.mainContentItem h3 a {text-decoration: none;}
.mainContentItem p {font-size: 13px; font-family: helvetica; color: #a09898; margin-bottom: 10px;}
.secondaryContent {border-bottom: dashed 1px #a09898; min-height: 90px !important; max-height: 90px !important; margin-bottom: 14px; overflow:hidden;}
.secondaryContent img {float:left; margin:  0px 5px 10px 5px; padding: 2px; border: solid 1px #a09898; width:60px; height:60px;}
.secondaryContent h3 {font-size: 16px; color: #a09898; line-height:17px; }
.secondaryContent h3 a {text-decoration:none;}
.noDash {border: none;}
#footerMenu {float:left; width: 863px; height: 35px; border-bottom: solid 1px #ea2228;}
#footerMenu li {background-color: transparent;}
#menu-footer-navigation li  {list-style-type: none; float: left; margin-left: 15px; margin-right:40px; display: block; color: #ffffff;} 
.copyright {color: #ffffff; font-size: 12px;}
/*Featuread Area*/
#contentwrap {position: relative; clear: both; padding-left: 20px !important; z-index: 1;}

.featured{
border-left:1px solid #aaa;  
background: #fff url("http://thehollywoodmuseum.com/admin/wp-content/themes/thehollywoodmuseum/images/skin1/preload.gif") no-repeat center center;
}

#top .fadeout{
background: transparent url("http://thehollywoodmuseum.com/admin/wp-content/themes/thehollywoodmuseum/images/overlay.png") repeat-y right top;
}

#top #featured .feature_excerpt {
background: none repeat scroll 0 0 #FFFFFF;
}


#featured, .featured, .fadeout, .newsselect{ 
height:320px; 			/*this changes the height of the image slider*/
}

#feature_wrap{
width:960px;
position: relative;

}

#featured{
position: relative;
width:960px;
overflow: hidden;
}



.featured{
width:700px;
position:absolute;
top:0;
left:0;
overflow: hidden;
display:none;
}

#top .feature_excerpt{
width:660px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 3;
padding:10px 20px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
}

.sliderdate{
display:none;
}

/*fadeslider*/
.fadeslider .featured{
width:100%;
border:none;
}

#top .slidecontrolls{
position:absolute;
width:10px;
right:-15px;
bottom:0;

}

#top .slidecontrolls span{
height:10px;
padding:2px 0;
width:10px;
display:block;
cursor: pointer;
}


#top .fadeslider .feature_excerpt{
width:917px;
}

/*accordion slider*/
.featured img{
display:block;
position: relative;
z-index: 2;
}

#top .fadeout{
position:absolute;
width:200px;
display:block;
right:0px;
z-index: 4;
}

#top .sliderheading{
display:block;
font-size: 26px;
margin-bottom: 5px;
}

#top .heading_clone{
position: absolute;
z-index: 4;
bottom:20px;
left:20px;
font-size: 13px;
text-transform: uppercase;
padding:0;
margin: 0;
}


.featured a, .featured a img, .featured img{
text-decoration: none;
border:none;
}

#top .featured1{
border:none;
display: block;
}

.bottom_right_rounded_corner, .bottom_left_rounded_corner{
position: absolute;
z-index: 50;
display: block;
height:7px;
width:7px;
bottom:0px !important; /* ie6fix */
left:0px;
bottom:-1px;
}

#top .bottom_right_rounded_corner{
right:0px !important; /* ie6fix */
right:-1px;
left:auto;
}

/** post stuff **/

#breadcrumbs {margin-left: 20px; padding-top:10px;}
h4 {margin-top: 0px}
h4 a {text-transform: uppercase; text-decoration:none; margin-top: 0px; color: #1787e8;}
.more-link {display:none;}
.featured-image img {padding:2px; border: solid 1px #a09898; }
.blurb {color:#545454; line-height:20px; float:left; width:54%; margin-left:15px; font-size: 12px;}
.content-list {margin-bottom:20px;}
hr {border-top: 1px solid #999999;}
#cboxTitle {display: none !important;}
.jp-carousel-titleanddesc-title {display: none;}
.press-room-image {text-align:center; border: 1px solid #828282; width: 97%;}
.press-room-image img {padding: 22px;}
.press {text-decoration:underline;}
/**sidebar stuff **/
#tips1 {margin:0px;}
#tips2 {margin:0px;}
#tips1 li{
	list-style-type: none;
	display:none; 
	}
#tips2 li{
	list-style-type: none;
	display:none; 
	}

.ad {margin: 0px 0px 20px 0px;}

.seeAndDo h2 {background-color: #000000; font-size: 24px; text-align:center}
.seeAndDo {margin-bottom:40px;}
.mobileAdShow {display:none;}
.bottomBuyTix {text-align: center;}
.wp-caption {font-size: .8em; text-align:center;}
@media (min-width: 768px) and (max-width: 979px) {
	#logo {margin-left:39px;}

}

@media (max-width: 767px) {
	
}


@media (min-width: 1200px) {
		#buyTickets img {margin-left:65px;}
		#logo img {margin-left:44px;}
		.nav4Dummies {display:none;}
		.menu-item {margin-right:20px;}
		.stepPattern {
		display:block;
		overflow: hidden;
		position: absolute;
		left: auto;
		z-index: 0;
		margin-left:50px;
		}

#body {margin-left:116px; }
#topHeadline {margin-left:116px; }
#decoBars {margin-left:116px;}
#topSponsors {margin-left:116px;}
#contentwrap {padding-left: 116px !important;}
#footerMenu {margin-left:135px;}
#menu-item-5 {margin-left: 150px;}
.bottomBuyTix {float:left; width: 1114px; text-align: center;}
#menu-item-1476 {margin-left:38px !important;}
}

@media (min-width: 768px) and (max-width: 979px) {
	#buyTickets {width: 113px; margin-left:15px;}
	#logo {margin-left: 10px; margin-bottom:10px;}
	#body {margin-left:0px; width:100% }
	#topHeadline {margin-left:0px; width: 100%; margin-bottom:20px;}
	#decoBars {margin-left:0px; width:100%;}
	#topSponsors {margin-left:0px; width:100% }
	.bottomBuyTix {margin-left: 0px; width: 100%;}
	#contentwrap {padding-left: 0px !important;}
	#footerMenu {margin-left:-11px; width: 98%;}
	#footerMenu li {margin-right:10px;}
	#socialAndSearchMobile {display: none;}	
	.searchBg {margin-left: 0px;}
	#socialAndSearch {margin-left:0px;}
	#socialAndSearch p {font-size: 9px !important; margin-left:13px;}
	p.pMobile {margin-left:23px !important;}
.socialIcon {margin-right:0px;}
#feature_wrap{
width:724px;
position: relative;

}

#featured{
position: relative;
width:724px;
overflow: hidden;
}



.featured{
width:700px;
position:absolute;
top:0;
left:0;
overflow: hidden;
display:none;
}

#top .feature_excerpt{
width:660px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 3;
padding:10px 20px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
}

}


@media (max-width: 767px) {
	#buyTickets {text-align:center;}
	#logo {text-align:center;}
	#socialAndSearch {margin-left:25%;}
	#contentwrap {display:none;}
	#body {width: 100%;}
	#decoBars {width: 100%;}
	#topSponsors {width:100%;}
	.bottomBuyTix {width: 100%;}
	#topHeadline {width: 100%; height: 70px;}
	#socialAndSearch {display: none;}
	#socialAndSearchMobile {display: block; text-align: center;}
	.mobileSocial {float:left; margin-left: 20px;}
	.mobileSearch {float:left; margin-top: 20px;}
	#footerMenu {display:none;}
	#homeRight {display:none;}
	.mobileAdShow{display:block; text-align:center;}
	
	.facebook {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	
	#body {width: 100%;}
	#decoBars {width: 100%;}
	#topSponsors {width:100%;}
	.bottomBuyTix {width: 100%;}
	#topHeadline {width: 100%; height: 70px;}
	
	#feature_wrap{
	width:940px;
	position: relative;

	}

	#featured{
	position: relative;
	width:940px;
	overflow: hidden;
	}



	.featured{
	width:900px;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	display:none;
	}

	#top .feature_excerpt{
	width:660px;
	position: absolute;
	display: block;
	bottom: 0;
	left:0;
	z-index: 3;
	padding:10px 20px;
	font-size: 11.5px;
	line-height:1.5em;
	cursor: pointer;
	}


	
}

@media (max-width: 480px) {
	
	.mobileCenter {margin-left:auto;}
	.mobileSearch {margin-left: 80px;}
	#topHeadline h3 {line-height:10px;}
	.mobileSocial {float:left; margin-left: 0px; margin-top: -30px;}
	.socialIcon {width:20px;}
	.mobileSearch {float:left; margin-top: 0px; margin-left:42px;}
	.nav4Dummies {color:#ffffff; float: left; padding: 12px; text-decoration: none;font-size: 10px;}
	.searchBg {margin-left:3px;}
	#homeLeft {padding-right: 15px; }
	#buyTickets img {width: 23%; height:23%;}
	#logo img {width: 80%; height: 80%; }
	.spacer20 {height:0px;}
	#topHeadline {display: none;}
	#decoBars {display:none;}
	#breadcrumbs {margin-bottom:0px; padding-top:0px;}
	#topSponsors {display: none;}
	#mainContent {margin-top: -30px;}
	#bg {margin-top: 10px;}
	.blurb {width:100%; margin-bottom: 25px;}
	.content-list {margin-bottom:10px;}
	.featured-image {margin-bottom:10px;}
	li.menu-item {line-height:10px;}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {padding: 5px 15px;}
}


@media (max-width: 480px) and (orientation: landscape){
	
	.mobileCenter {margin-left:auto;}
	#topHeadline h3 {line-height:10px;}
	.mobileSocial {float:left; margin-left: 80px; margin-top: -20px;}
	.socialIcon {width:20px;}
	.mobileSearch {float:left; margin-top: 0px; margin-left:125px;}
	.nav4Dummies {color:#ffffff; float: left; padding: 12px; text-decoration: none;font-size: 10px;}
	.searchBg {margin-left:3px;}
	#homeLeft {padding-right: 15px;}
	#buyTickets img {width: 23%; height:23%; margin-left: 11%;}
	#logo img {width: 80%; height: 80%; text-align:center; margin-left: 11%;}
	.spacer20 {height:0px;}
	#topHeadline {display: none;}
	#decoBars {display:none;}

}


@media (min-width: 980px) {
	.nav4Dummies {display:none;}
	#socialAndSearchMobile {display: none;}
	#footerMenu li {margin-right:25px;}
}

#thmaddress {
     font-size: 14px;
     color: #FFCC24;

}