The Themes provides several custom styles that you can use in your node or block content. This page shows examples of these custom styles.

This is an h1 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is an h2 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is an h3 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is an h4 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

You will need to change the Input format of your node or block to Full HTML or else, otherwise Drupal will filter out your HTML code.

this i have only here modyfied the online version has only 4 colors

This is the info style. To use this style in you node or block content, wrap your text with the following HTML: <span class="info">...</span>
This is the alert style. To use this style in you node or block content, wrap your text with the following HTML: <span class="alert">...</span>
This is the errormsg style. To use this style in you node or block content, wrap your text with the following HTML: <span class="errormsg">...</span>
This is the help style. To use this style in you node or block content, wrap your text with the following HTML: <span class="help">...</span>
This is the note style. To use this style in you node or block content, wrap your text with the following HTML: <span class="note">...</span>
This is the xfer style. To use this style in you node or block content, wrap your text with the following HTML: <span class="xfer">...</span>

if you wand change folow lines in the style.css

span.alert {
  background-color: #ffa07a;
  border-top: 2px solid #d04040;
  border-bottom: 2px solid #d04040;
}

span.errormsg {
  background-color: #f3cece;
  border-top: 2px solid #d04040;
  border-bottom: 2px solid #d04040;
}

span.help {
  background-color: #cadaef;
  border-top: 2px solid #3060a0;
  border-bottom: 2px solid #3060a0;
}

span.note {
  background-color: #f8efd0;
  border-top: 2px solid #e6cc62;
  border-bottom: 2px solid #e6cc62;
}

span.info {
  background-color: #afeeee;
  border-top: 2px solid #008000;
  border-bottom: 2px solid #008000;
}

span.xfer {
  background-color: #ddf8eb;
  border-top: 2px solid #20a060;
  border-bottom: 2px solid #20a060;
}

for tapestry icons in icons.css

span.alert {
  background: #ffa07a url(../icons/16x16/status/dialog-warning.png) 10px 50% no-repeat;
}

span.errormsg {
  background: #F3CECE url(../icons/16x16/status/dialog-error.png) 10px 50% no-repeat;
}

span.help {
  background: #CADAEF url(../icons/16x16/apps/help.png) 10px 50% no-repeat;
}

span.note {
  background: #F8EFD0 url(../icons/16x16/apps/text-editor.png) 10px 50% no-repeat;
}

span.info {
  background: #afeeee url(../icons/16x16/status/info.png) 10px 50% no-repeat;
}

span.xfer {
  background: #DDF8EB url(../icons/16x16/actions/mail-send-receive.png) 10px 50% no-repeat;
}

This is the pre tag. To use this style in you node or block 
content, wrap your text with the following HTML: <pre>...</pre>

/* typography */
fieldset,img {
	border: none;
}

body  {
	font: 100%/1.25em Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

This is the blockquote tag. To use this style in you node or block content, wrap your text with the following HTML: <blockquote>...</blockquote>