/*
Theme Name:     Family Jingle and Mingle
Theme URI:      http://jingleandmingle.ca
Description:    A Custom Child Theme for Family Jingle and Mingle based on the twentyeleven theme. Release Date: 08/13 /2012. Unauthorized duplication or reproduction is prohibited.  This theme is not for resale.
Author:         Jesse Hallett
Author URI:     http://bowesales.com/
Template:       twentyeleven
Version:        1.0
*/

@import url("../twentyeleven/style.css");
@import url(http://fonts.googleapis.com/css?family=Varela+Round);


h1, h2, h3, h4, h5, h6 {
	font-family: 'Varela Round', Arial, sans-serif;
}
p {
    margin-bottom: 0.8em;
}
img {
	height: auto;	
}
/* Highlighted Text Colours */

::selection {
	background: #ee3b3a; /* Safari */
	color: #FFF;
	}
::-moz-selection {
	background: #ee3b3a; /* Firefox */
	color: #FFF;
}
.clear {
	clear: both;	
}

footer { 
	background:#FFF;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	 }

/* Flexible Video 
*  Add a .embed wrap around embed code to make video flexible
*/
.embed {
    position: relative;
    padding: 0;
    padding-bottom: 56.25%; /* 16:9 ratio*/
    height: 0;
    overflow: hidden;
}
.embed iframe, .embed object, .embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.player-container {
    position: relative;
    padding: 0;
    padding-bottom: 56.25%; /* 16:9 ratio*/
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#branding {
	border: none;
}
#branding img {
	-moz-border-radius: 5px 5px 0 0;	
	-webkit-border-radius: 5px 5px 0 0;	
	border-radius: 5px 5px 0 0;	
	height: auto;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #ee3b3a;
}
.entry-header .comments-link a { right: 2em; }
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #ee3b3a;
}
#page {
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5p;	
	border-radius: 5px;
}
#site-generator {
	-moz-border-radius: 0 0 5px 5px;	
	-webkit-border-radius: 0 0 5px 5px;	
	border-radius: 0 0 5px 5px;
	background:	url('images/footer-bg-left.jpg') no-repeat bottom left scroll #FFF;
	background: url('images/footer-bg-left.jpg') no-repeat bottom left scroll,
				url('images/footer-bg-right.jpg') no-repeat bottom right scroll #FFF;
	border:none;
	text-align: left;
	color: #ccc;	
}
#site-generator a {
	color: #ccc;
	font-weight: normal;
}
#branding .only-search + #access div {
	padding: 0;	
}
.widget ul {
	list-style: none;	
}
.bowe_widget_twitter {
	background: url("images/bird.jpg") no-repeat scroll right top transparent;
}
.hentry, .no-results {
	border: none;	
}
#respond {
	background: #FFF;	
}
#respond input#submit {
	background: red;	
}
.singular #primary {
	margin: 0 -26.4% 0 0;
}
#nav-single {
	display: none;
}
.singular .entry-header .entry-meta {
	position: relative;
}
.singular .hentry {
	padding: 0;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width: 100%;
}
.singular #content, .left-sidebar.singular #content {
	margin: 0 34% 0 7.6%;
}
.singular article .entry-title {
	padding-top: 0;
}
.singular .entry-meta .edit-link a {
	right: 0;
	top: 0;
	left: auto;
}
.entry-content a {
	color: #000;
    font-weight: 400;
    text-decoration: none;
}
.entry-content a:hover {
	color: #000;
    font-weight: 400;
    text-decoration: underline;
}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	border: none;
	padding: 0;	
	height: auto;
}

.entry-meta { padding: 0 2em; }
.format-standard { padding: 0 2em; }
.entry-meta:nth-child(2n) { padding: 0 5em; }
.format-standard:nth-child(2n) { padding: 0 5em; }

