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

   McDiarmid Lumber Ltd. - Framework 
   
   http://www.McDairmid.com

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



/* TABLE OF CONTENTS
_____________________________
01 - RESET
02 - LAYOUT
03 - GRID - 24 COLUMN
04 - TYPOGRAPHY
   |-> General Typography
   |-> Headings  
   |-> Horizontal Rule
   |-> Type Classes
   |-> Type States
05 - TABLES
06 - FORMS
07 - ROUNDED CORNERS
08 - ICONS



/* 01 - RESET
/*----------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:1em}body{line-height:1}ol,ul,dl{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html{height:100%} /* Firefox scrollbar fix */
body{text-align:center;}
.container{position:relative;text-align:left;}



/* 02 - LAYOUT
/*----------------------------------------------*/
.clear{clear:both}
.left{float:left}
.right{float:right}
.no-p{padding:0}
.no-m{margin:0}
.no-mp{margin:0;padding:0}
.top{margin-top:0;padding-top:0}
.bottom{margin-bottom:0;padding-bottom:0}
.hide,.print{display:none}



/* 03 - GRID - 24 COLUMN
/*----------------------------------------------*/
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23{float:left;margin-right:10px}div.span-24{float:left}div.last{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px}.suffix-1{padding-right:40px}.suffix-2{padding-right:80px}.suffix-3{padding-right:120px}.suffix-4{padding-right:160px}.suffix-5{padding-right:200px}.suffix-6{padding-right:240px}.suffix-7{padding-right:280px}.suffix-8{padding-right:320px}.suffix-9{padding-right:360px}.suffix-10{padding-right:400px}.suffix-11{padding-right:440px}.suffix-12{padding-right:480px}.suffix-13{padding-right:520px}.suffix-14{padding-right:560px}.suffix-15{padding-right:600px}.suffix-16{padding-right:640px}.suffix-17{padding-right:680px}.suffix-18{padding-right:720px}.suffix-19{padding-right:760px}.suffix-20{padding-right:800px}.suffix-21{padding-right:840px}.suffix-22{padding-right:880px}.suffix-23{padding-right:920px}.prefix-1{padding-left:40px}.prefix-2{padding-left:80px}.prefix-3{padding-left:120px}.prefix-4{padding-left:160px}.prefix-5{padding-left:200px}.prefix-6{padding-left:240px}.prefix-7{padding-left:280px}.prefix-8{padding-left:320px}.prefix-9{padding-left:360px}.prefix-10{padding-left:400px}.prefix-11{padding-left:440px}.prefix-12{padding-left:480px}.prefix-13{padding-left:520px}.prefix-14{padding-left:560px}.prefix-15{padding-left:600px}.prefix-16{padding-left:640px}.prefix-17{padding-left:680px}.prefix-18{padding-left:720px}.prefix-19{padding-left:760px}.prefix-20{padding-left:800px}.prefix-21{padding-left:840px}.prefix-22{padding-left:880px}.prefix-23{padding-left:920px}
.container{width:960px;margin:0 auto}
.showgrid{background:url(../images/grid.png)}
div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee}
div.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee}



/* 04 - TYPOGRAPHY
/*----------------------------------------------*/

/* GENERAL TYPOGRAPHY */
body{font:0.75em "Helvetica Neue","HelveticaNeue",Arial,Verdana,Helvetica,sans-serif}
.container p {line-height:1.5em;}
a,a:active,a:link,a:visited,a:hover,a:focus{text-decoration:none}
strong,th,thead td,b{font-weight:bold}
cite,em,dfn,i{font-style:italic}
code,kbd,samp,pre,tt,var{font-size:0.9em;font-family:monaco,"Lucida Console",courier,monospace}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #ccc}
small,sup,sub{font-size:0.8em}
a abbr,a acronym{border:none}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px solid #ccc}
sup{vertical-align:super}
sub{vertical-align:sub}

/* HEADINGS */
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* HORIZONTAL RULE */
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none}

/* LISTS */
ul {list-style-type:disc;}
ul ul {list-style-type:square;}
ul ul ul {list-style-type:circle;}
ol {list-style-position:outside; list-style-type:decimal; }

/* TYPE CLASSES */
.small{font-size:0.75em}
.large{font-size:1.3em}
.caps{text-transform:uppercase;letter-spacing:0.08em}
.serif{font-family:Georgia,"Times New Roman",Times,serif}
.text-right{text-align:right}
.text-left{text-align:left}
.center{text-align:center}

/* TYPE STATES */
.error,.notice,.success{padding:.8em;margin-bottom:1.6em;border:2px solid #ddd}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880}
.error a{color:#8a1f11;background:none;padding:0;margin:0}
.notice a{color:#514721;background:none;padding:0;margin:0}
.success a{color:#264409;background:none;padding:0;margin:0}



/* 05 - TABLES
/*----------------------------------------------*/
td,th{vertical-align:middle;text-align:center}
th{text-align:right}



/* 06 - FORMS
/*----------------------------------------------*/
input,select,label,option{cursor:pointer}
input[type='text'],input[type='password'],textarea{cursor:text}
fieldset{display:block;position:relative}
form textarea{font:1em "Helvetica Neue","HelveticaNeue",Arial,Verdana,Helvetica,sans-serif}



/* 07 - ROUNDED CORNERS
/*----------------------------------------------*/
.round{-moz-border-radius:5px;-webkit-border-radius:5px}
.tl,.tr,.bl,.br{display:block;height:5px;position:absolute;width:5px;z-index:2}
.tl{background-position:left top;left:0;top:0}
.tr{background-position:right top;right:0;top:0}
.bl{background-position:left bottom;bottom:0;left:0}
.br{background-position:right bottom;bottom:0;right:0}



/* 08 - ICONS
/*----------------------------------------------*/

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon{background:none !important;padding:0 !important;margin:0 !important}

/* Make sure the icons are not cut */
a[href^="mailto:"],a[href$=".jpg"],a[href$=".pdf"],a[href$=".doc"],a[href$=".xls"],a[href$=".rss"],a[href$=".rdf"],a[href^="aim:"]{padding:2px 22px 2px 0;margin:-2px 0;background-repeat:no-repeat;background-position:right center}

/* Icons */
a[href^="mailto:"]{background-image:url(../images/icons/email.png)}

/* Files */
a[href$=".pdf"]{background-image:url(../images/icons/pdf.png)}  
a[href$=".doc"]{background-image:url(../images/icons/doc.png)}  
a[href$=".xls"]{background-image:url(../images/icons/xls.png)}
  
/* Misc */
a[href$=".rss"],a[href$=".rdf"]{background-image:url(../images/icons/feed.png)}
a[href^="aim:"]{background-image:url(../images/icons/im.png)}