body{width:100%;padding:0;margin:0;min-height:100%;background:lightgray;}
h1{text-decoration: underline;font-weight: bold;text-align: center;}
h2{text-decoration: none;font-weight: bold;text-align: center;}
a{color: black;}
a:hover{color: green;}
#error_log{color: red;font-weight: bold;width: 99%;background: rgb(25,50,40);padding: 0.5%;text-align: center;}
.uplinks{width:100%;padding-top:10px;padding-bottom:10px;margin:0;background:green;}
.uplinks a{padding:0.5% 1% 0.5% 1%;min-width:23%;border-radius:20px;color:white;text-align:center;background:blue;display:inline-block;text-decoration:none;font-size:20px;}
.uplinks a:hover{background:gray;}
.belowlinks{width:100%;padding-top:10px;padding-bottom:10px;margin:0;background:lightgreen;clear: both;}
.belowlinks a{padding:0.3% 1% 0.3% 1%;min-width:23%;border-radius:20px;color:black;text-align:center;background:#ffffea;display:inline-block;text-decoration:none;font-size:15px;}
.belowlinks a:hover{background:gray;}
.activelink{font-weight:bold;}
.uplinks .activelink{background:gray;}
.belowlinks .activelink{background:gray;}
#left_side_links{width: 24%;margin-left: 1%;float: left;}
.left_link{text-decoration: none; text-transform: capitalize;}
.left_link:hover{text-decoration: underline;}
#right_side_adds{width: 24%;margin-left: 1%;float: right;text-align: left;}
#mid_part{width: 49%;padding-left: 0.5%;padding-right: 0.5%; float: left;background: rgb(155,165,200);min-height: 100%;}
#mid_top{margin-top: 30px;}
#logoutform{clear: both;float: right;margin-top: 15px;}
#loginform{clear: both;float: right;margin-top: 15px;}
#loginform #e-mail,#loginform #pword{font-style: italic;}
#registerform{clear: both;float: right;margin-top: 15px;}
#bottom{text-align: center;background: rgb(10,70,75);color: rgb(155,150,170);padding-top: 5px;padding-bottom: 5px;}
#bottom #my_fb_link{text-decoration: none;background: rgb(10,70,75);color: rgb(155,150,170);font-weight: bold;font-style: italic;}
#bottom #my_fb_link:hover{text-decoration: underline;}
#mid_center,#admin_mid_center{min-height: 200px;}
#mid_bottom{clear: both;margin-top: 15px;}
#question-form{margin-top: 15px;margin-bottom: 15px; padding-top: 10px;padding-bottom: 10px;}
#likings a{padding:10px;}
#home_part{}
#learn_part p{margin-left:25px;color:#b3f3ff;padding:0px 30px;background:url(../images/hand125.png) no-repeat 5px 5px;}
.previous_next_div{margin-bottom: 15px;margin-top:15px;width: 100%;}
#admin_right_side{width: 24%;margin-left: 1%;float: right;}
.imageshow{width:100px;height:100px;background:white;padding:3px;margin-left:2px;margin-right:2px;}
#forgotpasswordform{clear: both;float: right;cursor: pointer;}
#forgotpasswordform #e-mail{font-style: italic;}
#forgotpasswordform form{margin-top: 15px;}
.td3span:hover{text-decoration: underline;cursor: pointer;}
.row{text-transform: capitalize;}
#accounteditbutton, #accountclosebutton{cursor: pointer;}
#accounteditbutton:hover, #accountclosebutton:hover{text-decoration: underline; color: green;}
.uploadform{border: 2px solid #09a;}
.uploadform textarea{max-height: 300px;max-width: 99%;}
.showtabledescription{color: gray;}
#msgfrndpeplclick{width: 25%;float: left;}
#msgfrndpeplload{width: 74.5%;background: white;float: right;min-height: 200px;padding-left: 0.5%;}
.msgfrndpeplindiv{width: 100%;cursor: pointer;color: black;background: inherit;}
.msgfrndpeplacdiv{color: green;background: white;border-radius: 5px 0 0 5px;}
.msgfrndpeplindiv:hover{text-decoration: underline;color: green;}
#previous_people:hover, #next_people:hover{text-decoration: underline;cursor: pointer;color:green;}
.inactive_link{color: #5a5;}
.active_link{color: green;text-decoration: none;cursor: pointer;}
.active_link:hover{text-decoration: underline;}
.forum_answers_div{margin-left: 30px;}
.forum_answers_div textarea{width: 100%;min-width: 100%;max-width: 100%;min-height: 50px;}
@media screen and (max-width: 1000px){
	#left_side_links{
		width: 49%;
	}
	#right_side_adds{
		width: 49%;
	}
	#mid_part{
		width: 99%;
	}
}
@media screen and (max-width: 600px){
	#left_side_links{
		width: 99%;
	}
	#right_side_adds{
		width: 99%;
	}
	#mid_part{
		width: 99%;
	}
}