/*

Coded by: Mark Bebbington
Created: Tuesday July 21th, 2009
Last Updated: Saturday July 26th, 2009

Notes:

1. This style sheet is accessed by all DMC websites to create a common theme throughout the DMC brand.
2. This style sheet resets all margins and paddings and sets some reasonable defaults.
3. All Base styles are set in this stylesheet.
4. Basic layout patterns such as (wrappers and navigation) that occur throughout the DMC brand of websites are definied in this stylesheet.
5. Absolute URL's are applied in this stylesheet due to different domains accessing the styles.

*/

/* =========================================================================
  RESET
========================================================================== */
*, html, body, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, img, table, tr, th, td, form, fieldset, legend, input, textarea {
 margin: 0;
 padding: 0;
}

ul, ol {
 list-style-type: none;
}

a img {
 border: none;
}

/* =========================================================================
  BASIC
========================================================================== */

body {
 color: #333333;
 font: 62.5% Arial, Helvetica, sans-serif;
 text-align: center;
 margin: 20px 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  margin-bottom: .4em;
}

h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 1.8em;
  color: #666666;
  letter-spacing: .1em;
}

p {
  font-size: 1.2em;
  line-height: 1.8em;
  margin-bottom: 1.6em;
}

a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #ff7800;
  text-decoration: underline;
}

h1 a {
  font-weight: normal;
}

table, ul, ol {
  font-size: 1.2em;
  margin-bottom: 1.6em;
}

/* =========================================================================
  FORM
========================================================================== */

form {
  margin-bottom: 1.6em;
}  

input.text, select, textarea {
  color: #999999;
  border: 1px solid #E1E1E1;
  padding: 2px;
  font: 1.3em Arial, Helvetica, sans-serif;
  width: 280px;
}

input#submit {
  padding: .1em 1em;
}

/* =========================================================================
  BASIC LAYOUT
========================================================================== */

#pageWrapper {
 margin: 0 auto;
 width: 960px;
 text-align: left;
}

#content {
  clear: left;
  float: left;
  width: 100%;
}

#footer {
 clear: both;
 border-top: 1px solid #E1E1E1;
 padding-top: 5px;
}

#footer p {
 clear: both;
 margin-bottom: 0;
 color: #666666;
}

#footer p span {
 color: #333333;
 font-weight: bold;
}

#footer ul#internalLinks {
 float: left;
}

#footer ul#internalLinks, #footer ul#externalLinks {
 margin-bottom: 0;
}

#internalLinks li {
 float: left;
 margin-right: 1.4em;
}

#footer ul#externalLinks {
 float: right;
}

#externalLinks li {
 float: left;
 margin-left: 1.2em;
}

#internalLinks li a, #externalLinks li a {
 font-weight: normal;
 color: #666666;
}

/* =========================================================================
  TOP NAVIGATION
========================================================================== */

img#logo {
  float: left;
  margin-bottom: 20px;
}

ul#topNav {
  float: right;
  margin-left: 20px;
  font-size: 1.1em;
}

#topNav li {
  float: left;
}

#topNav a, #topNav a:visited, #topNav a:active {
  color: #333333;
  display: block;
  display: inline;
  padding: 10px 0;
  text-decoration: none;
  margin-left: 40px;
  padding: 7px 5px 7px 30px;
}

#topNav a#home {
  background: url() no-repeat left;
}

#topNav a#register {
  background: url() no-repeat left;
}

#topNav a#contact {
  background: url() no-repeat left;
}

#topNav a:hover {
  color: #ff7800;
}

/* IE Fixes */

/* force hover on entire width of link */
* html #topNav a {
  height: 1px;
}

/* =========================================================================
  MAIN NAVIGATION
========================================================================== */

ul#mainNav {
  border: 1px solid #E1E1E1;
  background: #F7F7F7 url(http://www.dmc-golf.com/assets/images/backgrounds/nav-gradient.png) bottom left repeat-x;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

#mainNav li {
  float: left;
}

#mainNav li#search {
  width: 450px;
  text-align: right;
}

#mainNav li#search form {
  margin: 7px 0;
}

