/* Content area of hack pages and other site pages */
#content
{
	background: ivory;
/*	background-image: url(/images/bg.png); */
	margin-top: 0;
	padding: 0.5em 0 0.1em 0.5em;
	text-align: justify;
}

#content #hackdetails
{
	border-left: 2px solid darksalmon;
	border-bottom: 2px solid firebrick;
	float: right;
	width: 30%;
	background: navajowhite;
	margin: 0 0 0.5em 0.7em;
	padding: 0.3em;
}


#content #hacknotify
{
	clear: right;
	border-left: 2px solid darksalmon;
	border-bottom: 2px solid firebrick;
	border-top: 2px solid darksalmon;
	float: right;
	width: 25%;
	background: navajowhite;
	margin: 0 0 0.5em 0.7em;
	padding: 0.3em;
}

#content p
{
	padding-right: 0.5em;
	margin-left: 0.2em;
}

#hackdetails p, #hacknotify p
{
	text-align: left;
	padding: 0.2em;
	margin: 0.2em;
}

/* Centered Text */
#hackdetails #download
{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	background-color: green;
	text-transform: uppercase;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: white;
	display: block;
	padding: 0.4em;
}

.beta
{
	background-color: red;
	color: white;
	font-weight: bold;
}

.discontinued
{
	background-color: darkblue;
	color: white;
	font-weight: bold;
}

.stable
{
	background-color: green;
	color: white;
	font-weight: bold;
}

#hackdetails dl
{
	list-style-type: none;
	padding: 0 !important;
	margin: 0;
}

#hackdetails dt
{
	float: left;
	padding: 0.4em;
	margin: 0;
	min-width: 25%;
}

#hackdetails dd
{
	padding: 0.4em;
	float: left;
	margin: 0;
}

#hackdetails fieldset
{
	border: 1px solid darksalmon;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	margin: 0.3em;
	padding: 0.2em 0.4em;
}

#hackdetails legend
{
	border: 1px solid darksalmon;
	padding: 0.2em 0.4em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
}

#hackdetails ul
{
	list-style-type: none;
	margin: 0.3em;
	padding-left: 0.6em;
}

.alert
{
	text-transform: uppercase;
	text-decoration: underline;
}

#content > p.start
{
	margin-top: 0.4em;
}

#content ul, #content ol
{
	font-size: 1em;
}

#content ul p, #content ol p
{
	font-size: 1em;
}

#content ul ul, #content ol ul, #content ol ol
{
	font-size: 1em;
}

li
{
	padding-right: 0.5em;
	margin-left: 0.2em;
}

#content ol li
{
	padding-right: 3em;
	margin-left: 0.2em;
}

.feature
{
	font-weight: bold;
}

.linkbanner
{
	margin: 1em;
	text-align: center;
}

h2.refineheader
{
	text-decoration: none;
	text-align: center;
	margin-bottom: 0;
	font-size: 0.95em;
}

hr.refineheader
{
	clear: both;
	width: 95%;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
}

#content dl
{
	margin: 0 0.5em 2em 0.2em;
	padding-right: 4em;
	padding-left: 4em;
}

dt.hacklink
{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

dt.hacklink a
{
	text-decoration: none;
	color: saddlebrown;
}

dt.hacklink a:hover
{
	background-color: inherit;
	text-decoration: underline;
	color: firebrick;
}

.hacknum
{
	font-weight: normal;
	font-size: 0.9em;
}

dd.hackdesc
{
	font-size: 1em;
	text-align: left;
}

.error
{
	background-color: red;
	color: white;
	font-weight: bold;
	text-align: center;
	width: 95%;
	padding: 0.3em;
	margin: 0.5em;
}

#bookimg
{
	float: right;
	margin: 1em;
}

#bookimg2
{
	float: left;
	margin: 1em;
}

.booktitle
{
	font-style: italic;
}

#column1
{
	width: 48%;
	float: left;
	clear: left;
	border-right: 1px solid saddlebrown;
}

#column2
{
	width: 48%;
	float: right;
	clear: right;
}

p.refinecat
{
	font-size: 0.75em;
}


pre.code
{
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 0.9em;
	color: darkgreen;
	background-color: honeydew;
	border: 1px solid darksalmon;
	padding-left: 2em;
	padding-right: 2em;
	margin: 0.6em;
}

span.code
{
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 0.9em;
	color: darkgreen;
	background-color: honeydew;
	border: 1px solid darksalmon;
	border-bottom: 1px solid firebrick;
	border-right: 1px solid firebrick;
	padding: 0.1em 0.2em;
	line-height: 200%;
}

blockquote
{
	font-size: 0.8em;
}

ol#rules li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ol.subrules li
{
	list-style-type: lower-roman;
}

.modpreview
{
	width: 80%;
	height:	450px;
	border: none;
	clear: left;
}

.advert_side
{
	width: 20%;
	float: right;
	clear: right;
	background-color: ivory;
}

.advert_side .advert
{
	background-color: ivory;
}