/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

*{
margin:0px;
padding:0px;
border-spacing:0px;
font-family: 'Roboto', sans-serif;
-webkit-font-smoothing: antialiased;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}


img {
   border-style: none;
}



body,html{position:relative;
height:100%;
}

.no-scroll {position:relative;
  overflow: hidden;
}

a{text-decoration:none;}

::-webkit-input-placeholder {color: #555;}
:-moz-placeholder {  color: #555;  }
::-moz-placeholder {  color: #555;  }
:-ms-input-placeholder {  color: #555;  }

textarea { resize:none; }

.table{height:100%;
width:100%;
min-width:700px;
}

#head{
padding:7px;
background-color:#FFF;
position:relative;
z-index:1000;
}

#logo2{
display:none;
}

#signbtn, #qbtn, #searchbtn, #menubtn{height:40px;cursor:pointer;
background-color:#444;
margin:5px 5px;
-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;
outline:#FFF solid 1px;
}

#signbtn.focus,#qbtn.focus,#searchbtn.focus, #menubtn.focus {background-color:#33a647;}

#menubtn.focus{
-ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg); 
    transform: rotate(-180deg);
}

#slidemenu{
position:fixed;
width:280px;
left:-280px;
top:66px;
bottom:0px;
background-color:#2b2b2b;
-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;
padding-top:0px;
}

#slidemenu.slide{
-ms-transform: translate(280px,0px); /* IE 9 */
   	-webkit-transform: translate(280px,0px); /* Chrome, Safari, Opera */
    transform: translate(280px,0px);
}

#slidemenu div{cursor:pointer;
padding:10px;
padding-left:25px;

font-size:22px;
}

#slidemenu div a{color:#FFF;}

#slidemenu div:hover{
background-color: #363636;
}

#slidemenu div#selected{
border-right:15px solid #33a647;
background-color:#202020;
}

#anchor{border-top:1px solid #AFAFAF;
-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;
width:100%;
}

#anchor.slide{
-ms-transform: translate(280px,0px); /* IE 9 */
   	-webkit-transform: translate(280px,0px); /* Chrome, Safari, Opera */
    transform: translate(280px,0px);
		width:calc( 100% - 280px );

}

#anchor.focus{
-ms-transform: translate(0px,250px); /* IE 9 */
   	-webkit-transform: translate(0px,250px); /* Chrome, Safari, Opera */
    transform: translate(0px,250px);

}


#login_box,#search_box, #ask_box{display:none;height:265px;padding-top:30px;padding-left:50px;position:absolute;width:100%;background-color:#FFF;border-top:1px solid #AFAFAF;}
#login_box.slide,#search_box.slide, #ask_box.slide{display:block;}
#login_box_register{display:inline-block;width:45%;min-width:450px;}
#login_box_sign{width:25%;min-width:250px;display:inline-block;height:100%;}
.login_box_header{font-weight:bold;font-size:20px;color:#666666;}
.login_box_para{display:block;margin-top:20px;color:#555;font-size:16px;font-weight:bold;}
#registerbtn{display:inline-block;background-color:#33a647;color:#FFF;margin-top:20px;padding:20px 40px;}
#registerbtn:hover{background-color:#0e7a21;}
#registerbtn:active{position:relative;top:1px;}
#membershipbtn{display:block;background-color:#666666;color:#FFF;margin:20px;margin-left:0px;margin-bottom:10px;padding:20px 40px;}
#membershipbtn:hover{background-color:#444;}
#membershipbtn:active{position:relative;top:1px;}
#login_box_forgot{text-align: left;color:#33a647;}
#login_box_forgot:hover{text-decoration:underline;}
#login_box_forgot:active{color:#0e7a21;}



#banner{height:300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#banner.cat{
height:170px;
}

#fotd_div{padding-top:40px;
min-width:700px;
width:70%;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

#fotd{display:block;
font-size:75px;
color:#FFFFFF;
margin-bottom:10px;
}

#fotd_para{display:block;
font-size:30px;
padding-left:10px;
border-left:10px solid rgba(255, 255, 255, .50);
color:#FFF;
width:40%;
min-width:675px;
}

#main_bar{
background-color:#33a647;
padding:10px;
}

#main_bar a{color:#D0D0D0;
margin:7px;
font-size:25px;
}

#main_bar a.main_bar_active{
color:#FFF;
}

.question{
padding:15px;
border-bottom:1px solid #BFBFBF;
}