/* #Menu
================================================== */
.menu-main-menu-container select {
	display: none;	
}
#access {
	background: none repeat scroll 0 0 #006B33;
    border-bottom: 2px solid green;
    border-top: 2px solid green;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
    box-shadow: none;
	display: block;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #FFF;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	font-family: 'Varela Round', Arial, sans-serif;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
		
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; 
	filter:alpha(opacity=97); 
	-moz-opacity:0.97; 
	-khtml-opacity:0.97; 
	opacity:0.97;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: green;
	border-bottom: 1px solid #006B33;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
	font-family: 'Varela Round', Arial, sans-serif;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: none repeat scroll 0 0 #006B33;
	color: #FFF;
}
#access li:hover > a,
#access a:focus {
	background: green;
	color: #FFF;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: normal;
}

/* #Full Width Page
================================================== */

.full-width {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.singular #content, .left-sidebar.singular #content .content-full {
	margin: 0 7.6%;
}
.full-width h1.entry-title {
	display: none;	
}
.singular.page .hentry {
	padding: 0;	
}

/* #Single Post
================================================== */

#content .single-post {
	width: 70%;
}

/* #prettyPhoto
================================================== */

#content .gallery a.prettyPhoto img {
	border:1px solid #ECECEC; 
	padding: 5px;
	background: #FFF;
	-moz-box-shadow:0px 1px 2px #ababab; 
	-khtml-box-shadow:0px 1px 2px #ababab; 
	-webkit-box-shadow:0px 1px 2px #ababab; 
	box-shadow:0px 1px 2px #ababab;
	height: auto;
}
#content .gallery a.prettyPhoto img:hover {
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	-khtml-opacity:0.6; 
	opacity:0.6; 
	-moz-box-shadow:0px 5px 5px #ababab; 
	-khtml-box-shadow:0px 5px 5px #ababab; 
	-webkit-box-shadow:0px 5px 5px #ababab; 
	box-shadow:0px 5px 5px #ababab;	
	-moz-transition: ease-in opacity 0.3s;
	-webkit-transition: ease-in opacity 0.3s;
	transition: ease-in opacity 0.3s; 
}


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

/* reset the Webkit HTML5 search field by Glyn Mooney 
*  http://www.skidoosh.co.uk/html/how-to-reset-the-webkit-html5search-field-style-with-css/
*/
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none;
}

input[type=search] {
/* the webkit overrides need to stay at the top */
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
/* your styles here */
}
	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],/* Added Email */
	input[type="tel"], /* Added Tel */
	input[type="search"],
	textarea,
	select {
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px; /* Added 3px Border Radius */
		-webkit-border-radius: 2px; /* Added 3px Border Radius */
		border-radius: 2px; /* Added 3px Border Radius */
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		display: block;
		margin-bottom: 20px;
		
		background: #fafafa;
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
		border: 1px solid #ddd;
		color: #888;
		}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus, /* Added Email */
	input[type="tel"]:focus, /* Added Tel */
	input[type="search"]:focus,
	textarea:focus {
		border: 1px solid #ccc;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(144, 203, 111, 0.85);
		-webkit-box-shadow: 0 0 3px rgba(144, 203, 111, 0.85);
		box-shadow:  0 0 3px rgba(144, 203, 111, 0.85); 
		background: #FFF;
		}
	textarea {
		min-height: 100px; /* Added 40px to max-height */
		height: 100px;	/* Added 100px height */
		resize: vertical; /* Added Resize */
		 }  
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; background: url('images/select-arrows.png') no-repeat scroll right center #FFF; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
/* Full-Width Classes Added */		
	input[type="text"].full-width,
	input[type="password"].full-width,
	input[type="email"].full-width,/* Added Email */
	input[type="tel"].full-width, /* Added Tel */
	input[type="search"].full-width,
	textarea.full-width,
	select.full-width {
		width: 100%;
	}

/*  Search */

.error404 #main #searchform {
	border: none;
	background: none;
}
.error404 #main #s {
	min-width: 50%;
	width: auto;
}

/* Slider */

.flexslider .slides img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    display: block;
    max-width: 100%;
    padding: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	height: auto;
}

/* WP Captions */

.wp-caption .wp-caption-text {
	padding: 10px 5px;
}
.wp-caption .wp-caption-text::before {
	content: "" !important;
}

