/*
	font.css

	Alexander-Wright.com Stylesheet.

	Contains fonts for the Alexander Wright website.

	© Alexander Wright, 2013

	Green Colour:	#339933 - on white backgrounds
					#66cc66 - on black backgrounds

 */



/* Regular */

@font-face {
	font-family: 			Myriad;
	src: 					url('../fonts/myriad/reg/myriad.eot');													/* IE9 Compat Modes */
	src: 					url('../fonts/myriad/reg/myriad.eot?#iefix') 			format('embedded-opentype'),	/* IE6-8 */
							url('../fonts/myriad/reg/myriad.ttf') 					format('truetype'),				/* Safari, Android, iOS */
							url('../fonts/myriad/reg/myriad.svg#svgFontName') 		format('svg'),					/* Legacy iOS */
							url('../fonts/myriad/reg/myriad.woff') 					format('woff');					/* Modern Browsers */
	src: 					url('../fonts/myriad/reg/myriad.otf') 					format('opentype');
}


/* Italic */

@font-face {
	font-family: 			Myriad;
	src: 					url('../fonts/myriad/it/myriadi.eot');													/* IE9 Compat Modes */
	src: 					url('../fonts/myriad/it/myriadi.eot?#iefix') 			format('embedded-opentype'),	/* IE6-8 */
							url('../fonts/myriad/it/myriadi.ttf') 					format('truetype'),				/* Safari, Android, iOS */
							url('../fonts/myriad/it/myriadi.svg#svgFontName') 		format('svg'),					/* Legacy iOS */
							url('../fonts/myriad/it/myriadi.woff') 					format('woff');					/* Modern Browsers */
	src: 					url('../fonts/myriad/it/myriadi.otf') 					format('opentype');
	font-style: 			italic;
}

/* Bold */

@font-face {
	font-family: 			Myriad;
	src: 					url('../fonts/myriad/bold/myriadb.eot');												/* IE9 Compat Modes */
	src: 					url('../fonts/myriad/bold/myriadb.eot?#iefix') 			format('embedded-opentype'),	/* IE6-8 */
							url('../fonts/myriad/bold/myriadb.ttf') 				format('truetype'),				/* Safari, Android, iOS */
							url('../fonts/myriad/bold/myriadb.svg#svgFontName') 	format('svg'),					/* Legacy iOS */
							url('../fonts/myriad/bold/myriadb.woff') 				format('woff');					/* Modern Browsers */
	src: 					url('../fonts/myriad/bold/myriadb.otf') 				format('opentype');
	font-weight: 			bold;
}

/* Bold Italic */

@font-face {
	font-family: 			Myriad;
	src: 					url('../fonts/myriad/boldit/myriadbi.eot');												/* IE9 Compat Modes */
	src: 					url('../fonts/myriad/boldit/myriadbi.eot?#iefix') 		format('embedded-opentype'),	/* IE6-8 */
							url('../fonts/myriad/boldit/myriadbi.ttf') 				format('truetype'),				/* Safari, Android, iOS */
							url('../fonts/myriad/boldit/myriadbi.svg#svgFontName') 	format('svg'),					/* Legacy iOS */
							url('../fonts/myriad/boldit/myriadbi.woff') 			format('woff');					/* Modern Browsers */
	src: 					url('../fonts/myriad/boldit/myriadbi.otf') 				format('opentype');
	font-weight: 			bold;
	font-style: 			italic;
}



/*
	===============================================================================

 	Text:

	===============================================================================
*/


* {
	font-family: 			Myriad, Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				1.05em;
	color:					#000000;
	word-wrap:				break-word;
}

html {
	-webkit-font-smoothing: antialiased;
	font-smooth:			always;
}



h1{
 	color:						#000000;
	font-size:					2.2em;
	padding-bottom:				10px;
	padding-top:				0px;
}


h1.headerIndex {
	color: 						#FFFFFF;
	font-size:					2em;
	padding-bottom:				5px;
}

h1.header {
	color: 						#FFFFFF;
	font-size:					1.6em;
	padding-bottom:				5px;
}

h1.wp_head {
	font-size:					1.6em;
}


h1 a:hover {
 	color:						#000000;
	text-decoration: 			underline;
}


h2{
 	color:						#339933;
	font-size:					1.8em;
	font-weight:				normal;
	font-style:					italic;
	padding-bottom:				10px;
	padding-top:				0px;
}

h2.headerIndex{
	color: 						#66CC66;
	font-size:					1.2em;
	padding-bottom:				20px;
}

h2.header{
	color: 						#66CC66;
	font-size:					1em;
	padding-bottom:				20px;
}

h3{
 	color:						#339933;
	font-size:					1.5em;
	font-weight:				normal;
	padding-bottom:				20px;
	padding-top:				10px;
}

h3 a{
	text-decoration: 			none;
}

h3 a:hover{
	text-decoration: 			underline;
}



p {
	font-size:					1.05em;
	padding-bottom:				10px;
	padding-top:				10px;
}

strong {
		font-weight: 				bold;
}


.navText{
    color:                      #FFFFFF;
    font-size:                  1.4em;
    font-weight:                normal;
    text-align:                 left;
	padding: 					10px;
	display: 					inline;
	line-height:				150%;
}

.navTextGreen{
    color:                      #66CC66;
    font-size:                  1.4em;
    font-weight:                normal;
    text-align:                 left;
	padding: 					10px;
	display: 					inline;
	line-height:				150%;
}

/* smaller nav text to fit on one line in ipads */

@media (max-width: 800px) {
	.navText{
		font-size:                  1.2em;
	}

	.navTextGreen{
		font-size:                  1.2em;
	}

	h1{
		font-size:					1.5em;
	}

	h2{
		font-size:					1.4em;
	}
}




p.footer{
    color:                      #FFFFFF;
    font-size:                  0.8em;
	padding: 					10px;
}

.grey{
	color: 						#888888;
}

 /*

	Links

 */

a {
	color: 						#339933;
	text-decoration: 			none;
}


a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

h1 a {
	color: 						#000000;
}

h1 a:hover {
	color: 						#000000;
}




/*

	Stuff for blogging

	===========================================================================
*/


.blogIm {
	display: 					block;
	margin: 					10px auto 20px auto;
	text-align: 				center;
	padding: 					10px;
	max-width:					80%;
	box-shadow: 				0px 5px 10px #888888;
}

.caption {
	text-align: 				center;
	font-style: 				italic;
	color: 						#333333;
}


.catHead {
	font-size: 					0.9em;
	color: 						#333333;
	padding-bottom: 			15px;
}

.catChild {
	font-size: 					0.8em;
	color: 						#888888;
}

@media (max-width: 600px) {
	.catHead {
		font-size: 					0.7em;
	}

	.catChild {
		font-size: 					0.6em;
	}
}


@media (max-width: 500px) {
	.catHead {
		font-size: 					0.9em;
	}

	.catChild {
		font-size: 					0.8em;
	}
}

/*

	Pre syntax highlighting

*/

pre {
	font-family: 				courier, system;
	padding: 					10px;
	margin: 					10px;
	background-color: 			#EEEEEE;
}


pre_keyword {
	font-family: 				courier, system;
	color: 						#0000FF;
}

pre_comment {
	font-family: 				courier, system;
	color: 						#008800;
}

pre_string {
	font-family: 				courier, system;
	color: 						#AA33AA;
}