body {
	/*
	-webkit-text-size-adjust:none;
	*/

	-webkit-text-size-adjust:100%;
}



/* Smartphones (landscape) ----------- */
	@media only screen
	and (min-width : 480px)
	and (max-width : 767px) {
		body {
			min-width:1px;
			padding-top:0;
			margin-top:0;
		}
		html body.admin-menu {
			margin-top:0 !important;
		}
		#page {
    	width:460px;
			margin:0 auto;	
			font-size:14px;
			line-height:18px;
			background:#fff url(../images/page-shade.jpg) top center repeat-x;
			border:none;
			padding-bottom:0;
			padding:0 10px;
			border-radius:0px 0px 6px 6px;
			margin-bottom:20px;
		}
		#header  {
			width:460px;
			padding:20px 0;	
		}		
		#navigation {
			width:460px;
			float:left;
			padding:0;
			margin:0;
			-moz-box-shadow: none;
			box-shadow: none;
			margin-bottom:10px;
			background:none;
			padding:0 0 0 1px;
		}
		#navigation ul {
			padding:5px 0 0 5px;	
			background:none;
			border:0;
			padding:0;
			margin:0;
		}
		#navigation li {
			background:none;
			margin-bottom:2px;
		}		
		#navigation ul.menu li a {
			width:198px;
			background:url(../images/bg-nav.png) repeat;
		    color: #ffffff;
		    display: block;
		    float: left;
		    margin: 0;
		    padding: 14px 15px 11px;
		    text-decoration: none;
		    text-shadow: 1px 1px 1px #444444;
		    text-transform: uppercase;
		    border-radius: 4px 4px 4px 4px;
		    margin-right:2px;
		    margin-bottom:2px;
		}
		#navigation ul.menu {
			background:none;
			padding:0;		
			height:100%;
			display: block;
		}
		#navigation .inner {
			background:none;
		}
		#navigation ul.menu li a:hover, 
		#navigation ul.menu li a.active, 
		#navigation ul.menu li a.active:hover, 
		#navigation ul.menu li.active-trail a {
		    background:url(../images/bg-nav-active.png) repeat;
		    border-radius: 4px 4px 4px 4px;
		    box-shadow: none;
		    color: #fff;
		    text-shadow: none;
		    margin-top:0;
		    padding: 14px 15px 11px;
		}
		h1 {
			font-size:31px;
		}
		#main {
			background:#fff;	
			padding-top:10px;
			width:460px;
		}
		#content {
			width:440px;
			float:none;	
			padding:0 0 0 4px;
		}
		body.one-sidebar #content, 
		body.no-sidebars #content,
		.two_column #content {
			width:440px;	
		}
		.messages {
			width:408px;	
		}
		
/* ======================  H E A D E R   A R E A  ====================== */
		
		#header-content .region-header {
			padding:0 10px;
		}	
		#header-content .region-header #block-menu-block-4 li {
			margin-bottom:7px;
		}		
		#header-content .region-header #block-block-8,
		#header-content .region-header #block-menu-block-4,
		#header-content .region-header #block-block-10,
		#header-content .region-header {
			float:left;
			width:440px;
			position:relative;
			bottom:0;
			margin-bottom:10px;
		}	
		#header-content .region-header-toolbar {
			padding:0 10px;
			float:left;
			width:440px;
		}
		#search-block-form {
			width:295px;	
			float:left;
		}
		#search-block-form .form-text {
			width:250px;	
		}
		#header #logo {
			margin-right:0;	
			margin-bottom:20px;
			padding-left:10px;
		}
		
/* ======================  H E A D E R   A R E A  ====================== */
		

		/*#content img.imagecache-content,*/
		#content img.inline {
			max-width:452px;
			height:auto;
		}
		/*#right {
			width:440px;
			float:left;		
			padding:0 5px;
		}*/
		.region-sidebar-second {
			margin:20px 5px;
			width:340px;
			float:left;	

		}
		#footer  {
			width:410px;
			float:none;
			padding:20px;
			overflow:hidden;
		}
		.region-sidebar-first {
		    float: left;
		    width: 460px;
		}
		.region-sidebar-first img {
		    width: 340px;
		    height:auto;
		}
		#content .content img {
		    max-width: 452px;
		    height:auto;
		}	
		
