/*
 * Responsive Design
 */

/*== Loop Actions */
.loop-actions .orderby-select{display:none;}

/*== Select Menu */
#main-nav .wrap{}
#main-nav .select-div{display:none;}
#main-nav .select-wrap{
	overflow:hidden;
	background-image: url(images/select-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-color: #2e2e2e;
}
#main-nav select {
	height:auto; 
	text-transform:none; 
	display:block; 
	margin:0 auto; 
	-webkit-border-radius:0;
	border-radius:0;
	width:120%;
	border:0;
	font-size:13px;
	font-weight:bold;
	color: #EEE;
	padding:7px 5px 7px 10px;
	-webkit-appearance: none; 
	-moz-appearance: normal; 
	appearance: normal;
	-webkit-padding-end: 20px; 
	-webkit-padding-start: 10px; 
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color:transparent;
	background-color: rgba(0,0,0,0);
	background-image: url(images/select-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	outline: none;
}
#main-nav select option {font-size:12px;color:#333;background:#fff;}
#main-nav select:active option {background:#FFF;}
.ie #main-nav select {color:#FFF;}
.ie #main-nav select option {background:#fff;color:#333;}
.ie #main-nav select:active option {background:#fff;color:#333;}



@media only screen and (min-width:1230px) {

	.grid-small .nag{margin: 0 -10px;}
	.grid-small .item{width:218px; margin: 0 11px 20px;}
	.grid-small .thumb{width:218px; height:120px;}
	.grid-small .thumb img{width:218px;}
	
	#thumbContainer{margin-left:65px;}
	ul.token-input-list-facebook{width: 1199px;}

	#topPanel #submitDiv{width:1230px;}
	#scrollmenuHolder #scrollmenu{width:1230px;}
	#bannerTopCenter{width:1230px;}
	.bannerMiddleCenter{width:940px;}
	#inContentAd{width:615px;}
	.author-box-holder{width:900px;}
}


@media only screen and (min-width:960px) and (max-width:1229px) {

	/*== Structure */
	body{min-width:920px;}
	.boxed-wrap #page{width:920px;}
	#main{padding:20px 0;}
	.wrap{width:900px}
	#content{width:620px;}
	#sidebar{width:250px;}
	#sidebar .widget{width:250px;float:left;}
	#inContentAd{width:620px;}
	.author-box-holder{width:580px;}
	
	div.resourceInfo{width:840px;}
	div.results{padding-left:70px;}
	
	/*.grid-small .thumb .postArrow{top:+201px;}*/
	.grid-small .infoBox .grid-stats{display: none;}
	.grid-small .infoBox .grid-time {width:100%;}

	#thumbContainer{margin-left:0px;}
	ul.token-input-list-facebook{width: 878px;}
	div.token-input-dropdown-facebook{width:886px;}
	
	#thumbContainer2{padding-left:20px;}
	.stamp {width:862px;}

	#footbar .widget-col-6,
	#footbar .widget-col-5 {
		display:none;
	}	
}



/* --- Tablet Portrait --- */
@media only screen and (min-width:640px) and (max-width:959px) {

	/*== Structure */
	body{min-width:640px;}
	.boxed-wrap #page{width:640px;}
	#main{padding:20px 0;}
	.wrap{width:720px}
	#content{width:720px;}
	#sidebar{
		width:100%;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}
	#sidebar .widget{width:250px;float:left;}
	
	div.resourceInfo{width:560px;}
	div.results{padding-left:28px;}
	
	#connectDiv{display:none;}
	#main-nav .menu-main{margin-left:25px;}
	#text-46{display:none;}
	#text-40{display:none;}
	#text-49{display:none;}
	
	.scroll-menu_discover {display:none;}
	.scroll-menu_share .shareMenu-label {display:none;}
	.scroll-menu_share {width:30px;}
	
	#topPanel #submitDiv{width:640px;}
	#scrollmenuHolder #scrollmenu{width:640px;}
	#bannerTopCenter{width:728px;}
	.bannerMiddleCenter{width:728px; margin-left:-55px;}
	#inContentAd{width:620px;}
	.author-box-holder{width:580px;}
	
	#submitHolder{display:none;}
	#connectLabel{display:none;}	

	/*.grid-small .thumb .postArrow{top:+201px;}*/
	.grid-small .infoBox .grid-stats{display: none;}
	.grid-small .infoBox .grid-time {width:100%;}
	
	#thumbContainer{margin-left:0px;}
	ul.token-input-list-facebook{width: 698px;}
	div.token-input-dropdown-facebook{width:706px;}
	
	#thumbContainer2{padding-left:19px;}
	.stamp {width:684px;}
	
	#footbar .widget-col-6,
	#footbar .widget-col-5,
	#footbar .widget-col-4{
		display:none;
	}
	#footbar .widget-col-1,
	#footbar .widget-col-2,
	#footbar .widget-col-3{
		width:180px;
	}	
	#footbar .widget-col-7{
		width:100%;
		padding-top: 10px;
	}	
}



