/**
* Waterfall - CSS Basic Styles
*
* @author        Marco Solazzi @ Promobit Communications
* @copyright     Copyright(c) 2008 Marco Solazzi
* @date          2008-05-05
* @lastmodified  2008-05-05
* @version       1.1
* @revision      1
*
* @colordef      #F00; red (.red)
* @colordef      #F60; orange (.orange)
* @colordef      #03F; light blue (.blue)
* @colordef      #00F; blue (a)
* @colordef      #0C0; light green (.green)
* @colordef      #FF6; bright yellow (.highlight)
*/


/**
* [Table of contents]
*
* * Reset
* + Typography
*   - dimensions
*   - colors
*   - various styles
*   - anchors and links styles
* + Commons
*   - specific body style
*   - reset overrides
*   - lines and clearer
*   - form input font fixes (bugfix FF)
* + Layout
*   - floating elements
* + Menus
*   - vertical menu
*   - horizontal menu
*   - graphic bullet menu
* + Forms
*   - block input list
*/

/**
* [References]
* http://cssdoc.net/
* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
* http://www.smashingmagazine.com/2008/05/02/improving-code-readability-with-css-styleguides/
*
*/

/**
* %%Reset
*
* @see reset.css
*/
@import "reset.css";

/**
* %%Typography
*/
h1 {
	font-size:26px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
p {
	line-height:150%;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/* dimensions */
.small {
	font-size:80%;
}
.big {
	font-size:145%;
}
/* colors */
.red {
	color:#F00;
}
.orange {
	color:#F60;
}
.blue {
	color:#03F;
}
.green {
	color:#0C0;
}

blockquote {
	text-indent: 25px;
	background: url('../../images/quotes1.png') no-repeat 0 2px ;
	margin:auto 15px;
        padding-bottom:15px;
}

blockquote p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url('../../images/quotes2.png') no-repeat bottom right;
    font-style: italic;
}



/* various styles */
.underline {
	text-decoration:underline;
}

.highlight {
	background-color:#FF6;  /* bright yellow */
	padding:0px 2px;
}

/* anchors and links styles */
a {
	color:#00F; /* blue */
        text-decoration:underline;
}
a:link {
  /* rules... */
}
a:hover {
  /* rules... */
  text-decoration:none;
}
a:visited {
  /* rules... */
}

/**
* %%Commons
*/

/* specific body style */
body,html {
	/* rules */
}
body {
     /* rules... */
     /* font-family: ___ ; */
     /* font-size: ____px ; */
     /* text-align: center; */ /* center layout in viewport IE */
}

/* reset overrides */
table {
      border-collapse: collapse;
}

/* lines and clearer */
hr.separator {
	height:1px;
	border:0px none;
	width:100%;
	clear:both;
}
.clearer {
	width:100%;
	clear:both;
	float:none;
}
  .clearer hr {
           display:none;
  }

/**
* @bugfix form input font fixes
* @css-for Firefox
*/
input, textarea, select {
	font-size:100%;
}

/*----------------------------------
* End of standard CSS
*
* predefined CSS parts following
------------------------------------*/

/**
* %%Forms
*/

form {
	/* rules */
}
fieldset {
	/* width: ___px; */
	/* rules */
}

  /* block input list */
  fieldset.inputBlock div {
        /* overflow: hidden */
        /* padding: ___px 0; */
        /* width: 100%; */
  }
      fieldset.inputBlock div input {
              /* float: left; */
              /* width: ___px; */
      	  /* rules */
      }
legend {
	/* rules */
}
label {
	/* display: block; */
	/* float: left; */
	/* line-height: 180%;*/ /* centering single line label text in forms inputs */
        /* width: ___px; */
	/* rules */
}
  label.required {
        /* rules */
  }