/* 
Author:    Jesse Bounds
Updated:   July 13, 2011
*/

* {
	margin: 0;
}

html {
	height: 97%;
}
body { 
	    height: 97%;
		background-color: #FFF; 
		padding: 15px 20px 20px 20px; 
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
}

#push-50-px {
	visibility:hidden;
	height: 50px;
}

.wrapper {
	min-height: 97%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	font-size: 11px; 
	text-align: center;
	height: 30px; /* .push must be the same height as .footer */
}

body.homepage #warning-box {
	padding: 10px; 
	color: #FFF;
	background-color:red;
	font-size: 14px; 
	text-align: center;
	position:absolute; 
	top:0px; 
	left:300px; 
	right:300px;
	display:none; 	
	border-radius: 10px;
}

body.homepage #header { 
		margin-top: 30px; 
		padding: 30px 20px 28px 0px; 
}
	
body.homepage #header li a:link { 
	padding: 5px;
	text-decoration: none;	
	border-radius: 8px;
	line-height: 30px; 
}
	
body.homepage #header li a:visited { 
	text-decoration: none; 
}
	
body.homepage #header li a:active { 
	text-decoration: none; 
}

body.homepage #header li a:hover { 
	text-decoration: none; 
	color: #FFF; 
	background-color:#6FBFFE; 
}

.unhighlighted {
	color: #826867
}

.unhighlighted-color-white {
	color: #FFF
}

.highlighted {
	color: #FFF;
	background-color:#1892DB;
}

body.homepage #header h2 { 
	margin: 10px 0px 40px 0px; 
	font-size: 40px;
	line-height: 35px; 
	font-weight: bold; 
	color: #826867; 
}
	
body.homepage #header ul { 
	list-style: none; 
	float: right; 
	margin: -23px 0 0 0; 
	padding: 0; 
	overflow: 
	hidden; 
}

body.homepage #header li { 
	float: left; 
}

body.homepage #header li a { 
	margin-left: 10px; 
}

body.homepage p.big { 
	color: #17111D; 
	text-align: center; 
	margin: 5px 5px 0px 0px; 
	font-size: 30px; 
	line-height: 40px; 
}

body.homepage p.big a:link {
	text-decoration: none; 
}

body.homepage p.big a:visited {
	text-decoration: none; 
}

body.homepage #span-breaking-in { 
	padding-left: 10px; 
	padding-right: 10px; 
	color:#4C2F31; 
	background-color:#6FBFFE; 
	border-radius: 8px;
}

body.homepage #span-dark-desires { 
	padding-left: 10px; 
	padding-right: 10px; 
	color:#FFF; 
	background-color:#4C2F31; 
	border-radius: 8px;
}

body.homepage #span-breaking-down { 
	padding-left: 10px; 
	padding-right: 10px; 
	color:#FFF; 
	background-color:#1892DB; 
	border-radius: 8px;
}

body.homepage #span-hiding-wings { 
	padding-left: 10px; 
	padding-right: 10px; 
	color:#FFF; 
	background-color:#17111D; 
	border-radius: 8px;
}

body.homepage #span-muted-moods { 
	padding-left: 10px; 
	padding-right: 10px; 
	color:#FFF; 
	background-color:#826867; 
	border-radius: 8px;
}

body.homepage #span-bullet { 
	color: #826867; 
}	
	
body.homepage #butterfly { 
	font-size: 12px; 
	font-weight:bold; 
	color:#1892DB; 
	text-decoration:none;
}			

.projects-category {
	position:absolute; 
	width:800px; 
	margin-left:-400px;
	top:33%;
	left:50%; 
}

#mobile {
	float: left;
	width: 120px; 
	height:140px; 
	padding:20px;
	margin:20px;
	border-width: 5px;
	color: #FFF;
	background-color:#6FBFFE;
	border-radius: 10px;
	cursor:pointer;	
	position:relative;
}
#civic {
	float: left;
	width: 120px; 
	height:140px;
	padding: 20px;
	margin:20px;
	border-width: 5px;
	color: #FFF;
	background-color:#826867;
	border-radius: 10px;
	cursor:pointer;
	position:relative;
}
#financial {
	float: left;
	width: 120px; 
	height:140px; 
	padding: 20px;
	margin:20px;
	border-width: 5px;
	color: #FFF;
	background-color:#1892DB;
	border-radius: 10px;
	cursor:pointer;
	position:relative;	
}
#misc {
	float: left;
	width: 120px; 
	height:140px; 
	padding: 20px;
	margin:20px;
	border-width: 5px;
	color: #FFF;
	background-color:#4C2F31;
	border-radius: 10px;
	cursor:pointer;
	position:relative;	
}
#innercontainer { 
	position:relative; 
	text-align: center;
	width: 120px; 
	height:140px;
	top: 54px;
	font: 26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.projects-category #description {	
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 20px;
	float: left;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.625;	
}

