/*---[ MASONRY LAYOUT CSS ]---*/

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

	.qa-main-wrapper {
		width: 1000px;
	}
		
			.qa-main{
			width: 750px;
		}
	
}

/*--------------[ MAIN NAV MENU CSS BASED ON LABLE OR ICON SELECTION AND SCREEN WIDTH ]-----------*/

@media only screen and (min-width: 769px) and (max-width: 999px){
	.qa-main-wrapper{
		padding: 0 10px;
	}
}
@media only screen and (max-width: 999px){
	.qa-main-wrapper {
		width: 100%;
	}	
}
@media only screen and (max-width: 966px){
	.qa-q-view-main,.qa-a-item-main {
		width: 610px;
	}	
}
@media only screen and (max-width: 900px){
	.qa-q-view-main,.qa-a-item-main {
		width: 565px;
	}	
}
@media only screen and (min-width: 801px) and (max-width: 899px){
	.qa-q-view-main,.qa-a-item-main {
		width: 530px;
	}	
}
@media only screen and (max-width: 800px){
	.qa-q-view-main,.qa-a-item-main {
		width: 490px;
	}	
}

@media only screen and (min-width: 800px){
	
	.qa-nav-main,
	.qa-header-right-group{
		margin-top: 23px;
	}
	.qa-sidepanel {
		padding:10px;
		min-height:80px;
		width: 250px;
		float: left;
	}
	#sidepanelclose{display: none;}
	
	.qa-template-user .qa-part-form-activity,
	.qa-template-user  .qa-part-message-list{
		float: right;
		width: 50%;
		padding-left: 10px;
	}
	.qa-template-user .qa-part-form-profile{
		float: left;
		width: 50%;
		padding-right: 10px;
		border-right: 1px solid #ddd;
	}

}
@media only screen and (max-width: 768px) {

	img{
		max-width: 100%;
		height: auto;
	}

	.qa-body-wrapper,
	.qa-main-wrapper{

	}
	.qa-header,
	.qa-main,
	.qa-sidepanel,
	.qa-footer,
	.qa-logo {
		width: 100%
	}
	.qa-header{
		position: relative;
		padding: 10px 10px 0 10px;
	}
	.qa-logo{
		width: 70%;
		padding: 10px 0;
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	.qa-header-right-group{
		position: absolute;
		top: 10px;
		right: 0;
		left: 0;
		float: none;
	}
	.qa-search-group{
		float: right;
		margin: 0 10px 0 0;
	}
	.qa-search {
		right: 0;
		left: auto;
	}
	.qa-search:before{right: 10px; left: auto;}
	.qa-search-button{width: auto !important;}
	.qa-main,
	.qa-sidepanel{
		padding: 0 10px;
	}


	/*---[ NAV AND SIDEBAR CSS ]---*/

	/*--MAIN AND SUB NAVIGATION--*/
	.qa-nav-main{
		border-radius: 5px 5px 0 0;
		display: none;
		border-bottom: none;
		margin: 0 -10px;
		float: none;
		text-align: center;
	}
	.qa-nav-main-item, .qa-nav-main-item-opp{
		float: none;
	}
	.qa-nav-main-item-opp,.qa-nav-main-link{
		
	}
	.qa-nav-main-item-opp:hover,.qa-nav-main-link:hover,.qa-nav-main-item-opp:focus,.qa-nav-main-link:focus{
	}
	.qa-nav-main-link{
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: normal;
		height: auto;
		border-width: 1px 0;
		border-style: solid;		
	}

	.qa-nav-main-activity .qa-nav-main-link,
	.qa-nav-main-questions .qa-nav-main-link,
	.qa-nav-main-hot .qa-nav-main-link,
	.qa-nav-main-unanswered .qa-nav-main-link,
	.qa-nav-main-tag .qa-nav-main-link,
	.qa-nav-main-categories .qa-nav-main-link,
	.qa-nav-main-user .qa-nav-main-link,
	.qa-nav-main-ask .qa-nav-main-link,
	.qa-nav-main-admin .qa-nav-main-link{
		text-indent: 0;
		width: auto;
		background-position: right center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.qa-nav-main-custom-1 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-2 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-3 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-4 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-5 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-6 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-7 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-8 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-9 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
.qa-nav-main-custom-10 .qa-nav-main-link{
				background-position:right center;
				text-indent: 0;
				width: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}

	/*-- SUBNAV--*/
	.qa-nav-sub{
		margin-bottom: 0;
	}
	.qa-nav-sub-item{
		float: left;
		display: block;
		width: 33.33%;
		text-align: center;
	}
	.qa-nav-sub-link{
		padding: 4px 6px;
		margin: 0;
	}

	/*--SIDEBAR CSS--*/
	#mainnavpull{margin: 0 -10px}
	#mainnavpull,
	#sidepanelpull{
		display: block;
		color: #fff;
		background: #444;
		padding: 10px 10px;
		text-align: center;
		position: relative;
		border-top: 1px solid #555;
		border-bottom: 1px solid #000;
		cursor: pointer;
	}
	#sidepanelpull{
		width: 32px;
		height: 32px;
		overflow: hidden;
	}
	#mainnavpull:after{
		position: absolute;
		right: 13px;
		top: 50%;
		margin-top: -12px;
		content: url(images/nav-icons/nav-icon.png);
		width: 10px;
		height: 24px;
		overflow: hidden;
		-webkit-transform: rotate(0deg);
		-moz-moz-transform: rotate(0deg);
		-ms-moz-transform: rotate(0deg);
		-o-moz-transform: rotate(0deg);
		transform: rotate(0deg);	
	}
	#mainnavpull.menu-state:after{		
		-webkit-transform: rotate(90deg);
		-moz-moz-transform: rotate(90deg);
		-ms-moz-transform: rotate(90deg);
		-o-moz-transform: rotate(90deg);
		transform: rotate(90deg);	
	}
	#sidepanelpull:before{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -8px;
		margin-left: -8px;
		content: url(images/sidebar-arrow.png);
		width: 16px;
		height: 16px;
		overflow: hidden;
	}
	#sidepanelpull.sidebar-state:before{
		-webkit-transform: rotate(180deg);
		-moz-moz-transform: rotate(180deg);
		-ms-moz-transform: rotate(180deg);
		-o-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#sidepanelclose{
		display: block;		
	}
	#sidepanelclose img.close{
		margin: 10px 10px 0 0;
		cursor: pointer;
	}
	.qa-sidepanel{display: none;}

	.qa-sidepanel {
		float: none;
		margin-bottom: 15px;
	}
	.qa-sidebar{margin-top: 20px;}

	/*--[ QA LIST ITEM AND CONTENT ]--*/
			.qa-q-list-item{
			width: 100%;
		}
	
	.qa-q-view-main,.qa-a-item-main {
		width: 660px;
	}

	.qa-footer {

	}

	.qa-nav-footer,
	.qa-attribution,
	.qa-attribution{
		display: block;
		float: none;
		clear:both;
		text-align: center;
		padding: 5px 0;
	}
	.qa-nav-footer-list{float: none;}
	.qa-nav-footer-item{
		float: none;
		display: inline-block;
	}

}

