/* @override http://firstlight.mclaughlindesign.com/_css/styles.css */

/* Site: First Light */

* {
  margin: 0;
  padding: 0;
}

body{
  background: #eee5b7;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1;
}

hr{
  display: none;
}

#skip{
  position: absolute;
  left: -9999px;
}

a{
  overflow: hidden;
}

/* =container
---------------------------------------------------------------------
*/

#container{
  width: 950px;
  margin: 0 auto;
  padding-bottom: 9px;
  background: #FFF;
}

body#home #container{
  background: url(/_img/bg_container.jpg) repeat-y;
}

#container:after{
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden;
}

#container img.banner{
  display: block;
}

/* homeboxes */

#container .homeboxes{
  display: inline; /* IE6 double margin float bug hack */
  float: left;
  margin: 11px 1px 0 10px;
  background: #edead9;
}

#container .homeboxes img{
  display: block;
}

#container .homeboxes h2{
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  background-repeat: no-repeat;
}

#container .homeboxes h2 a{
  text-decoration: none;
}

#container .homeboxes p{
  padding: 0 20px 0 8px;
  font-size: 11px;
  line-height: 1.6565;
}

#container .homeboxes img{
  border: 0;
}

#container #driftersNotes{
  width: 215px;
  padding: 3px 5px 24px;
}

#container #driftersNotes h2{
  margin-bottom: 3px;
  padding: 4px 10px;
  background-image: url(/_img/bg_driftLog_h2.gif);
}

#container #driftersNotes h2 a{  
  color: #ffffff;
}

#container #driftersNotes p{
  color: #2b230f;
}

#container #driftersNotes a{
  color: #b06a34;
}

#container #spotlight{
  width: 343px;
  padding: 5px 6px 36px 5px;
}

#container #spotlight h2{
  padding: 6px 13px;
  background-image: url(/_img/bg_spotlight_h2.jpg);
}

#container #spotlight img{
  border-bottom: 7px solid #36411b;
}

#container #spotlight li{
  margin: 0 2px;
  padding: 11px 9px 7px;
  border-bottom: 1px dotted #a5a397;
  color: #2b230f;
  font-size: 11px;
  list-style: none;
}

#container #spotlight li.last{
  border: 0;
}

#container #spotlight li a{
  color: #2b230f;
  text-decoration: none;
}

#container #featuredArt{
  width: 321px;
  padding: 5px 5px 15px 6px;
}

#container #featuredArt h2{
  padding: 8px 5px;
  color: #3c461c;
}

#container #featuredArt h2 a{
  color: #3c461c;
}

#container #featuredArt p{
  padding-right: 8px;
  color: #b06a34;
}

#container #featuredArt p a{
  color: #b06a34;
}

/* =header
---------------------------------------------------------------------
*/

#header{
  height: 105px;
  background: url(/_img/bg_header.jpg) no-repeat;
}

#header h1{
  display: inline; /* IE6 double margin float bug hack */
  float: left;
  width: 285px;
  height: 84px;
  margin: 10px 0 0 16px;
  text-indent: -9999px;
}

#header h1 a{
  display: block;
  width: 285px;
  height: 84px;
}

/* =nav
---------------------------------------------------------------------
*/

#nav{
  float: right;
  width: 643px;
  height: 32px;
  margin-top: 73px;
  background: #141414;
  list-style: none;
}

#nav li{
  float: left;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#nav li a{
  display: block;
  float: left;
  height: 16px;
  padding: 9px 18px 0;
  border-right: 1px dotted #5e4628;
  color: #fff;
  text-decoration: none;
}

/* =containerInner
---------------------------------------------------------------------
*/



/* =contentWrap
---------------------------------------------------------------------
*/

p#breadcrumb{
  margin: 22px 36px;
  color: #4e4d4d;
  font-size: 11px;
}

p#breadcrumb a{
  color: #4e4d4d;
  text-decoration: none;
}

p#breadcrumb a:hover{
  text-decoration: underline;
}

/* =content
---------------------------------------------------------------------
*/

#content{
  display: inline; /* IE6 double margin float bug hack */
  float: right;
  width: 603px;
  margin: 8px 37px 0 0;
}

#content h2{
  margin-bottom: .75em;
  padding-bottom: 5px;
  border-bottom: 1px dotted #b2b2b1;
  color: #141414;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
}

#content h3,
#content h4,
#content h5,
#content h6{
  margin-bottom: 3px;
  color: #141414;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

#content p,
#content li{
  margin-bottom: 1.6363em;
  color: #666666;
  font-size: 12px;
  line-height: 1.6363;
}

#content ul,
#content ol{
  margin: 0 0 1em 3em;
}

#content ul#byline{
  display: inline; /* IE6 double margin float bug hack */
  float: left;
  margin-bottom: 10px;
  list-style: none;
}

#content li{
  margin: 0;
}

#content blockquote{
  margin-left: 3em;
}

#content hr{
  display: block;
  margin-bottom: 1em;
}

#content a{
  color: #C37438;
}

#content a:hover{
  text-decoration: none;
}

#content img{
  float: left;
  margin: 0 10px 5px 0;
}

#content #text{
  clear: both;
}

/* design */

#content div.design{
  float: left;
  /*width: 295px;*/
  margin: 30px 15px 0 0;
  padding: 5px;
  background: #edead9;
}

#content div.design.last{
  margin-right: 0;
}

#content div.design img{
  display: block;
  float: none;
  margin: 0 0 4px 0;
  border: 0;
}

#content div.design p{
  color: #b06a34;
  font-size: 11px;
  margin: 0 8px 3px;
}

#content div.design p a{
  color: #b06a34;
  text-decoration: none;
}

/* productDetail */

#content #productDetail{
  float: left;
  width: 302px;
}