/* --- Mobile --- */ 
@media only screen and (max-width:639px) {

	#main-nav .menu{display:none;}
	#main-nav .select-div{display:block;}

	#connectDiv{display:none;}
	#inContentAd{width:460px;overflow:hidden;}
	.author-box-holder{width:420px;}
	
	#text-46{display:none;}
	#text-40{display:none;}
	.textwidget{width:250px; margin:0 auto;}
	.centeredContent iframe {width:100% !important; height:auto !important;}
	
	div.resourceInfo{width:400px;}
	div.results{padding-left:48px;}
	
	.loop-actions .orderby{display:none;}
	.loop-actions .orderby-select{display:block;float:left;height:21px;padding:2px;text-transform:none;}
	.loop-actions .prefix{display:none;} 

	/*
	.grid-small .thumb .postArrow{top:+217px;}
	.grid-medium .thumb .postArrow{top:+217px;}
	*/
	
	#thumbContainer{margin-left:0px;}
	ul.token-input-list-facebook{width: 400px;}
	
	#thumbContainer2{padding-left:0px;}
	.stamp {width:460px;}
	
	
	#footbar .widget-col-6,
	#footbar .widget-col-5,
	#footbar .widget-col-4{
		display:none;
	}	
	#footbar .widget-col-7{
		width:100%;
		padding-top: 10px;
	}
} 

 
/* --- Mobile Landscape --- */
@media only screen and (min-width:480px) and (max-width:639px) {

	/*== Structure ==*/
	body{min-width:480px;}
	.boxed-wrap #page{width:480px;}
	#main{padding:20px 0;}
	.wrap{width:460px}
	#content, #sidebar{width:100%;}
	.author-box-holder{width:420px;}
	
	#submitHolder{display:none;}
	#secondaryMenu{display:none;}
	#scrollmenuHolder{width:0px;}
	#scrollmenuHolder #scrollmenu{display:none;}
	
	div.resourceInfo{width:400px;}
	div.resourceDiv{width:100%;}
	
	.postImage{display:none;}
	
	#topPanel #submitDiv{width:480px;}
	#scrollmenuHolder #scrollmenu{width:480px;}
	#bannerTopCenter{width:480px;}
	.bannerMiddleCenter{width:480px; margin-left:-10px;}
	
	/*== Archive Content ==*/
	 .loop-actions .view .grid-small-link{display:none;}
	 
	.grid-small .nag,
	.grid-medium .nag{margin: 0 -10px;}
	.grid-small .item,
	.grid-medium .item{width:220px;margin: 0 10px 20px;}
	.grid-small .thumb,
	.grid-medium .thumb{width:220px;height:124px;}
	.grid-small .thumb img,
	.grid-medium .thumb img{width:220px;}
	
	.grid-medium .item .grid-stats{
		display:none;
	}
	.grid-medium .item .grid-time{
		width:100%;
	}
	
	.list-small .thumb {
		width:140px;
		height:78px;
	}
	.list-small .thumb img {
		width:140px;
	}
	.list-small .data {
		margin-left:158px
	}
	.list-small .author,
	.list-small .suffix{display:none;}
	
	.list-medium .thumb {
		width:220px;
		height:124px;
	}
	.list-medium .thumb img {
		width:220px;
	}
	.list-medium .data {
		margin-left:240px
	}
	.list-medium .author,
	.list-medium .suffix{display:none;}
	.list-medium .meta{float:left;}
	.list-medium .stats{float:right;}
	.list-medium .desc{font-size:11px;}
	
	.list-large .item{width:100%;}
	.list-large .thumb{width:100%;height:258px;}
	
	#thumbContainer{margin-left:30px;}
	ul.token-input-list-facebook{width: 438px;}
	div.token-input-dropdown-facebook{width:446px;}
	
	#thumbContainer2{padding-left:0px;}
	.stamp {width:460px;}
	
	.thumbStyle{width:213px;}
	.object-container{width:213px;}
	.thumbItem2{width:215px;}
	
	.showMore{left:34px;}
	
	#footbar .widget-col{
		width:130px;
	}	
	#footbar .widget-col-6,
	#footbar .widget-col-5,
	#footbar .widget-col-4{
		display:none;
	}	
	#footbar .widget-col-7{
		width:100%;
		padding-top: 10px;
	}	

}




