/*------------------------------------------------

  bigfootone.com 2.0
  
  code: goro harumi ( www.goroharumi.com ) 
  design: bigfoot/united design group ( www.udgpdx.net )
  
------------------------------------------------*/

@font-face {
  font-family: 'DieNastyRegular';
  src: url('/fonts/die_nasty-webfont.eot');
  src: url('/fonts/die_nasty-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/die_nasty-webfont.woff') format('woff'),
       url('/fonts/die_nasty-webfont.ttf') format('truetype'),
       url('/fonts/die_nasty-webfont.svg#DieNastyRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background:#000 url(../images/bg.png) center -25px repeat-y;
  font:62.5% Helvetica, Arial, sans-serif;
}

body {
  width:700px;
  margin:0 auto;
  position:relative;
}

h1 {
  text-indent:-9999em;
  position:absolute;
}

p {
  font-size:1.2em;
  line-height:1.4em;
  color:#FFF;
  margin:1em 0;
}

h2, h3, h4, h5 {
  font-size:1.8em;
}

a {
  outline:0;
}

a img {
  border:0;
}

/*------------------------------------------------

  Navigation
  
------------------------------------------------*/

ul#nav {
  height:34px;
  padding:10px 20px;
  width:680px;
  position:relative;
}

#nav li {
  float:left;
  display:block;
  text-indent:-9999em;
  height:34px;
  position:relative;
}

#nav li a {
  display:block;
  height:34px;
}

#nav li#nav_news a {
  background:url(../images/nav_under.gif) no-repeat;
  width:99px;
}

#nav li#nav_news a:hover {
  background:url(../images/nav_over.gif) no-repeat;
}

#nav li#nav_store {
  left:60px;
}

#nav li#nav_store a {
  background:url(../images/nav_under.gif) -175px no-repeat;
  width:97px;
}

#nav li#nav_store a:hover {
  background:url(../images/nav_over.gif) -175px no-repeat;
}

#nav li#nav_contact {
  left:135px;
}

#nav li#nav_contact a {
  background:url(../images/nav_under.gif) -350px no-repeat;
  width:162px;
}

#nav li#nav_contact a:hover {
  background:url(../images/nav_over.gif) -350px no-repeat;
}

#nav li#nav_links {
  left:212px;
}

#nav li#nav_links a {
  background:url(../images/nav_under.gif) -590px no-repeat;
  width:95px;
}

#nav li#nav_links a:hover {
  background:url(../images/nav_over.gif) -590px no-repeat;
}


/*------------------------------------------------

  Main Content
  
------------------------------------------------*/

#main {
  padding:20px;
}

#main h2 {
  margin-bottom: 30px;
}

.die-nasty {
  font-family: 'DieNastyRegular';
  color: #0F0;
}

h2.die-nasty {
  font-size: 68px;
}

h3.die-nasty {
  font-size: 48px;
}

.standard_list li {
  margin-bottom: 30px;
}

.image {
  width:300px;
  text-align:right;
  float:left;
}

.article {
  float:left;
  width:340px;
  padding:10px 0 10px 20px;
}

.article h3 {
  color:#0F0;
  margin-bottom:0.5em;
}

ul.link_list a,
p.mailto {
  color:#FFF;
  font-size:1.4em;
  padding-bottom:1em;
}

p.mailto a {
  color: #FFF;
}


/*------------------------------------------------

  Contact
  
------------------------------------------------*/

#contact_form p {
  line-height:2em;
}

#contact_form label {
  width:80px;
  float:left;
  text-align:right;
  padding-right:10px;
}

#contact_form input, #contact_form textarea {
  border:1px solid #999;
  padding:0.25em;
  width:350px;
}

#contact_form input.submit {
  width:auto;
  margin-left:90px;
}


/*------------------------------------------------

  Admin
  
------------------------------------------------*/

#admin {
  color:#FFF;
}

#admin a {
  color:#FFF;
}

#admin h3 {
  color:#FFF;
  margin-bottom:0.5em;
}

#admin p {
  
}

ul.admin_nav {
  margin:1em 0;
  padding:1em;
  border:1px solid #FFF;
}

.admin_nav li {
  display:inline;
  font-size:1.8em;
  margin-right:0.5em;
  color:#FFF;
}

.admin_nav li a {
  color:#FFF;
}

ul.sub_nav {
  margin:2em 0;
}

.sub_nav li {
  display:inline;
  font-size:1.4em;
  margin-right:0.5em;
  color:#FFF;
}

.sub_nav li a {
  color:#FFF;
}

#admin h4 {
  color:#FFF;
  font-size:1.2em;
  margin:2em 0 1em;
}

#admin fieldset {
  font-size:1.2em;
  border:1px solid #FFF;
  padding:1em;
  margin:1em 0;
}

#admin fieldset p {
  line-height:2em;
}

#admin fieldset label {
  width:100px;
  display:block;
  float:left;
  text-align:right;
  padding-right:0.5em;
}

#admin fieldset input, #admin fieldset textarea {
  padding:0.25em;
  width:480px;
  border:1px solid #999;
}

#admin .submit {
  margin-left:110px;
  width:auto;
}

#admin input.check_box {
  width:auto;
}

.hr {
  border-bottom:1px dotted #FFF;
}

#login {
  padding:1em;
  margin:1em auto;
  width:350px;
}

#login p {
  line-height:2em;
}

#login label {
  display:block;
  float:left;
  width:100px;
  padding-right:10px;
  text-align:right;
}

#login input.submit {
  width:auto;
  margin-left:110px;
}

/*------------------------------------------------

  Error Explanation
  
------------------------------------------------*/

#errorExplanation {
  border:1px solid #FFF;
  padding:0 1em 1em;
  margin:2em 0;2em;
  color:#FFF;
}

#errorExplanation h2 {
  margin:1em 0;
  height:auto;
  text-indent:0;
  text-transform:uppercase;
}

#errorExplanation ul {
  font-size:1.2em;
}

#errorExplanation li {
  margin-bottom:0.5em;
}

#no_header #errorExplanation h2 {
  display:none;
}


/*------------------------------------------------

  Will paginate? Ok.
  
------------------------------------------------*/

.pagination {
  font-size:1.2em;
  color:#FFF;
  text-align:right;
  margin:1em 0;
}

.pagination .disabled {
  display:none;
}

.pagination a {
  color:#FFF;
}




/*------------------------------------------------

  Footer
  
------------------------------------------------*/

ul#footer {
  color:#000;
  text-align:center;
  margin:1em 0;
  font-weight:bold;
}

ul#footer a {
  color:#000;
  text-decoration:none;
}

ul#footer a:hover {
  color:#FFF;
}

#footer li {
  display:inline;
  font-size:1.2em;
  border-right:1px solid #000;
  padding-right:0.5em;
  margin-right:0.5em;
}

#footer li.last {
  border-right:none;
}


/*------------------------------------------------

  Hacks
  
------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */