/* -------------------------------------------------------------- 
   
   Sparkable
   typography.css
   * Version:   0.2 (28/8/2007)
   * Website:   http://www.sparkable.com/
  
-------------------------------------------------------------- */
/* Default classes
-------------------------------------------------------------- */

.hide, 
.print,
#logoPrint     { display: none; }

body { 
	color: #124C04;
	font-size: 14px;
	line-height: 21px; /* All elements should be a multiple of this value. */
}


/* Fonts */
h1,h2,h3,
h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
body      { font-family: "Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif; } 
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
acronym   { color:  #323232; border-bottom: 1px dotted #323232; cursor: pointer; }
address	  {	display: inline; font-style: normal; }
.center   { text-align: center; }
.right 	  { float: right; text-align: right; clear: right; }
a.right	  { margin-left: 10px; }

.arrow	  { padding-left: 15px; background: url('../../img/icon/rightarrow.gif') 0 5px no-repeat; }


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

h1,h2,h3,h4,h5 { 
	margin-top: 20px;	
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: normal;
}

h1 { font-size: 40px; color: #a10000; }
h2 { font-size: 36px; color: #eede97; letter-spacing: -0.10em; }
  h2.noTopMargin {	margin-top: 0; }
  #left h2 {		margin-top: 5px; margin-bottom: 0; overflow: hidden; font-size: 26px; float: left; clear: both; }
h3 { font-size: 20px; color: #3cbeea; }
h4 { font-size: 20px; }
h5 { font-size: 20px; color: #000000; clear: both; }
#left h6 { 
	font-size: 22px; color: #000000; 
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 4px;
	line-height: normal;
}

h3.profileName {	margin-top: 0px; }


/* Link Colors
-------------------------------------------------------------- */

#right a.right {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 18px 0; text-align: left; }
p.last      { margin-bottom:0; }
p img       { float: right; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

#right p strong { color: #111111; }

a {			color: #a10000; text-decoration: none; font-weight: normal; }
a:visited {	color: #a10000; }
a:hover { 	color: #3cbeea; }
a:active {	color: #FFCE03; }

ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; color: #666666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #C0C092; 
  color: #C0C092;
  clear: both; float: none; 
  width: 100%; height: 1px;
  margin: 15px 0 15px 1px;
  border: none; 
}

hr.dark {
  background: #646464; 
  color: #646464;
  clear: both; float: none; 
  width: 100%; height: 1px;
  margin: 0px 0 15px 1px;
  border: none; 
}


/* Left Column
-------------------------------------------------------------- */

#left p {		margin-top: 0px; margin-left: 0px; padding-left: 30px; padding-right: 30px; text-align: left; }
#left p.testimony { font-style: italic; }
#left ul {		margin-top: 0; margin-bottom: 15px; margin-left: 45px; margin-right: 30px; list-style: circle; }
		

/* Right Column
-------------------------------------------------------------- */

#right p {		margin: 0 30px 15px 30px; }
#right ul {		margin-top: 0; margin-bottom: 15px; margin-left: 45px; margin-right: 30px; }
	#right ul li {	}

img.portfolio {	float: right; margin: 0 30px 0 15px; clear: right; border-top: 1px solid #757575; border-bottom: 1px solid #171717; border-left: 1px solid #333333; border-right: 1px solid #333333; }


/* Bottom (Right)
-------------------------------------------------------------- */

#copyright {
  color: #124C04; 
  font-size: 11px;
  line-height: 14px; 
}