/**
 * Media queries for responsive design.
 * These follow after primary styles so they will successfully override.
 */

/*
 * Mobile styles for portrait and landscape.
 */

 @media all and (orientation:portrait) {}
 @media all and (orientation:landscape) {}

/*
 * Grade-A Mobile Browsers (Opera Mobile,Mobile Safari,Android Chrome) 
 * Consider: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
 */
 @media screen and (max-device-width:480px) {
 /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you:j.mp/textsizeadjust */
 html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}

 body,section{width:960px;padding:0 5px}
 #main p,#main div,table,blockquote,#main h2,#main h3,#main h4,#main h5,#main h6{margin:1em 0 !important;padding:0 !important;clear:both !important;width:960px !important}
 article{clear:both !important;float:none !important}
 #main p,#main ul,#main ol,table,#main h2,#main h3,#main h4,#main h5,#main h6{font-size:200% !important}
 figure{float:none !important;clear:both !important}#main img{width:94% !important;height:auto !important}figcaption{width:94% !important;height:auto !important}
 #main .video{clear:both !important;min-width:960px !important;min-height:540px !important}
 #main .block-party p,#main .block-party ul,#main .block-party ol{padding-left:30px !important;padding-right:30px !important;width:900px !important}
 #main .block-party h3,#main .block-party h4{margin-left:30px;width:870px}
 }

/*
 * Small screen, limited bandwidth.
 */
 @media handheld{
 *{float:none;/*screens not big enough*/ background:#fff;color:#000 /*maximum contrast*/}
 body{font-size:90%} /*reduce need to scroll*/
 }

/*
 * Print styles.
 * Inlined to avoid required HTTP connection:www.phpied.com/delay-loading-your-print-css/
 */
 @media print {
 *{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important} /*black prints faster:sanbeiji.com/archives/953*/
 a{color:#444 !important}
 article a[href]:after {content:" (" attr(href) ")"}	/*show link urls in parenthesis*/
 abbr[title]:after {content:" (" attr(title) ")"}	/*show abbr titles in parenthesis*/
 a[href^="#"]:after {content:""}				/*don't show link urls for jumps*/
 .citations a[href]:after {content:" (""}			/*don't show link urls in biblio b/c they're already shown*/
 pre,blockquote{border:1px solid #999;page-break-inside:avoid}
 thead{display:table-header-group}tr,img,li{page-break-inside:avoid}	/*css-discuss.incutio.com/wiki/Printing_Tables*/
 @page{margin:0.5cm}
 p,h2,h3{orphans:3;widows:3}
 h2,h3{page-break-after:avoid}
 }

/*
 * Accessibility styles.
 */
 @media braille{
 figcaption{display:block !important}
 .roll h1,#logos h2,#logos h3{display:block}
 }