/* ======================  N E W S   A R E A  ====================== */
				
		.view-events-archive .news-wrapper,
		#block-views-events-block-1 .news-wrapper,
		.view-newsarchive .news-wrapper,
		#block-views-nyheter-block-1 .news-wrapper,
		#block-views-nyheter-block {
			width:432px; 
		}
		.news-wrapper .left {
			width:180px; 
			margin-bottom:20px; 
		}
		#content .news-wrapper .left img {
			width:180px; 
			height:160px; 
		}
		.news-wrapper span.right {
			width:200px; 
			position:relative;
			min-height:100%;
			margin-bottom:20px;
		}
		.news-wrapper .right span {
			width:100%; /**/
		}
		
/* ======================  N E W S   A R E A  ====================== */

/* ==================== B L U R B S   F R O N T ==================== */

/* Puffar framsida */
		#block-views-blurbs-front-block .col-item {
			float:none; 
			margin-bottom:20px; 
		}
		#content #block-views-blurbs-front-block .col-item img {
			display:block;
			width:340px;
			height: 214px;
		}
/* Puffar framsida */

/* twitter , Youtube, flickr */
		#block-views-twitter-rss-block-1,
		#block-views-twitter-rss-block {
			width:320px;
		  background: none repeat scroll 0 0 #ECEBE7;
		  border-radius: 6px 6px 6px 6px;
		  padding: 10px;
		  float:none;
		  min-height:275px;
		
		}
		#block-flickr-3 {
			border-radius:6px;
			background:#ECEBE7;	
			float:none;
			padding-left:10px;
			padding-top:15px;
			padding-bottom:10px;
			width:320px;
			min-height:275px;
		}
		
		#content #block-flickr-3 img {
			height:75px;
			width:75px;
		}
/* ==================== B L U R B S   F R O N T ==================== */
		
/* ===================== B L U R B S  B O T T O M ======================= */
		#block-views-blurbs-bottom-block {
			padding:0 0px 0 5px;
			width:460px;
		}
		#block-views-blurbs-bottom-block .col-item  {
			margin-right:12px;
			float:left;
			position:relative;
		}
		#block-views-blurbs-bottom-block .col-2 {
			margin-right:0;
		}
		#block-views-blurbs-bottom-block .col-1,
		#block-views-blurbs-bottom-block .col-2 {
			margin-bottom:12px;
		}
		#block-views-blurbs-bottom-block .col-item img {
			width:220px;
			height:220px;
		}
		
		#block-views-blurbs-bottom-block .col-last {
			margin-right:0;
		}
/* ===================== B L U R B S  B O T T O M ======================= */		

/* ============================ F O O T E R ============================= */		
		#footer .block.last,
		#footer .block.first,	
		#footer .block {
			background: none;
			float:none;
			margin:0px;
			padding:0px;
			display:block;
			min-height:100%;
		}
			
		#footer #block-block-3 { /* 1 */
			width:120px;
			float:left;
			margin-right:30px;
			margin-bottom:20px;
		}
		
		#footer #block-block-4 { /* 2 */
			width:120px;
			float:left;	
			margin-right:30px;
			margin-bottom:20px;
		}
		#footer #block-block-5 { /* 3 */
			width:100px;
			float:left;		
			margin-bottom:20px;
		}
		#footer #block-menu-block-3 { /* 4 */
			width:130px;
			float:none;	
			margin-bottom:20px;
		}
		#footer #block-block-6 {
			float:left;	
		}