/* HR Styles Added from http://css-tricks.com/examples/hrs/ */

	/* Ogirinal Skeleton HR */
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	/* New HR Added */
hr.style-gradient {
	border: 0;
	height: 1px;
	background: #333;
	background: none repeat scroll 0 0 transparent;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
hr.style-transparent-edges {
    border: 0;
    height: 1px;
	background: none repeat scroll 0 0 transparent;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
hr.style-dashed {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.style-dropshadow {
    height: 12px;
    border: 0;
	background: none repeat scroll 0 0 transparent;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
hr.style-cloud {
    border: 0;
    height: 0; /* Firefox... */
	background: none repeat scroll 0 0 transparent;
    box-shadow: 0 0 10px 1px black;
}
hr.style-cloud:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}
hr.style-inset {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style-flaired-edges {
    height: 30px;
	background: none repeat scroll 0 0 transparent;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-flaired-edges:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
hr.style-glyph {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-glyph:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
hr.style-infinity {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-infinity:after {
    content: "∞";
    display: inline-block;
    position: relative; 
    top: -0.95em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}


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

	a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	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; 
	  }

	a.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	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 */ }

/* Full Width Classes Added */
	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }


/* Button Colour Classes Added*/

/* Black Button */
	a.button.black-btn,
	button.black-btn,
	input[type="submit"].black-btn,
	input[type="reset"].black-btn,
	input[type="button"].black-btn {
		background: rgb(69,72,77); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #000;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #EFEFEF;
		display: inline-block;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		text-shadow: none;
		cursor: pointer;
		margin-bottom: 20px;
		line-height: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.black-btn:hover,
	button.black-btn:hover,
	input[type="submit"].black-btn:hover,
	input[type="reset"].black-btn:hover,
	input[type="button"].black-btn:hover {
		color: #666;
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
		
		text-shadow: 0 1px rgba(0, 0, 0, .75);
		border: 1px solid #000;
	  }

	a.button.black-btn:active,
	button.black-btn:active,
	input[type="submit"].black-btn:active,
	input[type="reset"].black-btn:active,
	input[type="button"].black-btn:active {
		border: 1px solid #000;
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */

		text-shadow: 0 1px rgba(0, 0, 0, .75);

	}
		
/* White Button */
	a.button.white-btn,
	button.white-btn,
	input[type="submit"].white-btn,
	input[type="reset"].white-btn,
	input[type="button"].white-btn {
		background: rgb(254,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #FFF;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.white-btn:hover,
	button.white-btn:hover,
	input[type="submit"].white-btn:hover,
	input[type="reset"].white-btn:hover,
	input[type="button"].white-btn:hover {
		color: #222;
		background: rgb(242,242,242); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */

	  	border: 1px solid #FFF;
	  }

	a.button.white-btn:active,
	button.white-btn:active,
	input[type="submit"].white-btn:active,
	input[type="reset"].white-btn:active,
	input[type="button"].white-btn:active {
		border: 1px solid #FFF;
		background: rgb(242,242,242); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(254,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */

	}
	
/* Grey, Gray Button */
	a.button.grey-btn,
	button.grey-btn,
	input[type="submit"].grey-btn,
	input[type="reset"].grey-btn,
	input[type="button"].grey-btn,
	
	a.button.gray-btn,
	button.gray-btn,
	input[type="submit"].gray-btn,
	input[type="reset"].gray-btn,
	input[type="button"].gray-btn
	 {
		background: rgb(238,238,238); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(221,221,221,1) 55%, rgba(204,204,204,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(55%,rgba(221,221,221,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 55%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 55%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 55%,rgba(204,204,204,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 55%,rgba(204,204,204,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

		border: 1px solid #CCC;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.grey-btn:hover,
	button.grey-btn:hover,
	input[type="submit"].grey-btn:hover,
	input[type="reset"].grey-btn:hover,
	input[type="button"].grey-btn:hover,
	
	a.button.gray-btn:hover,
	button.gray-btn:hover,
	input[type="submit"].gray-btn:hover,
	input[type="reset"].gray-btn:hover,
	input[type="button"].gray-btn:hover
	
	 {
		color: #222;
		background: rgb(204,204,204); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(221,221,221,1) 45%, rgba(238,238,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(45%,rgba(221,221,221,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(221,221,221,1) 45%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(221,221,221,1) 45%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(221,221,221,1) 45%,rgba(238,238,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(221,221,221,1) 45%,rgba(238,238,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

	  	border: 1px solid #CCC;
	  }

	a.button.grey-btn:active,
	button.grey-btn:active,
	input[type="submit"].grey-btn:active,
	input[type="reset"].grey-btn:active,
	input[type="button"].grey-btn:active,
	
	a.button.gray-btn:active,
	button.gray-btn:active,
	input[type="submit"].gray-btn:active,
	input[type="reset"].gray-btn:active,
	input[type="button"].gray-btn:active
	
	 {
		border: 1px solid #CCC;
		background: rgb(226,226,226); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	}
		
/* Blue Button */
	a.button.blue-btn,
	button.blue-btn,
	input[type="submit"].blue-btn,
	input[type="reset"].blue-btn,
	input[type="button"].blue-btn {
		background: rgb(122,188,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
		border: 1px solid #4096EE;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.blue-btn:hover,
	button.blue-btn:hover,
	input[type="submit"].blue-btn:hover,
	input[type="reset"].blue-btn:hover,
	input[type="button"].blue-btn:hover {
		color: #222;
		background: rgb(64,150,238); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(96,171,248,1) 56%, rgba(122,188,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(56%,rgba(96,171,248,1)), color-stop(100%,rgba(122,188,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#7abcff',GradientType=0 ); /* IE6-9 */

	  	border: 1px solid #4096EE;
	  }

	a.button.blue-btn:active,
	button.blue-btn:active,
	input[type="submit"].blue-btn:active,
	input[type="reset"].blue-btn:active,
	input[type="button"].blue-btn:active {
		border: 1px solid #4096EE;
		background: rgb(64,150,238); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(96,171,248,1) 56%, rgba(122,188,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(56%,rgba(96,171,248,1)), color-stop(100%,rgba(122,188,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#7abcff',GradientType=0 ); /* IE6-9 */

	}
		
/* Green Button */
	a.button.green-btn,
	button.green-btn,
	input[type="submit"].green-btn,
	input[type="reset"].green-btn,
	input[type="button"].green-btn {
		background: rgb(94,209,69); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(94,209,69,1) 0%, rgba(38,165,13,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,209,69,1)), color-stop(100%,rgba(38,165,13,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(94,209,69,1) 0%,rgba(38,165,13,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(94,209,69,1) 0%,rgba(38,165,13,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(94,209,69,1) 0%,rgba(38,165,13,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(94,209,69,1) 0%,rgba(38,165,13,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed145', endColorstr='#26a50d',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #26A50D;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.green-btn:hover,
	button.green-btn:hover,
	input[type="submit"].green-btn:hover,
	input[type="reset"].green-btn:hover,
	input[type="button"].green-btn:hover {
		color: #222;
		background: rgb(38,165,13); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(38,165,13,1) 0%, rgba(94,209,69,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,165,13,1)), color-stop(100%,rgba(94,209,69,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a50d', endColorstr='#5ed145',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #26A50D;
	  }

	a.button.green-btn:active,
	button.green-btn:active,
	input[type="submit"].green-btn:active,
	input[type="reset"].green-btn:active,
	input[type="button"].green-btn:active {
		border: 1px solid #26A50D;
		background: rgb(38,165,13); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(38,165,13,1) 0%, rgba(94,209,69,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,165,13,1)), color-stop(100%,rgba(94,209,69,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(38,165,13,1) 0%,rgba(94,209,69,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a50d', endColorstr='#5ed145',GradientType=0 ); /* IE6-9 */
	}

/* Red Button */
	a.button.red-btn,
	button.red-btn,
	input[type="submit"].red-btn,
	input[type="reset"].red-btn,
	input[type="button"].red-btn {
		background: rgb(255,48,25); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #E73827;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.red-btn:hover,
	button.red-btn:hover,
	input[type="submit"].red-btn:hover,
	input[type="reset"].red-btn:hover,
	input[type="button"].red-btn:hover {
		color: #222;
		background: rgb(207,4,4); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #E73827;
	  }

	a.button.red-btn:active,
	button.red-btn:active,
	input[type="submit"].red-btn:active,
	input[type="reset"].red-btn:active,
	input[type="button"].red-btn:active {
		border: 1px solid #E73827;
		background: rgb(207,4,4); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */
	}

/* Orange Button */
	a.button.orange-btn,
	button.orange-btn,
	input[type="submit"].orange-btn,
	input[type="reset"].orange-btn,
	input[type="button"].orange-btn {
		background: rgb(255,175,75); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #FF920A;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #333;
		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: 21px;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }

	a.button.orange-btn:hover,
	button.orange-btn:hover,
	input[type="submit"].orange-btn:hover,
	input[type="reset"].orange-btn:hover,
	input[type="button"].orange-btn:hover {
		color: #222;
		background: rgb(255,146,10); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,146,10,1)), color-stop(100%,rgba(255,175,75,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ffaf4b',GradientType=0 ); /* IE6-9 */
		
		border: 1px solid #FF920A;
	  }

	a.button.orange-btn:active,
	button.orange-btn:active,
	input[type="submit"].orange-btn:active,
	input[type="reset"].orange-btn:active,
	input[type="button"].orange-btn:active {
		border: 1px solid #FF920A;
		background: rgb(255,146,10); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,146,10,1)), color-stop(100%,rgba(255,175,75,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ffaf4b',GradientType=0 ); /* IE6-9 */
	}
	
/* Yellow Button */
	a.button.yellow-btn,
	button.yellow-btn,
	input[type="submit"].yellow-btn,
	input[type="reset"].yellow-btn,
	input[type="button"].yellow-btn {
	background: rgb(255,255,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,175,1) 0%, rgba(255,230,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,175,1)), color-stop(100%,rgba(255,230,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,175,1) 0%,rgba(255,230,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,175,1) 0%,rgba(255,230,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,175,1) 0%,rgba(255,230,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,175,1) 0%,rgba(255,230,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffaf', endColorstr='#ffe60a',GradientType=0 ); /* IE6-9 */
 
	  border: 1px solid #FFE60A;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #333;
	  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: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	a.button.yellow-btn:hover,
	button.yellow-btn:hover,
	input[type="submit"].yellow-btn:hover,
	input[type="reset"].yellow-btn:hover,
	input[type="button"].yellow-btn:hover {
		color: #222;
		background: rgb(255,230,10); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,230,10,1) 0%, rgba(255,255,175,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,230,10,1)), color-stop(100%,rgba(255,255,175,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe60a', endColorstr='#ffffaf',GradientType=0 ); /* IE6-9 */

	  	border: 1px solid #FFE60A;
	  }

	a.button.yellow-btn:active,
	button.yellow-btn:active,
	input[type="submit"].yellow-btn:active,
	input[type="reset"].yellow-btn:active,
	input[type="button"].yellow-btn:active {
		border: 1px solid #FFE60A;
		background: rgb(255,230,10); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,230,10,1) 0%, rgba(255,255,175,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,230,10,1)), color-stop(100%,rgba(255,255,175,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,230,10,1) 0%,rgba(255,255,175,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe60a', endColorstr='#ffffaf',GradientType=0 ); /* IE6-9 */
	}


/* #Media Queries
================================================== */
	
/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/* Navigation */
		.menu-main-menu-container ul {
			display: none;	
		}
		nav .menu-main-menu-container select {
			display: block;	
			background: url('images/select-arrows.png') no-repeat scroll right center #FFF;
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
			padding: 5px 10px;
			margin: 10px auto;
			border: 1px solid #fff;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			width: 100%;
		}
		nav .menu ul {
			display: none;
		}
		.entry-content table {
			width: 90%;	
		}
		}
		
/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		nav#access ul {
			font-size: .65em;
			top: 5.1em;
		}
		nav#access ul ul li a {
			font-size: 1.5em;
		}
		
		}