#content #productDetail h2{
  border: 0;
  margin: 0;
  padding-bottom: 3px;
}

#content #productDetail ul{
  float: left;
  width: 302px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #a7a9ac;
}

#content #productDetail ul li{
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  list-style: none;
}

#content #productDetail ul li a{
  color: #908c8b;
  text-decoration: none;
}

#content #productDetail ul li.prev{
  margin-right: 13px;
}

#content #productDetail ul li.menu{
  float: right;
  font-weight: bold;
}

#content #productDetail ul li.menu a{
  color: #141414;
}

#content #productDetail img{
  float: none;
  clear: left;
  display: block;
  margin: 0 auto 20px;
  border: 0;
}

#content #productDetail p{
  color: #908c8b;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

#content #productDetail p a{
  color: #908c8b;
  text-decoration: none;
}

/* productInfo */

#content #productInfo{
  float: right;
  width: 232px;
}

#content #productInfo h3{
  clear: both;
  margin-bottom: .5em;
  padding-bottom: 3px;
  border-bottom: 1px solid #a7a9ac;
  color: #141414;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

#content #productInfo #availableColors ul{
  float: left;
  margin: 0 0 20px 0;
}

#content #productInfo #availableColors ul li{
  float: left;
  list-style: none;
}

#content #productInfo #availableColors ul li img{
  display: block;
  float: none;
  margin: 0;
  border: 0;
}

#content #productInfo #availableColors ul li a{
  display: block;
  border: 2px solid #fff;
}

#content #productInfo #availableColors ul li a:hover{
  border: 2px solid #e4e5e6;
}

#content #productInfo #availableSizes ul{
  float: left;
  margin: 0 0 28px;
}

#content #productInfo #availableSizes ul li{
  float: left;
  width: 22px;
  padding: 0 0 12px;
  background: url(/_img/bg_size.gif) no-repeat center bottom;
  color: #141414;
  list-style: none;
  text-align: center;
  line-height: 1;
}

#content #productInfo #productDetails ul{
  margin: 0 0 20px;
}

#content #productInfo #productDetails li{
  padding-left: 14px;
  background: url(/_img/bg_productDetail.gif) no-repeat 2px 5px;
  list-style: none;
  line-height: 1.25;
}

#content #productInfo #price p{
  margin-bottom: 50px;
  color: #c37438;
  font-size: 14px;
  font-style: italic;
}

#content #productInfo p.dealer{
  padding: 4px 22px 2px;
  background: #c37438 url(/_img/bg_sidebar_h2_a.gif) no-repeat 218px center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
}

#content #productInfo p.dealer a{
  color: #fff;
  text-decoration: none;
}

/* productList */

#content #productList h2{
  margin-bottom: 0;
  padding-bottom: 3px;
  border-bottom: 0;
}

#content #productList p.guide{
  float: left;
  margin: 0;
  color: #908c8b;
  font-size: 12px;
}

#content #productList p.pagination{
  float: right;
  margin: 0;
  color: #908c8b;
  font-size: 12px;
}

#content #productList p.pagination a{
  color: #908c8b;
  text-decoration: none;
}

#content #productList .row{
  float: left;
  width: 603px;
  border-top: 1px solid #b8b8b8;
}

#content #productList .thumb{
  display: inline; /* IE6 double margin float bug hack */
  float: left;
  margin: 14px 0 0 18px;
}

#content #productList .thumb.first{
  margin-left: 0;
}

#content #productList .thumb a{
  display: block;
}

#content #productList .thumb h3{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

#content #productList .thumb h3 a{
  padding: 9px 0 11px;
  color: #141414;
  text-decoration: none;
}

#content #productList .thumb img{
  display: block;
  float: none;
  margin: 0;
  border: 1px solid #b7b9bb;
}

/* item */

#content .item{
  margin-bottom: 12px;
  padding: 7px 0;
  border-bottom: 1px dotted #b2b2b1;
}

#content .item p{
  margin-bottom: 8px;
}

/* friend */

#content .friend{
  float: left;
  width: 253px;
  height: 206px;
  margin: 0 15px 13px 0;
  padding: 20px 20px 0;
  /*border: 1px solid #b7b9bb;*/
  background: url(/_img/bg_friends.jpg) no-repeat;
}

#content .friend.odd{
  margin: 0;
}

#content .friend img{
  display: block;
  float: none;
  margin: 0 auto 20px;
}

#content .friend p{
  margin-bottom: 20px;
}

/* =sidebar
---------------------------------------------------------------------
*/

#sidebar{
  display: inline; /* IE6 double margin float bug hack */
  float: left;
  width: 216px;
  margin: 6px 0 0 30px;
}

#sidebar h2{
  margin-bottom: 1em;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

#sidebar h2 a{
  display: block;
  padding: 6px 24px 5px;
  background: #c37438 url(/_img/bg_sidebar_h2_a.gif) no-repeat 10px center;
  color: #fff;
  text-decoration: none;
}

#sidebar ul#subnav li{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none;
}

#sidebar ul#subnav li a{
  display: block;
  padding: 8px 3px 6px;
  border-bottom: 1px dotted #b2b2b1;
  color: #141414;
  text-decoration: none;
}

/* =footer
---------------------------------------------------------------------
*/

#footer{
  clear: both;
  width: 950px;
  height: 50px;
  margin: 0 auto;
  padding-top: 23px;
  background: url(/_img/bg_footer.jpg) no-repeat;
}

#footer p{
  color: #2f2714;
  font-size: 11px;
  text-align: center;
  letter-spacing: 1px;
}

#footer p a{
  padding: 0 6px;
  color: #2f2714;
  text-decoration: none;
}

#footer p a:hover{
  text-decoration: underline;
}