/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	#wrapfull html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	#wrapfull article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	#wrapfull body {
		line-height: 1; }
	/*#wrapfull ol, ul {
		list-style: none; }*/
	#wrapfull blockquote, q {
		quotes: none; }
	#wrapfull blockquote:before, blockquote:after,
	#wrapfull q:before, q:after {
		content: '';
		content: none; }
	#wrapfull table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	#wrapfull body {
		/*background: #fff;*/
		font: 14px/21px "Helvetica", "Helvetica", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	#wrapfull h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Helvetica", Arial, sans-serif;
		font-weight: normal; }
	#wrapfull h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	 #wrapfull p {font-size: 75%; font-family: "Helvetica", Arial, sans-serif;}
	 #wrapfull li, ul, ol {font-size: 85%; font-family: "Helvetica", Arial, sans-serif;}
	#wrapfull h1 { font-size: 35px; line-height: 50px; margin-bottom: 14px;}
	#wrapfull h2 { font-size: 25px; line-height: 30px; margin-bottom: 10px; }
	#wrapfull h3 { font-size: 18px; line-height: 23px; margin-bottom: 8px; }
    #wrapfull .ccm-block-styles h3 { font-size: 18px; line-height: 34px; margin-bottom: 8px; margin-top: 4px;}
	#wrapfull h4 { font-size: 14px; line-height: 30px; margin-bottom: 4px; font-weight:bold;}
	#wrapfull h5 { font-size: 14px; line-height: 24px; }
	#wrapfull h6 { font-size: 12px; line-height: 21px; }
	
	#wrapfull .subheader { color: #777; }
	#wrapfull .ccm-remo-expand li {list-style: outside; margin-left: 15px; padding-bottom: 2px;}

	#wrapfull p {
	margin: 0 0 20px 0;
}
	#wrapfull p img { margin: 0; }
	#wrapfull p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	#wrapfull em { font-style: italic; }
	#wrapfull strong { font-weight: bold; color: #333; }
	#wrapfull small { font-size: 80%; }

/*	Blockquotes  */
	#wrapfull blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	#wrapfull blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	#wrapfull blockquote cite { display: block; font-size: 12px; color: #555; }
	#wrapfull blockquote cite:before { content: "\2014 \0020"; }
	#wrapfull blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	#wrapfull hr { border: solid #313131; border-width: 1px 0 0; clear: both; margin: 10px 0 0px; height: 0; }


/* #Links
================================================== */
	#wrapfull a {color: #5796d4; underline; outline: 0;}	
    #wrapfull a:visited { color: #333; text-decoration: underline; outline: 0; }
	#wrapfull a:hover, a:focus { opacity: 0.7;}
	#wrapfull p a, p a:visited { line-height: inherit; }
	#wrapfull .simple-logo-block { text-decoration: none; }
	
	/*Tags*/
	.ccm-tag-list li {background: #454545;}
	.ccm-tag-list li a {color: #fff!important; text-decoration: none;}
	
	/*Date Navigation*/
	.ccmDateNav {font-size: 1.4em;}
	.ccmDateNav .section {font-size: 1em; font-weight: bold}
	.ccmDateNav .monthsPage ul {font-size: 1.9em;}
	.ccmDateNav li {list-style: none!important;}

/* #Lists
================================================== */
	#wrapfull ul, ol { margin-bottom: 20px; }
	/*#wrapfull ul { list-style: none outside; }*/
	#wrapfull ul { list-style: inside; }
	#wrapfull ol { list-style: decimal; }
	#wrapfull ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	#wrapfull ul.square { list-style: square outside; }
	#wrapfull ul.circle { list-style: circle outside; }
	#wrapfull ul.disc { list-style: disc outside; }
	#wrapfull ul ul, ul ol,
	#wrapfull ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	#wrapfull ul ul li, ul ol li,
	#wrapfull ol ol li, ol ul li { margin-bottom: 6px; }
	#wrapfull li { line-height: 18px; margin-bottom: 1px; }
	#wrapfull ul.large li { line-height: 21px; }
	#wrapfull li p { line-height: 21px; }

/* #Images
================================================== */

	#wrapfull img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	#wrapfull .button,
	#wrapfull button,
	#wrapfull input[type="submit"],
	#wrapfull input[type="reset"],
	#wrapfull input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  margin-top: 10px;	  
      padding: 5px 10px;
	  font-family: "Helvetica", Arial, sans-serif; }

	#wrapfull .button:hover,
	#wrapfull button:hover,
	#wrapfull input[type="submit"]:hover,
	#wrapfull input[type="reset"]:hover,
	#wrapfull input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	#wrapfull .button:active,
	#wrapfull button:active,
	#wrapfull input[type="submit"]:active,
	#wrapfull input[type="reset"]:active,
	#wrapfull input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	#wrapfull .button.full-width,
	#wrapfull button.full-width,
	#wrapfull input[type="submit"].full-width,
	#wrapfull input[type="reset"].full-width,
	#wrapfull input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	#wrapfull button::-moz-focus-inner,
	#wrapfull input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Tabs (activate in tabs.js)
================================================== */
	#wrapfull ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	#wrapfull ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	#wrapfull ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	#wrapfull ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	#wrapfull ul.tabs li:first-child a.active {
		margin-left: 0; }
	#wrapfull ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	#wrapfull ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	#wrapfull ul.tabs-content { margin: 0; display: block; }
	#wrapfull ul.tabs-content > li { display:none; }
	#wrapfull ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	#wrapfull ul.tabs:before,
	#wrapfull ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	#wrapfull ul.tabs:after {
	  clear: both; }
	#wrapfull ul.tabs {
	  zoom: 1; }


/* #Forms
================================================== */

	#wrapfull form {
		margin-bottom: 20px; }
	#wrapfull fieldset {
		margin-bottom: 20px; }
	#wrapfull input[type="text"],
	#wrapfull input[type="password"],
	#wrapfull input[type="email"],
	#wrapfull textarea,
	#wrapfull select {
		border: 1px solid #ccc;
		padding: 3px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "Helvetica", Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 170px;
		max-width: 100%;
		display: block;
		margin-bottom: 0px;
		background: #fff; }
	#wrapfull select {
		padding: 0; }
	#wrapfull input[type="text"]:focus,
	#wrapfull input[type="password"]:focus,
	#wrapfull input[type="email"]:focus,
	#wrapfull textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	#wrapfull textarea {
		min-height: 60px; }
	#wrapfull label,
	#wrapfull legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	#wrapfull select {
		width: 220px; }
	#wrapfull input[type="checkbox"] {
		display: inline; }
	#wrapfull label span,
	#wrapfull legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	#wrapfull .remove-bottom { margin-bottom: 0 !important; }
	#wrapfull .half-bottom { margin-bottom: 10px !important; }
	#wrapfull .add-bottom { margin-bottom: 20px !important; }