/*
Theme Name: Carol Mertz Portfolio Theme
Theme URI: http://www.carolmertz.com
Description: Wordpress theme created by Carol Mertz for her personal portfolio website
Version: 1.0
Author: Carol Mertz
Author URI: http://www.therampant.com 
*/



/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

div,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7.
*/
  display: list-item;
}

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}


/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin: 0 auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}



/*
Theme Styles
*/


/*basic styles*/

body, html {
	margin: 0; 
	padding: 0;
	font-family: 'Josefin Sans', Verdana, sans-serif;
	color:#333;
	text-decoration:none;
	background-color: #fff;
	font-size: .95em;
}	

html {
}

h1, h2, h3 { 
	font-family: 'Josefin Slab', serif;
}

a, a:visited {
	color: #69b2a9;
	-webkit-transition: color .25s linear;
	-moz-transition: color .25s linear;
   transition: color .25s linear;
}
a:hover, a:active {
	color: #91e1d7;
	-webkit-transition: color .25s linear;
	-moz-transition: color .25s linear;
   transition: color .25s linear;
}
img {
	border: none;
}
input[type="text"], input[type="email"] {
	height: 25px;
	width: 250px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
textarea {
	height: 130px;
	width: 350px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
.aligncenter {
	text-align: center;
	margin: 10px auto;	
}
small {
	font-size: .8em;	
}
.hidden {
	display: none;	
}
.fullpage {
	margin-top: 150px;	
	position: relative;
	z-index: 2;
}
.newscontent .wp-caption-text {
	color: #666;
	background: #eee;
	font-size: .8em;
	font-style: italic;
	padding: 3px 5px;
	text-align: center;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
	line-height: 1em;
}
/* Header */
.headwrapper {
	background: url(images/header-bg.png) repeat-x bottom center;
	height: 120px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0px 0 20px 0;
	z-index: 15;
}
.tealsandwich {
	height: 125px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	background: #e3fbf9;
}
h1.logo {
	color: #406a65;
	font-size: 3.4em;
	text-align: center;
	letter-spacing: 0px;
	position: relative;
	width: 300px;
	margin: 35px auto 0 auto;
	font-family: 'Parisienne', cursive; 
	font-weight: normal;
	z-index: 10;
}
h1.logo a {
	color: #50938a;
	text-decoration: none;
	text-shadow: 1px 1px 0px #fff;
}
h1.logo a:hover {
	color: #4c7b76;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}
h1.logo a:active {
	color: #406a65;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}
.topnav {
	clear: both;
	font-size: 1.15em;
	color: #fff;
	font-family: 'Josefin Slab', serif;
	font-weight: bold;
	margin-top: -65px;
	height: 80px;
	overflow: visible;
}
.topnav h1 {
	display:none;	
}
.topnav .leftnav ul {
	float: left;
	width: 300px;
	height: 80px;
	list-style-type: none;
	margin-left: -3px;
}
.topnav .rightnav ul {
	float: right;
	width: 300px;
	height: 80px;
	list-style-type: none;
	margin-right: -10px;
}
.topnav .leftnav li {
	padding: 0;
	margin: 0;
	margin-right: 7px;	
}
.topnav .rightnav li {
	padding: 0;
	margin: 0;
	margin-left: 7px;	
}
.ie7 .topnav ul li {
	display: inline;
	zoom:1;
}
/*
.topnav ul li {
	display: inline-block;
	position: relative;
	width: 88px;
	height: 85px;
}
.topnav ul li a, .topnav ul li a:visited {
	display: block;
	color: #666666;
	width: 88px;
	height: 49px;
	padding-top: 31px;
	background: url(images/nav-bg.png);
	text-align: center;
	text-decoration: none;
	z-index: 11;
	position: absolute;
	top: 0;
}
.topnav ul li a:active, .topnav ul li a:hover {
	background: url(images/nav-bg-a.png);
	color: #333;
	top: 5px;
	-webkit-transition: background .3s linear;
   transition: background .3s linear;
}
.topnav .current_page_item a, .topnav .current_page_item a:visited {
	background: url(images/nav-bg-a.png);
	color: #666;
	top: 5px;
}
.topnav .current_page_item a:hover, .topnav .current_page_item a:active {
	background: url(images/nav-bg-a.png);
	color: #333;
}
*/

.topnav ul li {
	display: inline-block;
	position: relative;
	width: 88px;
	height: 85px;
}
.topnav ul li a, .topnav ul li a:visited {
	display: block;
	color: #666666;
	width: 88px;
	height: 54px;
	padding-top: 31px;
	background: url(images/nav-bg.png) 0px 0px no-repeat;
	text-align: center;
	text-decoration: none;
	z-index: 11;
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
   transition: background .1s ease-in;
}
.topnav ul li a:active, .topnav ul li a:hover {
	background: url(images/nav-bg-a.png) 0px 5px no-repeat;
	color: #333;
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
   transition: background .1s ease-in;
}
.topnav .current_page_item a, .topnav .current_page_item a:visited {
	background: url(images/nav-bg-a.png) 0px 5px no-repeat;
	color: #666;
}
.topnav .current_page_item a:hover, .topnav .current_page_item a:active {
	background: url(images/nav-bg-a.png) 0px 5px no-repeat;
	color: #333;
}
.menu-dropdown-container, .menu-dropdown-container select {
	display: none;
	width: 235px;
	margin: auto;
	font-size: 1.1em
}



/* Footer */
.footerwrapper {
	background: url(images/footer-bg.png) repeat-x top;
	margin: 30px 0 0 0;
	padding-top: 30px;
	padding-bottom: 15px;
}

.footercontent {
	overflow: auto;
	color: #666;
	font-size: .9em;	
	padding-top: 10px;
}
.footercontent .twittericon {
	display: block;
	float: right;
	background: url(images/twitter.png) no-repeat;
	width: 34px;
	height: 27px;
	font-size: .1px;
	text-indent: -9999px;
	margin-top: 0px;
}
.footercontent a:link, .footercontent a:visited {
	color: #333;
}
.footercontent a:hover, .footercontent a:active {
	color: #50938a;
}
/* Homepage */
.fullpage.homepage {
	margin-top: 70px;	
}
/*
.homebg {
	background: url(images/carol6.png) no-repeat 80% 0px;
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -360px;
	height: 100%;
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
   transition: background .25s ease-out;
}
*/

.homepicwrap {
	overflow: hidden;
	position: absolute;
	top: 100px;
	width: 100%;
	}
.homepic {
	height: 400px;
	margin: auto;
	position: relative;
	width: 960px;
}

.homepic img {
	float: right;
	position: relative;
	right: -150px;
	}



.hometop {
	height: 400px;
	position: relative;
}
.hometop h1, .hometop h2 {
	width: 460px;
	text-align: right;	
	margin: 0;
	padding: 0;
	color: #94e2d8;
	font-size: 3.1em;
	text-shadow: 1px 1px 3px #ccc;
}
.hometop h1 {
	margin-top: 110px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 3px #fff;
}
.hometop h2 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2.8em;
	font-weight: normal;	
	color: #666;
}

.factsbar {
	height: 230px;
	background: url(images/fact-bg.jpg) repeat-x;	
	position: relative;
	z-index: 3;
}
.factsbar h1 {
	width: 741px;
	height: 84px;
	font-size: 2.3em;
	background: url(images/facts-label.png) no-repeat;
	float: right;
	text-align: center;
	line-height: 84px;
	color: #666;
	text-shadow: 1px 1px 0px #fff;
	margin-top: -29px;
	font-size: 2.7em;
	color: #50938a;
	font-family: 'Parisienne', cursive;
	font-weight: normal;
}
.factslist {
	list-style-type: none;	
	padding: 0;
	margin: 0;
}
/*
.factslist li {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 60px;
	width: 220px;
	color: #fff;
	text-shadow: 3px 3px 5px #333;
	font-style: italic;
	text-align: center;
	padding-top: 180px;
	font-size: 1.3em;
	line-height: 1.2em;
}
.factslist #fact1 {
	background: url(images/fact-1.png) no-repeat top center;	
}
.factslist #fact2 {
	background: url(images/fact-2.png) no-repeat top center;
	color: #e2fcf8;	
}
.factslist #fact3 {
	background: url(images/fact-3.png) no-repeat top center;	
}
.factslist #fact4 {
	background: url(images/fact-4.png) no-repeat top center;	
	color: #e2fcf8;	
}
*/

.factslist li {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 35px;
	padding-top: 15px;
	width: 220px;
	height: 180px;
	color: #fff;
	text-shadow: 3px 3px 5px #333;
	font-style: italic;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.2em;
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
   transition: background .25s ease-out;
}
.factslist #fact1 {
	background: url(images/fact-1.png) no-repeat top center;	
}
.factslist #fact2 {
	background: url(images/fact-2.png) no-repeat top center;
}
.factslist #fact3 {
	background: url(images/fact-3.png) no-repeat top center;	
}
.factslist #fact4 {
	background: url(images/fact-4.png) no-repeat top center;	
}
.factslist li p {
	cursor: default;	
	visibility: hidden;
	color: rgba(255, 255, 255, 0);
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
   transition: color .3s linear;
}
.factslist #fact1:hover {
	background: url(images/fact-1-h.png) no-repeat top center;	
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
   transition: background .25s ease-out;
}
.factslist #fact2:hover {
	background: url(images/fact-2-h.png) no-repeat top center;
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
   transition: background .25s ease-out;
}
.factslist #fact3:hover {
	background: url(images/fact-3-h.png) no-repeat top center;	
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
   transition: background .25s ease-out;
}
.factslist #fact4:hover {
	background: url(images/fact-4-h.png) no-repeat top center;	
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
   transition: background .25s ease-out;
}

