/**
 * maetl.net
 * layout system
 */

* {
	margin:0;
	padding:0;	
}

a img {
    border:0;
}

.layout {
	margin:0 auto;
    width:912px;
}

.layout-w {
    margin:0 auto;
    width:912px; 
}

.content {
    min-height:300px;
}

.clear, .hr {
	clear:both;
}

.col-a, .col-b, .col-c, .col-d, .col-e, .col-f, .col-g, .col-h, .col-i, .col-j, .col-k, .col-l, .col-m, .col-n, .col-o {
	float:left;
	margin:38px 38px 0 0;
}

.col-a {
	width:190px;
}

.col-b {
   	width:684px;
   	margin-right:0;
}

.col-c {
    width:228px;
}

.col-d {
    width:437px;
}

.col-e {
    width:199.5px;
}

.col-f {
    width:100%;
}

.col-g {
    width:684px;
}

.col-h {
    width:190px;
    margin-right:0;
}

.col-j {
    width:139px;
    margin-right:38px;
}

.col-k {
    width:120px;
}

.col-l {
    width:120px;
    margin-right:0;
}

.col-m {
    width:127px;
    height:100%;
}

.col-n {
    width:519px;
}

.col-o {
    width:190px;
    float:right;
    margin-right:0;
}

.last {
	margin-right:0;
}

/** footer */

.footer {
	margin:38px 0 0 0;
	width:100%;
	float:left;
}

/** layout details (extracted from prototype stylesheets) */

.masthead {
	float:left;
	width:100%;
}

.masthead h1, .masthead p {
	float:left;
	margin-bottom:0;
	line-height:38px;
    font-size:26px;		
}

.masthead .nav {
	float:right;
	text-transform:lowercase;
	margin-bottom:0;	
}

.nav a {
    font-size:19px;	
    line-height:38px;
    margin-right:38px;
}

/**
 * Base font sizes
 */
body {
	font-size:15px;
}

a {
	text-decoration:none;
}

ul {
	list-style-type:none;
}

p, li, dl {
	font-size:15px;
	line-height:160%;
	margin-bottom:15px;
}

.article-date, .article-about {
    font-size:12px;    
}

.article-title h1 {
    margin-top:19px;
}

.article-title.minor h1 {
    font-size:38px;
    line-height:38px;
}

.article-title.major h1 {
    font-size:46px;
    line-height:54px;
}

.article-title.maximal h1 {
    font-size:57px;
    line-height:65px;
}

.article ul {
	list-style-type:square;
}

.article h2 {
    margin-bottom:15px;
}

.article blockquote {
	margin-right:36px;
	padding:3px 7px;
	margin-bottom:15px;
	font-size:15px;
	line-height:160%;	
}

.content .article blockquote h3 {
	margin-bottom:4px;
}

.article blockquote p {
	font-size:15px;
	line-height:160%;
	margin-bottom:0;
}

.article blockquote h3 a,
.article blockquote p a {
    text-decoration:none;
    border-bottom:0;
}

.article blockquote cite {
	display:block;
	margin-top:15px;
}

.content .article h3 {
    margin-bottom:15px;
}

.article img {
	margin-bottom:15px;
}

.article .image a {
    border-bottom:none;
}

.article .enclosure,
.article .video,
.article .audio {
	margin-bottom:15px;
}

.entry .article .image-caption {
	width:248px;
	float:right;
	margin:0 -30px 15px 10px;
}

.entry .article .image-caption p {
	margin:0 4px 8px 6px;
	font-size:12px;
}

.entry .article .image-caption img {
	margin:4px;
}


.entry .entry-date, .entry .entry-about {
	width:100%;
}

.entry-comments {
	margin-top:3px;
	font-size:11px;
}

.entry-comments span {
	font-size:15px;
}

.entry-comments a {
	padding:0 3px;	
}

.entry .entry-meta {
	margin-left:0;
}

.entry .entry-meta.entry-comments {
	font-size:15px;
}

.col-c span.article-date {
    display:block;
    margin:6px 0 5px 0;
}

.col-c p.article-summary {
    font-size:13px;
}

p.intro {
    font-size:13px;
}

.img-a {
	margin-left:20px;
	margin-bottom:20px;	
	width:280px;
	float:left;
}

pre {
	overflow:auto;
	margin-right:38px;
	margin-bottom:15px;
	padding:6px;
	line-height:21px;
}

.article table {
	margin-bottom:15px;
}

.article td {
	font-size:12px;
	line-height:18px;
	padding:3px;
}

.img-a img {
	border:0;
	float:left;
}

