/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""8'    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : TYPOGRAPHY
  =02 : FORMS
  =03 : EXTERNAL LINKS


  MARGINS:

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

*/

/* =01 : TYPOGRAPHY baseline */

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
@import url('thickbox.css') screen;
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 75%; color: #222;  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
/* Headings
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; color: #111; color: #13375B;}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size:  14px; color: #000; line-height: 1.25; margin-bottom: 0.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img { margin: 0; }
/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; line-height: 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,
dfn { font-style: italic; }
dfn { font-weight: bold; }
sup,
sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,
code,
tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
blockquote h3 { color: #8bb6dc; font-size: 22px; font-style: normal; line-height: 1.25; }
/* Lists
-------------------------------------------------------------- */

li ul,
li ol { margin:0 1.5em; }
ul,
ol { margin: 0 1.5em 1.5em 1.5em; line-height: 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,
td,
caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.nonlist { list-style: none; margin: 0; padding: 0; }
.nonlist li { padding: 0; margin: 0; }
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */

input.text,
input.title,
textarea,
select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus,
input.title:focus,
textarea:focus,
select:focus { border:1px solid #666; }
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; 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; }
.notice a { color: #514721; }
.success a { color: #264409; }


/*Elements Developed by Ben Henschel*/
/*External Links*/

/*External Link - adds a little external link icon to all of your external links*/
a[href^="http:"] {
background: url(../images/icons/externalLink.gif) no-repeat right top;
padding-right:10px;
}

/*IMPORTANT: Reset your internal links that use absolute URLS by replacing yoursite.com with your site's URL, below*/
a[href^="http://www.yoursite.com"], a[href^="http://yoursite.com"] {
background-image:none !important;
padding-right:0px;
}
/*Use on external links that are images or have background colors/borders...when ever you dont want an icon to appear*/
.exempt { background-image:none !important; padding:0px; }
/*This method does not work for IE6 or IE7 (big surpise) you can add the class .external to a few of your important external links so they work in IE6/7 if you wish. IE will just ignore these rules so there are now worries.*/
.external { background: url(../images/icons/externalLink.gif) no-repeat right top; padding-right:10px; }

/*Email Links - adds small email icon to all mailto links*/
a[href^="mailto:"] {
background: url(../images/icons/email_link.png) no-repeat right top;
padding-right:22px;
padding-bottom:5px;
}

/*AIM Links - adds small IM icon to all aim:goim?screenname=username links*/
a[href^="aim:"] {
background: url(../images/icons/group.png) no-repeat right top;
padding-right:22px;
padding-bottom:5px;
}

/*PDF Links - adds a small PDF icon to all PDF links*/
a[href$=".pdf"] {
background: url(../images/icons/page_pdf.png) no-repeat right top;
padding-right:22px;
padding-bottom:5px;
}

/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".doc"] {
background: url(../images/icons/page_word.png) no-repeat right top;
padding-right:22px;
padding-bottom:5px;
}

/*RSS Links - adds a small Feed icon to all RSS feed links*/
a[href$=".rss"], a[href$=".rdf"] {
background: url(..)/images/icons/feed.png) no-repeat right top;
padding-right:22px;
padding-bottom:5px;
}

ul.menu li { float: left; width: auto; }