.qcontent{height:100%;
display:inline-block;
}

.qname{padding:5px;
font-size:33px;
}

.qname a{color:#33a647;}

.qname a:hover{
color:#0e7a21;
}

.qdetail{
 -ms-word-break: break-all;
     word-break: break-all;

/* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
padding:5px;
font-size:20px;
width:70%;
min-width:900px;
}

.qstuff{
padding:5px;
color:#666;
font-size:19px;
}

.qstuff a{
color:#33a647;
}

.qstuff a:hover{
color:#0e7a21;
}

.qstuff a:active{
text-decoration:underline;
}

#show_more{cursor:pointer;
background-color:#33a647;
border-bottom:1px solid #AFAFAF;
padding:10px 0px;
}

#show_more a{color:#FFF;
font-size:30px;
}

#show_more:hover{
background-color:#0e7a21;
}

#arrow{display:inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 17.3px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
margin:0 5px;

}

#signin{margin-top:20px;
padding:15px 0px;
padding-left:30px;
width:450px;
}

.signin_header{
font-size:35px;
color:#333;

margin-bottom:50px;
}

#signin_form input, #join_form input, .forgot_form input, .ask_form input, .ask_form textarea, .ask_form select{border:0;
width:430px;
margin-left:37.5px;
font-size:30px;
display:block;
margin-bottom:30px;
outline:none;
background-color:#E8E8E8;
padding:15px;
}

#signin_form input[type=submit], #join_form input[type=submit], .forgot_form input[type=submit], .ask_form input[type=submit]{border:0;
background-color:#33a647;
width:130px;
padding:15px;
color:#FFF;
font-size:25px;
cursor:pointer;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #E2E2E2 inset;
}

#signin_form input[type=submit]:hover, .signin_activity a:hover,  #join_form input[type=submit]:hover,  .forgot_form input[type=submit]:hover,  .ask_form input[type=submit]:hover{background-color:#0e7a21;}
#signin_form input[type=submit]:active, .signin_activity a:active,  #join_form input[type=submit]:active,  .ask_form input[type=submit]:active, .forgot_form input[type=submit]:active{position:relative;top:1px;}
 .forgot_form input[type=submit]:active{top:-1px;}

.signin_activity{position:absolute;

width:30%;
min-width:200px;
top:75px;
right:20px;
}

.activity_header{
font-size:24px;
color:#333;
}

.signin_activity a{margin-top:15px;
display:block;
background-color:#555;
font-size:24px;
color:#FFF;
padding:15px;

}


.join{margin-top:10px;
padding-left:30px;
width:70%;
min-width:700px;
}

 #join_form input[type=submit]{
 width:200px;
 padding:20px;
 }

#join_form input{
width:80%;
font-size:35px;
margin-bottom:40px;
}

.forgot_form input, .ask_form input, .ask_form textarea{display:inline-block;
width:70%;
margin-right:0px;
margin-left:60px;
}

 .forgot_form input[type=submit]{padding:17px;
 margin:0;
 position:relative;
 top:-2px;
 }
 
 .ask_form textarea{width:60%;
 display:block;
 margin-right:0;
 }
 
.ask_form textarea{font-size:25px;
height:200px;
}

.ask_form input{width:60%;
margin-right:0px;
min-width:600px;
}

.ask_form select{font-size:25px;
width:60%;
margin-left:60px;
font-weight:599;
}

.forgot_container{margin:70px 0px;
position:relative;width:70%;min-width:900px;background-color:#fff;padding:10px 0px;

}

#question{position:relative;
background-color:#FFF;

}

#question img{border-radius:50%;
height:100px;
margin:10px;
}

#qaccount{font-size:25px;
padding:5px;
color:#33a647;
}

#qtitle{
 -ms-word-break: break-all;
     word-break: break-all;

/* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
padding:10px;
font-size:30px;
color:#111;
}

#qdetail{
 -ms-word-break: break-all;
     word-break: break-all;

/* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
padding: 0 20px;
font-size:18px;
color:#222;
width:900px
}

#qstuff{
left:170px;
font-size:18px;
color:#666;
height:25px;
padding:10px;
margin-bottom:20px;
}

#question_answers{font-size:25px;
padding:15px 0px;
color:#FFF;
background-color:#33a647;
}

#answer_form table{
max-width:1000px;

}

#answer_form img{
border-radius:50%;
}

#answer_form textarea{min-height:75px;
width:100%;
display:block;
border:1px solid #AFAFAF;
margin-bottom:10px;
padding:5px 10px;
}

#answer_form input{border-radius:3px;
padding:7px 10px;
width:80px;
display:block;
background-color:#33a647;
border:0;
font-size:20px;
color:#FFF;
cursor:pointer;
float:right;
}

#answer_form{
background-color:#FFF;
border-bottom:1px solid #AFAFAF;
}

#answer_form td{
padding:20px;
}

.triangle{height:0;width:0;

}

.no_matches{
padding:70px;font-size:60px;
}

.account_links{list-style-type: none;}


.account_links li{padding:5px;
margin:15px;
background-image: url(img/arrow.png);
background-size:10px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 20px;
}

.account_links li a{font-size:22px;
color:#666;
}

.account_links a:hover{
color:#222;
}

.account_links a:active{text-decoration:underline;color:#222;}

#rbar{
background-color:#33a647;
padding:10px 30px;
color: #FFF;
font-size:25px;
}

@media only screen and (min-width: 481px) and (max-width: 1279px) {

#head{z-index:1000000000000000000;
padding:5px;
}




.table{
min-width:0px;
}

#signbtn, #qbtn, #searchbtn, #menubtn{height:40px;margin:2px;}

#head a img{margin:2px;
height:40px;
}

#logo2{
display:inline-block;
}

#logo{
display:none;
}

#slidemenu div.selected{
border-right:0;}

#slidemenu{padding-top:65px;}

#anchor.slide{
-ms-transform: translate(0px,0px); /* IE 9 */
   	-webkit-transform: translate(0px,0px); /* Chrome, Safari, Opera */
    transform: translate(0px,0px);
z-index:-100000;
width:100%;
}

#slidemenu.slide{
-ms-transform: translate(280px,0px); /* IE 9 */
   	-webkit-transform: translate(280px,0px); /* Chrome, Safari, Opera */
    transform: translate(280px,0px);
z-index:100000;
}

