/*
Title:      Reset / Common Rules
Author:     G. Fonseca, developer [at] wsframework [dot] org
Updated:    2007.12.20
*/

/* INDEX:
   	Reset
		Reset:Body
   	Miscellaneous
   		Misc:Tags
		Misc:Display
		Misc:Columns
		Misc:Clear
		Misc:Flash
		Misc:Type
		Misc:Links
----------------------------------- */

/* ----------------------------------- */
/* ---[ Reset ]------------------------------- */
/* ----------------------------------- */

/* based on: meyerweb.com */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
embebed, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dd, dl, dt, li, ol, ul, 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%;
	line-height: 1.2; /* ie breaks with 1 */
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
a img, :link img, :visited img {
	border: 0;
}
body {
	color: #000;
	background: #fff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---[ Reset:Body ]------------------------------- */

body { 
	background-color: #fff;
	text-align: center;
	color: #000; 
	font-family: verdana, arial, helvetica, sans-serif;
  	font-size: small;
}
* html body {
	font-size: x-small; /* IE5/Win */
	f\ont-size: small; /* other IE */
}

/* from: Blueprint CSS */
/* body          { font-size: 75%; }   /* IE */
/* html > body   { font-size: 12px; }  /* Other browsers */

/* ----------------------------------- */
/* ---[ Miscellaneous ]------------------------------- */
/* ----------------------------------- */

/* ---[ Misc:Tags ]------------------------------- */

blockquote {
	font-size: 88%;
	/* or italic */
	font-style: oblique;
}
em { font-style: italic; }
strong { font-weight: bold; }
strike { text-decoration: line-through; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
hr {
	border-top: 1px;
	color: #000;
	background-color: #fff;
	height: 1px;
}
acronym { cursor: help; }

/* ---[ Misc:Display ]------------------------------- */

.hide { display: none; }
.invisible { visibility: hidden; }

.block { display: block; }
.inline { display: inline; }

/* ---[ Misc:Columns ]------------------------------- */

/* Width */
.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.w25 { width: 25%; }

/* Float */
.floatL { float: left; }
.floatR { float: right; }

/* ---[ Misc:Clear ]------------------------------- */

.clear {clear: both;}

/*	Use ???
	-----------------------
.clear {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clear { IE
	height: 1%;
}
*:first-child+html .clear { * IE 7 *
	min-height: 1px;
}
*/

/* ---[ Misc:Flash ]------------------------------- */

.flashHide { display: block; height: 0; }

/* ---[ Misc:Type ]------------------------------- */

/* Align */
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* Colors */
.black { color: #000; }
.white { color: #fff; }
.grey { color: #666; }
.red { color: #c00; }
.blue { color: #03c; }
.green { color: #390; }
.orange { color: #f90; }

/* Style */
.normal { font-style: normal; font-weight: normal; }
.italic { font-style: italic; }
.oblique { font-style: oblique; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.caps { text-transform: uppercase; }

/* Other */
.highlight { background-color: #ff0; }
.quote:before { content: '\201C'; } /* Not IE */
.quote:after { content: '\201D'; }
.bullets { list-style: disc inside; padding-left: 1em; }

/* ---[ Misc:Links ]------------------------------- */

/* remember to define link styles! :l :v :h :a */
a, a:link {
	text-decoration: underline;
	color: #03c;
}
/*	Dotted Underline effect 
	(Caution with animations - position)
	-----------------------
	text-decoration: none;
	padding-bottom: 0.1%;
	border-bottom: 1px dotted #03c;
	position: relative; * IE rule *
*/
a:visited {
	color: #666;
	text-decoration: line-through;
}
a:hover {
	color: #03c;
	text-decoration: underline;
}
/*	Link hover underline effect
	-----------------------
	padding-bottom: 0.1%;
	border-bottom: 1px dotted #03c;
	position: relative; * IE rule *
*/
a:active {
	color: #000;
}

/*	ICONS:
	-----------------------
	* by Link Type *
	-----------------------
a[href^="http:"] {
	background: transparent url(/pub/_global/pics/icons/famfam/link.png) no-repeat left top; 
	padding-left: 22px;
}
a[rel="external"] {
	background: transparent url(/pub/_global/pics/icons/famfam/world_link.png) no-repeat left top; 
	padding-left: 22px;
}
a[href^="mailto:"] {
	background: transparent url(/pub/_global/pics/icons/famfam/email.png) no-repeat left top; 
	padding-left: 22px; 
}
a[href$=".rss"], a[href$=".rdf"] {
	background: transparent url(/pub/_global/pics/icons/famfam/feed.png) no-repeat left top; 
	padding-left: 22px; 
}
a[href*="flickr.com/photos/"] { 
	background: transparent url(/pub/_global/pics/icons/famfam/picture.png) no-repeat left top; 
	padding-left: 22px;
}
	* by File Extension *
	-----------------------
	// Option: use REL instead (rel="pdf")
	// TODO : ... define others (excel, zip, ...)
a[href$=".pdf"] {
	background: transparent url(/pub/_global/pics/icons/famfam/page_white_acrobat.png) no-repeat left top; 
	padding-left: 22px; 
}
a[href$=".doc"] {
	background: transparent url(/pub/_global/pics/icons/famfam/page_white_word.png) no-repeat left top; 
	padding-left: 22px; 
}
	* by ClassName *
	-----------------------
a[class~="image"] {
	background: transparent url(/pub/_global/pics/icons/famfam/picture.png) no-repeat left top; 
	padding-left: 22px;
}
*/

/* ----------------------------------- */	
/* ---[ END ]------------------------------- */
/* ----------------------------------- */