.factslist li:hover p {
	visibility: visible;
	color: rgba(255, 255, 255, 1);
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
   transition: color .3s linear;
}

/* Sidebar */


.widget ul {
	margin-left: 20px;	
}
.widget {
	margin-bottom: 35px;	
}
.widgettitle {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 2px solid #eee;	
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
}
.widget input[type="text"] {
	width: 130px;
}
input[type="submit"] {
	color: #666;
	border: 1px solid #8dd6cd;
	text-shadow: 1px 1px 0px #defbf8;
	border-radius: 10px;
	width: auto;
	height: auto;
	background: #9ef4e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* IE10+ */
	background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 3px #bbb;
	padding: 5px 10px;
}
input[type="submit"]:active {
	box-shadow: 1px 1px 7px #bbb inset;
}


/* News */
.newscontent, .pagecontent {
	margin-bottom: 30px;
	font-size: 1.2em;
}
.newscontent h1, .pagecontent h1 {
	font-size: 2em;
	color: #000;
	text-decoration: none;
	margin-bottom: 10px;
}
.newscontent h1 a:link, .newscontent h1 a:hover, .newscontent h1 a:visited, .newscontent h1 a:hover {
	color: #000;
	display: block;
}
.pagecontent h1 {
	margin-bottom: 30px;	
}
a.postjump, a.button {
	color: #666;
	display: block;
	border: 1px solid #8dd6cd;
	text-shadow: 1px 1px 0px #defbf8;
	border-radius: 10px;
	float: right;
	width: auto;
	height: auto;
	background: #9ef4e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* IE10+ */
	background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 3px #bbb;
	padding: 5px 10px;
	margin: 0 0 15px 0;
	text-decoration: none;
}
a.postjump:active, a.button:active {
	box-shadow: 1px 1px 7px #bbb inset;
}
.postmetadata {
	clear: both;
	font-size: .8em;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
		
}
.newscontent p, .pagecontent p, .newscontent ul, .pagecontent ul {
	margin-bottom: 15px;
	line-height: 1.5em;	
}
.newscontent ul, .pagecontent ul {
	margin-left: 30px;	
}
.newscontent li, .pagecontent li {
	margin-bottom: 10px;
}
.newstext {
	margin-bottom: 40px;
}
.newstext img {
	max-width: 100%;
	height: auto;
}
.attachment-postFeature {
	width: 100%;
	height: auto;
	box-shadow: 1px 1px 7px #999;
	margin-bottom: 15px;	
}

