/* --------- /stylesheets/layout.css --------- */ 
a {
	-webkit-transition: all 0.5s;
}

@font-face {
	font-family: Bailey;
	src: url(/fonts/bailey.otf);
}

/* COLORS */
.logoblue, h1, h3, .pagination span.current, a:hover {
	color: #7A8DA8!important;
}
.grass, h2, a, .source, code, .tag-list strong {
	color: #84bb3d;
}
html, body { 
	margin: 0;
	padding: 0;
}	
body { 
	padding-top: 20px;
	background-image:url(/images/site_pieces/container.png);
	background-repeat: repeat-x;
}
img { 
	vertical-align: middle;
}	
* {
	font-family: "lucida grande", lucida, helvetica,  arial,  verdana, sans-serif;
	font-weight: normal;
}
img { 
	border:0;
}

h1 a, h2 a, h3 a { 
	color: inherit;
	}
a { 
	text-decoration: none;
	font-size: inherit;
	}
a:hover { 
	background-color: none;
	text-decoration: underline;
}
p, ul, ol, dl, #what-we-did, .paginate-info, .pagination, blockquote, div {
	color: #5b5b5b;
	font-size: 14px;
	line-height: 1.5em;
}
ul { 
	list-style-type: circle;
}
ul li {
	margin-left: 15px;
}
h1, h2 {
	font-family: Bailey, Lucida Grande, lucida, trebuchet, trebuchet ms, arial, helvetica;	
}
h1 { 
	font-size: 24px;
	text-align: left;
	margin-top:10px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	line-height: 32px;
}
h2 { 
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 6px;
}
h3 {
	font-size: 14px;
	}
h4  {
	font-size: 12px;
	}
h2 + p { 
	margin-top: 0;
}     
code { 
	font-family: monaco, monospace, arial, helvetica, monotype, sans-serif !important;
	background-color: black;
	display: block;
	clear: left;
	padding:10px;
	margin-bottom: 20px;  
	margin-top: 10px;
}        
pre { 
	font-size: 16px;
	font-family: monaco, monospace, arial, helvetica, sans-serif !important;
}
/* METHOD eg self.homepage method in the model */

code strong { 
	color: #ff6400!important;
	font-weight: normal!important;
	font-family: monaco, arial, helvetica, monotype, sans-serif !important;
}
/* KEYWORD YELLOW eg IF ELSE  */
code em { color: #fbde2d!important; font-style: normal!important;
	font-family: monaco, arial, helvetica, monotype, sans-serif !important;
} 
/* QUOTED STRING GREEN eg 'bands.name AS band_name' */
code em strong { 
	color: #5cce3c!important;
}
/* FORMS */
form .column-one {
	width: 45%;
	float:left;
	padding-bottom: 20px;
}
form .column-two {
	margin-left: 45%;
	padding-top: 1px;
	float: none;
}
form { 
	margin-top: 40px;
	margin-bottom: 20px;
}
input[type='text'], textarea, input[type='password'] { 
	display: block;
	margin-bottom: 10px;
	border: 1px solid #7A8DA8!important;
	padding: 3px;
	font-size: 11px;
	background-color: #EEE;
}
input[type='submit'] {
	margin-top: 20px;
	display:block;
	clear: left;
}
label { 
	display: block;
	font-size: 14px;
	margin-bottom: 3px;
	margin-top:10px;
}
h3 + p {
	margin-top: 5px;
}
input[type='submit'] {
	padding: 6px;
}
img.new, .sort { 
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}	
.sort { 
	float: left;
	margin-right: 15px;
	}