#anchor{
-moz-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;

}

#anchor.focus{z-index:100000;
-ms-transform: translate(0px,320px); /* IE 9 */
   	-webkit-transform: translate(0px,320px); /* Chrome, Safari, Opera */
    transform: translate(0px,320px);
}

#login_box,#search_box, #ask_box{display:none;height:265px;padding-top:70px;padding-left:0px;position:absolute;width:100%;background-color:#FFF;}
#login_box_register{display:inline-block;width:55%;min-width:0px;}
#login_box_sign{width:25%;min-width:250px;display:inline-block;height:100%;}
.login_box_header{font-weight:bold;font-size:18px;color:#666666;}
.login_box_para{display:block;margin-top:20px;color:#555;font-size:16px;}
#registerbtn{display:inline-block;background-color:#33a647;color:#FFF;margin-top:20px;padding:20px 60px;}
#registerbtn:hover{background-color:#0e7a21;}
#registerbtn:active{position:relative;top:1px;}
#membershipbtn{display:inline-block;background-color:#666666;color:#FFF;margin-top:20px;padding:20px 60px;}
#membershipbtn:hover{background-color:#444;}
#membershipbtn:active{position:relative;top:1px;}
#login_box_forgot{text-align: left;color:#33a647;}
#login_box_forgot:hover{text-decoration:underline;}
#login_box_forgot:active{color:#0e7a21;}

#banner{height:240px;}

#banner.cat{
height:120px;
}

#fotd_div{padding-top:50px;
min-width:0px;
width:80%;
}

#fotd_div.cat{padding-top:25px;padding-left:50px;}

#fotd{font-size:40px;}
#fotd_div.cat font{font-size:60px;}
#fotd_para{display:block;
font-size:25px;
color:#FFF;
min-width: 0;
width:100%;
}

#main_bar{
padding:10px;
}

#main_bar a{
font-size:25px;
}

.qname{
font-size:25px;
}

.qdetail{font-size:23px;
width:90%;
min-width:0px;
}

.qstuff{
font-size:20px;
}

#show_more a{
font-size:25px;
}

#arrow{position:relative;top:-2px;
border-width: 13.0px 7.5px 0 7.5px;
}

.signin_header{
font-size:25px;}

#signin{width:90%;
display:block;
}

.signin_activity{width:90%;
position:static;
padding:10px;
}

.signin_header{
margin-bottom:20px;
}

.join{width:100%;
min-width: 0;
padding-left:10px;
}

