html, body{
font-family:'Helvetica Neue',helvetica, arial, sans-serif;
font-size:12px;
}

body { 
	background-color: #f1f1f1;
background-image: url(http://wefoundland.com/media/media/images/bg.png);
	margin:0; 
} 

.highlight{
padding:3px 5px;
background-color: yellow;
}

#menu{
width:100%;
position: absolute;
top:0px;
left:0px;
background-color:black;
color:white;
}

#menu a{
text-decoration:none;
}

#menu p{
margin:0 10px 0 0;
line-height:28px;
}

ul, li{
list-style-type: none;
}

ul, ol{
margin:0;
padding: 0;
float:left;
}

#menu li{
padding:0px 10px;
line-height:28px;
float:left;
}

#menu li:hover{
background-color: #A0A8A8;
cursor:pointer;
}

.active{
background-color: #B83436;
}

h1{
float:left;
clear:left;
font-style:normal;
font-family:georgia, serif;
font-size:30px;
font-weight:normal;
padding:0;
margin:20px 0 0 0;
}

#menu h1{
padding:0;
margin:0 20px 0 10px;
float:left;
clear:none;
font-style:italic;
font-size:18px;
line-height:28px;
letter-spacing:.01em;
}



#menu img{
float:left;
line-height:28px;
margin:0 10px 0 0;
}

.content_left{
background-color: #f7f7f7;
float:left;
clear:left;
margin: 80px 0 0 40px;
width:40%;
padding:10px;
}

div.text{
width:100%;
}

div.text li{
float:left;
clear:left;

}

.content_right{
background-color: #f7f7f7;
float:right;
margin: 80px 40px 0 20px;
width:40%;
padding:10px;
}

.second-div-in-column
{
margin-top: 20px;
}

.content_right_proj{
background-color:transparent;
float:right;
margin: 80px 40px 0 20px;
padding:10px;
}

h2{
font-size:18px;
color:#222;
padding:0 0 5px 0;
border-bottom: 1px solid #888;
float:left;
clear:left;
width:100%;
}

h3{
padding:0;
margin:20px 0 5px 0;
float:left;
clear:left;
}

.right{
float:right !important;
}

.left{
float:left !important;
}


.clear-none{
clear:none !important;
}

.padding-5{
padding:5px;
}

html,body {
height:100%;
}

#container{
min-height:100%;
height:100%;
position:relative;
}

#content{
height:100%;
padding:0 0 40px 0;
}

#footer{
background-color: black;
color:white;
width:100%;
float:left;
clear:left;
margin:20px 0 0 0;

}

#footer p, #footer a{
margin:0;
padding:0px 10px 0px 0px;
line-height:32px;
display: inline;
}

a img{
border: none;
}

#footer #django_pony{
margin:2px 0 0 10px;
}

a{
color:black;
}

#footer a, #menu a{
color:white;
}

.tags .tag{
padding:4px 6px;
margin:0 0 0 2px;
background-color: #AB5457;
line-height:12px;
float:right;
clear:none;
color:white;
text-decoration:none;
}

.tags .tag_code{
background-color: #D95B43;
}

.tags .tag_design{
background-color: #38886D;
}

.tags .tag_external{
background-color: #888;
}


.projects{
width:100%;
}

.projects a{
float:left;
padding:3px 5px;
margin:0;
}

.projects li{
width:100%;
float:left;
clear:left;
margin-bottom:5px;
}

.projects li p{
float:left;
clear:left;
margin:0;
padding:3px 5px;
color:#555;
}

.gray{
color:#777;
}

.text p{
line-height:20px;
margin:0;
float:left;
clear:left;

}

strong{
font-weight:bold;
}

ol li{
list-style-type:decimal;
padding:0;
margin:0;
float:left;
clear:left;
}

ol{
margin:0 0 0 20px;
clear:left;
}

.text a{
float:left;
clear:left;
}

.text p a{
float:none;
clear:none;
}

.text img{
float:left;
clear:left;
max-width:100%;
max-height:100%;
}

ol.disc li{
list-style-type:disc;
}

.text a img{
border:0;
}

.text a.lightbox{
float:none;
clear:none;
}

.text code{
float:left;
clear:left;
}

code{
margin-bottom:10px;
}

div.gallery img{
float:left;
clear:none;
margin:5px;
}

div.gallery a{
float:left;
clear:none;
}

div.gallery{
float:left;
clear:left;
margin:20px 0;
}

.proj_title{
font-size:14px;
}

.bigger-text{
font-size:14px;
}

h2 a{
float:right;
font-size:14px;
font-weight:normal;
}

/* prettify.css */
.str,.atv{color:#F47A3B}
.kwd,.tag{color:#F05D77}
.com{color:#6EE18F}
.typ,.atn,.dec{color:#B47AAB}
.lit{color:#C2A8A9}
.pun{color:#A4AC9D;}
.pln{color:#FFF}
pre.prettyprint{padding:2px;border:1px solid #888}
code.prettyprint{
	padding:3px 5px;
	background-color: black;
	margin:10px 0;
}

@media print{
	.str{color:#060}
	.kwd,.tag{color:#006;font-weight:bold}
	.com{color:#600;font-style:italic}
	.typ{font-weight:bold}
	.lit{color:#044}
	.pun{color:#440}
	.atn,.typ{color:#404}
	.atv{color:#060}
}

/* lightbox.css */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}