/* Portfolio */

.portfolio {
	height: auto;
	position: relative;
	padding-bottom: 30px;
	z-index: 3;
}
.portfolioalt {
	background: url(images/gray-bg-tiled.jpg) repeat;
	padding-bottom: 30px;
}
.portfolio.firstalt {
		margin-top: 160px;
}
.portfolio h1 {
	width: 741px;
	padding-left: 60px;
	margin-left: -36px;
	height: 84px;
	background: url(images/portfolio-label.png) no-repeat;
	float: left;
	text-align: left;
	line-height: 85px;
	text-shadow: 1px 1px 0px #fff;
	margin-top: -29px;
	margin-bottom: 20px;
	font-size: 2.5em;
	color: #50938a;
	font-family: 'Parisienne', cursive;
	font-weight: normal;
}
.portfolio .smallportfoliotitle {
	font-size: 2.1em;
}
.portfolio .grid_3 {
	height: 300px;
	padding-bottom: 20px;
}
.portfolio .grid_3 img {
	display: block;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
   transition: all .25s ease-out;
   margin-top: 3px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 6px #999;
	-moz-box-shadow: 2px 2px 6px #999;
	-webkit-box-shadow: 2px 2px 6px #999;
}
.portfolio.portfolioalt .grid_3 img {
	box-shadow: 2px 2px 6px #000;
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
}
.portfolio .grid_3 img:hover {
   margin-top: 0px;
   margin-bottom: 13px;
}
.portfolio .grid_3 img:active {
    margin-top: 1px;
	margin-bottom: 12px;
	box-shadow: inset 2px 2px 6px #333;
	-moz-box-shadow: inset 2px 2px 6px #333;
	-webkit-box-shadow: inset 2px 2px 6px #333;
}
.portfolio a:link, .portfolio a:visited {
	color: #333;
	text-decoration: none;
}
.portfolio a:hover, .portfolio a:active {
	color: #94e2d8;
}
.portfolio.portfolioalt a:link, .portfolio.portfolioalt a:visited {
	color: #fff;
}
.portfolio.portfolioalt a:hover, .portfolio.portfolioalt a:active {
	color: #94e2d8;
}
.portfolio h3 {
	font-size: 16px;
	margin-top: 10px;
}
.portfolio h2 {
	font-size: 22px;
}
.portfolio ul {
	margin-left: 25px;
}
.portfolio.textportfolio a:link {
	text-decoration: underline;
}


