#ie {
    display: none;
}

.box {
	width: 4em;
	height: 4em;
	background: red;
}

html, body {
	background: #fff;
    /*background: #fff url('/css/grid_960_60.png') repeat-y top left;*/
}

body {
	font-family: Helvetica, Arial;
	font-size: 0.9375em; /* 15px */
}

sup {
	vertical-align: baseline;
}

a {
	color: #000;
	text-decoration: none;
}
    
    a.st {
        text-decoration: line-through;
    }

	a:hover {
		text-decoration: underline;
		color: #000;
		outline: 0px;
	}

a.obvious {
	text-decoration: underline;
}

	a.obvious:hover {
		text-decoration: none;
	}

img {
	border: 1px solid #000;
}

small.faded,
small.faded a {
    color: #999;
}

    small.faded a {
        text-decoration: underline;
    }

/* ------------------------------------------------------------------------------------- */

.container {
	margin-left: 4em;
	padding-bottom: 2em;
}

.composite {
	padding-bottom: 2em;
	width: 56em; /* 15px -> 840px */
}

	.composite .left {
		/*background: #ddd;*/
		float: left;
		font-size: 1.4em; /* 15px -> 21px */
		/*width: 12.381em;*/ /* 21px -> 260px */
		width: 210px;
		text-align: right;
		font-weight: bold;
	}
		
		.composite .left a.smaller {
			font-size: 0.952em; /* 21px -> 20px */
		}
		
		.composite .left div.small {
			font-size: 0.762em; /* 21px -> 16px */
			/*margin-top: 0.9375em;*/ /* 16px -> 15px */
			margin-top: 1em; /* because of the bold */
		}
			
			.composite .left div.small.nomargin {
				margin-top: 0px;
			}

			.composite .left div.small a {
				color: #900;
			}
			
				.composite .left div.small a:hover {
					text-decoration: none;
					color: #000;
				}
				
			.composite .left div.small p {
				/*margin-bottom: 5px;*/
			}

				.composite .left div.small p.nomargin {
					margin-bottom: 0px;
				}

	.composite .delimiter {
		float: left;
		text-align: center;
		font-size: 1.4em; /* 15px -> 21px */
		font-weight: bold;
		width: 1.428em; /* 21px -> 30px */
	}
	
	.composite .right {
		float: left;
		font-size: 1.4em; /* 15px -> 21px */
		width: 24.286em; /* 21px -> 510px */
	}

		.composite .right strong {
			font-weight: bold;
		}
		
		.composite .right ul {
		}
			
			.composite .right ul li {
				margin-bottom: 0.27em;
			}

/* ------------------------------------------------------------------------------------- */

.composite.title {
	margin-top: 4em;
	height: 4em;
	padding-bottom: 0em;
}

	.composite.title .left,
	.composite.title .left a,
	.composite.title .delimiter {
		color: #900;
	}

	.composite.title .right {
	}
	
		.composite.title .right .list {
		}
		
			.composite.title .right .list li {
				float: left;
				margin-right: 0.714em;
				font-weight: bold;
			}
		
			.composite.title .right .list a {
				color: #aaa;
			}
			
				.composite.title .right .list a:hover {
					color: #000;
				}

/* ------------------------------------------------------------------------------------- */

