/* * BASELIE CSS * * * * * * * * * * * * * * * * * * * * *
 *
 *   Copyright (c) 2008 by Simon Raess
 *   www.raess.com - simon(a)raess.com
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *   Permission is hereby granted, free of charge, to any 
 *   person obtaining a copy of this software and 
 *   associated documentation files (the "Software"), to 
 *   deal in the Software without restriction, including 
 *   without limitation the rights to use, copy, modify, 
 *   merge, publish, distribute, sublicense, and/or sell 
 *   copies of the Software, and to permit persons to whom 
 *   the Software is furnished to do so, subject to the 
 *   following conditions:
 *   
 *   The above copyright notice and this permission notice
 *   shall be included in all copies or substantial portions
 *   of the Software.
 *   
 *   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
 *   ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
 *   TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
 *   PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT 
 *   SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR
 *   ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN 
 *   ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE
 *   OR OTHER DEALINGS IN THE SOFTWARE.
 *   
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




/* @group G E N E R A L
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* WINDOW */
html, body {height:100%;background:#eee}
html body {margin:0;overflow:auto;padding:0;}
*+html body {overflow:visible;} /* ie7 hack :( */

body {
  color: #333; /* optimize readability */
  font-size: 75%; /* 16 x 0.75 = 12px */
  line-height: 1.5em ! important; /* 12 x 1.5 = 18px */
  font-family: "Lucida Grande",Geneva,Arial,sans-serif;
  vertical-align:baseline; /* baseline grid */
  }


/* CANVAS */
#page {
  background: #fafafa;
  position: relative;
  }


/* CLASSIC PAGE LAYOUT */
#header,#content,#footer {overflow:hidden}; /* clear floats */


/* FLOATING AND CLEAR FLOATS */
.clear {clear:both;}
.left {display:inline;float:left;}
.right {display:inline;float:right;}
.float {overflow:hidden;}


/* TRANSPARENCY (custom/hacks/lte-ie-6.css) */
.transparent {opacity:0.8;-moz-opacity:0.8}


/* HANGING QUOTE MARKS */
div.doublequote,p.doublequote,{text-indent:-.45em;}


