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

   reset.css
   * Resets default browser CSS.

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 11px;
  font-family: inherit;
  vertical-align: baseline;
  font-family: Arial, sans-serif;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.3;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

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

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */
@font-face {
font-family: 'Stencil';
  src: url('STENCIL.TTF'); 
}

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 100%;
  color: #000;
  background: #fff;
  font-family: Arial, sans-serif;
}

textarea{
  font-size: 100%;
  font-family:  Arial, sans-serif;
}
span{
  font-size: 100%;
  font-family:  Arial, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { position: relative; font-weight: normal; margin: 6px 0 0 5px; color:#fff; }

h1 { font-size: 2.00em; line-height: 1; margin-bottom: 0px; font-weight:bold; }
h2 { font-size: 1.80em; margin-bottom:0pxm; }
h3 { font-size: 1.60em; line-height: 1; margin-bottom: 0px; }
h4 { font-size: 1.40em; line-height: 1.25; margin-bottom: 0px; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0px; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p, label    { margin: 0 0 0px; font-size: 12px; font-family: Arial, sans-serif; text-align: justify !important;  }
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; }
label       { margin-right: 3px; margin-left:3px; }
a:focus,
a:hover     { color: #0066cc; text-decoration: underline;}
a           { color: #0066cc; text-decoration: none; font-size:11px; font-family: Arial, sans-serif;  }

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; }


/* Lists
-------------------------------------------------------------- */


/* 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; }

li{
  font-size: 12px;
  margin-bottom: 3px;
}

p{
  margin-top: 3px;
  margin-bottom: 3px;
}

p.small-p{
  font-size: 10px !important;
}


.normal-but{
  border: 1px solid;
  background: none;
  padding: 7px 12px;
  font-size: 12px;
  cursor: pointer;
}

.normal-textarea{
  resize:none;
  border:#d4d4d4 1px solid;
}


input[type=text].normal-input, input[type=password].normal-input{
    padding: 4px 5px;
  margin-bottom: 5px;
  width: 270px;
  border:1px solid #d4d4d4;
}

input[type=text].normal-input-small, input[type=password].normal-input-small{
    padding: 4px 5px;
  margin-bottom: 5px;
  width: 120px;
  border:1px solid #d4d4d4;
}

input[type=button].blue,input[type=submit].blue, button.blue{
  background: #3f9df4;
  border: #3b95e8;
  color: #fff;
}

input[type=button].blue:hover,input[type=submit].blue:hover, button.blue:hover{
  background: #3b95e8;
}

.small-red{
  color: #a82f3e;
  font-size: 10px;
}

.mar-top{
  margin-top: 15px !important;
}

a.link-format{
  padding: 8px 15px;
  color: #fff !important;
  text-align: center;
}
a.link-format:hover{
  text-decoration: none;
}
a.blue{
  background: #148dba;
}
a.red{
  background: #f82a3d;
}

a.yellow{
  background: #e1c630;
}

a.none{
  background: none;
}

p.green{
  color: #4de11a; 
}

.p-sgray{
  color: #373737;
}

.p-blue{
  color: #1069ef;
}

.overflow{
  overflow: scroll;
}

.white{
  color: #fff;
}

/*ORGANIC TAB*/
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

.normal-tab {background: #f9f9f9;  padding: 10px; margin: 0 0 15px 0; border:1px dashed #c8c8c8;}

.normal-tab .nav { overflow: hidden; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
.normal-tab .nav li { width: 120px; float: left; margin: 0 10px 0 0; }
.normal-tab .nav li.last { margin-right: 0; }
.normal-tab .nav li a { display: block; padding: 7px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.normal-tab .nav li a:hover { background-color: #3a3a3a; }

.normal-tab ul { list-style: none; }
.normal-tab>ul>li>a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
.normal-tab>ul>li>a:hover, .normal-tab ul li a:focus { background: #fe4902; color: white; text-decoration: none; }
.normal-tab>ul>li:last-child a { border: none; }

.normal-tab li.nav-one a.current, ul.featured li a:hover { background-color: #0575f4; color: white; }
.normal-tab li.nav-two a.current, ul.core li a:hover { background-color: #d30000; color: white; }
.normal-tab li.nav-three a.current, ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
.normal-tab li.nav-four a.current, ul.classics li a:hover { background-color: #FE4902; color: white; }