#top-logo {
	margin-top: 22px!important;
}	
#home-home #header {
	margin-bottom: 0;
}
#header { 
	z-index: 2;
	margin: auto;
	padding-bottom: 10px;
	height: 110px;
	background-color: #68863a;
	margin-bottom: 20px;
}
#header_container {
	width: 800px;
	margin: auto;
	position: relative;
}
#container {
	width: 800px;
}			
#home-home #container {
	width: 100%;
}
#home-home #footer {
	width: 800px;
	margin: auto;
}
#container {
	z-index: 2;
	position: relative;
	margin:auto;
	padding-bottom: 30px;
	border: 0 solid #ccc;
}
#content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}
#footer {
	clear: both;
	margin: auto;
	margin-top: 3em;
	color: #4b4b4b;
	font-size: 13px;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 5px;
	overflow: hidden;
	padding-bottom: 20px;	
	border: 0 dotted #DDD;
	border-top-width: 1px;
}
.contact {
	text-align: left;
	color: #666;
	margin-top: 10px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}
.contact h2 {
	color: #444;
	font-size: 14px;
}
.contact a {
	text-decoration: underline;
	display: block;
	margin-bottom: 5px;
}
.footer-stuff * {
	font-size: 11px;
}
.footer-stuff img { 
	margin-right: 5px;
}
.footer-stuff {
	
	margin-left: 290px;
	font-size: 11px;
	line-height: 27px;
	list-style-type: none;
}
.footer-stuff li {
	margin-left: 0;
}
.footer-stuff .rss-li {
	list-style-image: url(/images/site_pieces/rss.png);
	margin-left: 20px;
}
.footer-stuff .vcard-li {
	list-style-image:url(/images/site_pieces/vcard.gif);
	margin-left:20px;
}
.crud li { 
	display: inline;
}
.crud { 
	padding: 0;
	margin: 0;
	padding-top: 0px;
	margin-bottom: 10px;
	font-size: 11px;
	clear: both;
	text-align: right;
}
#mice-type { 
	margin: auto; 
	text-align: right;
	font-size: 10px;
	color:#666;
	clear: left;
}
.more {
	margin-top:0;
	color: #70b32e;
	margin-bottom: 0;
}
.more:hover {
	color: #333;
}
.more:after {
	content: ' ' url(/images/site_pieces/more-trans.png);
}
.controls { 
	color: #70b32e;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}
.controls .previous {
	margin-right: 220px;
}
.controls .previous:before {
	content:url(/images/site_pieces/back-arrow-trans.png);
	margin-right: 3px;
}
.controls .next:after {
	content: url(/images/site_pieces/forward-arrow-trans.png);
	margin-left: 3px;
}
.flash { 
	margin: 0;
	color: white;
	text-align: right;	
	font-size: 10px;
}
.new { 
	font-size: 11px;
}
.index-block { 
	border: 0px solid #DDD;
	border-bottom-width: 1px; 
	padding-top:15px;
	padding: 20px;
	padding-left: 0;
	width: 100%;
	overflow: hidden;
}

#blogs-index .index-block {
	padding-bottom: 0;
	padding-top: 10px;
}
.index-block  h3 { 
	margin: 0; 
	font-size: 11px; 
	font-weight: normal;
	}
.index-block p h2 { 
	font-size: 12px;
	}
.cms-table {
	margin-top: 20px;
	margin-bottom: 20px;
	}
.cms-table td {
	padding: 10px;
	border: 0px solid #CCC;
	border-bottom-width: 1px;
	text-align: left;
	}
.cms-table th {
	text-align: left;
	padding-left: 10px;
}
p a { 
	text-decoration: underline;
	}	
/* ABOUT */
#home-about p + h2 {
	margin-top: 20px;
}
#column-one { 
	float: left; 
	width: 370px;
	margin-top: 10px;
}
#column-two {
	width: 390px;
	margin-left: 400px;
	overflow: visible;
}
.what-people-are-saying {
	margin-top: 20px;
	border: 0 dotted #ddd;
	border-top-width: 1px;
	padding-top: 15px;
}
/* BLOGS */
#blogs-show h1 {
	text-align: left;
	margin-bottom: 0;
}
#blogs-show #content, #blogs-index #content  { 
	padding-right: 100px;
	width: auto;
}
#blogs-show #content p {
	line-height: 25px;
}
#archives { 
	margin-top: 20px;
	padding-top: 5px;
	clear: both;
	border: 0 dotted #DDD;
	border-top-width: 1px;
}
#main { 
	margin-right: 160px;
	padding-right: 10px;
	}