/* DEVELOPMENT UTILITIES */
.hide {display:none;}
.invisible {display:invisible;}
.marker {background:#ffc;}


/* NICE HORIZONTAL FORMS */
fieldset.horizontal {overflow:hidden;} /* horizontal */
fieldset.horizontal div.namepanel {float:left;width:32%;}
fieldset.horizontal div.datapanel {float:right;width:64%;}
fieldset.horizontal input[type="text"],fieldset.horizontal textarea {float:right;width:99%;padding:0;}




/* @end *//* @group  N A V I G A T I O N
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* ALL LEVELS */
ul.menu {margin:0;padding:0;list-style:none;}
ul.menu li {list-style:none;margin:0;padding:0;}
ul.menu li a {display:block;height:100%;white-space:nowrap;}


/* SERVICES */
p.meta {padding: 0 0.5em;}
p.meta a {padding: 0 0.5em;white-space:nowrap;}
p.meta a:hover { }
p.meta a.active { }




/* @end *//* @group  T Y P O G R A P H Y
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HEADINGS (h1,h2,h3,h4,h5,h6) */
/* (pt: 6,7,8,9,10,11,12,14,18,21,24,36,48,60,72) */
h1,h2,h3,h4,h5,h6 {font:inherit;font-weight:800;margin:0;}
h1,h2,h3 {padding:0;}

h1 {font-size:2em;line-height:1.5em;} /* 24/36 */
h2 {font-size:1.75em;line-height:1.714em;} /* 21/36 */
h3 {font-size:1.5em;line-height:2em;} /* 18/36 */

h4 {font-size:1.25em;line-height:1.2em;padding:0.6em 0;} /* 15/18 */
h5 {font-size:1em;line-height:1.5em;padding:0.75em 0;} /* 12/18 */
h6 {font-size:0.75em;line-height:2em;padding:1em 0;} /* 9/18px */


/* BLOCK ELEMENTS (address,blockquote,p,pre) */
address,p,pre {margin:0;}
address,blockquote {font-style:italic;}
p,pre {padding:0.75em 0;}

address {letter-spacing:0.025em;font-size:0.75em;line-height:2em;padding:1em 0;}
blockquote {border-left:4px solid #999;margin:0.75em 2.25em;padding:0 0.75em;}
blockquote,blockquote:before,blockquote:after {content:'';content:none;quotes:none;}
center {display:block;margin:0 auto;text-align:center;} center * {text-align:left;} /* :) */
pre {font-family:"Andale Mono","Courier New",Courier,mono;white-space:pre;overflow:auto;}


/* SPECIAL ELEMENTS (a,br,div,hr,iframe,img,span) */
a,br,div,span,img {font:inherit;margin:0;padding:0;}

a {color:#69f;cursor:pointer;background-color:inherit;text-decoration:none;}
a:visited {color:#999;background-color:inherit;}
a:active,a:hover {text-decoration:underline;}
a:focus,:focus {outline:none;}
a img {border:0 none;}

hr {border:0 solid;border-top-width:1px;color:inherit;
    font-size:0;height:0;line-height:0;margin:-1px 0 0;}


/* PHYSICAL TEXT (b,i,big,small,sup,sub,tt) */
big,small,tt {line-height:0.9em;}
sub,sup {font-size:0.75em;line-height:0.5em;}

b {font-weight:800;}
i {font-style:italic;}
big {font-size:1.25em;}
small {font-size:0.75;}
sub {vertical-align:-0.5em;}
sup {vertical-align:0.5em;}
tt {font-family:Courier,"Courier New","Andale Mono",mono;}


/* LOGICAL TEXT (abbr,acronym,cite,code,del,dfn,em,ins,kbd,q,samp,strong,var) */
abbr,acronym {letter-spacing:0.05em;font-variant:small-caps;}
abbr[title],acronym[title],dfn[title] {border-bottom:dotted 1px;cursor:help;}
abbr {text-transform:lowercase;}

code,samp {font-family:Monaco,"Andale Mono",mono;white-space:pre;}
kbd,q {font-family:Georgia,"Times New Roman",Times,serif;line-height:1em;}

acronym,cite {text-transform:capitalize;}
cite,dfn,em,q,strong,var {font-style: italic;}
code,var {font-size: 0.75em;line-height:1.2em;}
em,dfn {word-spacing:0.1em;}
em,kbd,var {letter-spacing:0.05em;}
q,q:before,q:after {content:'';content:none;quotes:none;}

dfn {text-transform:uppercase;}
del {text-decoration:line-through;}
ins {text-decoration:underline;}
strong {font-weight:800;}


/* LIST ELEMENTS (dl,ol,ul,dd,dt,li) */
dl,dd,dt,li,ol,ul {margin:0;}
dl,ol,ul {font:inherit;padding:0.75em 3em;}
dd {padding:0 3em;}
dt,li {padding:0;}

dl {list-style-type:none;}
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ul {list-style-type:circle;}
ul {list-style-type:square;}
ul ul {list-style-type:disc;}
ul ol {list-style-type:upper-roman;}

li {list-style-type:inherit;list-style-position:outside;}


/* TABLE ELEMENTS (caption,col,colgroup,table,thead,tfoot,tbody,td,th,tr) */
col,colgroup,thead,tfoot,tbody,tr {margin:0;padding:0;}
col,colgroup {visibility:hidden;}

caption{text-align:left;font-size:0.75em;line-height:2em;padding:0 0 1em;margin:1em 0 0;}
table {border-collapse:collapse;border-spacing:0;margin:0.75em 0;padding:0;width:100%;}
	
table,td,th,thead,tfoot,tbody,tr {border:0 solid;color:inherit;font:inherit;}
td,th {border-bottom-width:1px;border-top-width:1px;margin:0;padding:0 0.25em;vertical-align:top;line-height:1.4167em;}
th{text-align:left;font-weight:800;}
thead,tfoot {background: #ddd;}


/* FORM ELEMENTS (fieldset,form,legend, button,input,label,option,optgroup,select,textarea) */
form {display:block;}
form,fieldset,legend {margin:0;}
form,label,legend,select {padding:0;}
fieldset {border:0 none;padding:0.75em 0;}
fieldset p {padding-top:0;padding-bottom:0;}
legend {font-weight:800;}

input,label,textarea {font:inherit;margin:0 0.25em 0 0;}
input[type="checkbox"],input[type="radio"] {vertical-align:middle;}
select {font-size:0.9em;margin:-2px 0.25em -2px 0;}

input[type="text"] {height:1.4em;line-height:1.4em;vertical-align:top;}
textarea,input[type="text"] {border:1px solid #666;color:#333;margin:-1px 0;padding:0 0.25em;width:15em;}
textarea {height:15em;display:block;}

button,input[type="submit"],input[type="reset"],input[type="button"] {font-size: 0.75em;vertical-align:top;}

/* @end */