/*
.portfolio ul.visualportfolio {
	list-style-type: none;	
}
.portfolio .visualportfolio li {
	display: block;
	color: #406a65;
	width: 190px;
	height: 235px;
	padding: 15px;
	margin: 0 10px 20px;
	float: left;
	background: #9ef4e9;
	background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); 
	background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); 
	background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); 
	background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); 
	background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); 
	box-shadow: 1px 1px 7px #bbb;
}
.portfolio .visualportfolio li:first {
	margin-left: none;	
}
.portfolioalt .visualportfolio li {
	box-shadow: 1px 1px 7px #444;
}
.portfolio .visualportfolio img {
	display: block;
	margin-bottom: 20px;
	box-shadow: 2px 2px 6px #7dbeb6;
	-moz-box-shadow: 2px 2px 6px #7dbeb6;
	-webkit-box-shadow: 2px 2px 6px #7dbeb6;
}
*/

/* Portfolio Single Posts */

.single-portfolio h1 {
	margin-bottom: 0px;
}
.single-portfolio h2 {
	margin-bottom: 15px;
}
.single-portfolio .breadcrumb {
	position: relative;
	top: -25px;
}

/* Partners */

.partners section.grid_6 {
	padding: 5px 20px 20px;
	height: 300px;
	margin-bottom: 20px;
	background: #9ef4e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* IE10+ */
	background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 7px #bbb;
}
.partners h1 {
	text-shadow: 1px 1px 0px #fff;
	font-size: 2.7em;
	color: #50938a;
	font-family: 'Parisienne', cursive;
	font-weight: normal;
	margin-bottom: 5px
}
.partners img {
	display: block;
	margin-bottom: 20px;
	box-shadow: 2px 2px 6px #7dbeb6;
	-moz-box-shadow: 2px 2px 6px #7dbeb6;
	-webkit-box-shadow: 2px 2px 6px #7dbeb6;
		
}

