/*  DBS CSS Framework
 *	v 1.0 - April, 2011
 *  Copyright(c) 2011 DeepBlueSky Digital | www.deepbluesky.com
 *
 *  This work is licenced under the Creative Commons Attribution-No Derivative Works 3.0 Unported License. 
 *	http://creativecommons.org/licenses/by-nd/3.0/ 
 *
 *--------------------------------------------------------------------------*/
  
/* DOCUMENT INFORMATION
	- Document: 			Typography CSS
	- Description: 			Font normalization and minimal typographic base styles
	- Version:  			1.0
	- Author:   			DeepBlueSky
	- Acknowledgements		HTML5 ✰ Boilerplate 
*/


/* ####################################### */
/* ############ CORE STYLES ############## */
/* ####################################### */

html { 
	overflow-y: scroll; /* Always force a scrollbar in non-IE */
	/* Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	-webkit-text-size-adjust:100%; 
	-ms-text-size-adjust:100%; 
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
}

body, select, input, textarea {
	color: #444;
}

p, ul, ol, dl, blockquote, pre, td, th, /* label, */ table {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.35em;
	margin-bottom: 1.3em;
}


/* ####################################### */
/* ############## NORMALISE ############## */
/* ####################################### */

body { 
	font:13px/1.231 sans-serif; *font-size:small; /* Hack retained to preserve specificity */
} 

select, input, textarea, button { 
	font:99% sans-serif; 
}

pre, code, kbd, samp { 
    font-family: monospace, monospace; /* 1 */
    _font-family: 'Courier New', monospace; /* 2 */
    font-size: 1em;	
}


/* ####################################### */
/* ############## HEADINGS ############### */
/* ####################################### */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1,.h1 {
	color:#000;
	font-size:2.5em;
	letter-spacing:-.035em;
	line-height:1;
	margin-bottom:.5em;
}

h2,.h2 {
	color:#222;
	font-size:2em;
	line-height:1;
	margin-bottom:.75em;
}

h3,.h3 {
	color:#333;
	font-size:1.5em;
	line-height:1;
	margin-bottom:.5em;
	padding-top:.5em;
}

h4,.h4 {
	color:#343434;
	font-size:1.2em;
	line-height:1;
	margin-bottom:.5em;
	padding-top:1em;
}

h5,.h5 {
	font-size:1em;
	line-height:1;
	margin-bottom:.8em;
	padding-top:.7em;
}

h6,.h6 {
	font-size:1em;
	line-height:1;
}

/* ####################################### */
/* ################ LOGO ################# */
/* ####################################### */

.site-logo {
	text-indent: -999em; 
	border: 0;
	padding: 0;
	margin: 0;
	text-align:left;
	direction:ltr;
	vertical-align: bottom;
}

.site-logo a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.site-logo a:hover,
.site-logo a:focus {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-o-opacity: 0.8;
	opacity: 0.8;	

	-webkit-transition: opacity 0.5s ease-out;
	   -moz-transition: opacity 0.5s ease-out;
	     -o-transition: opacity 0.5s ease-out;
	        transition: opacity 0.5s ease-out;
          
        
}



/* ####################################### */
/* ################ LINKS ################ */
/* ####################################### */

a:focus {
    outline: thin dotted;
}

a:hover, a:active { 
	outline: none; 
}


/* ####################################### */
/* ################ LISTS ################ */
/* ####################################### */



ul, ol {
	padding-left: 1.2em; 
}

ol { 
	list-style-type: decimal;
	padding-left: 1.4em;
}





/* ####################################### */
/* ########## EMBEDDED CONTENT ########### */
/* ####################################### */

img {
    border: 0; 
    vertical-align:bottom;
    -ms-interpolation-mode: bicubic; 
}

img,  
iframe {
	max-width: 100%;
}

/* fixes GMaps zooming */
#map_canvas img,
.map-canvas img {
	max-width: none;
}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }



/* ####################################### */
/* ################ TABLES ############### */
/* ####################################### */


table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
    text-align: left;
    vertical-align: middle;
}


/* ####################################### */
/* ############# =BLOCKQUOTES ############ */
/* ####################################### */

blockquote {
  padding-left: 15px;
  border-left: 5px solid #eeeeee;
  margin-bottom: 2em;
}

blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}

blockquote small {
  display: block;
  line-height: 18px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

/* ####################################### */
/* ########### INLINE ELEMENTS ########### */
/* ####################################### */

small { 
	font-size: 85%; 	
}

strong, th, b { 
	font-weight: bold; 
}

em, i {
	font-style:italic;
}

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

/* ####################################### */
/* ############## ALIGNMENT ############## */
/* ####################################### */

.typo-left {
	text-align: left;
}

.typo-right {
	text-align: right;
}

.typo-center {
	text-align: center;
}