/* CSS Document */

@media screen and (min-width: 480px) and (max-width: 490px) {  /* iPhone Horizontal */
	html { zoom: 100%; width:480px; }
}

@media screen and (min-width: 600px) and (max-width: 600px) {  /* Kindle? */
	html { zoom: 100%; width:600px; }
}


@media screen and (max-width: 480px) {
	#wrapper { margin-bottom: -206px; position:relative; }
	
	/* Header */
	#header { height: 94px; }
	#utility_menu { padding: 4px 0px 7px 0px; margin: 0px auto; float:none; width:270px; }
	#utility_menu ul { text-align:center; }
	#utility_menu ul li { display:inline; float:none; padding: 0px 6px; }
	#utility_menu ul li.first { padding-left: 4px; }
	#logo { clear:left; width:193px; padding: 0px 0px 0px 9px;  }
	#logo img { width:193px; height:auto; }
	#utility_bar { padding-right: 14px; padding-top: 25px; }
	#social_media { position: absolute; bottom: 191px; left:0px; height: 34px; float: none; width:auto; padding:5px 0px 5px 13px; z-index:99 }
	#social_media span { padding-right: 10px; }
	#navigation { border-top: 0px; height:auto; background: #e3e3e3 url(images/bg-navigation.png) 0px 0px repeat; }
	
	/* Menu */
	#navigation ul { display: none; }
	#navigation #toggle_menu { display: block;font-family: 'UbuntuMedium'; font-size:13px; color:#000000; font-weight:normal; line-height: 10px; padding: 6px 14px; cursor:pointer; vertical-align: top; }
	#navigation #toggle_menu span { font-size:19px; color:#666666; padding:0px 3px; line-height:7px; }
	#navigation ul li:hover ul, #navigation ul li.sfHover ul { display:none; }
	#navigation ul li { background: none; float:none; height:24px; line-height:24px; padding:0px;}
	#navigation ul li a { height:24px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; padding-left: 13px; }
	
	/* Body Structure */
	body.home #container { background: url(images/bg-container.png) 0px 0px repeat-x; }
	#container .section { width:310px; padding:9px 5px; position:relative; }
	.entry { float:none; }
	
	/* Homepage */
	#services { width: auto; margin:0px 0px 8px 0px; }
	#services .inner { padding:12px 3px 8px 3px; }
	#services .service_wrap { width: 122px; height:142px; background-image: url(images/services-callout.png); padding:5px 12px 12px 12px; margin: 0px;}
	#services h3{ padding-left: 0px; text-align:center;}
	#satellite-coverage { display:none; }
	#download-app { width:298px; padding-top: 6px; height:auto; margin-bottom: 8px; }
	#download-app h3 { padding-bottom: 7px; }
	
	body.home .widget { width:310px; float: none; height: auto; margin-bottom: 0px; }
	body.home #news { margin-right:0px; }
	body.home #events { height:495px; }
	body.home .widget .title { padding: 13px 15px 2px 10px; }
	body.home #news .title h2 { background-position: 0px 0px; padding-left: 35px;}
	body.home .widget ul li a { line-height:135%; }
	body.home #events .widget-content { padding:14px 12px 0px 17px; font-size:13px; }
	body.home #events .widget-content p { padding-right: 0px; line-height:140%; font-size:13px; }
	body.home #events ul { padding: 6px 3px 10px 0px; margin:0px 0px 0px -3px; }
	body.home #events li { width:220px; line-height:165%; padding:5px 0px; }
	body.home #events li h3 { padding-bottom: 0px; }
	body.home #events li h3,body.home #events li h3 a { font-size:18px; }
	body.home #events .widget-content li p { font-size:12px; }
	body.home #events li .date { font-size: 26px; width:55px; height:45px; background-image:url(images/bg-news-date.png);margin-right: 13px; margin-top:5px; }
	body.home #events li .date b { font-size:16px;}
	
	/* Banner */
	body.home #banner { height: 221px; background-image: none; position:relative; }
	#banner img { margin-left: -400px; }
	body.home #banner img { margin-left: 0px; }
	#banner .articles { height:221px; width:100%; overflow:hidden; }
	#banner .articles .article-item { background-position: -280px -75px; }
	body.home #banner .section { width: 66px; background: none; }
	#banner .links .active { background: none; }
	#banner .link-item { padding:0px; }
	#banner .links { height:8px; background:none; position:absolute; bottom:6px; left:0px; width:100%; z-index:99;}
	#banner .link-article { width:12px; height:8px; padding:0px; background: none; }
	#banner .link-article h3 { height:8px; margin:0px; padding:0px; }
	#banner .link-article h3 a { text-indent:-9999px; background: url(images/buttons.png) 0px -8px no-repeat; display:block; width:8px; height:8px; overflow:hidden;}
	#banner .active .link-article h3 a { background-position: 0px 0px; }
	#banner .articles .article-item .article_wrap { background:url(images/bg-banner-wrap.png) bottom repeat; height:110px; margin-top:111px; padding: 0px; width:100%; }
	#banner .article-item h2 { font-size: 19px; text-align:center; padding:13px 35px 0px 35px; width:260px; margin:0px auto; }
	#banner .article-item p { font-size:11px; line-height:15px; padding: 5px 35px 0px 35px; width:260px; margin:0px; margin: 0px auto; }
	#banner .article-item div.linkout { display:none; }
	#banner #prev, #banner #next { display:block; position:absolute; bottom: 42px; width:19px; height:24px; background: #fff; z-index:99; cursor:pointer; background:url(images/mobile-arrows.png) 0px 0px no-repeat; }
	#banner #prev { left:0px; }
	#banner #next { right:0px; background-position: 0px -24px; }
	
	/* Footer */
	.push { height: 214px; padding-bottom: 214px; }
	#footer { background: none; position:relative; }
	#footer .section { background-image: url(images/footer-map-narrow.png); background-position: 0px 0px; }
	body.home #footer .section {padding-top:14px;height: 168px;}
    #footer_menu .section { background: none; }
	.footer_col_wrap { border-bottom: 0px; margin:0px; position:relative; top: auto; padding:0px; }
	body.left-sidebar .footer_col_wrap  { left: 0px; }
	.footer_wrap { border-top: 1px #e7e7e7 solid;}
	.footer_col_1 { padding-top: 0px; }
	.footer_col_3, .footer_col_2 { position: absolute; left:0px; width:100%; margin:0px; padding:0px; border:0px; float:none; border-bottom: 1px #e5e5e5 solid; }
	.footer_col_3 { bottom: 179px; height:59px; }
	.footer_col_2 { bottom: 238px; border-bottom: 0px; background: url(images/bg-container-wide.png) top repeat-x; padding-top:20px; }
	.footer_col_3 a, .footer_col_2 a { display:block; }
	.footer_col_2 a { border-bottom: 1px #e5e5e5 solid; }
	.footer_col_3 a { float: left; margin-left: 13px; }
	#footer_menu { position: absolute; border-bottom: 1px #e5e5e5 solid; bottom: 146px; left:0px; width:100%; height:33px; line-height: 33px; padding:0px; }
	#footer_menu .section, body.home #footer_menu .section { padding:0px 13px; }
    #footer h3 { padding-bottom: 6px; padding-top: 0px; }
	a.myIntelsat { background-position: 12px 0px; padding-left: 62px; padding-bottom: 10px; padding-top:2px; }
	a.coverageMaps  { background-position: 10px 6px; padding: 12px 20px 12px 62px; }
	
	/* Sidebar Left */
	#sidebar-left { float:none; background: none; width:auto; } 
		#side_menu { background: none; position:relative; } /* this needs to be converted into a dropdown - can do with JS */
		#side_menu ul { background: none; }
		#side_menu ul li { background-color: #666666; }
		#side_menu ul#regular { display:none; }
		#side_menu ul#mobile { width:187px; position:absolute; top:24px; left:0px;border: 1px #dbdbdb solid; padding:0px;background-color: #cfcfcf; z-index:99;}
		#side_menu #mobile_trigger { display:block; border: 1px #dbdbdb solid; width:171px; height:22px; background: url(images/side-menu-mobile.png) 0px 0px no-repeat; color:#000; font-family: 'UbuntuMedium'; font-size:14px; line-height:23px; padding-left:16px; cursor:pointer; }
		#side_menu ul#mobile li { background-color: #cfcfcf; font-size: 13px; line-height:20px;}
		#side_menu ul#mobile ul { display:none; }
		#side_menu ul#mobile li a { background-color: #cfcfcf; border:0px; padding:4px 8px 4px 10px; margin:0px; color:#000000; border-radius:0px; line-height: 12px; }
		#side_menu ul#mobile li a:hover { background-color:#2fb4cb; color:#ffffff; }
		#side_menu ul#mobile li.last-menu-item { padding-bottom: 0px; }
		
	/* Content */
	#content { margin: 0px; padding:6px 6px 10px 2px; width: 312px; }
	body.no-sidebar #content {
		width: 312px;
	}
		h1, #banner span { font-size: 35px; }
		h2 { font-size:20px; }
		h3 { font-size: 17px; }
		.st_sharethis_buttons { margin: 0px; float:none; position:absolute; /*top:18px;*/ left:203px; top:-27px;}
		body.right-sidebar #content { padding-top: 6px; }
		#content img { margin-bottom: 6px; }
		#content img.floatright, #content img.floatleft { display:block; float:none; margin-left: auto; margin-right: auto; }
		#content p  { font-size:12px; line-height:18px; }
	
	/* Sidebar Right */
	#sidebar-right { margin:0px 0px 0px -1px; padding:0px; }
		#sidebar-right .widget { width: 313px; background-image:url(images/bg-sidebar-widget-bottom-wide.png); padding-bottom: 15px; margin-bottom: 7px; }
		#sidebar-right .widget .title { background-image:url(images/bg-sidebar-widget-title-wide.png); }
		#sidebar-right .widget .widget-content, #sidebar-right #s2_form_widget-3 .search, #sidebar-right .widget .textwidget { 
			background-image: url(images/bg-sidebar-widget-wide.png); padding-left: 17px; }
		#sidebar-right .widget .title h2 { padding-left: 27px; }
		body.page-template-blog-php #sidebar-right .widget .title h2, body.single-post #sidebar-right .widget .title h2 { padding-left: 4px; }
		#sidebar-right #events .date { margin-right: 13px; }
		#sidebar-right #download-app { display: block; border: 1px #cfcfcf solid; clear:both; margin:1px; }
		#sidebar-right #download-app h3 { padding-top: 0px; }
	
		#sidebar-right #contact-widget .title { background-image:url(images/bg-sidebar-widget-title-blank-wide.png); }
		#sidebar-right #video-widget  { display:none; }
	
	/* Teleports */
	.custom_loop { width:auto; }
    	.custom_loop .item { float:none; width:auto; margin: 0px 0px 20px 0px; }
		.entry-content .block { float: none; margin: 0px 0px 20px 0px; width: 290px; }
		.entry-content #teleport-video { width:290px; }
		.type-teleport .block img { width: 290px; height:auto; }

	
	/* Videos */
	.videos .listing .item { float:none; padding:12px 0px; margin:0px auto; }
	.videos .featured iframe { width: 280px; height:180px; margin-bottom: 10px; }
	#teleport-video iframe { width:290px; }
	
	/* Global Styles */
	.alignleft { float:none; margin: 20px 0px; clear:both; }
	.alignright { float:none; margin: 20px 0px; clear:both; }
	
	/* Document Listing */
	.document-listing .filter form { text-align:center; line-height:25px; }
	#content .document_loop ul.leftUl { width:100%; float:none; }
	#content .document_loop ul.rightUl { width:100%; margin-left: 0px;} 
}