/*body {
	background-color:#efefef;
	color:#000;
	font-family:"Lucida Sans Unicode",sans-serif;
	font-size:small;
}*/
body {
background-color:#efefef;
color:#000;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size:small;
}

a { color:#000; font-weight:bold; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none; color:#345F06;}

#cont{ margin:0 auto; width:980px; background-color:#fff; border-left:solid 0px #CF4900; border-right:solid 0px #CF4900; }


div.link { font-size:x-small; }
div.link a { color:#000; display:block; font-weight:bold; border-bottom:2px solid #fff; border-top:2px solid #fff; }
div.link a:link { text-decoration:none; border-bottom:2px solid #fff; border-top:2px solid #fff; }
div.link a:visited { text-decoration:none; border-bottom:2px solid #fff; border-top:2px solid #fff; }
div.link a:active { text-decoration:none; border-bottom:2px solid #fff; border-top:2px solid #fff; }
div.link a:hover { border-bottom:2px solid #345F06; border-top:2px solid #345F06; }

.home-right { font-size:x-small; }
.home-right a { color:#000; display:block; font-weight:bold; border-bottom:2px solid #fff; border-top:2px solid #fff; }
.home-right a:link { text-decoration:none; border-bottom:2px solid #fff; border-top:2px solid #fff; }
.home-right a:visited { text-decoration:none; border-bottom:2px solid #fff; border-top:2px solid #fff; }
.home-right a:active { text-decoration:none; border-bottom:2px solid #fff; border-top:2px solid #fff; }
.home-right a:hover { border-bottom:2px solid #345F06; border-top:2px solid #345F06; }

#LOGO { height:160px; width:980px; background-color:#fff; border:0px dashed white; }

#NAV { height:30px; width:980px; background-color:#fff; }

#NAV div.link { float:left; width:80px; height:16px; background-color:#fff; text-align:center; padding-top:12px; padding-bottom:12px;  }
#NAV div.search { float:left; width:80px; height:16px; background-color:#fff; text-align:right; padding-top:12px; padding-bottom:12px; }
#NAV div.search a { display:inline; }

/*#EXTRA { height:30px; width:1000px; background-color:#000000; border:1px dashed white; }*/

#CONTENT { width:980px; 
padding:0;
/* temp */
clear:both;
/*height:600px;*/
}

#AWARDS {
clear:both;
height:300px;
width:234px;
padding-left:30px;
padding-top:30px;
/*border:red 1px solid;*/

float:left;
}

#UPLOAD-FORM div.row {
  clear: both;
  padding-top: 10px;
  width:700px;
  }

#UPLOAD-FORM div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

#UPLOAD-FORM div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  }

div.row {
  clear: both;
  padding-top: 10px;
  width:700px;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  } 



#TERMS {
text-align:center;
padding-top:40px;
padding-bottom:40px;
}

#SEARCH {
text-align:center;
padding-top:40px;
padding-bottom:40px;
}

#search-box a:hover { text-decoration:none; background-color:#000; color:#000;}

#search-box { padding:30px;text-align:left;border-bottom:1px #C0FF60 dashed; border-left:1px double #C0FF60; border-right:1px double #C0FF60;}

#image a { color:#8BEF59; display:inline; font-weight:bold; }
#image a:link { text-decoration:none; }
#image a:visited { text-decoration:none; }
#image a:active { text-decoration:none; }
#image a:hover { text-decoration:none; background-color:#000; color:#000;}


#TUTORIAL {
padding:10px;
border:1px dashed white;
text-align:left;
font-size:1.2em;
}

#TUTORIAL-INFO {
text-align:left;
padding-left:5px;
padding-right:5px;
}

#TUTORIALS {
width:150px;
height:150px;
background-image:url(http://www.circuitcoders.net/img/test_small.png);
background-repeat:no-repeat;
float:left;
}

#TUTORIALS a { color:#8BEF59; font-weight:bold; }
#TUTORIALS a:link { text-decoration:none; }
#TUTORIALS a:visited { text-decoration:none; }
#TUTORIALS a:active { text-decoration:none; }
#TUTORIALS a:hover { text-decoration:none; color:#FFF; }

.form-message {
color:#FF0000;font-size:12px;font-family:system;
}

.text {
height:16px;width:150px;background-color:#fff;color:#000;border:1px #345F06 solid;
}

.textarea {
height:150px;width:400px;background-color:#000;color:#FFF;border:1px white solid;
}

.text-white {
height:16px;width:150px;background-color:#000;color:#FFF;border:1px white solid;
}

.textarea-tutorial {
height:300px;width:400px;background-color:#000;color:#FFF;border:1px white solid;
}

.drop {
height:18px;width:150px;background-color:#000;color:#8BEF59;border:0px white solid;
}

.button {
background-color:#000;color:#FFF;border:0px solid white;font-weight:bold;height:20px;padding-top:5px;
}

.checkbox {
background-color:#000;color:#8BEF59;border:0px black solid;
}

#WELCOME, #STATS {
width:700px;
float:right;
padding-right:20px;
padding-top:40px;
padding-bottom:40px;
}

.footer2 { font-weight:normal; text-align:center; padding:10px; clear:both; }


.title {
	color:#7FFF8D;font-size:12px;
}

.title-big {
	color:#000;font-size:2em;font-weight:bold;text-align:left;
}

.title-main {
	color:#002B9F;font-size:1.4em;font-weight:bold;text-align:left;font-family:Arial;
}

.title-main-white {
	color:#000;font-size:1.4em;font-weight:bold;text-align:left;font-family:Arial;
}

.title-week {
	color:#108C20;font-weight:bold;
}

.title-white {
	color:#000; font-size:1.2em; font-family:Arial;
	}

.code {
color:#137F00;
font-size:12px;
font-family:Arial;
background-color:#B4DFA7;
border:solid 3px #137F00;
padding:5px;
font-weight:bold;
width:700px;
}

.red { color:#FF0000; }

.blue { color:#0000FF; }

.violet { color:#9900FF; }

.orange { color:#FF9900; }

.yellow { color:#FFFF00; }

.green { color:#669F27; }


#rating { float:right; }

div.register {
margin: 1em 2em;
}

.register input { background-color:#000000; color:#C0FF60; border:#C0FF60 solid 1px;; }

.register form {
	width:600px;
}

.register div.row {
  clear: both;
  padding-top: 10px;
  padding-top: 10px;
  width:600px;
  }

.register div.row span.label {
  float: left;
  width: 250px;
  text-align: right;
  }

.register div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 

.login input { background-color:#C0FF60; border:0; }

.login fieldset { border:0; padding-bottom: 20px; }

.login div.row {
  clear: both;
  padding-top: 10px;
  padding-top: 10px;
  width:330px;
  }

.login div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

.login div.row span.formw {
  float: right;
  width: 200px;
  text-align: left;
  } 

.location { 
color:#137F00;
font-size:12px;
font-family:Arial;
background-color:#C0FF60;
border:solid 3px #137F00;
padding:5px;
font-weight:bold;
width:100px;}


#Categories {
	float:left;
	width:175px;
	font-size:1.2em;
	background-color:#fff;
}

#Tutorials {
	float:left;
	width:700px;
	background-color:#fff;
}

#Spacer { float:left; width:60px; }

.categories_head {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	background-color:#C0FF60;
	border:solid 2px #137F00;
	width:175px;
	height:20px;
	padding-top:3px;
}

.tutorials_head {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	background-color:#C0FF60;
	border:solid 2px #137F00;
	width:700px;
	height:20px;
	padding-top:3px;
}

#space { height:60px; }

#page_navigation {
	width:700px;
	height:30px;
	text-align:center;
}

div.blur a {
text-decoration: none;
background-color: #fff;
color: #002B9F;
font-weight: bold;
font-size: 0.9em;
padding-top: 0.35em;
padding-left: 0.35em;
display: block;
width: 1.5em;
height: 1.5em;
float:left;
border-right:3px solid #000;
}

#page_navigation div:hover a:hover {
color: #000;
background-color: #fff;
}

div.selected {
text-decoration: none;
background-color: #fff;
color: #002B9F;
font-weight: bold;
font-size: 0.9em;
padding-top: 0.35em;
padding-left: 0.35em;
display: block;
width: 1.5em;
height: 1.5em;
float:left;
border-right:3px solid #000;
}

div.prev a,div.next a {
text-decoration: none;
background-color: #fff;
color: #002B9F;
font-weight: bold;
font-size: 0.9em;
padding-top: 0.35em;
padding-left: 0.35em;
display: block;
height: 1.5em;
float:left;
border-right:3px solid #000;
}