/* stopsay.in page CSS. Super simple. All by SuitCase (suitcase@soaringrabbit.com) */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	min-width: 740px;
	max-width: 900px;
	background-color: #DEE7E7;
	margin: 0 auto;
	border: 10px solid #DEE7E7;
	border-bottom: none!important;
}
h1 {
	font-size: 67px;
	color: #A92727;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	line-height: 118px;
	height: 120px;
	background: #C6D6D6 url(img/stopsaying.png) no-repeat top center;
	padding-top: 80px;
	margin: 0 0 .1em;
}
h2 {
	height: 50px;
	background: #C6D6D6 url(img/youcanonlysay.png) no-repeat center;
	margin: 1.5em 0 .5em;
}
p {
	font-size: 1.4em;
	color: #454452;
	line-height: 1.3em;
	width: 70%;
	padding-top: .8em;
	margin: 0 auto;
}
p#rationale,div#rationale p,ul#rationale,div#rationale ul {
	padding: 0!important;
}
p#exceptions,div#exceptions p,ul#exceptions,div#exceptions ul {
	font-size: 1.2em!important;
	line-height: 1.25em!important;
	padding: 0!important;
}
ul#rationale,div#rationale ul,ul#exceptions,div#exceptions ul {
	display: block;
	width: 65%;
	padding-left: 5%!important;
	margin: .9em auto;
}
p.youtube {
	width: 720px;
}
p.smallprint {
	font-size: 1em;
	text-align: center;
	line-height: 1.4em;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 5em;
	border-top: 3px solid #C6D6D6;
}
strong {
	font-size: 145%;
	font-weight: normal;
	line-height: 145%;
}
a:link,a:hover {
	color: #A92727;
}
a:visited {
	color: #B85C5C;
}
span.titletext {
	display: none;
}

/* List-page-specific stuff. */

body#list h1 {
	padding-top: 0!important;
	background-image: url(img/h1_list.png)!important;
}
body#list h2.todo {
	height: 1em;
	background-image: url(img/todo.png);
}
body#list p {
	font-size: 1.1em;
	width: 85%!important;
}
ul {
	color: #454452;
	line-height: 130%;
	list-style-type: square;
	margin-bottom: 3em;
}
body#list strong {
	font-size: 110%;
	font-weight: bold;
	line-height: 110%;
}
div.columns h3 {
	height: 45px;
	background: #C6D6D6 url(img/h3_stopsaying.png) no-repeat center;
	margin-top: 1.5em;
}
div.columns h3.dontruin {
	background-image: url(img/h3_dontruin.png)!important;
}
div.columnleft {
	float: left;
	width: 49%;
}
div.columnright {
	float: right;
	width: 49%;
}
.breakcolumn {
	clear: both;
	padding-top: 1.5em;
}
p.introtext {
	font-size: 1.5em!important;
}
p#gone {
	text-align: center;
	line-height: 135%;
	background-color: #E6E0DD;
	padding: .8em 2em;
	margin-top: .9em;
	border: 2px solid #A92727;
}
body#list p.smallprint {
	font-size: 1em;
	width: 100%!important;
}

/* I'm getting reliant on hacks, aren't I?

Fixes width in IE6 and below. (It doesn't support max-width) */
* html body, {
	width: 900px;
}