/* This file contains the styles only used on content pages */
body {
 min-width: 750px;
}

/* Breadcrumbs */
#breadcrumbs {
 width: 92%;
 clear: both;
 margin-left: auto;
 margin-right: auto;
 line-height: 1em;
 color: #666;
}

#breadcrumbs h1 {
 font-size: 0.8em;
 display: inline;
 font-weight: bold;
 margin: 0;
}

#breadcrumbs p {
 margin: 0;
}

#breadcrumbs ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
 border: none;
} 

#breadcrumbs ul li {
 margin-left: 0;
 padding-left: 2px;
 border: none;
 list-style: none;
 display: inline;
 font-size: 0.8em;
}

/* Main content */
#content {
 margin-left: 16em;
 margin-top: 1em;
 clear: none;
}

/* Right-hand links */
#rightLinks {
 margin-top: 1em;
 width: 14em;
 float: right;
}

#rightLinks ul {
 list-style: none;
 margin: -0.1em 1em 0 0.5em;
 padding: 0;
}

#rightLinks ul li {
 border-bottom: #fff solid 1px;
 padding-bottom: 1em;
 line-height: 1.5em;
 font-size: 0.7em;
 color: #666;
 background: #fff;
}

#rightLinks a {
 font-size: 1.2em;
 text-decoration: underline;
}

/* General stuff for right links boxes */
/* Layout */

.rightLinksBox {
 right: 3em;
 margin: 0 0 2em 0;
 width: 12em;
 color:#000;
 background: transparent no-repeat bottom left;
}

.rightLinksBox .header {
 height: 30px;
 padding-left: 1em;
}

.rightLinksBox .footer {
 height: 12px;
}

.rightLinksBox .header .corner,
.rightLinksBox .footer .corner {
 font-size:1px; /* ensure minimum height */
 height:30px;
 width: 14px;
 float: right;
}

.rightLinksBox .body {
 background:transparent url(../images/layout/content/rightlinks/ml.png) repeat-y 0px 0px;
}

.rightLinksBox .body .corner {
 background:transparent url(../images/layout/content/rightlinks/mr.png) repeat-y right 0px;
}

.rightLinksBox .body .corner .s {
 margin: 0px 0px 0px 0px;
 background: transparent;
 padding:0 0 0 0;
 position: relative; /* just so the "more..." link sticks to the bottom-right" */
}

.rightLinksBox .footer {
 background:transparent url(../images/layout/content/rightlinks/bl.png) no-repeat 0px 0px;
}

.rightLinksBox .footer .corner {
 background:transparent url(../images/layout/content/rightlinks/br.png) no-repeat right 0px;
}


/* Styles */

.rightLinksBox h1 {
 /* header */
 font-size:1.5em;
 color: #FE7013;
 line-height: 1em;
 text-transform: lowercase;
 font-weight: normal;
}

.rightLinksBox .header h1 {
 display: inline;
 clear: none;
 color: #fff;
 padding: 0;
 margin: 0 0 0 -0.2em;
 font-size: 1em;
 line-height: 27px;
}

.rightLinksBox p {
 margin:0px 0px 0px 0px;
 padding:0px;
}

.rightLinksBox p.whatAreThese {
 text-transform: lowercase;
 font-size: 0.5em;
 font-weight: bold;
 text-align: right;
 background: #fff;
 margin-left: 5px;
 margin-right: 7px;
}

html>body .rightLinksBox pre {
 font-size:1.1em;
}

#usefulLinks .header {
 background:transparent url(../images/layout/content/rightlinks/tlDarkGrey.png) no-repeat 0px 0px;
}

#usefulLinks .header .corner {
 background:transparent url(../images/layout/content/rightlinks/trDarkGrey.png) no-repeat right 0px;
}

#sponsoredLinks .header {
 background:transparent url(../images/layout/content/rightlinks/tlLightGrey.png) no-repeat 0px 0px;
}

#sponsoredLinks .header .corner {
 background:transparent url(../images/layout/content/rightlinks/trLightGrey.png) no-repeat right 0px;
}

/* Left-hand navigation */
#leftNav {
 position: absolute;
 left: 1em;
 margin-top: 1em;
 width: 14em;
}

#leftNav ul {
 list-style: none;
 margin: -0.25em 1em 0 1em;
 padding: 0;
}

#leftNav ul li {
 border-bottom: #8b8b8b solid 1px;
 line-height: 1.5em;
}

#leftNav ul li.last {
 border-bottom: #fff solid 1px;
}

#leftNav a {
 text-decoration: none;
}

/* General stuff for left navigation box */
/* Layout */
.leftNavBox {
 margin:0 0 0 0;
 width: 14em;
 color:#000;
 background: transparent no-repeat bottom left;
 clear: both;
}

.leftNavBox .header {
 height: 36px;
 padding-left: 1em;
}

.leftNavBox .footer {
 height: 12px;
}

.leftNavBox .header .corner,
.leftNavBox .footer .corner {
 font-size:1px; /* ensure minimum height */
 height:36px;
 width: 14px;
 float: right;
}

.leftNavBox .body {
 background:transparent url(../forum_images/ml.gif) repeat-y 0px 0px;
}

.leftNavBox .body .corner {
 background:transparent url(../forum_images/mr.gif) repeat-y right 0px;
}

.leftNavBox .body .corner .s {
 margin: 0px 0px 0px 0px;
 background: transparent;
 padding:0 0 0 0;
 position: relative; /* just so the "more..." link sticks to the bottom-right" */
}

.leftNavBox .footer {
 background:transparent url(../forum_images/bl.gif) no-repeat 0px 0px;
}

.leftNavBox .footer .corner {
 background:transparent url(../forum_images/br.gif) no-repeat right 0px;
}


/* Styles */

.leftNavBox h1 {
 /* header */
 font-size:1.5em;
 color: #FE7013;
 line-height: 1em;
 text-transform: lowercase;
 font-weight: bold;
}

.leftNavBox .header h1 {
 display: inline;
 clear: none;
 color: #fff;
 padding: 0;
 margin: 0 0 0 0;
 font-size: 1em;
 line-height: 27px;
}

.leftNavBox p {
 margin:0px 0px 0px 0px;
 padding:0px;
}

html>body .leftNavBox pre {
 font-size:1.1em;
}

/* Top-right banner ad stuff */
#topRightBannerAdContainer {
 position: absolute;
 top: 3.5em;
 right: 5em;
 height: 59px;
 width: 487px;
 background: #194b7d;
}

#topRightBannerAdTag {
 background: url(../images/layout/content/advertTag.png) no-repeat;
 width: 23px;
 height: 59px;
 float: left;
}

#topRightBannerAd {
 border: 2px #194b7d solid;
 padding: 0;
 z-index: 99;
 float: right;
}

#topRightBannerAd img {
 border: 0;
 padding: 0;
}

/* Text formatting stuff */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content h7 {
 margin: 0 0 0 -0.2em;
}

#content h1 {
 font-size: 2.2em;
}

#content h2 {
 font-size: 1.6em;
 color: #3b3b3b;
}

#content h3 {
 font-size: 1.4em;
 color: #666;
}

#content p {
 margin-top: 0;
 margin-bottom: 0.5em;
}

#content p.byline {
 font-weight: bold;
 line-height: 1.5em;
}