/*   
Theme Name: Mobile Museum of Art mobile site
Theme URI: http://MobileMuseumofArt.com
Description: WordPress Theme based on design by 5Amultimedia -- WordPress v3.6.1
Author: David Sullivan
Author URI: http://davidsullivan.net
Version: 1.0
*/

@import url('fonts/fonts.css');

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    color: #000;
    background: #333;
}

sup { vertical-align: top; }

.button,
a { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }

.button:hover,
a:hover { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; }

a img  { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
a:hover img { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;}
a:hover img { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.clearfix { *zoom: 1; }
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

.logo { width: 270px; font-size: 0; line-height: 0; margin: 18px auto 0; padding-bottom: 13px; }	
.logo a { background: url(images/logo.png) no-repeat 0 0; height: 111px; display: block; text-indent: -4000px; }

.logo a:hover { text-decoration: none; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }

.navigation { padding: 0 5px 5px; }
.navigation ul { list-style: none; }
.navigation ul li { text-transform: uppercase; font-family: 'frutiger_55roman', arial, sans-serif; font-size: 17px; }
.navigation ul li + li { border-top: 1px dotted #bbb; }
.navigation ul li a { display: block; padding: 8px 7px; color: #666; }
.navigation ul li a.active,
.navigation ul li a:hover { text-decoration: none; color: #c3d021; }

.top-nav { padding: 5px 10px 5px; margin: 0 -10px; background: #c3d021; color: #fff; height: 20px; }
.top-nav .back-to { float: left; display: inline; padding-left: 14px; background: url(images/arrow.png) no-repeat 0 4px; font-size: 14px; color: #fff; margin-top: -2px;}
.top-nav .back-to { text-transform: uppercase; font-family: 'frutiger_45_lightregular', arial, sans-serif; }
.top-nav .back-to:hover { text-decoration: none; color: #333; }
.top-nav h3 a { float: right; display: inline; font-size: 14px; line-height: 14px; font-weight: normal; text-transform: uppercase; font-family: 'Frutiger65Bold', arial, sans-serif; color: #fff; }
.top-nav h3 a:hover { text-decoration: none; }
.top-nav .home-icon { padding-right: 14px; background: url(images/home-icon.png) no-repeat 0 0; zmargin-top: -2px;}

.page-title { margin: 14px -10px 0; padding: 10px 23px; background: #333;}
.page-title h2 { color: #c3d021; text-transform: uppercase; font-size: 18px; font-weight: normal; font-family: 'frutiger_55roman', arial, sans-serif;}

.featured { padding: 12px 0 10px; }
.featured ul { list-style: none; margin-left: -10px; }
.featured ul li { float: left; display: inline; margin-left: 10px; margin-bottom: 10px; width: 140px; }
.featured ul li a { display: block; }
.featured ul li a img { display: block; width: 140px; height: 140px; }
.featured ul li p { display: inline; }

.post { padding-top: 10px; padding-bottom: 30px; }
.post p, .post ul, .post ol { line-height: 17px; color: #666; font-family: 'Open Sans', arial, sans-serif; padding-bottom: 10px; }
.post ul, .post ol { font-size: 12px; margin: 0 0 18px; padding: 0 0 0 25px; }
.post ul { list-style-image: url('images/ul-bullet.png'); }
.post ul > li { padding-bottom: 2px; }

.post .timely p { color: rgb(51, 51, 51); }

.post iframe { width: 100%; }

.socials { height: 21px; padding-bottom: 16px; }
.socials span { font-size: 14px; float: left; display: inline; color: #999; text-transform: uppercase; font-family: 'frutiger_45_lightregular', arial, sans-serif; padding: 2px 5px 0 0;}
.socials a { float: left; display: inline; height: 21px; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: 10px; }
.socials .ico-facebook { background: url(images/soc1.png) no-repeat 0 0; width: 22px; }
.socials .ico-twitter { width: 22px; background: url(images/soc2.png) no-repeat 0 0; }
.socials .ico-youtube { background: url(images/soc3.png) no-repeat 0 0; width: 45px; }

.shell { padding: 0 10px; }

.container { border-top: 9px solid #c3d021; background: #fff; }

.footer .shell { padding: 20px 25px; background: #333; }
.footer p {  color: #999;  font-family: 'frutiger_45_lightregular', arial, sans-serif; font-size: 14px;}
.footer .phone-link { color: #999; }

.gallery {
	margin: auto;
}
.gallery .gallery-item, .sponsor {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 110px;
	padding: 0 10px 20px 0;
}
.gallery img {
	border: 2px solid #cfcfcf; width: 110px; height: 110px;
}
.gallery .gallery-caption {
	margin-left: 0;
}
.sponsor img { width: 110px; height: 110px; }

.ai1ec-subscribe-container, 
.ai1ec-calendar-toolbar, 
a.btn.btn-small.ai1ec-subscribe, 
a.btn.btn-small.ai1ec-subscribe-google { display: none; }