/*
Theme Name: 2013_profile_and_portfolio
Theme URI: http://fclem.com/
Description: 960 html5/css3 tangerine theme with floating navigation
Version: 1
Author: Fiona Clem
Author URI: http://fclem.com
Tags: tangerine, fixed width, two columns, widgets, 960px

body	 	| tangerine	#fac672
headings 	| aqua blue	#74bca4
subheadings	| papaya	#f03339
highlights	| orange	#f17b23
backgrounds 	| gray		#f2f2f2

GREEN 		#2E9D08 / 46 157 8
LIGHT BLUE 	#D8DCE2 / 216 220 226
GRAY		#FFFFFB / 255 255 251
DEEP BLUE	#102A7D / 16 42 125

FONT properties (in order): "font-style font-variant font-weight font-size/line-height font-family"
*/

/*  UNIVERSAL and RESETS  */
*	{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html	{ background: #FFFFFB; }	
body 	{ padding: 10px 50px 40px; font: 13.5px/1.9 raleway, trebuchet, san-serif; color: #666; max-width: 1260px; margin: 0 auto; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

.clearfix:after 	{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix 		{ display: inline-block; } /* start commented backslash hack \*/
* html .clearfix 	{ height: 1%; } 
.clearfix 		{ display: block; } 	/* close commented backslash hack */

#page 		{ width: 960px; margin: 10px auto 0; }
.white		{ background: white; margin: 0; border-radius: 10px; 
 -moz-border-radius: 10px; -webkit-border-radius: 10px;   border: 1px solid #f1f1f1;  } 


/* 	TYPOGRAPHY ------------------*/

h2	{ font: 650 2.2em Arvo, Baskerville, Rockwell, serif;  padding-bottom: .6em; }
h2 a	{ color: #102A7D; }
h2 a:hover	{ color: #102A7D; text-decoration: underline; }
h3	{ font: 1.5em raleway, trebuchet, san-serif; text-transform: uppercase; padding-bottom: .5em; }
a		{ color: #102A7D; text-decoration: none; }
a:hover		{ text-decoration: underline; }
ul		{ padding-left: 20px; padding-bottom: 20px; }
p 		{ margin-bottom: 12px; }
small		{ padding-bottom: 5px; }

.info li	{ list-style: none;  } 
.info img	{ float: left;  align: left; padding-right: 10px;  }
.single		{ margin-bottom: 50px; } 
.single img	{ float: left;  align: left; padding: 10px 10px 20px 4px; margin: 0 10px;  }
.single li	{ margin-left: 20px;  } 
.featured img	{ padding: 10px; }
.aside img	{ padding: 5px; }
.post img	{ float: left;  align: left; padding: 5px; margin: 15px;   }
.wp-caption	{ float: left;  align: left; padding: 10px 10px 20px 4px; margin: 0 10px; }
.wp-caption-text a	{ margin: 1px; font-size: .7em; font-style: italic;  }
#ngg-webslice img	{ margin: 0 4px 0 14px; } 


/* GRID SYSTEM ------------------------*/
.grid { background: white; margin: 0 0 20px 0; border-radius: 10px; 
 -moz-border-radius: 10px; -webkit-border-radius: 10px;   }

.grid:after { /* Or @extend clearfix */
  content: ""; display: table; clear: both; }

[class*='col-'] { float: left; padding-right: 20px; }
.grid [class*='col-']:last-of-type { padding-right: 0; }

.col-1	{ width: 100%; }
.col-2-3 { width: 66.66%; }
.col-1-3 { width: 33.33%; }
.col-1-2 { width: 50%; }
.col-1-4 { width: 25%; }
.col-1-8 { width: 12.5%; }

.module	{ padding: 10px;  min-height: 380px; margin-bottom: 10px; 
	background: rgba(225, 229, 155, 0.2); 
	border: 1px solid #f1f1f1;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;   }

/* Opt-in outside padding */
.grid-pad { padding: 20px 0 20px 20px; }
.grid-pad [class*='col-']:last-of-type { padding-right: 20px; }



/* HEADER area */ 
header	{ position: relative; height: 120px; color: #ffffff; }
h1	{ font: 600 3em josefin-slab, Baskerville, Rockwell, serif; text-transform: uppercase; }
h1 a	{ position: absolute; left: 10px; bottom: 2px; text-decoration: none; color: #102A7D;  }
h1 a:hover { text-decoration: underline; }

header p { position: absolute; top: 54px; left: 120px; color: #74bca4; font-size: 18px; }


/*  Main Navigation */
nav 		{ position: absolute; right: 10px; bottom: 2px; }
nav ul li 	{ display: inline; list-style: none; }
nav ul li a	{ padding: 6px; font: 600 1.3em josefin-slab, Baskerville, Rockwell, serif; text-decoration: none; color: white; margin: 0 5px 0 0; }
.menu-main-nav-menu-container 	{ padding: 0;  margin: 0;}
.menu-main-nav-menu-container ul	{ padding: 0;  margin: 0;}


/* SEARCH  */
.screen-reader-text	{   visibility: hidden; }


/* BLOCKQUOTES, Q, ETCs */
.inscription { font-style: italic; margin: 1em 3em; color: #737c81; border-left: 2px solid #999; padding-left: 1em; }


/* FOOTER */
footer 		{ height: 220px; position: relative; margin: 0 auto 10px; text-transform: uppercase; text-spacing: 2px; font-family: Baskerville, Rockwell, serif;}
footer p, footer a	{ color: #666; margin-bottom: .1em;  }
#designinfo	{ position: absolute; top: 1em; left: 10px; }
#tagline	{ position: absolute; top: 1em; right: 10px; text-align: right; }