/* @override http://localhost:8100/assets/themes/asdika/stylesheets/base.css */

/* 
   What you now look at is my own special blend of Blueprint CSS
   and YUI. Thanks for making your code available. Pilfer as much
   from this style sheet as you might like.

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

body { 
  line-height: 1.5; 
}
object { display:block; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: right; 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; }


/* -------------------------------------------------------------- 
  
   grids.css
   * provide structure for site.
   * borrowed mostly from YUI 2.5.2 grids
   
   Usage:
   * requires specific html nesting

	<div id="page/2/3/4" class="oneEightyLeft/twoFortyRight/etc">					
		<div id="hd"></div>
		<div id="bd">
			<div id="contentMain">
				<div class="contentBlock"></div>
			</div>
			<div class="contentBlock"></div>
		</div>
		<div id="ft"></div>
	</div>
   
-------------------------------------------------------------- */


/* General Rules */
body{text-align:center;}
#ft{clear:both;}

/* Page Width Rules (#page, #page2, #page3, #page4) */
#page,#page2,#page3,#page4,.oneSixtyLeft,.oneEightyLeft,.twoFortyLeft,.bigLeft,.oneSixtyRight,.oneEightyRight,.twoFortyRight,.bigRight,.oneCol 
		{margin:auto;text-align:right;min-width: 750px;width:750px;}
#page2	{width:950px;}
#page3	{margin:auto 10px;width:auto;}
#page4	{width:974px;}	
	
/* Preset Template Rules  */
/* to preserve source-order independence for Gecko */
.contentBlock	{position:relative;}
.contentBlock	{_position:static;}
#contentMain .contentBlock{position:static;}

#contentMain {width:100%;}
	
.oneSixtyLeft #contentMain,
.oneEightyLeft #contentMain,
.twoFortyLeft #contentMain,
.bigLeft #contentMain {float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.oneSixtyRight #contentMain,
.oneEightyRight #contentMain,
.twoFortyRight #contentMain,
.bigRight #contentMain {float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

/* For Specific Template Presets */

.oneSixtyLeft .contentBlock {float:left;width:160px;}
.oneSixtyLeft #contentMain .contentBlock {margin-left:160px;}

.oneEightyLeft .contentBlock {float:left;width:180px;}
.oneEightyLeft #contentMain .contentBlock {margin-left:180px;}

.twoFortyLeft .contentBlock {float:left;width:240px;}
.twoFortyLeft #contentMain .contentBlock {margin-left:240px;}

.bigLeft .contentBlock {float:left;width:300px;}
.bigLeft #contentMain .contentBlock {margin-left:300px;}

.oneSixtyRight .contentBlock {float:right;width:160px;}
.oneSixtyRight #contentMain .contentBlock {margin-right:160px;}

.oneEightyRight .contentBlock {float:right;width:180px;}
.oneEightyRight #contentMain .contentBlock {margin-right:180px;}

.twoFortyRight .contentBlock {float:right;width:240px;}
.twoFortyRight #contentMain .contentBlock {margin-right:240px;}

.bigRight .contentBlock {float:right;width:300px;}
.bigRight #contentMain .contentBlock {margin-right:300px;}


.oneCol #contentMain .contentBlock {;margin:0 0 1em 0;}
#contentMain .contentBlock {float:none;width:auto;}

/* Grids and Nesting Grids */
.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u {float:right;}

/*Float units (and sub grids) to the right */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb, 
.yui-g .yui-gc, 
.yui-g .yui-gd, 
.yui-g .yui-ge, 
.yui-g .yui-gf, 
.yui-gc .yui-u, 
.yui-gd .yui-g,
.yui-g .yui-gc .yui-u,
.yui-ge .yui-u, 
.yui-ge .yui-g, 
.yui-gf .yui-g,
.yui-gf .yui-u{float:left;}

/*Float units (and sub grids) to the left */
.yui-g div.first, 
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first,
.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first,
.yui-gc div.first div.first {float:right;}

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf {width:49.1%;}

.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u {width:32%;margin-right:1.99%;}

/* Give IE some extra breathing room for 1/3-based rounding issues */
.yui-gb .yui-u {*margin-right:1.9%;*width:31.9%;}

.yui-gc div.first, 
.yui-gd .yui-u {width:66%;}
.yui-gd div.first {width:32%;}

.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}

.yui-ge .yui-u,
.yui-gf div.first {width:24%;}

.yui-g .yui-gb div.first,
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first {margin-right:0;}
   
/* Deep Nesting */
.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-right:0;}

.yui-g .yui-gb div.first,
.yui-gb .yui-gb div.first {*margin-left:0;*width:32%;_width:31.7%;}

.yui-g .yui-gc div.first, 
.yui-gd .yui-g  {width:66%;}

.yui-gb .yui-g div.first {*margin-left:4%;_margin-left:1.3%;}

.yui-gb .yui-gc div.first, 
.yui-gb .yui-gd div.first  {*margin-left:0;}

.yui-gb .yui-gb .yui-u,
.yui-gb .yui-gc .yui-u {*margin-right:1.8%;_margin-right:4%;}

.yui-g .yui-gb .yui-u {_margin-right:1.0%;}

.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}

.yui-g .yui-gc .yui-u, 
.yui-gb .yui-gc .yui-u {width:32%;_float:left;margin-left:0;_margin-right:0;}
.yui-gb .yui-gc div.first {width:66%;*float:right;*margin-right:0;}

.yui-gb .yui-ge .yui-u, 
.yui-gb .yui-gf .yui-u {margin:0;}

.yui-gb .yui-gb .yui-u {_margin-right:.7%;}

.yui-gb .yui-g div.first, 
.yui-gb .yui-gb div.first {*margin-right:0;}

.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u {*width:48.1%;*margin-right:0;}s

.yui-gb .yui-gd div.first {width:32%;}
.yui-g .yui-gd div.first {_width:29.9%;}

.yui-ge .yui-g {width:24%;}
.yui-gf .yui-g {width:74.2%;}

.yui-gb .yui-ge div.yui-u,
.yui-gb .yui-gf div.yui-u {float:left;}
.yui-gb .yui-ge div.first,
.yui-gb .yui-gf div.first  {float:right;}

/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf div.first {*width:24%;_width:20%;}

/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge div.first, 
.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}

/* Patch for GD within GE */
.yui-ge div.first .yui-gd .yui-u {width:65%;}
.yui-ge div.first .yui-gd div.first {width:32%;}

/* Clearing */

#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}

/* -------------------------------------------------------------- 
   
   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; }
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default 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: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


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

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

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: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.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; }
p img       { float: right; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.left { float: left; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #004; }
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,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

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

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          { margin-right: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 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; }
.clear { clear: both; }

/* A Joke
--------------------------------------------------------------
Q: How do you make Holy Water?
A: By boiling the hell out of it of course!
-------------------------------------------------------------- 
*/