#archives h3 { 
	margin: 0;
	}
#archives h2 { 
	margin-top: 1em;
	margin-bottom: 5px;
	}
#archives h2 a { 
	font-size: 12px;
	}
#archives  p {
	margin: 0; 
	font-size: 10px;
	}
.archive-block {
	border: 0px dotted #CCC;
	border-top-width: 1px;
	padding-bottom: 6px;
	display: table-cell;
	padding:10px;
	padding-top:10px;
	padding-left: 0;
	padding-right: 20px;
	width: 19%;
	vertical-align:top;
	border-collapse:collapse;
	margin-top:0;
}
.archive-block h3 {
	font-size: 12px;
}
.archive-block p {
	font-size: 10px;
}
.date {
	font-size: 11px;
	margin: 0;
	margin-bottom: 20px;
}
div#article h1 {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}
div#article h1 + p {
	padding-top: 0!important;
	margin-top: 0!important;
}

/* COMMENTS */
div#comments {
	margin-top: 2em;
}
div.gravatar {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 15px;
}
.comments {
	padding-top: 5px;
}
.comments h2 {
	font-size: 20px;
	border: 0 dotted #ddd;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}        
p.comment_info {
	font-family: Bailey, Lucida Grande, lucida, trebuchet, trebuchet ms, arial, helvetica;	
}
p.comment_info a {
	font-family: Bailey, Lucida Grande, lucida, trebuchet, trebuchet ms, arial, helvetica;	
}
p.comment_info .count + a {
	margin-left: 50px;
}
div#comment h2 a {
	text-decoration: underline;
}
span.comment_date {
	padding-left: 20px;
}
.comments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.comments ul li {
	margin: 0;
	padding: 0;
	border: 0 dotted #aaa;
	padding: 5px;
	padding-left: 0;
}
.comments ul li + li {
	border-top-width: 1px;
}
.comments ul li h3 {
	margin-bottom: 0;
	margin-top: 0;
}
.comments ul li h3 + p {
	margin-top: 0;
}
.comments ul li p {
	margin: 0;
}
li.comment h3, li.comment p {
	font-size: 12px;
}
li.comment p.author {
	margin-bottom: 10px;
}
.gravatar {
	float: left;
	margin-right: 15px;
}
li.comment p {
	margin-left: 65px!important;
	margin-bottom: 10px;
}
li.comment {
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	width: 100%;        
	clear: left;
	overflow: hidden;
	border: 0 dotted #DDD!important;
	border-top-width: 1px!important;
	border-bottom-width: 1px!important;
}
li.comment + li.comment {
	border-top-width: 0px!important;
}
li.comment div {
	float:left;
	margin-right: 20px;
	padding-top: 8px
}
li.comment div + div {
	padding-top: 0;
	width: 605px;
}
li.comment p {
	line-height: 15px;
}
.comments form * { 
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: left;
	}
.comments form { 
	width: 400px;
	margin-top: 10px;
	margin-top: 15px;
}
.add-comment { 
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
.comments input, .comments textarea { 
	margin-bottom: 10px;
	padding: 2px;
}
.comments label {
	margin-bottom: 3px;
}
/* HOME */
#home-top-row {
	width: 100%;
	overflow:hidden;
	padding-top: 0px;
	min-height: 285px;
	background-color: #eaf0e4;
	}
#home-top-row-content {
	width: 800px;
	margin: auto;
}
#home_band {
	background-color: #eaf0e4;
	width: 100%;
	z-index: 1;
}	
#image { 
	max-height: 220px;
	}
#home-top-text { 
	margin-top: 10px;
	text-align:left;
	font-size: 18px;
	padding: 20px;
	margin-bottom: 0;
	margin-left: 360px;
	background-repeat: repeat-x;
	}
