/* Master Styles for BMJC */

body {
	background: url("/images/mochaGrunge_@2X.png");

}

#container {
	height: auto;
	display:table;
	box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.4);
}

#events-feed-container {
	width: 100%;
	height: 800px;
	overflow-y: scroll;
	float: left;
}

.event-title {
	font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.1em;
	margin-top: 5px;
	color: #bd5360;
}

.event-box {
	width: 280px;
	float: left;
	margin-right:25px;
	margin-bottom: 25px;
}

.event-box p {
	font-size: .8em;
}

#logo {
	margin-left: 0px;
	margin-right: 30px;
}

#header {
	padding-top: 30px;
	height: 80px;
}

#header a {
	float: left;
	padding-top: 15px;
}

#header h1 {
	float: left;
	width: 650px;
	padding-top: 10px !important;
	font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.8em;
}

#welcome-text {
	font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
	margin-top: 5px;
	color: #5c9f3e;
	margin-bottom: 5px;	
}

#calendar-icon {
	width: 300px;
	float: left;
}

#calendar-icon h3 {
		font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 5px;
}

#calendar-icon img {
	width: 60px;
	float: left;
	margin-right: 20px;
}

#map-icon {
	width: 300px;
	float: left;
}

#map-icon h3 {
		font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 5px;
}

#map-icon img {
	width: 60px;
	float: left;
	margin-right: 20px;
}

#g-calendar {
	margin: 20px 20px 20px 0px;
	float: left;
	width: 45%;
	display:none;
}

#g-map {	
	margin: 20px 0px 20px 0px;
	float: left;
	clear: right;
	width: 30%;
	display:none;
}

#g-map h4 {
	margin-top: 0px;
	
}

#whats-new {
	float: left;
	width: 100%;
	font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8em;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #bd5360;
}

#g-whatsnew {
	float: left;
	width: 90%;

}

.japanese {
	float: left;
	width: 100%;
	height: 20px;
	font-size: .9em;
}

.english {
	float: left;
	width: 100%;
	height: 20px;
	font-size: .9em;
}

#mainContent {
	float: left;
	width: 650px;
	margin-left:30px !important;
	padding-top: 15px;
}

#facebook-stuff {
	float: left;
	width: 100%;
}

#facebook-title {
	font-family: 'Open Sans Condensed', 'Helvetica-Neue', Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8em;
	margin-top: 25px;
	margin-bottom: 20px;
	color: #bd5360;
}

#footer {
	float: left;
}

a:link, a:visited {
	color: #247d32;
	text-decoration: none;
}

a:active, a:hover {
	color: #bd5360;
}