@media only screen and (min-width: 600px) and (max-width: 640px){
	.qa-q-view-main,.qa-a-item-main {
		width: 490px;
	}
}

@media only screen and (min-width: 500px) and (max-width: 568px){
	.qa-q-view-main,.qa-a-item-main {
		width: 420px;
	}	
}

@media only screen and (max-width: 480px){

	.qa-q-view-main,.qa-a-item-main {
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 15px;
	}
	.qa-part-q-view .qa-voting{float: none;}
	.qa-a-selection{
		left: auto;
		right: 10px;
		top: 10px;
	}
	.cke_skin_kama *, .cke_skin_kama a:hover, .cke_skin_kama a:link, .cke_skin_kama a:visited, .cke_skin_kama a:active{
		white-space:normal !important;
	}

	table,thead,tbody,th,td,tr {
		display: block;
	}	
	.qa-form-tall-button,.qa-search-button,.qa-form-tall-table input[type="button"],.qa-form-wide-button,.qa-form-tall-hover,.qa-search-button:hover,.qa-form-tall-table input[type="button"]:hover,.qa-form-wide-hover {
			width: 100%;
			margin: 10px auto;
			display: block;
	}
	.qa-form-tall-buttons{
		padding: 0;
	}
	.qa-form-tall-data,
	.slider,
	select{
		width: 100%
	}
	/*--FORM ELEMENTS--*/
	select{
		margin: 10px 0
	}
}

