/* ----------------------------------------------------------
Do not edit
Last updated: 12/04/07
-------------------------------------------------------------

Base styles, hence the naming.
started from: http://monc.se/tripoli/index.html

See more:
http://del.icio.us/soupenvy/css+framework

------
Notes:
------
change list-style-type to outside? Is that more useful?

based on 18px line-height, (http://alistapart.com/articles/settingtypeontheweb)
Any time you add vertical space with a margin or padding, 
you need to add it in units of 18 pixels to maintain the baseline grid (enable /shared/diagnostic.css to see grid)
You don't always have to add it in one place, but you need to add it in pairs that add 
up to 18 pixels. For instance, you could set a top margin of 12 pixels 
and a bottom margin of 6 pixels.

Font size in PX to keep things simple.
------------------------------------------------------------ */

hr {display: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hide {display: none;}
.empty {visibility: hidden;}

/* [type]------------------------------------------------------------------ */
strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 11px;}

p, address, .adr {margin-bottom: 18px;}

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}

/* H1 is generally used for logo & that's it */
h1,h2 {
	font-size: 26px;
	line-height: 36px; 
  	margin-bottom: 18px;
	}
h3 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	}
h4 {
	font-size: 14px;
	line-height: 18px;
	}

h5,h6 {
	font-size: 12px;
	line-height: 18px;
	}

/* generic, generally for use within content */
ul, ol {
  margin: 18px 0;
  padding-left: 16px;
  list-style-position: inside;
  list-style-type: disc;
}
ol {list-style-type: decimal;}

dl {
  margin-top: 18px;
  margin-bottom: 18px;
}
dl dt {
  font-weight: bold;
}
table {margin-bottom:18px;}
blockquote {
  margin: 18px 0;
  padding: 17px 18px 0 17px;
  font-style: italic;
}

						
/* [forms]-------------------------------------------------------------- */

fieldset {border: 1px solid #ccc;}
textarea, input[type='text'], select {border: 1px solid #ccc;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ddd;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button {cursor: pointer;}
input[type='hidden'] {display:none;}
input[type='button'] {border-width: 0;}
input[type='button']:focus {border-width: 0 ! important;}
/* [microformats]-------------------------------------------------------------- */