.forgot_container{width:100%;
margin:0;
min-width:0px;
height: calc( 100%  -  59px );
}

.forgot_container{
padding:20px;
}

.signin_header{
margin-top:30px;
}

#question{position:relative;
background-color:#FFF;
}

#question img{
height:100px;
}

#qaccount{font-size:20px;
padding:5px;
color:#33a647;
}

#qtitle{

font-size:25px;

}

#qdetail{
width:100%;
}

#qstuff{
left:170px;
font-size:18px;
color:#666;
height:25px;
padding:10px;
margin-bottom:20px;
}

.question_account{
display:none;
}

.no_matches{
padding:20px;
font-size:30px;
}


}


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

.table{
min-width:0px;
}

#signbtn, #qbtn, #searchbtn, #menubtn{height:40px;margin:2px;}

#head{z-index:1000000000000000000;
padding:5px;
}

#head a img{margin:2px;
height:40px;
}

#logo2{
display:inline-block;
}

#logo{
display:none;
}

#slidemenu{padding-top:59px;
}

#slidemenu div.selected{
border-right:0;}

#slidemenu.slide{
-ms-transform: translate(280px,0px); /* IE 9 */
   	-webkit-transform: translate(280px,0px); /* Chrome, Safari, Opera */
    transform: translate(280px,0px);
z-index:100000;
}

#anchor{
-moz-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;

}

#anchor.slide{
-ms-transform: translate(0px,0px); /* IE 9 */
   	-webkit-transform: translate(0px,0px); /* Chrome, Safari, Opera */
    transform: translate(0px,0px);
z-index:-100000;
width:100%;
}

#anchor.focus{z-index:100000;
-ms-transform: translate(0px,320px); /* IE 9 */
   	-webkit-transform: translate(0px,320px); /* Chrome, Safari, Opera */
    transform: translate(0px,320px);
}

#login_box,#search_box, #ask_box{display:none;height:320px;padding-top:50px;padding-left:00px;position:absolute;left:0px;right:0px;background-color:#FFF;z-index:100;border-bottom:1px solid #BFBFBF;}
#login_box_register{display:block;width:280px;min-width:0px;}
#login_box_sign{width:280px;display:block;margin-top:30px;}
.login_box_header{font-size:20px;display:block}
.login_box_para{display:none;}
#registerbtn{display:block;margin-right:20px;}
#login_box_forgot{display:none;}

#search_box div, #ask_box div{min-width:0px;width:90%;}

#banner{display:none;}

#fotd_div{
min-width:0px;
width:80%;
}

#fotd{font-size:28px;}

#fotd_para{display:initial;
font-size:17px;
color:#FFF;
border:0;
padding:0;
}

#main_bar{
padding:10px;
}

#main_bar a{
font-size:18px;
}

.qname{
font-size:23px;
}

.qdetail{font-size:17px;
width:90%;
min-width:0px;
}

.qstuff{
font-size:16px;
}

#show_more a{
font-size:23px;
}

#arrow{position:relative;top:-2px;
border-width: 13.0px 7.5px 0 7.5px;
}

.signin_header{
font-size:25px;}

#signin_form input, #join_form input, .forgot_form input, .ask_form input, .ask_form textarea, .ask_form select{display:inline-block;
width:90%;
margin:0;
margin-bottom:20px;
font-size:20px;

}

#signin_form input[type=submit], #join_form input[type=submit], .forgot_form input[type=submit], .ask_form input[type=submit]{
display:block;
padding:15px;
font-size:20px;
position:relative;
width:90%;
}

#signin{width:90%;
display:block;
}

.signin_activity{width:90%;
position:static;
padding:10px;
}

.signin_header{
margin-bottom:20px;
}

.join{width:100%;
min-width: 0;
padding-left:10px;
}

.forgot_container{width:100%;
margin:0;
min-width:0px;
height: calc( 100%  -  59px );
}

.forgot_container{
padding:20px;
}

.signin_header{
margin-top:30px;
}

#question{position:relative;
background-color:#FFF;
}

#question img{
height:100px;
}

#qaccount{font-size:20px;
padding:5px;
color:#33a647;
}

#qtitle{

font-size:25px;

}

#qdetail{
width:100%;
}

#qstuff{
left:170px;
font-size:18px;
color:#666;
height:25px;
padding:10px;
margin-bottom:20px;
}

.question_account{
display:none;
}

.no_matches{
padding:20px;
font-size:30px;
}

}