/***************************************************
GLOBAL PAGE LAYOUT ELEMENTS
***************************************************/

body { text-align: center; min-width: 766px; }

/* Outer bounding box for all pages */
#Frame {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:766px;
	text-align:left; }

/* 37signals logo */
#Logo {
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 22px;
	width: 100px;
	text-align: right; }

/* Back to top */
#BackToTop {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-size: 9px; }

/* Copyright notice at bottom */
#Copyright {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 10px; }


/***************************************************
2-COLUMN BOX
***************************************************/

/* 2-Column box with gray sides all around */
.TwoColClosedBox {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #ccc; }

/* Left side text */
.TwoColClosedText {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 20px;
	width: 501px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 481px; }
	
html>body .TwoColClosedText { width:481px; }

/* Right side text */
.TwoColClosedSidebar {
	float: right;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	width: 240px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px; }

html>body .TwoColClosedSidebar { width:200px; }

/* Sidebar boxes */
.SidebarBox, .SidebarAnnounce { margin-bottom: 25px; }

/* Special Announcement box */
.SidebarAnnounce {
	padding: 10px;
	border: 1px dashed #999;
	background-color: #E5FFE9;
	font-size:12px; }

/* Paragraphs inside Special Announcement box */
.SidebarAnnounce p {
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height:15px;
	color: #333; }

/* Syndicate image boxes */
.syndicate { margin-bottom:4px; }

/* SVN logo */
#Masthead {
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 15px 0px;
	text-align: center;
	border-bottom: 1px dotted #ccc; }
	
/* Toggle link target */
#Toggle {
	padding: 4px;
	margin: 0px 0px 20px 0px;
	font-size: 9px;
	border: 1px solid #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 1px dotted #999; }

html>body #Toggle { border: 1px dotted #999; }
	
/* Links above date head to jump down page */
#CommentAnchors {
	margin-bottom:10px;
	font-size:10px; }
	
/* Blog posting */
.PostBox { margin-bottom: 15px; }
	
/* Comments box */
#CommentsBox {
	padding: 15px;
	background-color: #f5f5f5;
	border: 1px solid #dedede; }

/* Paragraphs inside comments area */
#CommentsBox p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height:15px;
	color: #333; }

/* Quotes inside comments area */
#CommentsBox blockquote {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 30px;
	font-size:10px;
	line-height:14px;
	color: #666; }

/* Comment info fields */
#CommentInfo {
	width:180px;
	padding-right:15px;
	margin-right:15px;
	float:left;
	text-align:left;
	border-right:1px dotted #ccc; }

/* Ad box */
#AdBox {
	padding: 3px 0;
	text-align: center;
	margin-bottom: 15px;
	background-color: #fff;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede; }


/***************************************************
FAQ BOX
***************************************************/

/* FAQ gray closed box */
#FAQBox {
	margin: 20px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
	text-align: left;
	border: 1px solid #ccc; }

/* Text inside box */
#FAQText {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 600px; }


/***************************************************
GETTING STARTED BOX
***************************************************/

/* Getting Started yellow box */
#GetStartedBox {
	margin: 20px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
	text-align: left;
	border: 1px solid #fc6; }

/* Text inside box */
#GetStartedText {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 600px; }


/***************************************************
MISCELLANEOUS
***************************************************/

/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }

.SpacerClearRight { clear: right; font-size:1px; }
.SpacerClearLeft { clear: left; font-size:14px; }

.oldbrowsers { display: none; }