@charset "UTF-8";
/* CSS Document */
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin-top:20px;
	margin-left:75px;
	
}
header {
	background-image:url(../images/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:70px;
	
}
header span {
	display:none;
}
nav {
	font-size:0.9em;
}
nav a {
	color:#737373;
	text-decoration:none;
}
nav a:hover {
	color:#f7941e;
	text-decoration:none;
}
nav .current {
	color:#f7941e;
	text-decoration:none;
}
p{
	color:#000;
}
.orange{
	color:#f7941e;
}
#content{
	font-size:0.9em;
	max-width:700px;
	min-width:305px;
}
#content a{
	color:#f7941e;
	text-decoration:none;
}
#content a:hover{
	color:#f7941e;
	text-decoration:underline;
}
#content img {
     max-width: 100%;
}
.author{
	color:#0099ff;
	font-weight:bold;
	font-size:0.9em;
}
.projectHeading{
	font-weight:bold;
	font-size:1.1em;
}
.projectimage{
	float:left;
	width:400px;
}
.projectdetails{
	float:right;
	width:300px;
}
.secondaryimage{
	margin-top:5px;
}
input, textarea {  
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 250px;  
    background: #FFFFFF;  
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
   	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
   	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
	background: #FFFFFF url('../images/bg-form.png') left top repeat-x;    
}
textarea {  
    width: 250px;  
    max-width: 250px;  
    height: 160px;  
    line-height: 150%;  
}  
input:hover, textarea:hover, input:focus, textarea:focus {  
    border-color: #f7941e; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
}  
.redText{
	color:#F00;
}
.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #f7941e;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;  
	-webkit-border-radius: 5px;  
   	border-radius: 5px; 
} 
.rightpanel{
	float:right;
	width:300px;
}
.leftpanel{
	float:left;
	width:300px;
}
.buttons{
	clear:both;
}
.hidden{
	display:none;
}
footer {
	padding-top:5px;
	clear:both;
}
footer p {
	color:#737373;
	font-size:0.6em;
}
@media only screen and (min-device-width:320px) and (max-device-width:480px){
body {
	margin-top:5px;
	margin-left:5px;
}
.rightpanel{
	float:none;
}
.projectimage, .projectdetails{
	width:300px;
	float:none;
}
}