.projects-category-detail {
	margin-top: -30px;
	margin-left: 30px;
}
.projects-category-detail h3 {
	padding: 2px 2px 2px 10px;
	background-color:#6FBFFE;
	border-radius: 10px;
	margin-bottom: 10px;
	color: #FFF;
	width: 80%;
	font: 28px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.625;
}
.projects-category-detail-user-html {
	margin-bottom: 80px;
	margin-left: 32px;
	width: 80%;
	color: #4C2F31;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

.projects-category-detail-user-html a:link {
	color: #4C2F31;
}

.projects-category-detail-user-html a:visited {
	color: #4C2F31;
}

.posts-list {
	color: #4C2F31;
	margin-left: 32px;
	font: 22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.625;
	width: 650px;
}
.posts-list a {
	font: 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 800;
}
.posts-list a:link {
	text-decoration: none;
	color:#4C2F31;
}
.posts-list a:visited {
	text-decoration: none;
	color:#4C2F31;
}
.posts-list a:active {
	color:#4C2F31;
}
.posts-list a:hover {
	color:#4C2F31;
}

.posts-list hr {
	margin-bottom: 20px;
}

.posts-list #left {
	float: left;
	background-color: #1892DB;
	border-radius: 15px;
	line-height: 2.9;
	margin-right: 20px;
}

#tags {
	color: #FFF;
	background-color: #585858;
	margin-left: 5px;
	padding: 2px 8px 2px 8px;
	border-radius: 7px;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
}

#tag-cloud {
	position: fixed;
/*	min-left: 750px;*/
	left: 740px;
	right: 50px;
	width: 230px;
	height: 200px;
}
#tag-cloud-title {
	color: #FFF;
	padding: 3px 200px 3px 3px;
	border-radius: 5px;
	align: left;
	background-color: #1892DB;
}

.posts-list-attribution {
	color: #4C2F31;
	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 32px;
	font-weight: 600;
	line-height: 1.625;
}
.posts-list-user-html {
	margin-bottom: 40px;
	margin-left: 32px;
	margin-top: 8px;
	color: #4C2F31;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
	text-overflow:ellipis-lastline;
}
.posts-list-user-html {
	margin-bottom: 40px;
	margin-left: 32px;
	margin-top: 8px;
	color: #4C2F31;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
	text-overflow:ellipis-lastline;
}
.posts-list-user-html a:link {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
	text-overflow:ellipis-lastline;
	color: #4C2F31;
	text-decoration: none;
}
.posts-list-user-html a:visited {			
	color: #4C2F31;
	text-decoration: none;
}
.posts-list-user-html a:active {
	color: #4C2F31;
	text-decoration: none;
}
.posts-list-user-html a:hover {
	color: #4C2F31;
	text-decoration: none;
}

.post-detail {
	color: #4C2F31;
	margin-left: 32px;
	font: 22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.625;
	width: 650px;	
}
.post-detail .attribution {
	color: #4C2F31;
	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 32px;
	font-weight: 600;
	line-height: 1.625;
}
.post-detail .html {
	margin-bottom: 40px;
	margin-left: 32px;
	margin-top: 8px;
	color: #4C2F31;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
	text-overflow:ellipis-lastline;
}
.post-detail a:link {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
	text-overflow:ellipis-lastline;
	color: #4C2F31;
	text-decoration: none;
}
.post-detail a:visited {			
	color: #4C2F31;
	text-decoration: none;
}
.post-detail a:active {
	color: #4C2F31;
	text-decoration: none;
}
.post-detail a:hover {
	color: #4C2F31;
	text-decoration: none;
}

#disqus_thread {
	margin-left: 32px;
	width: 60%;
}
.dsq-brlink {
	margin-left: 32px;
}