/*======================================================================
    Document   : Typography Styles - Alfred App
    Author     : okavanagh - http://www.pepsmedia.com
    Description: Typography - http://www.alfredapp.com
========================================================================*/

html {
	font-size:100%;
}
body, td, th, textarea, input {
	font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size:18px; /* reset the body type size down to a standard 12px form 16px - 0.75 * 16px = 12px */
	color:#9d9d9d; /* black is a bit harsh, lets set a dark grey for default text */
	line-height:1.5; /* and give a line-height of 18px, basically 1.5x the font size for better readability */
}

/* First lets set up all our default typography stylings for margins, weight, line-heights that were reset in the reset stylesheet */

/* Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1, h2, h3, h4 { color:#5c1f87;font-family:"adelle-1","adelle-2", Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; }
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:24px;line-height:1;margin-bottom:0.75em;}
h3 {font-size:24px;line-height:1;margin-bottom:0.5em;}
h4 {font-size:26px;line-height:1.25;margin-bottom:0.5em;}
h5 {font-size:1em;margin-bottom:1em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
 
/* Text elements -------------------------------------------------------------- */
 
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
/*abbr, acronym {border-bottom:1px dotted #666;}*/
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
small {font-size:12px;line-height:15px;}

/* horizontal rulers */
hr {
  background: url(../images/hr.png) no-repeat center; 
  border:none;
  clear: both; 
  height: 20px;
  margin:18px 0 18px 0;
  overflow:hidden;
  width: 100%; 
}
* html hr { margin: 20px 0 20px 0; } /* IE6 fix */
 
/* Lists -------------------------------------------------------------- */
 
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 0 1.5em 0;}
ul {list-style-type:disc;margin:0;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
 
/* Forms -------------------------------------------------------------- */
 
label { font-weight : normal; vertical-align:middle;}
/*fieldset { padding : 1.4em; margin : 0 0 1.5em 0; border : 1px solid #ccc; }*/
legend { font-weight : bold; font-size : 1.2em; }
textarea { width : 390px; height : 250px; padding : 2px;}
input, textarea {font-size:18px; line-height:normal;}
select { color:#3e3e3e; }
input[type="text"] { 
  background:#fff;
	border:0;
	color:#3a3939;
	font-size:24px;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	/* CSS3 Properties */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:-1px -1px 2px #ccc;
	-webkit-box-shadow:-1px -1px 2px #ccc;
	-moz-box-shadow:-1px -1px 2px #ccc;
}

/*= Link styles 
For better usablity we remove the default underlining and use a border bottom to not cut off the decenders of the type
------------------------------------------------------------------------------------------- */

a:link,
a:visited {
  color: #5c1f87; /* purple */
	cursor:pointer;
  text-decoration:none;
}
a:hover, 
a:focus {
	color:#1b062a; /* dark purple */
	/*border-bottom: 1px solid;*/
	text-decoration:none;
}

/*= For some nice pretty effects in Safari, use the -webkit-transform on links ;) */
a:hover { -webkit-transition: all 0.2s linear; }

/* Button styles */
.button,
a.button {
  font-family:"adelle-1","adelle-2", Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  color:#ffffff !important;
  display:inline-block;
  font-size:24px;
  letter-spacing:1px;
  line-height:24px;
  text-align:center;
  margin-bottom:3px;
  padding:15px 40px 10px 40px;
  /* CSS3 Properties */
  text-shadow:-1px -1px 1px #000;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}
/* Alfred button - Purple */
.button.alfred {
  background:#853eb7;
  background:-webkit-gradient(linear, left top, left bottom, from(#853eb7), to(#511f75));
  background:-moz-linear-gradient(top,  #853eb7,  #511f75);
  border:1px solid #401063;
}
.button.alfred:hover {
  background:#511f75;
  background:-webkit-gradient(linear, left top, left bottom, from(#853eb7), to(#511f75));
  background:-moz-linear-gradient(top,  #853eb7,  #511f75);
  box-shadow:0 0 10px #210634;
  -webkit-box-shadow:0 0 10px #210634;
  -moz-box-shadow:0 0 10px #210634;
}
/* Powerpack button - Turquiose */
.button.powerpack {
  background:#4bacbc;
  background:-webkit-gradient(linear, left top, left bottom, from(#2c95af), to(#1f6d81));
  background:-moz-linear-gradient(top,  #2c95af,  #1f6d81);
  border:1px solid #013942;
}
.button.powerpack:hover {
  background:#1f6d81;
  background:-webkit-gradient(linear, left top, left bottom, from(#2c95af), to(#1f6d81));
  background:-moz-linear-gradient(top,  #2c95af,  #1f6d81);
  box-shadow:0 0 10px #210634;
  -webkit-box-shadow:0 0 10px #210634;
  -moz-box-shadow:0 0 10px #210634;
}
/* Disabled button */
.button.disabled {
  background:#e9e9e9;
  border:1px solid #e9e9e9;
  color:#f2f2f2 !important;
  text-shadow: none;
}
.button.disabled:hover {
  background:#e9e9e9;
  border:1px solid #e9e9e9;
  color:#f2f2f2 !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
}

/* Return to top button */
a.top-button {
  background:url(../images/top-icon.png) top left no-repeat;
  clear:both;
  color:#bdbcbc !important;
  display:block;
  font-size:13px;
  margin:40px auto;
  padding-top:54px;
  text-align:center;
  width:54px;
}
a.top-button:hover {
  background-position:top right;
  color: #5c1f87 !important; /* purple */
   -webkit-transition:none;
}