#home-top-text h1 {
	margin-bottom:0;
	margin-top: 0;
}
#home-top-text h1 + p {
	margin-top:5px;
}
#home-top-text p {
	line-height: 28px;
}
/* NEWS BLOG RECENT WORK TABLE */
#home-table { 
	width: 800px;
	margin: auto; 
	margin-top: 20px;
	overflow: hidden;
	clear: left;
	padding: 10px;	
	}
#home-table *  { 
	margin-top: 0px!important; 
	margin-bottom: 0px; 
	font-size: 11px;
	}
#home-table h2  { 
	font-size: 14px;
	margin-bottom: 5px;
	}
#home-news, #home-blog, #home-piece {
	text-align: left;
	}
#home-news, #home-blog {
	width: 30%;
	min-height: 70px;
	}
#home-blog { 
	padding-left: 0;
	padding-right: 35px;
	float: left;
	}
#home-news { 
	padding-left: 35px;
	padding-right: 0;
	float: right; 
	}
#home-piece img {
	float: left; 
	margin-right: 10px;
	}
.home-image {
	float:left;
	margin-top: 0px;
	text-align:center;
}
#home-image {
	padding-top:0px;
	padding-bottom: 0px;
	text-align:center;
	width: 340px;
	overflow:hidden;
	margin-top: 20px;
}
.caption {
	font-size: 11px;
	padding-top:5px;
}
.home-image img {
	max-height: 210px;
	max-width: 340px;
}
.home-image p {
	margin-top: 0;
}

/* NAV */
.nav {
	color: #3d46b2;
	color: white;
	padding: 0px;
	margin-left: 0;
	}
.nav * { 
	font-size: 18px;
	text-transform: lowercase;
	}
.nav li { 
	margin-left: 30px;
	display: inline;
	}
#top-nav {
	position: absolute;
	top: 44px;
	right: 0px;
	text-align: right;
	}
#top-nav a {
	color: white;
	font-size: 22px;

}	
#top-nav a:hover {
	color: #dae4f3!important;
	text-decoration: none;
}
#admin-nav {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	}	
	#admin-nav * {
		color: white;
	}
	#admin-nav a:hover {
		color: #dae4f3!important;
		text-decoration: none;
	}
.nav * {
	font-family: Bailey;
}
/* SAMPLES */
h1 + .sample {
	margin-top: 25px;
}
.sample-index-image {
	padding:5px;
	width: 240px;
	float:left;
	margin-top:10px;
	}
.sample-index-description {
	float: left;
	margin-right: 45px;
	width: 600px;
	}
.sample-index-description p {
	margin-left: 270px;
}
.sample-index h1 {
	margin-bottom: 0;
}
.sample-index .what-we-did { 
	margin-top:35px;
	float: right;
	width: 150px;
	}
.what-we-did h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	color: inherit!important;
}
.what-we-did ul {
	padding-left:0;
	margin-top: 5px;
	list-style-image: url(/images/site_pieces/li.png);
}
.show { 
	margin-top:20px!important;
}
.what-we-did * {
	font-size: 12px;
}
/* SAMPLE SHOW PIC */
.show-more {
	margin-top: 20px;
}
.sample img { 
	float: right;
	overflow:hidden;
	margin-left: 15px;
}
.sample {
	margin-top:10px;
}
.sample h2 {
	padding-top: 10px;
}
/* ERRORS */
.fieldWithErrors input,
.fieldWithErrors textarea {
  border: 1px dotted orangered;
}
#errorExplanation {
  margin-bottom: 20px;
}
#errorExplanation h2 {
  text-align: left;
  font-size: 12px;
	margin-bottom: 10px;
	background-color: orangered;
  color: white;
	padding: 7px;
	margin: -10px;
	padding-left: 20px;
	margin-bottom: 10px;
}          
#comments #errorExplanation h2 {
	margin-left: 0;
}