/* ============================ F O O T E R ============================= */	

		.webform-client-form { width:433px;}
		
		.webform-client-form .form-textarea,
		.webform-client-form .form-text { width:380px; }

		#block-views-blurbs-front-block {
			margin-left:53px;		
		}
		.region-sidebar-second {		
			width:452px;
		}
		#block-flickr-3 {		
			width:440px;
		}
		#block-views-twitter-rss-block {		
			width:430px;
		}

		#breadcrumb,	
		#bread {
			display:none;	
		}
		
		/* Search form */
		#block-search-form {
			float:none;
		}
		
		.tabs  {
			width:410px;
		}

		#block-views-instagrams-block,
		#block-views-slideshow-block,
		#readspeaker_button1,
		#admin-menu-wrapper,
		#block-views-blurbs-bottom-block-1,
		#block-views-blurbs-front-sidebar-block-1,
		#block-views-slideshow-block-1,
		#block-views-blurbs-front-block-1,
		#SnapABug_bImg,
		#slogan {
			display:none;	
		}
	

		
	}
	
	/* Smartphones (portrait) ----------- */
	@media only screen
	and (max-width : 479px) {
		body {
			min-width:1px;
			padding-top:0;	
		}
		html body.admin-menu {
			margin-top:0 !important;
		}
		#page {
			width:308px;
			margin:0 auto;	
			font-size:14px;
			line-height:18px;
			background:#fff url(../images/page-shade.jpg) top center repeat-x;
			border:none;
			padding-bottom:0;
			padding:0 5px 20px;
			border-radius:0;
			margin-bottom:15px;
			border-radius:0px 0px 6px 6px;
		}
		#header  {
				padding:10px 0 20px
		}
		#navigation {
			width:300px;
			float:left;
			padding:0;
			margin:0;
			-moz-box-shadow: none;
			box-shadow: none;
			margin-bottom:10px;
			background:none;
			padding:0 0 0 2px;
		}
		#navigation ul {
			padding:5px 0 0 0px;	
			background:none;
			border:0;
			padding:0;
			margin:0;
		}
		#navigation li {
			background:none;
			margin-bottom:2px;
		}		
		#navigation ul.menu li a {
			width:275px;
			background:url(../images/bg-nav.png) repeat;
	    color: #FFFFFF;
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 14px 14px 11px;
	    text-decoration: none;
	    text-shadow: 1px 1px 1px #444444;
	    text-transform: uppercase;
	    border-radius: 6px;
	    margin-bottom:2px;
		}
		#navigation ul.menu {
			background:none;
			padding:0;		
			height:100%;
			display: block;
		}
		#navigation .inner {
			background:none;
		}
		#navigation ul.menu li a:hover, 
		#navigation ul.menu li a.active, 
		#navigation ul.menu li a.active:hover, 
		#navigation ul.menu li.active-trail a {
	    background:url(../images/bg-nav-active.png) repeat;
	    border-radius: 6px;
	    box-shadow: none;
	    color: #fff;
	    text-shadow: none;
	    margin-top:0;
	    padding: 14px 14px 11px;
		}


		h1 {
			font-size:21px;
		}
		#main {
			background:#fff;	
			margin:0;
			padding:0;
			padding-top:10px;
		}		
		#content {
			width:280px;
			float:none;	
			padding:0 0 0 3px;
		}
		
		body.one-sidebar #content, 
		body.no-sidebars #content,
		.two_column #content {
			width:300px;	
		}

		.messages {
			width:255px;	
		}


/* ======================  H E A D E R   A R E A  ====================== */
		
		#header-content .region-header {
			padding:0 0 0 3px;
		}	
		#header-content .region-header #block-menu-block-4 li {
			margin-bottom:7px;
		}		
		#header-content .region-header #block-block-8,
		#header-content .region-header #block-menu-block-4,
		#header-content .region-header #block-block-10,
		#header-content .region-header {
			float:left;
			width:100%;
			position:relative;
			bottom:0;
			margin-bottom:10px;
		}	
		#header-content .region-header-toolbar {
			padding:0 0px;
			float:left;
			width:300px;
		}
		#search-block-form {
			width:295px;	
			margin:0 0 0 3px;
		}
		#search-block-form .form-text {
			width:250px;	
		}
		#header #logo {
			margin-right:0;	
			margin-bottom:20px;
			padding-left:10px;
		}
		
/* ======================  H E A D E R   A R E A  ====================== */
		
		
		/*#content img.imagecache-content,*/
		#content img.inline {
			max-width:304px;
			height:auto;
		}
		/*#right {
			width:280px;
			float:none;	
			padding:0 5px;	
		}*/

		.region-sidebar-second {
			margin:20px 0px 0 3px;
			width:302px;
			float:left;			
		}
		
		#footer {
			width:285px;
			float:none;
			padding:10px;
			overflow:hidden;	
		}
		.region-sidebar-first {
	    float: left;
			width:300px;
		}
		.region-sidebar-first img{
			width:304px;
	    height:auto;
	    margin-bottom:15px;
		}
		#content .content img {
			max-width:304px;
	    height:auto;
	    margin-bottom:10px;	
		}
		
/* ======================  N E W S   A R E A  ====================== */	

		.view-events-archive .news-wrapper,
		#block-views-events-block-1 .news-wrapper,
		.view-newsarchive .news-wrapper,
		#block-views-nyheter-block-1 .news-wrapper,
		#block-views-nyheter-block {
			width:282px; 
		}
		.news-wrapper .left {
			width:180px; 
			margin-bottom:20px; 
		}
		#content .news-wrapper .left img {
			display:block;
			width:180px; 
			height:160px; 
		}
		.news-wrapper span.right {
			width:100%; 
			position:relative;
			min-height:100%;
			margin-bottom:20px;
		}
		.news-wrapper .right span {
			width:100%;
		}
		
