html{font:76% Verdana,Tahoma,Arial,sans-serif;background-color:#cccccc;}
body{margin:0px;}
#qLogo{
	    width: 100%;
    height: 88px;
    
    background-color: #F2F2F2;
    border-radius: 0px 0px 12px 12px;
    
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    -webkit-filter: drop-shadow(11px 11px 30px rgba(0,0,0,0.9));
    filter: drop-shadow(11px 11px 30px rgba(0,0,0,0.9));
    margin-bottom: 46px;

}

#qLogo img{width:50px;display:block;margin-left:10px;    margin-top: 9px;

}


#qLogo h1{font-size:40px;line-height:130px;width:500px;}

#qLogo h1,#qLogo img{float:left;}

#qLogo #qNav{    margin-top: 6px;
    margin-left: 20px;
    width: 750px;
    height: 100px;
    float: left;
}
#qLogo #qNav a{
	display:block;
	text-decoration:none;
	color:black;
border-bottom:2px solid #949292;
	width:100px;
	height:50px;
	float:left;
	margin:10px 10px;
	font-size:24px;
	text-align:center;
	line-height:50px;
	    -webkit-transition: border-bottom 200ms ease-in;
    -moz-transition: border-bottom 200ms ease-in;
    transition: border-bottom 200ms ease-in;
		 	text-shadow: 1px 1px 1px #737373; 
}
#qLogo #qNav a:hover{
	border-bottom:4px solid #949292;

}
#qContent{
	width:85%;
	margin:0 auto;
	
	height:800px;
	
}
.qArticle{
	
	border:1px solid white;
	width:450px;
	height:300px;
	background-color:#F2F2F2;
	border-radius:4px;
	float:left;
	margin:10px 10px;
	opacity:0.7;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
	
  -webkit-filter: drop-shadow(11px 11px 30px rgba(0,0,0,0.9));
  filter: drop-shadow(11px 11px 30px rgba(0,0,0,0.9));

}



.qArticle img{
	width:398px;
	height:200px;
	border:1px solid white;
	  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
      -webkit-transition: filter 200ms ease-in;
    -moz-transition: filter 200ms ease-in;
    transition: filter 200ms ease-in;
}

.qArticle:hover img{
		  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
	
}
.qArticle img,p,h1{
	display:block;
	margin:0 auto;
	border-radius:4px;
	text-align:center;
	
	}
.qArticle p{
	height:50px;
	
}

.qArticle a{
	
	text-decoration:none;
	color:black;
}




.qArticle:hover{
	opacity:1.0;

}


#qWriteup{
	line-height: 23px;
	width:80%;
	margin:0 auto;
	background-color:rgb(231, 231, 231);
	font-size:16px;
	padding:25px;
	border-radius:7px;  -webkit-filter: drop-shadow(11px 11px 30px rgba(0,0,0,0.9));
  filter: drop-shadow(11px 11px 30px rgba(0,0,0,0.9));
}

#qWriteup .qCode{
	background-color:rgba(255,255,255,0.6);
	
}

#qWriteup p{text-align:left;}
#qWriteup h1{display:block;}
#qWriteup h1, h2, h3, h4{
	    background-color: #d8d8d8;
    padding: 5px;
	
}
#qWriteup img{display:block;text-indent: 40px;    border-radius: 7px;    margin: 0 auto;}
#qWelcome{color:rgb(61,61,61)}
#qWriteup a{color:black;}

#qWriteup div{
	
	border-radius:7px;
}
#qvisited{
	border-bottom:4px solid #949292 !important;
	cursor:default;
	
}

@media (min-width: 320px) and (max-width: 480px) {
  #qLogo img {width:10px;}
  #qLogo #qNav {margin-top:0px;}
  
}