#errorExplanation p {
  color: orangered;
  margin-bottom: 0;
  padding: 3px;
}
#errorExplanation ul li {
	list-style-type: circle;
	margin-left: 20px;
	color: orangered;
	font-size: 12px;
	padding: 3px;
}
/* TESTIMONIALS */
blockquote {
	font-style: normal;
	margin-left: 0;
	font-size: 12px;
	border: 0 dotted #ddd;
	padding: 10px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
blockquote + blockquote {
	border-top-width: 1px;
}
.source {
	display: block;
	text-align: right;
	font-size: 11px;
}
/* PAGINATION */
.pagination, .paginate-info { 
	font-size: 12px;
	text-align: left;
	}
.pagination {
	padding-top: 20px;
}
.paginate-info {
	padding-bottom: 20px;
	margin-bottom: 0;
}
.pagination a, .pagination span {
	padding: 5px;
	border: 1px solid #ddd;	
	margin-left: 4px;
	margin-right: 4px;
}
.pagination span {
	border-color: #eee;
}
.pagination a:hover {
	border-color: #494949;
	background-color: #84bb3d!important;;
	color: white!important;
	text-decoration: none;
}
.tag-list  {
	margin-top: 30px;
	margin-bottom: 10px;
}
.tag + .tag:before { 
	content: ', ';
	}
.tag, .tag a {
	padding: 0!important;
	margin: 0!important;
}	
/* PUBLISH STATUS FORM */
#publish-status {
	border: 1px solid #CCC;
	padding: 15px;
	background-color: #FEF;
}
#publish-status * {
	padding: 0;
	margin: 0;
}           
#publish-status input[type='submit'] {
	margin-left: 15px;
}
#publish-status input[type='checkbox'] {
	margin-right: 5px;
}	

table#comment_form td {
	padding-right: 15px;
}
table#comment_form input, form#new_comment textarea {
	background-color: #F7F7FF!important;
	padding: 4px;
	border-color: #BBB!important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input[type="submit"] {
	border-width: 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #84bb3d;
	padding: 12px!important;
	color: white;
	margin-top: 1em;
	margin-bottom: 3em;
}
input[type="submit"]:hover {
	background-color: #95cc4e;
	cursor: pointer;	
}
dl dt {
	font-weight: bold;
	color: #7A8DA8;
}
dl dd {
	margin-left: 0;
	margin-bottom: 10px;
}
table.admin {
	border-collapse: collapse;
}
table.admin td, table.admin th {
	border: 0px solid #7A8DA8!important;
	padding: 7px;
	text-align: left;
}
.checkbox * {
	display: inline;
}
.checkbox input {
	margin-right: 5px;
}
fieldset {
	border-width: 0;
	padding: 0;
}
fieldset ol {
	list-style-type: none;
	padding-left: 0!important;
	margin-left: 0!important;
}
fieldset ol li {
	margin-left: 0!important;
	padding-left: 0!important;
	margin-bottom: 10px;
}
fieldset input[type="submit"] {
	margin-top: 35px;
	margin-bottom: 35px;
}
fieldset input, fieldset label, fieldset p {
	font-size: 11px;
	margin: 0;
}
fieldset label input[type="checkbox"] {
	margin-right: 5px;
}
p.inline-errors {
	color: red;
	margin: 0;
}
ul#comments li {
	list-style-type: none;
}
ul#comments p.actions {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	height: auto!important;
	line-height: normal!important;
}
ul#comments p.actions a {
	margin-right: 15px;
}
li.comment p.author {
	margin-top: 0;
}
.comment_count { 
	margin-left: 35px;
}
/* SORT PAGE */
#list_to_sort li {
	padding: 10px;
	border: 0px dotted #CCC;
	border-bottom-width: 1px;
	list-style-type: none;
	}
#list_to_sort img {
	width: 50px; 
	margin-right: 10px;
}
span.spam_rating {
	padding-right: 15px;
}/* --------- /stylesheets/blackboard.css --------- */ 
/* Stylesheet generated from TextMate theme
 *
 * Blackboard
 * 
 *
 */

