/*--- forDrupal Base CSS  ---*/

/* browser reset */
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; 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; }
a     { outline: none; }

/* typography */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #111; margin: .3em 0 .3em; }

h1 { font-size: 2em; line-height: 1; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

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

p           { margin: 0 0 .725em; }
p img.left, img.left  { float: left; margin: .725em .725em .725em 0; padding: 0; }
p img.right, img.right { float: right; margin: .725em 0 .725em .725em; }

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: normal; border: 1px solid #e5e5e5; background: #f4f4f4; padding: 1em; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 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          { padding: 0 0 .5em 1.5em; margin-bottom: .5em; border-bottom: 1px solid #eee; }


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

/* override the background and color to change hr line color */
hr { background: #f2f2f2; border: none; clear: both; color: #f2f2f2; height: 1px; margin: 1em 0; }

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


/* fancy types */
/* Indentation instead of line shifts for sibling paragraphs. */
/*
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p  { text-indent: 0; } /* Don't want this in forms. */

/* For great looking type, use this code instead of asdf:
   <span class="alt">asdf</span>
   Best used on prepositions and ampersands. */
.alt {
  color: #666;
  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}

/* For great looking quote marks in titles, replace "title text" with:
   <span class="dquo">&#8220;</span>title text&#8221;
   (That is, when the title starts with a quote mark).
   (You may have to change this value depending on your font size). */
.dquo { margin-left: -.5em; }

/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to
   follow the 1.5x vertical rhythm -- the line-height is too much.

   Using this class, it reduces your font size and line-height so that for
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */
p.incr, .incr p {
  font-size: 10px;
  line-height: 1.44em;
  margin-bottom: 1.5em;
}

/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

/* useful classes */
/* seo nav */
.skip { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
.skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; }

/* add .clearfix class to clear floats after an element */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* table generic theme */

table       { border-bottom: 4px solid #aabcfe; }
thead th    { background: #b9c9fe; border-bottom: 1px solid #fff; border-top: 4px solid #aabcfe; color: #039; padding: 8px; }
tbody td    { background: #e9edff; border-bottom: 1px solid #fff; border-top: 1px solid transparent; color: #669; padding: 8px; }
tr.even td  { background: #eff5ff; }
tr:hover td { background: #d0dafd; color: #339; }
td.region   { background: #b9c9fe; border-top: 5px solid #fff; }
tr.region-message td { background: #eee; }

/* form */
/*
fieldset { margin-bottom: 1em; padding: 1em; border: 1px dashed #999; }
fieldset legend { display: block; }

textarea,
input.form-text {
  border: 1px solid #dbdbdb;
  border-top-color: #bebebe;
  border-left-color: #b1b1b1;
  padding: 2px;
  font: normal 1.2em Arial, Helvetica, sans-serif;
  color: #454545;
}
*/
/* autocomplete adjustment due to new padding */
html.js input.form-autocomplete {
  background-position: 100% 4px;
}
html.js input.throbbing {
  background-position: 100% -16px; /* LTR */
}


/* highlight */
.highlight-blue, .highlight-lightgrey, .highlight-red, .highlight-orange, .highlight-yellow,
.highlight-green, .highlight-purple, .highlight-pink, .highlight-grey, .highlight-black
{ padding: .5em 1em; }

.highlight-blue                { background: #ebf3ff; border: 1px solid #98c0ff; }
.block .highlight-blue h2,
.block .highlight-blue h3      { color: #3771c8; }

.highlight-lightgrey           { background: #f3f4f6; border: 1px solid #dbdbdc; }
.block .highlight-lightgrey h2,
.block .highlight-lightgrey h3 { color: #999; }

.highlight-red                 { background: #ffe6e6; border: 1px solid #ffa4a4; }
.block .highlight-red h2,
.block .highlight-red h3       { color: #f70034; }

.highlight-orange              { background: #fff0da; border: 1px solid #ffb547; }
.block .highlight-orange h2,
.block .highlight-orange h3    { color: #ff7800; }

.highlight-yellow              { background: #ffffb9; border: 1px solid #e5e500; }
.block .highlight-yellow h2,
.block .highlight-yellow h3    { color: #9c8b00; }

.highlight-green               { background: #f3ffea; border: 1px solid #219021; }
.block .highlight-green h2,
.block .highlight-green h3     { color: #219021; }

.highlight-purple              { background: #f0edff; border: 1px solid #ff90e4; }
.block .highlight-purple h2,
.block .highlight-purple h3    { color: #6332b9; }

.highlight-pink                { background: #ffc9f3; border: 1px solid #ffa4a4; }
.block .highlight-pink h2,
.block .highlight-pink h3      { color: #a04476; }

.highlight-grey                { background: #c5c5c5; border: 1px solid #989a95; }
.block .highlight-grey h2,
.block .highlight-grey h3      { color: #111111; }

.highlight-black               { background: #222222; border: 1px solid #777777; color: #ccc; }
.block .highlight-black h2,
.block .highlight-black h3     { color: #fefefe; }

/* icons */
/* free icons from http://IconEden.com or http://min.frexy.com */
.icon1, .icon2, .icon3, .icon4 { padding: 0 0 1em 60px; }
.icon1.right, .icon2.right, .icon3.right, .icon4.right { padding: .5em 60px 1em 1em; }

.icon1       { background: transparent url(../icons/icon1.png) no-repeat left 6px; }
.icon1.right { background-position: right 6px; }

.icon2       { background: transparent url(../icons/icon2.png) no-repeat left 6px; }
.icon2.right { background-position: right 6px; }

.icon3       { background: transparent url(../icons/icon3.png) no-repeat left 6px; }
.icon3.right { background-position: right 6px; }

.icon4       { background: transparent url(../icons/icon4.png) no-repeat left 6px; }
.icon4.right { background-position: right 6px; }

.block .icon1 h2,
.block .icon2 h2,
.block .icon3 h2,
.block .icon4 h2 { color: #61911b; font-size: 1.8em; margin: 0; }

.block .icon1 .subtitle,
.block .icon2 .subtitle,
.block .icon3 .subtitle,
.block .icon4 .subtitle { color: #ab6127; font-size: 1.2em; font-style: italic; }


/* list */
.arrow, .node ul li.arrow, .block ul li.arrow,
.flag, .node ul li.flag, .block ul li.flag,
.folder, .node ul li.folder, .block ul li.folder,
.heart, .node ul li.heart, .block ul li.heart,
.minus, .node ul li.minus, .block ul li.minus,
.music, .node ul li.music, .block ul li.music,
.pencil, .node ul li.pencil, .block ul li.pencil,
.plus, .node ul li.plus, .block ul li.plus,
.save, .node ul li.save, .block ul li.save,
.stop, .node ul li.stop, .block ul li.stop,
.tag, .node ul li.tag, .block ul li.tag,
.tick, .node ul li.tick, .block ul li.tick
{ padding: .25em 0 .25em 24px; }

.arrow,
.node ul li.arrow,
.block ul li.arrow  { background: transparent url(../icons/arrow.png) no-repeat left center; }

.flag,
.node ul li.flag,
.block ul li.flag   { background: transparent url(../icons/flag.png) no-repeat left center; }

.folder,
.node ul li.folder,
.block ul li.folder { background: transparent url(../icons/folder.png) no-repeat left center; }

.heart,
.node ul li.heart,
.block ul li.heart  { background: transparent url(../icons/heart.png) no-repeat left center; }

.minus,
.node ul li.minus,
.block ul li.minus  { background: transparent url(../icons/minus.png) no-repeat left center; }

.music,
.node ul li.music,
.block ul li.music  { background: transparent url(../icons/music.png) no-repeat left center; }

.pencil,
.node ul li.pencil,
.block ul li.pencil { background: transparent url(../icons/pencil.png) no-repeat left center; }

.plus,
.node ul li.plus,
.block ul li.plus   { background: transparent url(../icons/plus.png) no-repeat left center; }

.save,
.node ul li.save,
.block ul li.save   { background: transparent url(../icons/save.png) no-repeat left center; }

.stop,
.node ul li.stop,
.block ul li.stop   { background: transparent url(../icons/stop.png) no-repeat left center; }

.tag,
.node ul li.tag,
.block ul li.tag    { background: transparent url(../icons/tag.png) no-repeat left center; }

.tick,
.node ul li.tick,
.block ul li.tick   { background: transparent url(../icons/tick.png) no-repeat left center; }


/* drupal */
.description { color: #666; }

  /* pager */
/*
.item-list .pager          { margin: 2em 0 1em 0; }
.item-list .pager li       { background: #f4f4f4; border: 1px solid #f4f4f4; border: 1px solid #e5e5e5; padding: .25em .75em; margin: 0 .25em .25em 0; }
.item-list .pager li:hover { background: #fff; border: 1px solid #999; }
.pager li.pager-current    { background: #fff; border: 1px solid #999; }
.pager li.pager-current:hover { background: #fff; border: 1px solid #999; }
*/
  /* preview */
.preview { background: #e4ffcf; padding: 1em; }
.preview h3.preview-title { background: #333; color: #fff; float: right; font-size: 1.2em; padding: .25em .5em; margin: 0; }
.preview .node { background: #eee; border: 1px dotted #469f45; padding: 1em; margin-bottom: 1em; }
.preview .node.teaser { margin: 0 0 1em 0; }

  /* message boxes
   * - ignore if image_assist messages (else need a patch as image_assist.css always loaded last)
   */
div.status,
div.warning,
div.error {
  border: none;
  padding: 15px 0 15px 72px;
  margin-bottom: 1em;
}
div.status {
  border-top: 2px solid #469f45;
  border-bottom: 2px solid #469f45;
  color: #219021;
  background: #e4ffcf url(../icons/info.png) no-repeat 20px center;
}
div.warning {
  border-top: 2px solid #e5e500;
  border-bottom: 2px solid #e5e500;
  color: #9c8b00;
  background: #ffffb9 url(../icons/alert.png) no-repeat 20px center;
}
div.error {
  border-top: 2px solid #ffa4a4;
  border-bottom: 2px solid #ffa4a4;
  color: #f70034;
  background: #ffe6e6 url(../icons/cancel.png) no-repeat 20px center;
}

  /* fixes for img_assist */
.img_assist .status,
.img_assist .warning,
.img_assist .error {
  background-image: none;
}