body { margin: 0; padding: 0; color: #eee; background: #191919 url(img/bkg.jpg) no-repeat center top; text-align: center; }

#wrap { width: 900px; margin: 0 auto; text-align: left; }
#main { width: 844px; padding: 24px 28px; min-height: 400px; }
#news { float: left; width: 692px; padding: 36px 0 0 2px; }
#side { float: right; width: 120px; padding: 40px 2px 0 0; }
#sideII { float: right; width: 120px; padding: 50px 2px 30px 0; }
#foot { width: 840px; padding: 24px 30px; clear: both; }

h1 { width:844px; height: 228px; background: url(img/detroit-lions-den2.png) left top no-repeat; text-indent:-500em; margin: 24px auto -52px; padding: 0; }
h2 { font: normal 1.1875em/1em Arial, Helvetica, sans-serif; margin: 0; text-align: right; padding-right: 10px; }
h3 { font: normal 1.125em/1em Arial, Helvetica, sans-serif; margin: 0 0 2px; border-bottom: 1px dotted #eee; padding: 6px 0; }
h3.green { color: #6cb262; border: 0; margin-bottom: 1em; }
h4 { font: bold 1em/1em Arial, Helvetica, sans-serif; margin: 0 0 2px; border-bottom: 1px dotted #eee; padding: 6px 0; color: #6cb262; }

a { color: #09f; text-decoration: none; }
a:hover { color: #f63; text-decoration: underline; }

p { margin-top: 0; font: 0.8125em/1.5em Verdana, Arial, Helvetica, sans-serif; }

/* //////////old feed boxes - still used on resources page*/
div.feed { float: left; width: 330px; margin: 30px 30px 0 0; height: 180px; }
div.feed ul { margin: 0 0 2px; padding: 0; list-style: none; font: 0.75em/1.25em Verdana, Arial, Helvetica, sans-serif; }
div.feed ul li { margin: 0; padding-left: 18px; background: url(img/bullet.png) no-repeat left 1px; }
div.feed ul li a:visited { padding-right: 18px; background: url(img/bullet-visited.png) no-repeat right 1px; }

abbr { border-bottom: 1px dotted; cursor: help; }

blockquote { padding: 30px 60px 0 0; background: url(img/quotes-right.png) no-repeat right bottom; }
p.quote { font-weight: bold; font-style: italic; padding-left: 60px; background: url(img/quotes-left.png) no-repeat left top; }
p.author { text-align: right; }

.ctr { text-align: center; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearLeft { clear: left; }
.marginTop30 { margin-top: 30px; }

#side form { font: 0.75em Arial, Helvetica, sans-serif; margin: 0 0 60px; border: 1px dotted #09f; padding: 12px; }
#side form input { padding: 0; border: 1px solid #444; }

#foot p { font-size: 0.625em; margin: 0; color: #777; }
#foot a { color: #777; }
#foot a:hover { color: #f63; }

form { font: 0.8125em/1em Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 1em auto; width: 844px; }
form div { padding: 4px 0 8px; }
fieldset { padding: 0 40px 2em 225px; border: 1px solid #444; }
legend { font: 1.5em Arial, Helvetica, sans-serif; color: #09f; padding: 0 0.5em; margin: 1em 0 1em -0.5em; }
/* Form Validation */
label.error { font-weight: bold; float: none; color: #6cb262; padding-left: 20px; background: url(img/cross.png) no-repeat left center; margin-left: 6px; }
label.checked { background: url(img/tick.png) no-repeat left center; height: 16px; width: 16px; margin-left: 6px; }

#side form { font: 0.75em Arial, Helvetica, sans-serif; margin: 0 0 60px; border: 1px dotted #09f; padding: 12px; width: 94px; }
#side form input { padding: 0; border: 1px solid #444; }

.feedTitle { cursor: pointer; padding: 6px 12px; background: url(img/portfolio-open.png) right center; margin: 4px 0 0; }
.feedTitle:hover { color: #09f; }
h3.feedTitle { margin: 4px 0 0; border-bottom: 0; color: #6cb262; }
.feedOpen { background: url(img/portfolio-close.png) right center; }
.feedNews { padding: 6px 12px 12px; background: url(img/bkg-portfolio.png); overflow: auto; }
div.feedNews ul { margin: 0 0 2px; padding: 0; list-style: none; font: 0.75em/1.25em Verdana, Arial, Helvetica, sans-serif; }
div.feedNews ul li { margin: 0; padding-left: 18px; background: url(img/bullet.png) no-repeat left 1px; }
div.feedNews ul li a:visited { padding-right: 18px; background: url(img/bullet-visited.png) no-repeat right 1px; }


/* AddThis */
.addthis_toolbox { float: right; width: 400px; text-align: right; margin-top: 30px; }
.addthis_toolbox .custom_images a { width: 16px; height: 16px; margin: 0; padding: 0; }
.addthis_toolbox .custom_images a:hover img { opacity: 0.5; }
.addthis_toolbox .custom_images a img { opacity: 1; }