/* --- Mobile Portrait --- */
@media only screen and (max-width:479px) {

	/*== Structure */
	body{min-width:320px;}
	.boxed-wrap #page{width:320px;}
	#main{padding:20px 0;}
	.wrap{width:300px}
	#content, #sidebar{width:100%;}
	.author-box-holder{width:260px;}
	
	#btn-back{display:none;}
	#btn-nextPage{margin-right:12px;}
	#btn-nextImage{margin-right:7px;}
	
	.centeredContent iframe {width:100% !important; height:auto !important;}
	#newsletter728 {width:300px !important; height:auto !important;}
	.bannerMiddleCenter .adMargin .adHolder{width:320px !important; height:auto !important;}
	
	#details #actions{display:none;}
	
	div.resourceInfo{width:240px;}
	div.resourceInfo h1{font-size: 23px;}
	div.results{padding-left:0px;}
	div.results .resourceDiv{width:290px; height:auto; padding:0px 0px 20px 0px; text-align: center;}
		
	.postImage{display:none;}
	#actions{padding-bottom: 15px;}
	#actions .dp-like-post{margin-left:100px;}
	
	#submitHolder{display:none;}
	#secondaryMenu{display:none;}
	#scrollmenuHolder{width:0px;}
	#scrollmenuHolder #scrollmenu{display:none;}
	#topPanel #submitDiv{width:320px;}
	#bannerTopCenter{width:320px;}
	.bannerMiddleCenter{width:320px; margin-left:-10px;}
	#inContentAd{width:300px;overflow:hidden;}
	
	/*== Header
	 *=================================*/
	#site-logo{margin-left:40px;}
	#profileDiv{display:none;}
	
	/*== Archive Content
	 *=================================*/
	.loop-actions .view .grid-small-link,  
	.loop-actions .view .grid-medium-link, 
	.loop-actions .view .list-large-link{display:none;}
	
	.grid-small .item {width:140px;margin: 0 10px 20px;}
	.grid-small .thumb {width:140px;height:78px;}
	.grid-small .thumb img {width:140px;}
	.grid-small .title {line-height:12px;font-size:12px;}
	.grid-small .infoBox .grid-stats{display: none;}
	.grid-small .infoBox .grid-time {width:100%;}
	
	/*
	.grid-small .thumb .postArrow{top:+172px;}
	.grid-medium .thumb .postArrow{top:+261px;}	
	*/
	
	.grid-medium .nag{margin: 0 -10px;}
	.grid-medium .item{width:300px;margin: 0 10px 20px;}
	.grid-medium .thumb{width:300px;height:168px;}
	.grid-medium .thumb img{width:300px;}
	
	.list-small .thumb {width:140px;height:78px;}
	.list-small .thumb img {width:140px;}
	.list-small .data {margin-left:158px}
	.list-small .meta, .list-small .stats{float:none;}
	.list-small .stats > span{margin:0 10px 0 0 !important;}
	.list-small .author,
	.list-small .suffix,
	.list-small .desc{display:none;}
	
	.list-medium .thumb {width:300px;height:168px;margin:0 0 10px;}
	.list-medium .thumb img {width:300px;}
	.list-medium .data {margin-left:0}
	.list-medium .author,
	.list-medium .suffix{display:none;}
	.list-medium .meta{float:left;}
	.list-medium .stats{float:right;}
	.list-medium .desc{font-size:11px;}
	
	.list-large .item{width:100%;}
	.list-large .thumb{width:100%;height:168px;}
	.list-large .meta, .list-large .stats{float:none;}
	.list-large .stats > span{margin:0 10px 0 0 !important;}
	
	#thumbContainer{margin-left:53px;}
	ul.token-input-list-facebook{width:278px;}
	div.token-input-dropdown-facebook{width:286px;}
	
	#thumbContainer2{padding-left:31px;}
	.stamp {width:300px; margin-left: -31px;}
	.stampLeft, .stampRight{width:300px; text-align: center;}
	
	.thumbStyle{width:236px;}
	.object-container{width:236px;}
	.thumbItem2{width:238px;}
	
	.showMore{left:46px;}
	
	
	/*== Single Content
	 *=================================*/
	#title{margin:0 0 10px !important;}
	#actions{float:none;margin:0;}
	
	#footbar .widget-col-6,
	#footbar .widget-col-5,
	#footbar .widget-col-4,
	#footbar .widget-col-3,
	#footbar .widget-col-2,
	#footbar .widget-col-1{
		display:none;
	}	
	#footbar .widget-col-7{
		width:100%;
	}
	
	/*== Colophon
	 *=================================*/
	#colophon{text-align:center;}
	#social-nav{
		width:248px;
		padding-left:40px;
	}
	#copyright {
	font-size: 11px;
	margin: 0;
	display: block;
	}
	
}

#site-logo {
	width: 229px;
	height: 43px;
	/*background: url(images/fromupnorth-logo.png) 0 0 no-repeat;*/
	background-size: 229px 43px;
}