/* =======================  N E W S   A R E A  ======================= */
		
/* ===================== B L U R B S   F R O N T ===================== */

		/* Puffar framsida */
		#block-views-blurbs-front-block .col-item {
			float:none;
			margin-bottom:20px; 
			width:302px;
			height:190px;
		}
		#content #block-views-blurbs-front-block .col-item img {
			display:block;
			width:302px;
			height:190px;
		}
		#block-views-blurbs-front-block .blurbs-front-content {
			width:302px;
		}
		#block-views-blurbs-front-block .blurbs-front .blurbs-front-headline a {
			font-size:17px;
		}
		#block-views-blurbs-front-block .blurbs-transparent {
			width:302px;
			height: 172px;
		}
		#block-views-blurbs-front-block .blurbs-inner {
			width:282px;
			height: 172px;
		}
		/* Puffar framsida */
		
		/* twitter , Youtube, flickr */
		#block-views-twitter-rss-block-1,
		#block-views-twitter-rss-block {
			width:282px;
		  background: none repeat scroll 0 0 #ECEBE7;
		  border-radius: 6px 6px 6px 6px;
		  padding: 10px;
		  float:none;
		  min-height:275px;
		}
		#block-flickr-3 {
			border-radius:6px;
			background:#ECEBE7;	
			float:none;
			padding-left:20px;
			padding-top:15px;
			padding-bottom:10px;
			width:282px;
			min-height:275px;
		}
		#content #block-flickr-3 img {
			height:75px;
			width:75px;
			border: 4px solid #FFFFFF;
		}
		#block-flickr-3 h2.block-title,
		#block-views-twitter-rss-block h2.block-title {
			width:280px;
		}
/* ===================== B L U R B S   F R O N T ===================== */

/* ==================== B L U R B S  B O T T O M ===================== */
		#block-views-blurbs-bottom-block {
			padding:20px 0 0 3px;
			width:304px;
		}
		#block-views-blurbs-bottom-block .col-item  {
			margin-right:21px;
			float:left;
			position:relative;
		}
		#block-views-blurbs-bottom-block .col-2 {
			margin-right:0;
		}
		#block-views-blurbs-bottom-block .col-1,
		#block-views-blurbs-bottom-block .col-2 {
			margin-bottom:12px;
		}
		#block-views-blurbs-bottom-block .col-item img {
			width:140px;
			height:140px;
		}
		#block-views-blurbs-bottom-block .col-last {
			margin-right:0;
		}
		#block-views-blurbs-bottom-block .views-field-title span {
			font-size:12px;
			width:70px;
		}
		#block-views-blurbs-bottom-block .views-field-title {
			width:120px;
		}
/* =================== B L U R B S  B O T T O M ====================== */		
	
/* ========================== F O O T E R ============================ */		
		#footer .block.last,
		#footer .block.first,	
		#footer .block {
			background: none;
			float:none;
			margin:0px;
			padding:0px;
			display:block;
			min-height:100%;
		}
			
		#footer #block-block-3 { /* 1 */
			width:120px;
			float:left;
			margin-right:20px;
			margin-bottom:30px;
		}
		
		#footer #block-block-4 { /* 2 */
			width:120px;
			float:left;	
			margin-bottom:30px;
		}
		#footer #block-block-5 { /* 3 */
			width:100px;
			float:right;		
			margin-right:40px;
			margin-bottom:30px;
		}
		#footer #block-menu-block-3 { /* 4 */
			width:100px;
			float:left;	
			margin-bottom:40px;
		}
		#footer #block-block-6 {
			float:left;	
		}
/* ========================== F O O T E R =========================== */	
		
		.webform-client-form { width:100%;}
		.webform-client-form .form-textarea,
		.webform-client-form .form-text { width:100%; }
		
		#breadcrumb,	
		#bread {
			display:none;	
		}

		.copyright {
			display:none;
		}
		.tabs  {
				width:304px;
		}
		
		#block-views-instagrams-block,	
		#block-views-slideshow-block,
		#readspeaker_button1,
		#admin-menu-wrapper,
		#block-views-blurbs-bottom-block-1,
		#block-views-blurbs-front-sidebar-block-1,
		#block-views-slideshow-block-1,
		#block-views-blurbs-front-block-1,
		#SnapABug_bImg,
		#slogan {
			display:none;	
		}

		
	}