/* GENERAL STYLES */

body {
	font-family:Helvetica;
}

.displaynone {
	display:none;
}

.displayblock {
	display:block;
}

.fontsize30 {
	font-size:30px;
}

.fontsize20 {
	font-size:20px;
}

.cursorpointer {
	cursor:pointer;
}

.colorgreen {
	color:green;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weigth:normal;
}

.autoheight {
	height:auto;
}

.width500px {
	width:95%;
	height:1px;
}

.margintop10px {
	margin-top:10px;
}

.floatright {
	float:right;
}

.marginleft30px {
	margin-left:30px;
}

.underline {
	text-decoration:underline;
}

.notextdecoration {
	text-decoration:none;
}

.lightgraytext {
	color:#757575;
}

.whitetext {
	color:#ffffff;
}


/* END GENERAL STYLES */


/* LEFT SIDE OF THE PAGE */

#left {
	width:450px;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	background-color:#fcfcfb;
}

.header {
	width:100%;
	height:45px;
	top:0px;
	left:0px;
	background-color:black;
}

.profileinfo {
	width:410px;
	height:108px;
	position:relative;
	left:20px;
	top:20px;
}

.siteinfo {
	width:410px;
	height:108px;
	position:relative;
	left:20px;
	top:60px;
}

.profilename {
	position:absolute;
	left:120px;
	top:-30px;
	font-size:35px;
	font-weight:bold;
	color:#333333;
}

.sitename {
	position:absolute;
	left:0px;
	top:-30px;
	font-size:35px;
	font-weight:bold;
	color:#333333;
}

.profilebio {
	position:absolute;
	left:122px;
	top:40px;
	font-size:15px;
	color:#333333;
}

.sitebio {
	position:absolute;
	left:0px;
	top:10px;
	font-size:15px;
	color:#333333;
}

.profileimage {
	margin-left:-50px;
}

.questionform {
	width:410px;
	height:auto;
	position:relative;
	left:20px;
	top:40px;
}

.submitquestion {
	width:408px;
	height:45px;
	position:relative;
	background-color:#f7f6f6;
	border-color:#adb3bd;
	border-style:solid;
	border-width:1px;
	top:-20px;
}

.formlayer {
	width:100%;
	height:118px;
	background-image:url('/images/whitealpha.png');
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	text-align:center;
	padding-top:20px;
}

.formlayertransparent {
	width:100%;
	height:118px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	cursor:pointer;
	text-align:center;
	padding-top:25px;
}

.questions {
	width:410px;
	height:auto;
	position:relative;
	left:20px;
	top:0px;
}

.askaquestioninput {
	width:388px;
	padding:10px;
	outline:none;
	font-size:15px;
	resize:none;
	margin-left:0px;
}

.askaquestionbutton {
	float:right;
	margin-top:10px;
	margin-right:10px;
	position;relative;
}

.headerlogo {
	float:left;
	margin-left:20px;
	margin-top:7px;
}

.headerlogowidth {
	width:30px;
}

.navigation {
	float:right;
	margin-right:20px;
	color:white;
	margin-top:15px;
	text-decoration:none;
}

.noticeimages {
	width:50px;
}

.questionsheight {
	overflow-y:scroll;
	height:1px;
	padding-bottom:150%;
}

/* END LEFT SIDE OF THE PAGE */


/* RIGHT SIDE OF THE PAGE */

#right {
	height:auto;
	position:relative;
	margin-left:480px;
}

.answer {
	height:100px;
	width:650px;
	position:relative;
	background-color:yellow;
	margin-bottom:10px;
}

.divider {
	width:4px;
	height:100%;
	background-image:url('/images/dividershadow.png');
	position:absolute;
	left:450px;
	top:0px;
}

.answers {
	width:95%;
	height:auto;
	position:relative;
	left:20px;
	top:10px;
	padding-bottom:100px;
}

/* LISTS OF QUESTIONS OR ANSWERS */