.stream {
	height:1300px;
}

.activity {
	margin-bottom:18px;
	height:160px;
}

.activity-meta {
	margin-left:4px;
	font-weight:bold;
}

.activity .activity-meta p {
	font-size:10px;
}

.activity-content {
	margin:4px;
	height:150px;
	overflow:hidden;
}

.activity .image-link {
	font-weight:bold;
	margin-bottom:4px;
}

.activity p {
	font-size:11px;
	margin-bottom:0;
}

.activity .comment {
	padding:0;
}

.activity blockquote.twitter p {
	font-size:15px;
}

.activity .posted-link {
	font-size:18px;
}

.activity .audio-favorite {
	font-size:18px;
}

.archive-years h2 {
	font-size:48px;
	width:127px;
	float:left;
	clear:none;
	margin-right:20px;
}

.archive-years h2 a {
	display:block;	
}

/** comments */

.col-g#discussion, .col-g#post-comment {
	margin-top:0;
}

#post-comment h3 {
	margin-bottom:0;
}

.comments-notice {
	padding:4px 4px 4px 7px;
}

.comments-notice p {
	font-size:15px;
	margin-bottom:0;
}

.comment {
	margin-left:3px;
	min-height:80px;
	line-height:160%;
}

.comment.twitter {
	font-size:15px;
	font-style:italic;
}

.comment-author {
	margin-left:3px;
	font-size:15px;
	font-style:italic;
}

.comment-date {
	margin-right:3px;
	margin-top:-22px;
	float:right;
	font-size:12px;
}

.section.discussion {
	height:40px;
}

#comment-form .element-input label, #comment-form .element-textarea label {
	display:block;
	margin-bottom:3px;
}

#comment-form .element-input span {
	font-size:12px;
	margin-left:3px;
}

#comment-form .element-input {
	margin:12px 0;
}

#comment-form .element-input input {
	width:240px;
	font-size:15px;
	padding:3px;
}

#comment-form .element-textarea textarea {
	width:490px;
	height:110px;
	font-size:15px;
	line-height:18px;
	padding:6px 3px;
}

#comment-form p {
	margin:0 0 18px 0;
}

#comment-form .element-actions {
	text-align:right;
}

#comment-form button {
	padding:3px 6px;
	font-size:18px;
	margin:12px 15px 0 0;
}

blockquote.help {
	margin-top:-8px;
}

blockquote.help p {
	font-size:12px;
}

.error {
	padding:3px;	
}

.project-meta p {
    margin-bottom:0;
}

.project-meta p {   
    font-weight:bold;
}

.project-meta dt {
    line-height:160%;    
    float:left;
    width:18%;
}

.project-meta dd {
    line-height:160%;
    float:left;
    width:70%;    
}

.project.image {
    margin-top:0;
}

.col-f p {
    margin-bottom:0;
}

.col-o dd {
    margin-right:18px;
}

/**
 * Base fonts
 */

body {
    font-family:"Trebuchet MS",Helvetica,arial,sans-serif;
}

/**
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Typekit
 * @vendorurl:  http://www.typekit.com
 */
.masthead h1, .masthead p, .nav {
	font-family:"museo-slab-1","museo-slab-2","Lucida Bright","Century Schoolbook",Georgia,serif;	
	font-weight:bold;
}

.article code, .article pre {
	font-family:'Monaco',monospace,courier;
}

#comment-form .element-input input {
	font-family:Georgia,Times,serif;
	font-weight:bold;
}

#comment-form .element-textarea textarea {
	font-family:Georgia,Times,serif;
}

#comment-form .element-input label, #comment-form .element-textarea label {
}

#comment-form .element-input span {
	font-style:italic;
}

#comment-form button {
	font-family:Georgia,Times,serif;
	text-transform:uppercase;
	letter-spacing:1px;
}

/* footer */

.footer {
    font-family:"Trebuchet MS";
}

.footer .article a {
    border:none;
}

.footer .copyright {
    font-size:11px;
}

.footer h4, .footer h5 {
    margin-bottom:15px;
}

.footer .article a {
    font-size:15px;
    display:block;
}

.footer h5 {
    font-size:14px;
}

.footer h4, .footer h5, .footer a {
	font-family:"museo-slab-1","museo-slab-2","Lucida Bright";
}

.footer .article .article-date {
    font-size:11px;
    display:block;
    margin-bottom:2px;
}

.footer .article .article-summary {
    margin-top:3px;
    font-size:13px;
}

.footer .col-j li {
    font-size:13px;
    margin-bottom:5px;
}

.footer .col-j li p {
    font-size:13px;
}
