/* Google Webfonts
font-family: 'Droid Sans', sans-serif;
font-family: 'Bitter', serif;
*/

html{
	background-image:url('images/patterns/dark_wall/dark_wall.png');
	font-family: 'Droid Sans', sans-serif;
	color:#ccc;
	font-size:14px;
	text-align:center;
}
html .emphasis{font-size:11px;}

p{margin-bottom:14px;}
a{color:inherit; text-decoration:none;}
p a{color:white; text-decoration: underline;}
b{font-weight:bold;}

.holder .output p{margin:0px;}
.holder .output a{color:white; text-decoration: underline;}

#main{width:800px; display:inline-block;text-align:left; padding-bottom:40px;}

.emphasis{
	font-family:'Bitter',serif;
	font-weight:bold;
	text-transform:uppercase
}

p{line-height: 21px;}

.clear{clear:both;}

.nonemphasis{
	font-family: 'Droid Sans', sans-serif;
	font-weight:normal;
	text-transform:none;
}

.divider{
	display:inline-block;
	width:100%;
	border-width:1px 0px;
	border-color:#000 transparent #333;
	border-style:solid none;
	margin:10px 0px;
}

#header .divider{
	width:660px;
	margin:20px 0px;
}

.input,.textarea,.button{border: 1px solid #ccc;border-radius:4px;width:200px;background-color:white;margin-bottom:4px;}
.button{background-color:#ccc;}
.link.button{
	margin-top: 4px;
	margin-right: 4px;
	width: auto;
	display: inline-block;
	padding: 10px;
	color: black;
	font-size: 11px;
}
input,textarea{
	border: none;background-color:transparent;
	font-family: 'Droid Sans', sans-serif;
	padding:10px;
	width:100%;
}
input:focus,textarea:focus{outline: none;}


input.error,textarea.error{border-color:red;}

.name{font-size:20px; font-weight:bold; margin-bottom:20px;}

#header{
	text-align:center;
	padding:40px 0px;
}

#header .logo{
	width:300px;
	height:120px;
	display:inline;
}

#header .tagline{
	color:#999;
	font-size:14px;
}

#title{
	font-size:40px;
	margin-top:40px;
}

#forms{width:220px; float:left;}
#forms .name{color:#CC3333}
#forms .section{margin-bottom: 30px;}

#forms .section{margin-bottom: 75px;}

#forms .expandable{display:none; margin-bottom:10px;}
#forms .fieldLabel{margin:10px 0px 5px 0px;}
#forms .checkbox input, #forms .checkbox label{display:inline; width:auto;}

#content{width:580px; float:right;}
#content .name{color:#006CA7; display:inline-block;}
#content .viewMore{display:inline-block; color:#666;}
#content .viewMore a{text-decoration:none;}

#content .post,#content .section{clear:both;}
#content .post{margin-bottom:20px;}

#content .image{
	width:260px;
	height: 140px;
	border-radius:4px;
	border: 1px black solid;
	box-shadow:0px 0px 0px black;
	overflow:hidden;
	float:left;
	cursor:pointer;
	-webkit-transition: all .2s ease-in-out;
}

#content .image:hover {
	box-shadow:0px 0px 8px black;
	-webkit-transform: scale(1.02);
}

#content .image img{
	width:280px;
	margin-top:-4px;
	margin-left:-4px;
	opacity:.8;
	-webkit-transition: all .2s ease-in-out;
}

#content .image img:hover {
	opacity:1;
}


#content .info{width:300px; float:right;}
#content .title{
	font-size:20px;
	line-height:20px;
	margin-bottom:12px
}

#content .blog .post:nth-child(odd){margin-right:30px;}

#footer{background-image:url('images/patterns/white_wall/white_wall.png');}
#footer .inner{
	width:800px;
	display:inline-block;
	text-align:left;
	padding:40px 0px 20px 0px;
	color:#333;
}
#footer .emphasis{font-size:14px; margin-bottom:14px;}
#footer .contact{float:left;}
#footer .logo{width:200px; height:100px; float:right}

.column{width:350px;}
.column.eq0{float:left;}
.column.eq1{float:right;}


.body p{margin-bottom:10px;}

.button input{cursor:pointer;}

.holder .output{
	border:4px dotted;
	margin:14px 0px;
	padding:4px;
	min-height:22px;
	border-radius: 4px;
}

.holder .outputTitle{position:relative;}

.holder .outputTitle .emphasis{
	position:absolute;
	right: 16px;
	padding: 4px 8px;
	color: black;
	background-color: #CCC;
	position: absolute;
	top: 4px;
}

#heirarchy.holder .block{margin:4px; border-radius:4px; display:inline-block;}
#heirarchy.holder .black.block{width:10px;height:10px; background-color:black;}
#heirarchy.holder .gray.block{background-color:gray;}
#heirarchy.holder .white.block{background-color:white;}

a.githubRibbon{
	position: absolute;
	right: 0px;
	top: 0px;
}
