@import 'grid/reset.css';

/* FONTS
----------------------------------------------------------------------------------------------------*/
/* @import '../fonts/devroye/stylesheet.css';*/
@import '../fonts/ostrich-sans/stylesheet.css';
/* @import '../fonts/qlassik/stylesheet.css';*/
/* @import '../fonts/rawengulk/stylesheet.css';*/
/* @import '../fonts/caviar-dreams/stylesheet.css';*/
/* @import '../fonts/neo-retro-draw/stylesheet.css';*/
@import '../fonts/quicksand/stylesheet.css';
/* @import '../fonts/dearest/stylesheet.css';*/
/* @import '../fonts/felipa/stylesheet.css';*/
/* @import '../fonts/learning-curve/stylesheet.css';*/
/* @import '../fonts/qarmic/stylesheet.css';*/

/* MODULES
----------------------------------------------------------------------------------------------------*/
/* @import 'modules/stack.css';*/
@import 'modules/buttons.css';
@import 'modules/woocons.css';

/* HTML
----------------------------------------------------------------------------------------------------*/
body {
	font: 14px/1.6 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.serif {
	font-family: Palatino, Constantia, "Palatino Linotype", serif;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

::selection         {background: rgba(68,102,255,0.2);}
::-moz-selection    {background: rgba(68,102,255,0.2);}
img::selection      {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(68,102,255);}

/* Headings
----------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{font-weight:normal;letter-spacing:-1px;padding:0px;}

h1 {
	font-size: 25px;
	margin-bottom:10px;
}

h2 {
	font-size: 23px;
	margin-bottom:8px;
}

h3 {
	font-size: 21px;
	margin-bottom:6px;
}

h4 {
	font-size: 19px;
	margin-bottom:4px;
}

h5 {
	font-size: 17px;
	margin-bottom:2px;
}

h6 {
	font-size: 15px;
	margin-bottom:2px;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/
ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,dl,hr,ol,ul,pre,table,address,fieldset,figure,blockquote {
  margin-bottom: 20px;
}

/* Generic styles
----------------------------------------------------------------------------------------------------*/

/* Image replacement of text - eg. logos */
.right{
	text-align:right;
	margin: -15px 0px 0px 0px !important;
}
.hidden_text{
	text-indent:-9999px;
}
.hidden_text a{
	outline:none;
	display:block;
	white-space: nowrap;
}
blockquote{
	font-family: Palatino, Constantia, "Palatino Linotype", serif;
	font-size:1.2em;
	padding-left:10px;
	border-left:6px solid;
}
blockquote:before{ content:'“'; }
blockquote cite{
	display:block;
	text-align:right;
	font-size:0.9em;
}
blockquote cite:before{ content:'— '; }
a{
	text-decoration:underline;
}
a.click:active{
	position:relative;
	top:1px;
}
ul.navigation{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.navigation li{
	display:inline;
	margin:0px;
	padding:0px;
}
ul.navigation li a{
	padding:4px;
}
p.meta{
	font-size:0.9em;
	margin-bottom:14px;
}
abbr{
	border-bottom:1px dotted;
	cursor:help;
}
article menu{
	text-align:right;
}
footer{
	margin-top:20px;
	padding-bottom:20px;
}
footer p{
	text-align:center;
}
footer p.html5-badge{
	background-image:url(../img/html5.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:40px;
	font-size:11px;
	color:#CCC;
}
footer p.html5-badge-bw{
	background-image:url(../img/html5-bw.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:40px;
	font-size:11px;
	color:#7B7A79;
}