/**
 * Theme & Co. 2012
 *
 * @author      Alex Castro
 * @version      2.5
 * @package      Theme & Co.
 * @copyright    Copyright (C) 2012 Theme & Co. All rights reserved.
 * @license      GNU General Public License version 2 or later; see LICENSE.txt
 * @website      themeandco.com
 */

/* Default style sheet for HTML 4 + */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { /*content: "\A"; white-space: pre-line*/ }
center          { text-align: center }
a:link, a:visited { text-decoration: underline }
a:focus          { outline: thin dotted black }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

abbr, acronym { border-bottom: 1px dotted; }

h1.h-detail,h2.h-detail,h3.h-detail,h4.h-detail,h5.h-detail,h6.h-detail {
  margin: 10px 0;
  padding: 5px 10px;
  background: #ededed;
  width: auto;
}

h1, h2, h3 { font-family: 'Arial'; text-transform: uppercase; font-weight: normal; }

@font-face {
  font-family: 'LaconicLight';
  src: url('../fonts/laconic/Laconic_Light-webfont.eot');
  src: url('../fonts/laconic/Laconic_Light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/laconic/Laconic_Light-webfont.woff') format('woff'),
     url('../fonts/laconic/Laconic_Light-webfont.ttf') format('truetype'),
     url('../fonts/laconic/Laconic_Light-webfont.svg#LaconicLight') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'LaconicRegular';
  src: url('../fonts/laconic/Laconic_Regular-webfont.eot');
  src: url('../fonts/laconic/Laconic_Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/laconic/Laconic_Regular-webfont.woff') format('woff'),
     url('../fonts/laconic/Laconic_Regular-webfont.ttf') format('truetype'),
     url('../fonts/laconic/Laconic_Regular-webfont.svg#LaconicRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'LaconicBold';
  src: url('../fonts/laconic/Laconic_Bold-webfont.eot');
  src: url('../fonts/laconic/Laconic_Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/laconic/Laconic_Bold-webfont.woff') format('woff'),
     url('../fonts/laconic/Laconic_Bold-webfont.ttf') format('truetype'),
     url('../fonts/laconic/Laconic_Bold-webfont.svg#LaconicBold') format('svg');
  font-weight: normal;
  font-style: normal;

}

/* notices */

div.note,
div.alert,
div.download,
div.notice,
div.warning,
div.video,
div.check,
div.config,
div.heart,
div.star,
div.folder,
div.pdf,
div.document,
div.balloon,
div.icon-star,
div.icon-heart,
div.icon-lightbulb,
div.icon-config,
div.icon-pdf,
div.icon-document,
div.icon-balloon,
div.icon-folder-green,
div.icon-folder-beige,
div.icon-folder-gray,
div.icon-folder-blue,
div.icon-folder-purple {
  margin: 10px 0;
  padding: 10px 10px 10px 40px;
  background-color: #222222;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
  background-position: 10px 10px;
  background-repeat: no-repeat;
}


div.quote {  }
div.alert { background-image: url('../images/icons/notice-alert.png'); }
div.download { background-image: url('../images/icons/notice-download.png'); }
div.notice { background-image: url('../images/icons/notice-note.png'); }
div.warning { background-image: url('../images/icons/notice-info.png'); }
div.video { background-image: url('../images/icons/notice-video.png'); }
div.check { background-image: url('../images/icons/notice-check.png'); }
div.config { background-image: url('../images/icons/notice-config.png'); }
div.heart { background-image: url('../images/icons/notice-heart.png'); }
div.star { background-image: url('../images/icons/notice-star.png'); }
div.folder { background-image: url('../images/icons/notice-folder.png'); }
div.pdf { background-image: url('../images/icons/notice-pdf.png'); }
div.document { background-image: url('../images/icons/notice-document.png'); }
div.balloon { background-image: url('../images/icons/notice-balloon.png'); }
div.icon-star { background-image: url('../images/icons/icon-star.png'); }
div.icon-heart { background-image: url('../images/icons/icon-heart.png'); }
div.icon-lightbulb { background-image: url('../images/icons/icon-lightbulb.png'); }
div.icon-config { background-image: url('../images/icons/icon-config.png'); }
div.icon-folder-green { background-image: url('../images/icons/icon-folder-green.png'); }
div.icon-folder-beige { background-image: url('../images/icons/icon-folder-beige.png'); }
div.icon-folder-gray { background-image: url('../images/icons/icon-folder-gray.png'); }
div.icon-folder-blue { background-image: url('../images/icons/icon-folder-blue.png'); }
div.icon-folder-purple { background-image: url('../images/icons/icon-folder-purple.png'); }
div.icon-pdf { background-image: url('../images/icons/icon-pdf.png'); }
div.icon-document { background-image: url('../images/icons/icon-document.png'); }
div.icon-balloon { background-image: url('../images/icons/icon-balloon.png'); }

/* text formattings */

blockquote.quote { position: relative; font-style: italic; }
blockquote.quote:before { content: ' '; width: 20px; height: 20px; display: block; position: absolute; top: 0; left: -30px; background: url('../images/icons/quote-l.png') center no-repeat; } 
blockquote.quote:after { content: ' '; width: 20px; height: 20px; display: block; position: absolute; bottom: 0; right: -30px; background: url('../images/icons/quote-r.png') center no-repeat; } 

.txt-left { float: left; }
.txt-right { float: right; }
.txt-left, .txt-right {
  width: 40%;
  font-size: 1.5em;
  line-height: 130%;
  display: block;
  font-family: serif;
  padding: 30px;
}
.txt-dropcap {
  font-size : 3em;
  font-weight : bold;
  float : left;
  display: block;
  font-family: serif;
  line-height: 100%;
  margin: 0 10px 5px 0;
}

/* lists */
ol, dl, dir, menu { margin: 1.12em 0; }
ol, ul, dir,
menu, dd { padding: 0; }

ul li { list-style: none; margin: 0; }
ul ul li { list-style: circle inside; }
ul ul ul li { list-style: square inside; } 
ol li { list-style: decimal inside;  margin: 0;}

ol ul, ul ol, ul ul, ol ol { margin-top: 3px; margin-bottom: 3px; margin-left: 40px } 

ul.check li, ul.arrow li, ul.arrow2 li, ul.star li, ul.plus li, ul.circle li {
  padding: 5px 0 5px 20px;
  list-style: none;
  list-style-position: outside;
}
ul.check li {
    background: transparent url('../images/icons/ul-check.png') 0 6px no-repeat;
}
ul.arrow li {
    background: transparent url('../images/icons/ul-arrow.png') 0 6px no-repeat;
}
ul.arrow2 li {
    background: transparent url('../images/icons/ul-arrow2.png') 0 6px no-repeat;
}
ul.star li {
    background: transparent url('../images/icons/ul-star.png') 0 6px no-repeat;
}
ul.plus li {
    background: transparent url('../images/icons/ul-plus.png') 0 6px no-repeat;
}
ul.circle li {
    background: transparent url('../images/icons/ul-circle.png') 0 6px no-repeat;
}

ol.square { counter-reset: ol-item; }
ol.square li { padding: 5px 0 5px 35px; margin-left: 0; list-style: none; counter-increment: ol-item; }
ol.square li:before { content: counter(ol-item); position: absolute; min-width: 15px; height: 18px; padding: 0 3px; left: 10px; text-align: center; font-weight: bold; background: transparent url('../images/icons/bg-li-square.png') 0 0 repeat-x; border: 1px solid #ccc; border-radius: 3px; }

/* links */
a.external {
    padding-left: 20px;
    background-image: url('../images/icons/a-external.png');
  background-position: left center;
  background-repeat: no-repeat;
}
a.external:hover {
    padding-left: 20px;
    background-image: url('../images/icons/ah-external.png');
  background-position: left center;
  background-repeat: no-repeat;
}
a.pdf {
  padding-left: 20px;
  background: transparent url('../images/icons/icon-pdf.png') left center no-repeat;
}

/* emphasised text */
em.box, em.file, em.folder {
    font-family: monospace;
    font-style: normal;
    color: #000;
}

em.box {
    padding: 0px 2px 0px 2px;
    border: dotted 1px #ccc;
    background: #f5f5f5;
}

em.file {
    padding-left: 20px;
    background: transparent url('../images/icons/em-file.png') left center no-repeat;
    color: #000;
}

em.folder { 
    padding-left: 20px;
    background: transparent url('../images/icons/em-folder.png') left center no-repeat;
    color: #000;
}

/* Form Elements */
fieldset { border: none !important; }
legend {  }
input[type='text'], input[type='password'], input[type='email'], input[type='radio'], input[type='checkbox'], textarea, select {
  border-radius: 2px;
  padding: 3px;
}
select {

}
select option {  }
select[size] {  }
textarea:hover, select:hover, input[type='text']:hover, input[type='password']:hover, input[type='email']:hover,input[type='radio']:hover, input[type='checkbox']:hover {

}
select:hover, select:focus {  }
textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='radio']:focus, input[type='checkbox']:focus, select:focus {

}
input[type='button'], input[type='submit'], input[type='image'], input[type='reset'], select, button {
  font-weight: bold;
  padding: 5px;
  border-radius: 2px;
}
input[type='hidden'] { display: none; }
input.invalid { outline: 1px solid #f00 !important; }

input[type="button"], input.button, button, a.button {

}
input[type="button"], input.button, button, a.button,
input[type="button"]:active, input.button:active, button:active, a.button:active{

}
input[type="button"]:active, input.button:active, button:active, a.button:active {

}

/* Preformatted Text */
pre {

}

/* Tables */
table { border: thin outset; border-collapse: separate; }
td, tr, th { border: thin inset; padding: 5px; }