.sectionheader {
	width:410px;
	height:42px;
	background-image:url('/images/headerbg.png');
	position:relative;
	top:0px;
	padding-top:6px;
	padding-bottom:5px;
	margin-left:20px;
	margin-top:40px;
}

.sectionheaderright {
	width:95%;
	height:42px;
	background-image:url('/images/headerbg.png');
	position:relative;
	top:0px;
	padding-top:6px;
	padding-bottom:5px;
	margin-left:0px;
	margin-top:30px;
}

.qandanav {
	font-size:11px;
	color:#b3b3b0;
	font-weight:bold;
}

.qandadiv {
	padding-bottom:5px;
}

.upvotebutton {
	float:left;
	cursor:pointer;
}

.downvotebutton {
	float:left;
	margin-top:20px;
	margin-left:-15px;
	cursor:pointer;
}

.votes {
	font-size:11px;
	color:#b3b3b0;
	margin-left:30px;
}

.linkedusername {
	text-decoration:none;
	cursor:pointer;
	color:#59ae5d;
}

.question380px {
	margin-left:30px;
	margin-top:-6px;
	width:85%;
	overflow:hidden;
}

.answertext {
	margin-left:30px;
	margin-top:-18px;
	width:85%;
	overflow:hidden;
}

.answerbox {
	width:98%;
	font-size:15px;
}

/* END LISTS OF QUESTIONS OR ANSWERS */


/* SIGN UP AND REGISTER OVERLAY */

#signuplogin {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:99;
	text-align:center;
}

.loginforms {
	margin-top:100px;
}

.loginsignupinput {
	text-align:center;
	font-size:20px;
	width:300px;
}

.loginsignupinputerror {
	text-align:center;
	font-size:20px;
	width:300px;
	border-style:solid;
	border-width:1px;
	border-color:red;
}

.orregister {
	cursor:pointer;
	color:green;
	font-weight:bold;
}

/* END SIGN UP AND REGISTER OVERLAY */

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* --------------------------------MOBILE1---------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media (max-width: 850px) {

/* GENERAL STYLES */

body {
	font-family:Helvetica;
}

.displaynone {
	display:none;
}

.displayblock {
	display:block;
}

.fontsize30 {
	font-size:30px;
}

.fontsize20 {
	font-size:20px;
}

.cursorpointer {
	cursor:pointer;
}

.colorgreen {
	color:green;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weigth:normal;
}

.autoheight {
	height:auto;
}

.width500px {
	width:95%;
	height:1px;
}

.margintop10px {
	margin-top:10px;
}

.floatright {
	float:right;
}

.marginleft30px {
	margin-left:30px;
}

.underline {
	text-decoration:underline;
}

.notextdecoration {
	text-decoration:none;
}

.lightgraytext {
	color:#757575;
}

.whitetext {
	color:#ffffff;
}


/* END GENERAL STYLES */


/* LEFT SIDE OF THE PAGE */

#left {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	background-color:#fcfcfb;
}

.header {
	width:100%;
	height:45px;
	top:0px;
	left:0px;
	background-color:black;
}

.profileinfo {
	width:90%;
	height:108px;
	position:relative;
	
	top:20px;
}

.siteinfo {
	width:410px;
	height:108px;
	position:relative;
	left:20px;
	top:60px;
}

.profilename {
	position:absolute;
	left:105px;
	top:-15px;
	font-size:20px;
	font-weight:bold;
	color:#333333;
}

.sitename {
	position:absolute;
	left:0px;
	top:-30px;
	font-size:35px;
	font-weight:bold;
	color:#333333;
}

.profilebio {
	position:absolute;
	left:107px;
	top:25px;
	font-size:15px;
	color:#333333;
	width:185px;
}

.sitebio {
	position:absolute;
	left:0px;
	top:10px;
	font-size:15px;
	color:#333333;
}

.profileimage {
	margin-left:-10px;
}

.questionform {
	width:auto;
	height:auto;
	position:absolute;
	top:190px;
	left:2%;
	right:6%;
}