@media only screen and (max-width: 479px){
	.qa-c-item-buttons{
		position:static;
		margin-top:10px;
		
	}
}

@media only screen and (max-width: 240px){

	.qa-account-group{
		width: 220px;
	}
	#qa-login, .qa-nav-user-register .qa-nav-user-link{
		width: 110px;
	}
	.qa-search-field{
		width: 145px;
	}

}

@media only screen and (min-width: 176px) and (max-width: 239px){

	.qa-account-group{
		width: 166px;
	}
	#qa-login, .qa-nav-user-register .qa-nav-user-link{
		width: 83px;
	}
	.qa-search-field{
		width: 90px;
	}

}




/*---[ TRADITIONAL LAYOUT CSS ]---*/

	@media only screen and (width: 966px){
		
		.qa-q-item-main{
			width: 475px;
		}

	}

	@media only screen and (min-width: 900px){
		
		.qa-main{
			width: 750px;
		}

	}

	@media only screen and (min-width: 800px) and (max-width: 999px){

		.qa-main{
			padding-left: 10px;
			width: 75%;
		}
		.qa-q-list-item{
			width: 100%;
		}

		.qa-sidepanel {
			width: 25%;
		}

	}

	@media only screen and (max-width: 900px){

		.qa-q-item-main{width: 425px;}

	}
	@media only screen and (max-width: 853px){

		.qa-q-item-main{width: 390px;}

	}
	@media only screen and (max-width: 800px){

		.qa-q-item-main{width: 350px;}

	}
	@media only screen and (max-width: 768px){

		.qa-q-item-main{width: 510px;}

	}
	@media only screen and (max-width: 640px){

		.qa-q-item-main{width: 390px;}

	}
	@media only screen and (max-width: 603px){

		.qa-q-item-main{width: 420px;}
		.qa-q-list-item .qa-q-item-stats{width: 125px}
		.qa-view-count{display: none;}
		.qa-q-list-item .qa-voting, .qa-q-list-item .qa-a-count{width: 50%}

	}
	@media only screen and (max-width: 568px){

		.qa-q-item-main{width: 380px;}

	}
	@media only screen and (max-width: 533px){

		.qa-q-item-main{width: 350px;}

	}
	@media only screen and (max-width: 480px){

		.qa-q-list-item .qa-q-item-stats{width: 60px;}
		.qa-q-list-item .qa-voting, .qa-q-list-item .qa-a-count{width: 100%}
		.qa-voting, .qa-a-count, .qa-view-count{
			/*float: none;*/
		}
		.qa-q-item-main{width: 365px;}
		.qa-vote-buttons{display: none;}

	}
	@media only screen and (max-width: 360px){		
		
		.qa-q-item-main{width: 245px;}
		

	}
	@media only screen and (max-width: 320px){

		.qa-q-item-main{width: 205px;}

	}
	@media only screen and (max-width: 240px){

		.qa-q-list-item{padding: 10px}
		.qa-q-list-item .qa-q-item-stats{display: none;}
		.qa-q-item-main{width: 100%;}

	}