/* reset */
html, body, div, img, p, span, h1, h2, h3, h4, ul, ol, li, form, fieldset, label, input, textarea, select {margin:0; padding:0}
html, body        {height:100%}
body	{font:11px/20px Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; background:#e00120 url(../images/bg-body.jpg) no-repeat top center}
body       {background:#94d523 url(../images/bg-body[2].jpg) no-repeat top center}
img		{border:0}
a		{text-decoration:none; color:#fff}
a:hover	        {text-decoration:none; color:#e00120}
#main a         {color:#e00120}
ul		{list-style:none}
fieldset {border:0}

/* Misc. */

h1 span	{display:none}
.clear	{clear:both; height:35px; overflow:hidden}

/* Headings */

h1			{display:block; width:100%; background: url(../images/logo-monster.jpg) no-repeat center; height:192px; position:relative}
h2, h2 a		{color:#e00120; font-size:14px; font-style:italic; padding-bottom:10px}
h3			{color:#e00120; font-size:12px; font-style:italic}
h4			{font-size:16px; font-style:italic; padding:7.5px 0}
h5			{color:#e00120; font-size:24px; font-style:italic; text-transform:uppercase; margin:15px 0}
h6                    {color:#fff; font-size:14px; font-style:italic; margin:3px 0}

h5 span           {color:#555}
h4 span		{text-transform:uppercase; font-size:18px}
h6#awesome           {color:#555; margin-top:10px}

#main h2	{}
#main h3	{padding:10px 0}

.newsItem h2 {float:none; clear:both}
#main .newsHomeParent h3 {font-style:normal; display:inline; padding:5px 0; color:#fff}

/* General Layout */

#wrapper	{width:920px; margin:0 auto; padding:0 15px 25px 15px;  background: url(../images/bg-wrapper.png) repeat-y; min-height:100%; position:relative}

#head 	{}
div#main 			{}
#home_top		{width:700px; margin:0 110px; height:auto; border-bottom:1px solid #555; padding-bottom:25px; position:relative}
#home_bottom 	{width:700px; margin:0 110px; height:auto; height:300px; padding-top:20px}
#left			{width:450px; margin-left:110px;  height:auto; float:left; border-right:1px solid #555; padding-right:20px}
#right			{width:200px; margin-right:110px; height:auto; float:right}
#footer 		        {width:700px; margin:0 110px; height:40px; text-align:center; color:#fff; float:none; clear:both; position:absolute; bottom: 0px;}


/* Specific divisions */

#home_top #home_content			{width:203px; padding:10px 0; text-align:center}
#home_top #home_content p                 {font-size:12px; color:#fff; font-style:italic}
#home_top #home_content span           {color:#e00120}
#home_top #defaultCountdown	{position:absolute; left:450px; top:15px}

#home_bottom #home_bottom-a		{float:left; height:auto; width:159px; margin-right:10px; padding-right:10px; border-right:1px solid #555}
#home_bottom #home_bottom-b		{float:left; height:288px; width:159px; margin-right:10px; padding-right:10px; border-right:1px solid #555}
#home_bottom #home_bottom-c		{float:left; height:288px; width:320px; margin-right:10px; padding-right:10px}
.reskin #home_bottom #home_bottom-c	{float:left; height:auto; padding-right:10px; width:507px; margin-right:0px}
#home_bottom-c img			{margin-right:10px}
.reskin #home_bottom #home_bottom-c p	{width:337px; float:left}

#home_bottom #dramatic			{background: url(../images/bg-home_bottom.jpg) repeat-x; text-align:center; padding-top:20px; height:100%}

.logos		{width:700px; margin:0 110px; height:auto}
.logos img	{margin-right:25px}

#right_form {margin-top:50px}

div.newsItem, div.newsParent {padding:10px 0; clear:both; float:none}
div.newsItem p, div.newsParent p {margin-top:10px}
div.newsItem img, div.newsParent img  {display:block; float:left; border:1px solid #555; margin:10px 10px 10px 0}
div.newsItemHR {border-bottom:1px solid #555; clear:both}
div.newsParent img  {margin-bottom:10px}

div.newsHomeParent {padding:10px 0}

div.merchandiseItem {border-top:1px solid #555; padding:10px 0; clear:both; float:none}
div.merchandiseItem img {display:block; float:left; border:1px solid #555; margin:10px 10px 10px 0}
div.merchandiseItem h2 {margin-top:10px}

/* Menu */

li	{font-style:italic; font-size:12px}

ul#top_menu 		{position:absolute; top:152px; left:700px}
#top_menu li 		{display:inline; padding:0 5px; font-size:12px}
#top_menu li.home	{border-right:1px solid #555}
#top_menu li.active a {color:#e00120}

ul#nav 	{width:100%; height:48px}
#nav li {display:block; float:left; height:48px; width:138px; margin:0 1px; text-align:center; line-height:28px}
#nav li.first {width:108px; background: url(../images/bg-button_first.jpg) no-repeat right}
#nav li.last  {width:108px; background: url(../images/bg-button_last.jpg) no-repeat left}

#nav li a		{display:block; width:100%; height:100%; background: url(../images/bg-button.jpg)}
#nav li a:hover	{width:100%; height:100%; background: url(../images/bg-button_hover.jpg); color:#fff}
#nav li a.active {background: url(../images/bg-button_hover.jpg); color:#fff}

/* Forms */

input     {margin:5px 0; color:#fff; padding:2px; border:1px solid #555; background-color:#000}
fieldset {padding-top:10px; float:none; width:100%; clear:both}
button   {border:none; background: url(../images/bg-button_hover.jpg); color:#fff; padding:5px; margin:5px 0; cursor:pointer}
button:hover {background: url(../images/bg-input_hover.jpg) 0 25px;}

#contactForm label {display:block; clear:both; float:left; width:125px}
#contactForm #options input, #contactForm #buttons {display:block; float:left}

#radio label {float:left; clear:none; padding-left:5px}
#radio label#exception {padding-left:0}
#radio input {float:left; clear:both; margin-left:125px}
#radio input#exception {clear:none; margin-left:0}

#orderForm {display:block; clear:both; padding:15px 0}
#orderForm label {display:block; clear:both; float:left; width:100px; height:15px; margin:5px 0; padding:2px;}
#orderForm select {height:18px; margin:5px 0 6px 0}
#orderForm input {width:200px}
#orderForm textarea {display:block; float:left; width:200px; height:50px; margin:5px 0; color:#fff; padding:2px; border:1px solid #555; background-color:#000}
#orderForm img, #orderForm button {display:block; clear:both; float:left; margin:5px 0 5px 105px}

/* ie 6 Hacks */

* html #container {height:100%}

/* Countdown Clock */

#defaultCountdown  {width: 200px; height: 15px}
.countdown_amount  {font-size: 150%}
.countdown_section {font-size: 75%}

#defaultCountdown span.countdown_section {display:inline; padding:2px 2px; margin:0 1px; overflow:hidden}

/* Promo */

#promo_wrap             {width:440px; height:246px; position:absolute; top:70px; left:260px; z-index:100; overflow:hidden; background-color:#000}
#promoFinal, embed             {margin-top:-1px; background-color:#000}

.newsHomeParent img      {float:left; border:1px solid #555}
.logos img               {border:1px solid #555}