/* Mostly to improve view within the TextMate HTML viewer */
body {
	margin: 0;
	padding: 0;
}

pre.textmate-source {
	margin: 0;
	padding: 0 0 0 2px;
	font-family: Monaco, monospace;
	font-size: 14px;
	line-height: 1.3em;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
}

pre.textmate-source {
	color: #F8F8F8;
	background-color: #0C1021;
}

pre.textmate-source .linenum {
	width: 75px;
	padding: 0.1em 1em 0.2em 0;
	color: #888;
	background-color: #eee;
}
pre.textmate-source span {
   padding-top: 0.2em;
   padding-bottom: 0.1em;
}
pre.textmate-source ::selection {
	background-color: #253B76;
}
/* Comment */
pre.textmate-source .comment {
	color: #AEAEAE;
}

/* Constant */
pre.textmate-source .constant {
	color: #D8FA3C;
}

/* Entity */
pre.textmate-source .entity {
	color: #FF6400;
}

/* Keyword */
pre.textmate-source .keyword {
	color: #FBDE2D;
}

/* Storage */
pre.textmate-source .storage {
	color: #FBDE2D;
}

/* String */
pre.textmate-source .string, pre.textmate-source .meta_verbatim {
	color: #61CE3C;
}

/* Support */
pre.textmate-source .support {
	color: #8DA6CE;
}

/* Variable */
pre.textmate-source .variable {
}

/* Invalid – Deprecated */
pre.textmate-source .invalid_deprecated {
	color: #AB2A1D;
	font-style: italic;
}

/* Invalid – Illegal */
pre.textmate-source .invalid_illegal {
	color: #F8F8F8;
	background-color: #E91E0E;
}

/* Superclass */
pre.textmate-source .entity_other_inherited-class {
	color: #FF6400;
	font-style: italic;
}

/* String interpolation */
pre.textmate-source .string .constant_other_placeholder {
	color: #FF6400;
}

/* meta.function-call.py */
pre.textmate-source .meta_function-call_py {
	color: #BECDE6;
}

/* meta.tag */
pre.textmate-source .meta_tag, pre.textmate-source .meta_tag .entity {
	color: #7F90AA;
}

/* entity.name.section */
pre.textmate-source .entity_name_section {
	color: #FFFFFF;
}

/* OCaml variant */
pre.textmate-source .keyword_type_variant {
	color: #D5E0F3;
}

/* OCaml operator */
pre.textmate-source .source_ocaml .keyword_operator_symbol {
	color: #F8F8F8;
}

/* OCaml infix operator */
pre.textmate-source .source_ocaml .keyword_operator_symbol_infix {
	color: #8DA6CE;
}

/* OCaml prefix operator */
pre.textmate-source .source_ocaml .keyword_operator_symbol_prefix {
	color: #8DA6CE;
}

/* OCaml f-p infix operator */
pre.textmate-source .source_ocaml .keyword_operator_symbol_infix_floating-point {
	text-decoration: underline;
}

/* OCaml f-p prefix operator */
pre.textmate-source .source_ocaml .keyword_operator_symbol_prefix_floating-point {
	text-decoration: underline;
}

/* OCaml f-p constant */
pre.textmate-source .source_ocaml .constant_numeric_floating-point {
	text-decoration: underline;
}

/* LaTeX environment */
pre.textmate-source .text_latex .meta_environment {
	background-color: rgba(255, 255, 255, 0.03);
}

/* LaTeX environment (nested) */
pre.textmate-source .text_latex .meta_environment .meta_environment {
	background-color: rgba(122, 150, 250, 0.03);
}

/* Latex support */
pre.textmate-source .text_latex .support_function {
	color: #FBDE2D;
}

/* PList unquoted string */
pre.textmate-source .source_plist .string_unquoted, pre.textmate-source .source_plist .keyword_operator {
	color: #FFFFFF;
}