.composite.blog {
}
		
	.composite.blog .right {
	}

		.composite.blog .right h1 {
			margin-bottom: 0.714em; /* 21px -> 15px */
		}
		
		.composite.blog .right .body {
			font-size: 0.666em; /* 21px -> 14px */
			line-height: 1.5em;
		}
		
			.composite.blog .right .body a {
				text-decoration: underline;
				color: #900;
			}
			
			.composite.blog .right .body p {
				margin-bottom: 1.072em; /* 14px -> 15px */
			}

				.composite.blog .right .body p.footnote {
					color: #555;
					font-size: 0.928em; /* 14px -> 13px */
				}
				
					.composite.blog .right .body p.footnote sup {
						color: #000;
					}

				.composite.blog .right .body p.light {
					color: #999;
				}
				
					.composite.blog .right .body p.light a {
						border: none;
						color: #777;
					}

			.composite.blog .right .body .shortcut {
			}

			.composite.blog .right .body sup {
				vertical-align: baseline;
				position: relative;
				top: -0.417em;
			}
			
				.composite.blog .right .body sup a {
					text-decoration: none;
				}
		
			.composite.blog .right .body table {
				margin-bottom: 1.072em; /* 14px -> 15px */
				width: 47.143em;
			}
			
				.composite.blog .right .body table tr {
					border-bottom: 1px solid #ddd;
					border-top: 1px solid #ddd;
				}
				
					.composite.blog .right .body table tr td,
					.composite.blog .right .body table tr th {
						font-size: 13px;
						padding: 2px 10px 0px 10px;
						white-space: nowrap;
					}
					
					  .composite.blog .right .body table tr th {
					    font-weight: bold;
					  }
					
						.composite.blog .right .body table tr td.wide {
							width: 100%;
						}
					
						.composite.blog .right .body table tr td code {
							font-size: 13px;
						}
		
			.composite.blog .right .body h1 {
			    font-size: 1.5em;
			    margin-top: 1.4em;
			    margin-bottom: 0.7em;
			}
			
			    .composite.blog .right .body h1.first {
			        margin-top: 0em;
			    }
			
			.composite.blog .right .body h2 {
				font-size: 1.143em; /* 14px -> 16px */
				margin-top: 1.875em; /* 16px -> 30px */
				margin-bottom: 0.9375em; /* 16px -> 15px */
				font-weight: bold;
			}
			
			.composite.blog .right .body h2.first {
				margin-top: 0px;
			}

			.composite.blog .right .body h3 {
				font-size: 1.143em; /* 14px -> 16px */
				margin-top: 1.875em; /* 16px -> 30px */
				margin-bottom: 0.9375em; /* 16px -> 15px */
			}
			
			.composite.blog .right .body img {
			}

				.composite.blog .right .body img.nomargin {
					margin: 0;
				}

				.composite.blog .right .body img.clean {
					border: none;
				}

				.composite.blog .right .body img.bordered {
					border: 1px solid #ccc;
					padding: 0.214em; /* 14px -> 3px */
				}
				
				.composite.blog .right .body img.fw {
				  width: 500px;
				}

				.composite.blog .right .body img.hw {
				  width: 250px;
				}
				
				.composite.blog .right .body img.array {
					margin-right: 0.143em;
				}
				
					.composite.blog .right .body img.array.first {
					}

					.composite.blog .right .body img.array.last {
						margin-right: 0px;
					}
			
			.composite.blog .right .body .ll {
			  height: 2px;
			  margin: 100px 0px 0px 0px;
			  background: #ccc;
			}
			
			.composite.blog .right .body code {
				font-family: monospace;
				font-size: 1.273em; /* 11px -> 14px */
			}
			
			.composite.blog .right .body code.nowrap {
				white-space: nowrap;
			}			
			
			.composite.blog .right .body ul {
				margin-bottom: 1.072em;
			}

				.composite.blog .right .body ul li {
					list-style-type: disc;
					list-style-position: outside;
					margin-left: 2em;
				}
				
				  .composite.blog .right .body ul li ul {
				    margin-top: 0.5em;
				  }
			
			.composite.blog .right .body em,
			.composite.blog .right .body i {
				font-style: italic;
			}
			
			.composite.blog .right .body b,
			.composite.blog .right .body strong {
				font-style: bold;
			}
			
			.composite.blog .right .body blockquote {
				border-left: 1px solid #ccc;
				margin: 1em;
				padding: 0px 0px 0px 1em;
			}

				.composite.blog .right .body blockquote p {
					font-size: 1.0667em;
				}
			
			.composite.blog .right .body a.download {
				font-size: 1.25em; /* 14px -> 21px */
			}
				
			.composite.blog .right .body .uv {
				margin-bottom: 1.072em; /* 14px -> 15px */
				width: 47.143em; /* 14px -> 660px */
				border: 1px solid #ddd;
			}
		
				.composite.blog .right .body .uv pre {
					padding: 0.454em 0.6em;
					font-family: Monaco, monospace;
					font-size: 11px; /* 11px */
					line-height: 1.4em;
					word-wrap: break-word;
					white-space: pre;
					white-space: pre-wrap;
					white-space: -moz-pre-wrap;
					white-space: -o-pre-wrap;
				}

/* ------------------------------------------------------------------------------------- */

/*
.vimeo {
	font-size: 0.75em;
}

	.vimeo object {
		border: 1px solid #000;
	}
	
	.vimeo a {
		line-height: 2em;
	}
*/

.composite.blog .right table.details {
}

  .composite.blog .right table.details tr td.key {
    width: 1%;
    color: #666;
    vertical-align: top;
  }
  
  .composite.blog .right table.details tr td.value {
    vertical-align: top;
  }

.composite.blog .right table.pt {
  margin-top: 2em;
}

.composite.blog .right table.clean tr {
  border: none;
}

  .composite.blog .right table.clean tr td.top {
    vertical-align: top;
  }