/* Comic */

.comictitle {
	width: 100%;
	max-width: 480px;
	margin-bottom: 30px;
}
.comicimage img {
	width: 100%;
	box-shadow: 1px 1px 7px #999;
}

/* page */

.pagecontent h2 {
	font-size: 1.3em;
	margin-bottom: 20px;	
}
.pagecontent ul {
	margin-left: 20px;
	margin-bottom: 10px;	
}

/* Contact */
.page-contact .pagecontent input, .page-contact .pagecontent textarea {
	width: 455px;
	font-size: 1.5em;	
}
.page-contact .pagecontent input {
	height: 30px;
}
.page-contact .pagecontent .wpcf7-submit {
	color: #666;
	border: 1px solid #8dd6cd;
	text-shadow: 1px 1px 0px #defbf8;
	border-radius: 10px;
	width: auto;
	height: auto;
	font-family: 'Josefin Sans', sans-serif;
	background: #9ef4e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* IE10+ */
	background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 1px 7px #bbb;
	padding: 10px 15px 7px;
}
.page-contact .pagecontent .wpcf7-submit:active {
	box-shadow: 1px 1px 7px #bbb inset;
}
ul.tweets {
	list-style-type: none;
	padding: 0;
	margin: 0;	
}
.tweets li {
	margin-bottom: 15px;	
}
.timesince {
	margin-left: 10px;	
}
/* Archive */

h1.categorytitle {
	font-size: 2em;
	margin-bottom: 30px;
	padding-bottom: 4px;
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 2px solid #ccc;
}