#mainNav a {
  color: #333333;
  font-size: 11px;
  text-transform: uppercase;
  border-right: 1px solid #E1E1E1;
  display: block;
  padding: 10px 20px;
}

#mainNav a#register {
  background: url(http://www.dmc-golf.com/assets/images/backgrounds/nav-alt-gradient.png);
}

#mainNav a:hover, #mainNav a#register:hover {
  background-color: #FFFFFF;
  color: #ff7800;
  text-decoration: none;
}

/* IE Fixes */

/* force hover on entire width of  link */
* html #mainNav a {
  height: 1px;
}

/* =========================================================================
  INDEX
========================================================================== */

#container {
  clear: both;
  padding-top: 20px;
  background: url(http://www.dmc-golf.com/assets/images/backgrounds/index-container.png) top left repeat-x;
  /*margin-bottom: 20px;*/
  min-height: 315px;
}

#container h1 {
  text-align: center;
  margin-bottom: 20px;
}

#container img#main {
  float: left;
  margin: 10px 0;
}

#container ul {
  list-style-image: url(http://www.dmc-golf.com/assets/images/icons/golf-gps-tick.png);
  margin: 0 0 2em 480px;
  font-size: 1.6em;  
}

#container ul li {
  color: #666666;
  letter-spacing: .1em;
  line-height: 1.8em;
  font-weight: normal;
  padding: 7px 0 7px 20px;
}

#container #options {
  margin: 0 0 20px 500px;
}

#options img {
  margin-right: 20px;
}

#container img#brand {
  clear: left;
  float: right;
  margin: 20px 0;
}

/* =========================================================================
  NEWS
========================================================================== */

p.posted {
  color: #666666;
}

#newsItem {
  float: left;
  width: 500px;
}

ul#archive {
  float: right;
  width: 180px;
}

ul#posts {
  margin: 0 220px 0 540px;
}

ul#archive li.title, ul#posts li.title {
  font-size: 1.8em;
  color: #666666;
  letter-spacing: .1em;
}

ul#archive li a, ul#posts li a {
  font-weight: normal;
  display: block;
  padding: 10px 5px 10px 30px;
}

ul#archive li a {
   background: url(http://www.dmc-golf.com/assets/images/icons/golf-gps-calendar.png) no-repeat left center;
}

ul#posts li a {
   background: url(http://www.dmc-golf.com/assets/images/icons/golf-gps-news.png) no-repeat left center;
}

/* IE Fixes */

/* remove annoying gaps */
ul#archive li, ul#posts li {
  display: inline;
}

/* force hover on entire width of link */
* html #archive a, * html #posts a {
  height: 1px;
}

/* =========================================================================
  MISC
========================================================================== */

.clear {
  clear: both;
}

img#banner {
  margin-bottom: 20px;
}  

/* Errors and Important Notices */

ul#errors, ul#important {
  width: 920px;
  padding: 20px;
  margin-bottom: 1.6em;
}

ul#errors {
  border: 1px solid #FF7800;
  background-color: #FFEBD9;
}

ul#important {
  border: 1px solid #3CB5E4;
  background-color: #E9F5F7;
}

ul#errors li, ul#important li {
  color: #333333;
  line-height: 1.8em;
  padding-left: 40px;
}

ul#errors li#first, ul#important li#first {
  font-weight: bold;
  padding: 4px 40px;
}

ul#errors li#first {
    background: url(http://www.dmc-golf.com/assets/images/icons/warning.png) no-repeat;
}

ul#important li#first {
    background: url(http://www.dmc-golf.com/assets/images/icons/info.png) no-repeat;
}


/* FAQs and Sitemap */

ul#faqs, ul.sitemap {
  margin-left: 2.6em;
  list-style-type: decimal;
}

ul#faqs li, ul.sitemap li {
  line-height: 1.8em;
}

ul#faqs a, ul.sitemap a {
  color: #333333;
  font-weight: normal;
}

/* =========================================================================
  CONTACT
========================================================================== */

#contact .label {
  float: left;
  clear: left;
  width: 120px;
  margin-right: 20px;
}

#contact input.text, textarea {
  width: 280px;
  margin-top: -2px;
}

#contact textarea {
  height: 160px;
}

#contact input#submit {
  margin-left: 140px;
}