@import url("reset.css");

/* ============
css3 goodness

-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #000;
box-shadow: 10px 10px 25px #ccc;

-moz-border-radius: 20px;
-webkit-border-radius: 20px;

opacity: 0.5;  
============ */

body {background: #f7f8f9;}
hr {margin: 8px 0px;}

/* ================= */
/* = Column Widths = */
/* ================= */
.one 	{width: 152px;}
.two 	{width: 316px;} 
.three 	{width: 480px;} /* Half */
.four 	{width: 644px;} 
.five 	{width: 808px;}
.six 	{width: 972px;} /* Full */

/*Utilities*/
.columnBoth {margin: 0 12px;}
.columnRight {margin-right: 12px;}
.columnLeft {margin-left: 12px;}

.left {float: left;}
.date {margin: -10px 0 10px 0;}

.showMe {border: red 1px solid;}

/*Gen Site styles*/
#container {margin: 0 auto; width: 1000px;}

#header {margin: 12px auto; width: 972px;}
#header #masthead {background: url(../images/DealBanner_2b.jpg) no-repeat top; height: 98px; }
#header #masthead a {display: block; height: 98px; width: 972px;}
#header #mainNav {background: #ec252b; font: bold 12px Helvetica, arial, sans-serif; height: 50px; margin-left: -12px; width: 994px;}
#header #mainNav ul {border: #ec252b 2px solid; margin-left: 12px;}
#header #mainNav li {float:left;}
#header #mainNav li img {margin-top: -8px;}
#header #mainNav li a {display: block; padding: 16px 10px;}
#header #mainNav li a:hover {background: #f7f8f9; color: #ec252b; }
#header #mainNav .cam a {background: none; border: none; padding: 10px 10px;}
#header #mainNav .cam a:hover {background: none; border: none; padding: 10px 10px;}

#footer {margin: 12px 0px;}
#footer #logoAd ul {}
#footer #logoAd li {float: left; margin-left: 18px;}
#footer #logoAd li:first-child {border-right: 1px solid; padding-right: 10px; margin-left: -10px; margin-top: 15px;}
#footer #links {background: #ec252b; font-size: 12px; height: 40px; margin-top: 10px; width: 994px;}
#footer #links li {color: #fff; float: right; font-weight: bold; padding: 12px 6px;}
#footer #links a {color: #fff;}
#footer #links a:hover {border-bottom: 1px solid;}
#footer #attribution {font-size: 12px; margin: 0 auto; width: 500px;}
#footer #attribution a {border-bottom: 1px solid;}
#footer #links .twitter img {margin-right: 3px; vertical-align: middle;}

#content {}

#leftRail {float: left;}

.box {background: #eee; border: #ccc 1px solid; color: #000; font-size: 14px; margin-left: 8px; margin-top: 12px; text-align: left; width: 298px;}
.box input, .box select {margin-bottom: 8px;}
.box h1, .box h2 {font-weight: 200;}
.box h1 {color: #fff; font-size: 16px;}
.box .featured-cats {display: none;}
.box .head {background: #ec252b; height: 20px; padding: 8px;}
.box .body {padding: 12px 12px 12px 40px;}
.games {margin-top: 12px;}
.games img {float: left; padding: 7px;}
.games ul {float: left; margin: 18px 0 0 35px;}
.games li {margin-bottom: 8px;}
.games a {color: #ed282a;}
.games a:hover {border-bottom: 1px solid;}

.mainContentTop {background: url(../images/main_top.gif) no-repeat center; height: 20px;}
.mainContentCenter {background: url(../images/main_center.gif) repeat-y center;}
.mainContentBottom {background: url(../images/main_bottom.gif) no-repeat center; height: 20px;}

#homeArticle {float: left; font-family: Helvetica, Arial, sans-serif;}
#homeArticle h1, #homeArticle h2 {color: #000; font-weight: 200;}
#homeArticle h1, #homeArticle h2 { margin-bottom: 12px;}
#homeArticle h1 {font-size: 36px;}
#homeArticle h2 {font-size: 24px;}
#homeArticle a {color: #ed282a;}
#homeArticle a:hover {border-bottom: 1px solid;}
#homeArticle .pic {float: left; margin-top: 7px; text-align: center;}
#homeArticle .body {color: #666766; float: left; font-size: 14px; line-height: 21px;}
#homeArticle .body p {margin-bottom: 12px; padding: 0 12px;}
#homeArticle .body p img {float:left; margin-right: 8px;}
#homeArticle .readMore {float: right; font-size: 12px; margin-top: -18px; text-transform: lowercase;}
#homeArticle .readMore img {vertical-align: text-top;}
#homeArticle .readMore a {border-bottom: #ed282a 1px solid; color: #ed282a;}

h3.recent {color: #666; font: italic 100  20px Georgia, serif; margin-bottom:3px; margin-top:18px;}
#recent {background: #eee; color: #ed282a; font-size: 14px; margin-bottom: 10px; outline: #ccc 1px solid; padding: 4px 0;}
#recent li {list-style: disc; margin: 4px 22px;}
#recent li a {color: #ed282a;}
#recent li a:hover {border-bottom: none; text-decoration: underline;}

#homeRightRail {float: left; margin-top: 8px; text-align: center;}
#homeRightRail .textLink {margin: 8px 0;}
#homeRightRail .textLink a {color: blue; font-size: 12px;}
#homeRightRail .textLink a:hover {border-bottom: 1px solid;}
#homeRightRail .textLinks li {margin: 8px 0;}
#homeRightRail .textLinks li a {color: blue; font-size: 12px;}
#homeRightRail .textLinks li a:hover {border-bottom: 1px solid;}

.homeBox {background: #eee; border: #ccc 1px solid; font-size: 14px; min-height: 140px; margin: 44px auto 12px auto; padding: 4px 12px 8px 12px; 
  width: 276px;}
.homeBox h1 {color: #ed282a; font-size: 24px; font-variant: small-caps; font-weight: 400; margin-bottom: 10px;}
.homeBox p {line-height: 18px; margin-bottom: 10px;}
.homeBox a {color: #ed282a;}
.homeBox a:hover {border-bottom: 1px solid;}


#hot_deals img {margin: -38px 0px -10px 90px;}
#hot_deals li {float:left; margin-right: 75px;}
#hot_deals .last {margin-right: 0px;}
#games img {margin: -42px 0px -4px 100px;}
#contests img {margin: -42px 0px -4px 60px;}
#photosVideo img {margin: -47px 0px -4px 90px;}
#photosVideo ul {margin: 10px 0 0 0;}
#photosVideo li {padding: 3px;}
#pennySlots img {margin: -4px 0 0 -12px;}
#pennySlots a:hover#logo {border-bottom: none;}

#industryJobSearch {font-size: 12px; margin: 12px auto; width: 300px;}
#industryJobSearch #formWrapper{background: #EEE; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 5px;}
#industryJobSearch .heading {border-bottom: #999 1px dotted; font-family: georgia, serif; font-style: italic; margin: 0 10px 10px 10px; padding: 5px 0;}
#industryJobSearch ul {list-style: none; margin: 0; padding: 0;}
#industryJobSearch li {margin: 0px 0px 15px 18px;}
#industryJobSearch .yahoo {text-align: center;}
#industryJobSearch .input {font-size: 18px; margin-top: 5px; width: 250px;}

#featuredEmployers {margin: 15px 0;}
#featuredEmployers a {display: block; float:left; height: 100px; margin: 20px; width: 100px;}
#featuredEmployers a:hover {border: none;}
#featuredEmployers a:hover img {border: #ed282a 3px solid;}
#featuredEmployers img {border: #ccc 3px solid;}
#helpWanted {width: 644px;}

#jobFeed ul {background: #fff; font-size: 14px; margin:8px 0px 18px 0; padding-left: 4px;}
#jobFeed li a {color: #222; display: block; padding: 5px 10px;}
#jobFeed li a:hover {background: #FFF5E9; border-left: #B02F24 2px solid; color: #B02F24; margin-left: -2px;}
#jobFeed .shade {background: #EEE;}

#share {float: right; margin-right: 12px;}
.hotDeals {float:left; margin: 10px;}
.hotDealsLogo {margin: 15px auto; width: 397px;}

#camContainer {background: #f3f1e4; outline: 2px solid #ccc; margin-bottom: 12px; width: 632px;}
#camContainer img#cam {float: left; margin: 30px 12px 0px 30px;}
#camContainer #logo {float:left;}
#camContainer #logo p {color: #224f40; margin: 30px 30px 12px 62px;}
#camContainer #logo a:hover {border: none;}
#camContainer #logo a:hover img {outline: 1px solid #224f40;}
#camContainer #logo img {margin: 0 30px 0 52px;}
#camContainer #lodgeLink {padding: 12px 0 30px 110px;}
#camContainer #lodgeLink a {color: #224f40;}