.submitquestion {
	width:97%;
	height:45px;
	position:relative;
	background-color:#f7f6f6;
	border-color:#adb3bd;
	border-style:solid;
	border-width:1px;
	top:-20px;
	padding-right:20px;
}

.formlayer {
	width:100%;
	height:118px;
	background-image:url('/images/whitealpha.png');
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	text-align:center;
	padding-top:20px;
}

.formlayertransparent {
	width:100%;
	height:118px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	cursor:pointer;
	text-align:center;
	padding-top:25px;
}

.questions {
	width:95%;
	height:auto;
	position:relative;
	left:2%;
	top:0px;
}

.askaquestioninput {
	width:97%;
	padding:10px;
	outline:none;
	font-size:15px;
	resize:none;
	margin-left:0px;
}

.askaquestionbutton {
	float:right;
	margin-top:10px;
	margin-right:-10px;
}

.headerlogo {
	float:left;
	margin-left:20px;
	margin-top:7px;
}

.headerlogowidth {
	width:30px;
	left:2%;
	position:absolute;
}

.navigation {
	float:right;
	margin-right:2%;
	color:white;
	margin-top:13px;
	text-decoration:none;
}

.noticeimages {
	width:50px;
}

.questionsheight {
	width:100%;
	height:70px;
	overflow-x: hidden;
	padding-bottom:10%;
}

/* END LEFT SIDE OF THE PAGE */


/* RIGHT SIDE OF THE PAGE */

#right {
	height:auto;
	position:relative;
	display:block;
	margin-left:-14px;
	margin-top:488px;
}

.answer {
	height:100px;
	width:650px;
	position:relative;
	background-color:yellow;
	margin-bottom:10px;
}

.divider {
	width:4px;
	height:100%;
	background-image:url('/images/dividershadow.png');
	position:absolute;
	left:450px;
	top:0px;
	display:none;
}

.answers {
	width:100%;
	height:auto;
	position:relative;
	left:20px;
	top:10px;
	padding-bottom:100px;
}

/* LISTS OF QUESTIONS OR ANSWERS */

.sectionheader {
	width:96%;
	height:42px;
	background-image:url('/images/headerbg.png');
	position:relative;
	top:0px;
	padding-top:6px;
	padding-bottom:5px;
	margin-left:2%;
	margin-top:160px;
}

.sectionheaderright {
	width:97%;
	height:42px;
	background-image:url('/images/headerbg.png');
	position:relative;
	top:0px;
	padding-top:6px;
	padding-bottom:5px;
	margin-left:0px;
	margin-top:30px;
}

.qandanav {
	font-size:11px;
	color:#b3b3b0;
	font-weight:bold;
}

.qandadiv {
	padding-bottom:5px;
	margin-left:10px;
}

.upvotebutton {
	float:left;
	cursor:pointer;
}

.downvotebutton {
	float:left;
	margin-top:20px;
	margin-left:-15px;
	cursor:pointer;
}

.votes {
	font-size:11px;
	color:#b3b3b0;
	margin-left:30px;
}

.linkedusername {
	text-decoration:none;
	cursor:pointer;
	color:#59ae5d;
}

.question380px {
	margin-left:30px;
	margin-top:-6px;
	width:92%;
	
}

.answertext {
	margin-left:30px;
	margin-top:-18px;
	width:85%;
	overflow:hidden;
}

.answerbox {
	width:98%;
	font-size:15px;
}

/* END LISTS OF QUESTIONS OR ANSWERS */


/* SIGN UP AND REGISTER OVERLAY */

#signuplogin {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:99;
	text-align:center;
}

.loginforms {
	margin-top:30px;
}

.loginsignupinput {
	text-align:center;
	font-size:20px;
	width:80%;
}

.loginsignupinputerror {
	text-align:center;
	font-size:20px;
	width:300px;
	border-style:solid;
	border-width:1px;
	border-color:red;
}

.orregister {
	cursor:pointer;
	color:green;
	font-weight:bold;
}

/* END SIGN UP AND REGISTER OVERLAY */

}