/* 
  
  [[o]]== BOILERPLATE FOR 3.7 DESIGNS ========================[[o]]
   ||                                                          ||
   ||  Authored by Ross Johnson  - CEO of 3.7 DESIGNS          ||
   ||                                                          ||
 [[o]]=======================================================[[o]]
  
 Like the code you see?


  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : TYPOGRAPHY
  =03 : LINKS
  =04 : BODY STRUCTURE
  =05 : NAVIGATION
  =06 : HELPER CLASSES
  =07 : ACCESSIBILITY
  =08 : TABLES
  =09 : FORMS


  MARGINS:

  SMALL t10px / b10px
  DEFAULT  t20px / b20px
  LARGE t30px / b30px

*/

/* =01 : UNIVERSAL SELECTORS */

html, body { margin: 0; font-family: arial, helvetica, san-serif; line-height: 18px; font-size: 12px; background: #002448;}

#page { width: 726px; margin: 7px auto 0 auto; background: #fff; padding: 1px 0 1px 0;}


/* HTML5 BASED NAMING CONVENTIONS } */

.article {}
.section {}
.aside

.navigation {}

#dp-template #header { background: url('../images/structure/dp-header.gif') center center no-repeat; width: 696px; height: 259px; padding: 7px; border: 1px solid #dedede; margin: 7px;}
#meta-template #header { background: url('../images/structure/dp-header-dp.gif') center center no-repeat; width: 696px; height: 259px; padding: 7px; border: 1px solid #dedede; margin: 7px;}
#logo a { display: block; position: absolute; width: 300px; height: 100px; text-indent: -999999px; overflow: hidden;}

#footer { width: 696px; padding: 7px; border: 1px solid #dedede; color: #fff; margin: 7px;}
#footer address { background: #ea9915; padding: 5px; }

#footer {}

#content { padding: 0 14px 0 14px; }
#content-main { width: 74%; float: right; }
#content-aside {width: 24%; float: left;}

#content-aside .navigation { list-style: none; margin: 0px 0 18px 0; padding: 0;}
#content-aside .navigation li { padding: 0; list-style: none;}
#content-aside .navigation ul { padding: 9px 0 0 15px;}

/* =02 : TYPOGRAPHY baseline */

h1, h2, h3, h4, h5, h6 { margin: 12px 0 6px 0; color: #ee9724; }
p, ol, ul, img, dl, blockquote { margin: 0 0 18px 0; }

h1 { font-size: 26px; line-height: 36px;}
h2 { font-size: 20px; line-height: 28px; color: #003399;}
h3 { font-size: 18px; line-height: 26px;}
h4 { font-size: 16px; line-height: 24px;}
h5 { font-size: 14px; line-height: 18px;}
h6 { font-size: 12px; line-height: 18px;}

blockquote { margin-left: 18px; border-left: 5px solid #ddd; padding-left: 9px; }

ul { list-style: disc; margin-left: 0px;}
ul li { padding-left: 15px; line-height: 1em; margin-bottom: 9px; }

.nonlist { list-style: none; margin: 0; padding: 0; }
.nonlist li { padding: 0; margin: 0; }

/* =03: LINKS */

a { color: #003399; }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}

/* =04: BODY STRUCTURE */

#header {}
#content {}
#footer {}
#lcol {}
#rcol {}
#mcol {}

/* =05: NAVIGATION */

#main_nav { list-style: none; margin: 0; padding: 0; }

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; padding: 5px; border: 1px solid #ccc; }
.imgfr { float: right; margin-left: 18px; padding: 5px; border: 1px solid #ccc; }
.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

summary {}
th {}
legend {}

/* =09: FORMS */

.listform { list-style: none; width: auto; }
.listform li { clear: both; padding: 9px 0 9px 0; }
.listform label { float: left; text-align: right; }
.listform input, .listform select, .listform textarea { float: right; }
.listform span { color: #FFaaaa; }
.listform .error { background: #ffaaaa; border: 1px solid #dd9999; padding: 5px;}

/* PRODUCT TABLE */

.shop-product-small ul, .details ul { list-style: none !important; margin-left: 0; padding-left: 0;}
.shop-product-small li, .details li { list-style: none !important; margin-left: 0; padding-left: 0;}
.productTextInput { width: 50px; }

.blog-post { font-size: 90%; }
.blog-post h2 { font-size: 14px; margin-bottom: 5px; }
.post-details { font-weight: bold; margin-top: 0; }

#content-main ul { margin-left: 15px; }