body {
  color: #595959;
  background-color: #f8f8f8;
  font-family: helvetica;
  font-weight: 800;
  opacity: .7;
}

h1 {
	font-weight: 800;
}

a {
	color: #595959;
	opacity: .6;
	/*text-decoration: underline;*/
}

a:hover {
	opacity: 1;
	color: #595959;
	text-decoration: none;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 80%;
    margin: 0 auto;
}

/*navbar rubbish */

.navbar {
	border: none;
}



/*form styling*/


.fmlist {
	width: 100%;
	margin: 0 auto;
	float: center;
	display: block;
	text-align: center;
	padding: 8em 2em 15em 2em;

}
* {
  outline:none;
	border:none;
	margin:0px;
	padding:0px;
}

#margin {
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none; 
	display: block;
	margin: 0 auto;
	float: center;
	/*border: solid green;*/
	width: 700px;
	margin-top: 15px;
}
/*@keyframes blink { 50% { border-color: #595959; }  }
input[type="text"] {
	border-left: solid #f8f8f8;
	animation: blink .5s step-end infinite alternate;
	}

input[type="text"]:focus {
	border: none;
	
}*/

input[type="image"]:hover {
	opacity: .6;
}

input[type="image"] {
	margin-left: 25px;
}

#name {
	background-color:transparent;
	 /*border-bottom:1px solid #000; */
	 /*overflow: scroll;*/
	color: #000;
	/*font-size:20px;*/
	font-family:helvetica;
	opacity: .7;
	/*height:28px;*/
	font-weight:800;
	font-size: 350%;
	/*border: solid green;*/
	text-align: left;
	/*padding-left: 2em;*/
	/*padding-right: 2em;*/
	width: 500px;

}

.yourtask {
	margin: 0 auto;
	float: center;
	display: block;
	/*height: 100px;*/
}
.box {
	display: inline-block;
	float: center;
	width: 10%;
	margin-right: 10px;
	padding: 43px 10px 0px 0px;
}
.box img {
	float: right;
	display: block;
	height: 38px;
	width: 38px;
}

#name_h1 {
	width: 68%;
	font-weight:600;
	float: center;
	text-align: left;
	font-size: 500%;
	color: #000;
	margin-bottom: 50px;
	word-wrap: break-word;
	display: inline-block;
	float: center;
	/*border: solid blue;*/
	/*border: solid red;*/
}

.yourtask h1 {
	opacity: .8;
}

.box img:hover {
	opacity: .6;
}

#closetab {
	width: 100%;
	display: block;
	float: center;
	margin: 0 auto;
	text-align: center;
	font-weight: 400;
	opacity: .6;
}


.submit {
	display: inline-block;
	margin: 0 auto;
	float: center;
	/*border: solid red;*/
	padding: 1em;

}




/*footer */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*background-color: #f5f5f5;*/
  font-weight: 400;
  text-align: center;
  padding: 2em 0em 1em 0em;
  font-family: monospace;
}



.define {

}

.credits {
	font-size: 75%;
	padding: 3em 0em 1em 0em;
}

.lolz {
	margin: 0 auto;
	float: center;
	display: block;
	text-align: center;
}

.lolz li {
	text-decoration: none;
	display: inline-block;
	float: center;
	margin: 0 auto;
}

.tweet {
	display: inline-block;
	float: center;
}

.fb-like {
	display: inline-block;
	float: center;
	
}

/*control the radio buttons*/

.inline{
  display: inline-block;
}
.inline + .inline{
  margin-left:10px;
}
.radio{
  color:#999;
  font-size:15px;
  position:relative;
}
.radio span{
  position:relative;
   padding-left:20px;
}
.radio span:after{
  content:'';
  width:15px;
  height:15px;
  border:3px solid;
  position:absolute;
  left:0;
  top:1px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
   cursor: pointer; 
  position:absolute;
  width:100%;
  height:100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span{
  /*color:#0B8;  */
}
.radio input[type="radio"]:checked + span:before{
    content:'';
  width:5px;
  height:5px;
  position:absolute;
  /*background:#0B8;*/
  left:5px;
  top:6px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}

.personal input[type="radio"]:checked + span{
  color:#2ecc71;  
}

.personal input[type="radio"]:checked + span:before{
   background:#2ecc71;		
}

.personal {
	color: #2ecc71;
}

.work input[type="radio"]:checked + span{
  color:#3498db;  
}

.work input[type="radio"]:checked + span:before{
   background:#3498db;		
}

.work {
	color: #3498db;
}

.urgent input[type="radio"]:checked + span{
  color:#e74c3c;  
}

.urgent input[type="radio"]:checked + span:before{
   background:#e74c3c;		
}

.urgent {
	color: #e74c3c;
}

.default input[type="radio"]:checked + span{
  color:#f8f8f8;  
}

.default input[type="radio"]:checked + span:before{
   background:#f8f8f8;		
}

.default {
	color: #f8f8f8;
}


a {
  color: #01A9DB;
}
/* mobile sizing */
@media screen and (max-width: 600px) {


#container {
    float: center;
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.fmlist {
	width: 95%;
	margin: 0 auto;
	float: center;
	display: block;
	margin-top: 50px;
	padding: 0px;
}

#name {
	width: 80%;
	display: inline-block;
	float: left;
	margin: 0 auto;
	padding:0px;
	font-size: 150%;
	/*border: solid green;*/
}

#margin {
	width: 100%;
	display: block;
	float: center;
	margin: 0 auto;
	padding:0px;
	margin-top: 60px;
	/*border: solid blue;*/
}

input[type="image"] {
	margin: 0 auto;
	display: inline-block;
	float: left;
	padding: 0px;
	height: 17px;
	width: 17px;
	margin-top: 7px;
	/*border: solid red;*/
}

.footer {
	display: block;
	padding: 0px;
	margin: 0 auto;
	float: center;
	width: 100%;
	/*margin-top: 75px;*/
	position: absolute;
	bottom: 0;
	left: 0;
}

/* */
.yourtask {
	width: 95%;
	margin: 0 auto;
	float: center;
	display: block;

}

.box {
	width: 10%;
	float: left;
	display: inline-block;
	margin: 0 auto;
	padding: 0px;
	/*border: solid black;*/
}

#name_h1 {
	width: 90%;
	float: left;
	display: inline-block;
	margin: 0 auto;
	padding: 0px;
}

.box img {
	display: block;
	float: right;
	height: 17px;
	width: 17px;
	margin: 0 auto;
	margin: 3px 5px 0px 0px;
}

#name_h1 {
	display: inline-block;
	float: left;
	margin: 0 auto;
	padding:0px;
	font-size: 175%;
	text-align: left;
	width: 90%;
	padding-bottom: 25px;
}


#closetab {
	
}




    /* Style adjustments for viewports that meet the condition */
}