/* Comments */
.comments {
	margin-top: 35px;
	padding-top: 35px;
}
h3#comments {
	font-size: 1.3em;
}
.comments ul, .comments ol {
	list-style-type: none;
}
.comments #respond {
	margin-top: 35px;
}
li.comment {
	margin-top: 25px;
}
.comments .children {
	margin-left: 30px;
}
#respond h3 {
	padding: 0 0 15px 0;
	font-size: 1.2em;	
}
@media screen and (max-width: 940px) and (min-width: 601px) {
	
	/* Header */
	body {
		min-width: 524px;
	}
	.container_12 {
		width: 100%;
		min-width: 524px;
	}
	.container_12 .grid_12 {
		width: 100%;
		margin: 0;
		padding: 0 10px
	}
	.container_12 .grid_8 {
		width: 60%;
		margin: 0;
		padding: 0 10px
	}
	.container_12 .push_1.grid_3 {
		float: right;
		left: 0px;
		width: 215px;
	}
	h1.logo {
		font-size: 3.4em;
		position: relative;
		width: 300px;
		margin: 20px 0 0 10px;
	}
	.container_12 .grid_12.topnav {
		clear: both;
		float: right;
		width: 300px;
		font-size: 1.15em;
		color: #fff;
		font-family: 'Josefin Slab', serif;
		font-weight: bold;
		margin: -70px 0 0 330px;
		height: 80px;
		overflow: visible;
	}
	.topnav .leftnav ul {
		float: none;
		width: 296px;
		height: 45px;
		list-style-type: none;
		margin: 0;
	}
	.topnav .rightnav ul {
		float: none;
		width: 296px;
		height: 45px;
		list-style-type: none;
		margin: 0;
	}
	.topnav .leftnav li {
		padding: 0;
		margin: 0 7px 0 0;
	}
	.topnav .rightnav li {
		padding: 0;
		margin: 0 7px 0 0;
	}
	.topnav ul li {
		width: 80px;
		height: 30px;
	}
	.topnav ul li a, .topnav ul li a:visited {
		width: 80px;
		height: 25px;
		padding-top: 7px;
		background: url(images/nav-bg.png) -4px -4px no-repeat;
		box-shadow: 0px 0px 6px #5da198;
	}
	.topnav ul li a:active, .topnav ul li a:hover {
		background: url(images/nav-bg.png) -4px -34px no-repeat;
	}
	.topnav .current_page_item a, .topnav .current_page_item a:visited {
		background: url(images/nav-bg-a.png) -4px -4px no-repeat;
	}
	.topnav .current_page_item a:hover, .topnav .current_page_item a:active {
		background: url(images/nav-bg.png) -4px -34px no-repeat;
	}
	.topnav ul li a:active, .topnav .current_page_item a:active {
		box-shadow: inset 1px 1px 2px #50938a;
	}
	
	/* Home */
	.fullpage.homepage {
		margin-top: 70px;	
	}
	/*
	.homebg {
		background: url(images/carol6.png) no-repeat 120% 0px;
		position: absolute;
		width: 1000px;
		left: 50%;
		margin-left: -360px;
		height: 100%;
	}
	*/
	
	.homepic img {
		right: -100px;
	}


	.hometop {
		height: 380px;
	}
	.factsbar {
		height: auto;
		overflow: auto;
		background: url(images/gray-bg-tiled.jpg) repeat;	
		position: relative;
		box-shadow: inset 0px 0px 10px #333;
		padding-bottom: 40px;
		z-index: 3;
	}
	.factslist {
		list-style-type: none;	
		padding: 0;
		margin: 0;
	}
	
	.factslist li {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 35px;
		padding-top: 15px;
		width: 45%;
		height: 140px;
		color: #fff;
		text-shadow: 3px 3px 5px #333;
		font-style: italic;
		text-align: left;
		font-size: 1.2em;
		line-height: 1.1em;
		-webkit-transition: background .25s ease-out;
		-moz-transition: background .25s ease-out;
	   transition: background .25s ease-out;
	}
	.factslist #fact1 {
		background: url(images/fact-1-h.png) no-repeat top left;	
	}
	.factslist #fact2 {
		background: url(images/fact-2-h.png) no-repeat top left;
	}
	.factslist #fact3 {
		background: url(images/fact-3-h.png) no-repeat top left;	
	}
	.factslist #fact4 {
		background: url(images/fact-4-h.png) no-repeat top left;	
	}
	.factslist li p {
		visibility: visible;
		color: #fff;
		padding-left: 100px;
	}
	.factslist #fact1:hover {
		background: url(images/fact-1-h.png) no-repeat top left;
	}
	.factslist #fact2:hover {
		background: url(images/fact-2-h.png) no-repeat top left;
	}
	.factslist #fact3:hover {
		background: url(images/fact-3-h.png) no-repeat top left;	
	}
	.factslist #fact4:hover {
		background: url(images/fact-4-h.png) no-repeat top left;	
	}
	
	/* Portfolio */
	
	.portfolio {
		height: auto;
		position: relative;
		z-index: 3;
	}
	.portfolioalt {
		background: url(images/gray-bg-tiled.jpg) repeat;
		padding-bottom: 40px;
		box-shadow: inset 0px 0px 10px #333;
	}
	.portfolio h1 {
		width: auto;
		padding: 0px 15px;
		margin-left: 0;
		height: 60px;
		background: #9ef4e9; /* Old browsers */
		background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* IE10+ */
		background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); /* IE6-9 */
		float: left;
		text-align: left;
		line-height: 60px;
		text-shadow: 1px 1px 0px #fff;
		margin-top: -29px;
		margin-bottom: 20px;
		font-size: 2em;
		color: #50938a;
		font-family: 'Parisienne', cursive;
		font-weight: normal;
	}
	.portfolio ul.visualportfolio {
		list-style-type: none;	
	}
	.portfolio .visualportfolio li {
		display: block;
		color: #406a65;
		width: 100%;
		height: auto;
		font-size: 1.3em;
		padding: 15px 0px;
		margin: 0 0 20px 0;
		float: left;
	}
	.portfolio .visualportfolio li:first {
		margin-left: none;	
	}
	.portfolio .visualportfolio img {
		display: block;
		float: left;
		margin: 0px 15px;
	}
	#lbimage, #lbcenter {
		max-width: 100%;
		max-height: 100%;
		background-size: 100%;
	}

	/* Partners */
	.partners .grid_6 {
		display: block;
		float: left;
		width: 46%;
		height: 300px;
		margin: 0 10px 20px 10px;
	}
	.partners .grid_6 img {
		width: 100%;
	}
	.partners h1 {
		font-size: 2.4em;
	}
	
	/* Comic */

	.page-comic .grid_6 {
		display: block;
		float: left;
		width: 46%;
		margin: 0 10px 20px 10px;
	}
	.page-comic .grid_6 img {
		width: 100%;
	}


	/* Contact */
	.page-contact .pagecontent input, .page-contact .pagecontent textarea {
	width: 100%;
	}
	.page-contact .container_12 .grid_6 {
		width: 47%;
		margin: 0;
		padding: 0 10px;
	}
	 .container_12 .grid_5.push_1 {
		width: 47%;
		float: right;
		margin: 0;
		padding: 0 10px;
		left: 0px;
	}

}

@media screen and (max-width: 600px) {
	/* Header */
	body {
		min-width: 320px;
	}
	.container_12 {
		width: 100%;
		min-width: 320px;
	}
	.container_12 .grid_12, .container_12 .grid_8, .container_12 .grid_3 {
		width: 100%;
		float: none;
		display: block;
		min-width: 320px;
		margin-right: 0px;
		margin: 0px auto;
		padding: 0px 10px;
	}
	.headwrapper, .tealsandwich {
		width: 100%;
		min-width: 320px;
		position: absolute;
	}
	.leftnav, .rightnav {
		display: none;
	}
	.menu-dropdown-container, .menu-dropdown-container select {
		display: block;
	}
	h1.logo {
		margin: 2px auto;
	}
	.grid_12.topnav {
		display: none;
	}
	
	/* Footer */
	
	.grid_12.footercontent {
		width: 100%;
		margin: 0px auto;
		overflow: visible;
		color: #666;
		font-size: .7em;	
		padding-top: 10px;
	}
	.footercontent .twittericon {
		float: left;
		margin-right: 10px;
	}

	
	/* home */
	/*
	.homebg {
		background: url(images/carol6.png) no-repeat 80% -140px;
		margin-left: -300px;
		height: 100%;
	}
	*/
	.homepic img {
		top: -100px;
		right: 100px;
	}

	.container_12 .grid_12.hometop {
		width: 100%;
		height: auto;
		float: none;
		overflow: auto;
	}
	.hometop h1, .hometop h2 {
		width: 300px;
		margin: 80px 0 25px 0;
		padding-right: 0px;
		text-align: left;
		font-size: 1.6em;
		color: #666;
		text-shadow: 1px 1px 2px #fff;
	}
	.hometop h1 {
		display: none;
	}
	.factsbar {
		height: auto;
		background: url(images/gray-bg-tiled.jpg) repeat;	
		position: relative;
		box-shadow: inset 0px 0px 10px #333;
		padding-bottom: 40px;
		z-index: 3;
	}
	.factslist {
		list-style-type: none;	
		padding: 0;
		margin: 0;
	}
	.factslist li {
		display: block;
		float: none;
		margin: 35px auto 0px auto;
		padding: 15px 10px 0 85px;
		width: 220px;
		height: 150px;
		color: #fff;
		text-shadow: 3px 3px 5px #333;
		font-style: italic;
		text-align: left;
		font-size: 1.3em;
		line-height: 1.1em;
		-webkit-transition: background .25s ease-out;
		-moz-transition: background .25s ease-out;
	   transition: background .25s ease-out;
	}
	.factslist li p {
		visibility: visible;
		color: #fff;
	}
	.factslist #fact1, .factslist #fact1:hover {
		background: url(images/fact-1-h.png) no-repeat top left;	
	}
	.factslist #fact2, .factslist #fact2:hover {
		background: url(images/fact-2-h.png) no-repeat top right;
		padding: 15px 85px 0 10px;
	}
	.factslist #fact3, .factslist #fact3:hover {
		background: url(images/fact-3-h.png) no-repeat top left;	
	}
	.factslist #fact4, .factslist #fact4:hover {
		background: url(images/fact-4-h.png) no-repeat top right;
		padding: 15px 85px 0 10px;
	}
	
	/* Contact */
	.page-contact .container_12 .grid_6 {
		width: 100%;
		margin-right: 0px;
		margin: 0px auto;
		padding: 0px 10px;
		float: none;
		display: block;
	}
	.page-contact aside {
		display: none;
	}
	.page-contact input[type="text"], .page-contact input[type="email"], .page-contact .pagecontent textarea {
		width: 80%;
	}
	
	/* News */
	
	.container_12 .push_1 {
		left: 0;
	}
	.widget input[type="text"] {
		width: 60%;
	}
	
	/* Portfolio */
	
	.portfolio {
		height: auto;
		position: relative;
		z-index: 3;
	}
	.portfolioalt {
		background: url(images/gray-bg-tiled.jpg) repeat;
		padding-bottom: 40px;
		box-shadow: inset 0px 0px 10px #333;
	}
	.portfolio h1 {
		width: auto;
		padding: 0px 15px;
		margin-left: 0;
		height: 60px;
		background: #9ef4e9; /* Old browsers */
		background: -moz-linear-gradient(top,  #9ef4e9 0%, #92dfd5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ef4e9), color-stop(100%,#92dfd5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* IE10+ */
		background: linear-gradient(top,  #9ef4e9 0%,#92dfd5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ef4e9', endColorstr='#92dfd5',GradientType=0 ); /* IE6-9 */
		float: left;
		text-align: left;
		line-height: 60px;
		text-shadow: 1px 1px 0px #fff;
		margin-top: -29px;
		margin-bottom: 20px;
		font-size: 2em;
		color: #50938a;
		font-family: 'Parisienne', cursive;
		font-weight: normal;
	}
	.portfolio .smallportfoliotitle {
		font-size: 1.7em;
	}
	.portfolio .grid_3 {
		text-align: center;
	}
	.portfolio .grid_3 img {
		margin-left: auto;
		margin-right: auto;
	}

	.portfolio ul.visualportfolio {
		list-style-type: none;	
	}
	.portfolio .visualportfolio li {
		display: block;
		color: #406a65;
		width: 100%;
		height: auto;
		font-size: 1em;
		padding: 15px 0px;
		margin: 0 0 20px 0;
		float: left;
	}
	.portfolio .visualportfolio li:first {
		margin-left: none;	
	}
	.portfolio .visualportfolio img {
		display: block;
		float: left;
		margin: 0px 15px 0px 15px;
		max-width: 50%;
	}
	#lbimage, #lbcenter {
		position: inherit;
		max-width: 100%;
		max-height: 100%;
		background-size: 100%;
	}
	.portfolio .grid_6 {
		display: block;
		float: none;
		width: 95%;
		height: auto;
		max-width: 460px;
		margin: 0 auto 20px auto;
	}
	/* Partners */
	.partners .grid_6 {
		display: block;
		float: none;
		width: 95%;
		height: auto;
		max-width: 460px;
		margin: 0 auto 20px auto;
	}
	.partners .grid_6 img {
		width: 100%;
	}
	.partners h1 {
		font-size: 2.4em;
	}

	/* Partners */
	.page-comic .grid_6, .page-comic .grid_5 {
		display: block;
		float: none;
		width: 95%;
		height: auto;
		max-width: 460px;
		margin: 0 auto 20px auto;
	}
	.page-comic .grid_6 img, .page-comic .grid_5 img {
		width: 95%;
	}
	
}