/*
Theme Name: Ruby
Theme URI: http://www.callruby.com
Author: Mad Fish SEO
Author URI: http://www.madfishseo.com/
Description: Ruby theme for CallRuby.com
Version: 3.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 99%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

body {
	padding: 0;
}
#page {
	margin: 0 auto;
	width: 900px;
	-moz-box-shadow: 0 20px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.1);
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
}
#branding hgroup {
	margin: 0;

}
#primary {
	float: left;
	margin: 0 -36.875% 0 0;
	width: 100%;
}
.page-id-10 #primary , .category-news-room #primary , .page-id-14 #primary, .page-id-593 #primary, .page-id-8 #primary, .page-id-524 #primary, .page-id-34 #primary   {width: 80% !important;}

.page-template-content-meetruby-php .meetruby #content{
	margin:0 auto !important;
	width:auto;	
	padding:3.5em 0 0;
}

#content {
	margin: 0 0 0 28px;
	width: 66.875%;
}
#secondary {
	float: right;
	margin-right: 3%;
	width:23.55%;
	}
#rubyage {background:transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/09/first14.gif);height:134px;}
#secondary img {margin-right:0;}
article#post-1662 {margin-right: 200px;}


/* Singular */
.singular #primary {
	margin: 0 -36.875% 0 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 3.125%;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0;
	width:71.875%;
}
.singular #welcome .entry-header,
.singular #welcome .entry-content,
.singular #welcome footer.entry-meta,
.singular #welcome #comments-title {width:100%;}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {margin-right: 15px;}
img.alignright {margin-left: 15px;}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: ;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #413000;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.5;
}
body {
	background: #bbd8d8;
}
#page {
	background: #f7f7f0;
	margin-bottom:200px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both; font-weight:normal;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
/*  margin: 0 1.625em;*/
}
dt {
	font-weight: bold;
}
dd {
/*  margin-bottom: 1.625em;*/
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type="email"],
input[type=password],
textarea {
	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;
	resize: vertical;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text], input[type="email"] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #37939B;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	position: relative;
	z-index: 2;
	background:#fff;
  -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.05);
  box-shadow: 0 10px 10px rgba(0,0,0,0.05);
}
#ie7 #branding, #ie8 #branding {
  box-shadow: 0 10px 10px #DBDDD9;
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
}
#site-title {
	margin:0;
	padding: 0;
	position: absolute;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;

}


/* =Menu
-------------------------------------------------------------- */

#access {
/*  background: #fff;*/
/*  display:inline;*/
/*  float: right;*/
/*  margin: 0 auto;*/
/*  width: 81.77%;*/
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#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;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}


#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #4b4227;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 1.625em 0 0;
	background: #f7f7f0;
}
.page-title {
	color: #E50E63;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	margin: 0 0 ;
	padding: 0 0;
	position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
/*  padding-right: 76px;*/
}
.entry-title {
	clear: both;
	color: #E50E63;
	font-size: 26px;
	line-height: 1em;
	padding-bottom: .3em;
	padding-top: 7px;
}
.entry-title,
.entry-title a {
	color: #E50E63;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	padding: 1.625em 0 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #E50E63;
	margin: 1.5em 0 4px 0;
	font-size:19px;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	/*border: 1px solid #ddd;*/
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #4b4227;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #E50E63;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #E50E63;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 0 0 0;
	position: relative;
}
/*.singular.page .hentry {*/
.singular.home .hentry {
	text-align: center;
	/*padding: 3.5em 0 0; */
}
.entry-header .entry-title, .singular .entry-title {
	color: #E50E63;
	font-size: 24px;
	letter-spacing:.05em;
	background:transparent left bottom no-repeat url(/wordpress/wp-content/uploads/2011/09/back_title.gif);
	line-height: 44px;
	font-weight:300;
  margin-top:44px;
  /* white-space: nowrap;*/
}
.entry-header .entry-title span, .singular .entry-title span { white-space: nowrap; }
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	/*bottom: auto;*/
	left: 0px;
	position: absolute;
	right: auto;
	top: -10px;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}

/* =Music Player
----------------------------------------------- */
.hold-music-player { float: left; padding-right: 10px; }
.hold-music-player p { margin-bottom: 5px; }


/*
.hold-music-player .player-container {padding: 0 10px 25px 0;}
.hold-music-player .player-container ul {color: #ccc;}
.hold-music-player .player-container ul { color: #E50E63;}
.hold-music-player .player-container .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content {border-top:2px solid #e50e63;}
.hold-music-player .ui-widget-header .ui-state-default {background:#e50e63;}
.hold-music-player .ui-state-focus, 
.hold-music-player .player-container .ui-widget-header .ui-state-focus {background:#e50e63;}
.hold-music-player .ui-widget-header .ui-state-active {background:#dadada;}

.hold-music-player .player-container .ui-state-default, 
.hold-music-player .player-container .ui-widget-content .ui-state-default, 
.hold-music-player .player-container .ui-widget-header .ui-state-default {background: #ccc;}

.hold-music-player .player-container .ui-state-default, 
.hold-music-player .player-container .ui-widget-content .ui-state-default, 
.hold-music-player .player-container .ui-widget-header .ui-state-default {background: #e50e63;}

.hold-music-player .player-container img.listen:hover {opacity:0.5;}
*/


#page .haiku-graphical-container {background: #fff; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); box-shadow: 0 0 5px 3px rgba(0,0,0,.1);}

#page .haiku-graphical-container li.haiku-gui {background: url("/wordpress/wp-content/themes/ruby_2013/images/play_sq.png") no-repeat scroll 0px 1px #fff;}

#page .haiku-graphical-container li.haiku-gui a {color: #e50e63; margin-right: 6px;}

#page div.haiku-seek-bar {

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 39%, #cccccc 40%, #cccccc 60%, #ffffff 61%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(39%,#ffffff), color-stop(40%,#cccccc), color-stop(60%,#cccccc), color-stop(61%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 39%,#cccccc 40%,#cccccc 60%,#ffffff 61%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 39%,#cccccc 40%,#cccccc 60%,#ffffff 61%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 39%,#cccccc 40%,#cccccc 60%,#ffffff 61%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 39%,#cccccc 40%,#cccccc 60%,#ffffff 61%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



/*background: -moz-linear-gradient(center top , #fff 0%, #fff 39%, #ccc 40%, #ccc 60%, #fff 61%, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/}

#page div.haiku-play-bar {background: none repeat scroll 0 0 #e50e63; min-width: 1px;}

#page .haiku-graphical-container a.haiku-stop {display: none;}

#page .haiku-graphical-container li.haiku-gui a.haiku-pause {margin-right: 8px;}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0 1.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
	text-transform:uppercase;
	font-weight:bold;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
	text-transform:uppercase;
	font-weight:bold;
}
#content nav .meta-nav {
	font-weight: bold;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	width: 100%;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_ruby_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_ruby_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_ruby_ephemera .comments-link a,
.widget_ruby_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_ruby_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: normal;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
	position:relative;
	height:93px;
}
#colophon.plano {height:232px;clear:left;}
#colophon li {list-style:none;}
#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}
#blueorange {position:relative;}
#blueorange ul{margin-left:3.125%;}
#blueorange li{float:left;margin:0;padding:0;}
.button {
  float: left;
  margin: 40px 0;
}
/*#blueorange.memberships {width:66.875%;margin-left:28px;text-align:right;position:relative;height:1.1em;font-size:12px;}*/
/*#blueorange.memberships li {margin-bottom:35px;position:absolute; right:0;}*/
#blueorange a, #footnav li#footstart a, .button a {
  position: relative;
  z-index: 12;
	display:block;
	padding:.5em 1.5em;
	line-height:1.1em;
	font-size:12px;
	font-style:italic;
	letter-spacing:.1em;
	text-align:center;
	color:#fff;
	
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -o-border-radius: 5px;
     -ms-border-radius: 5px;
          border-radius: 5px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#blueorange a:hover, #footnav li#footstart a:hover, .button a:hover {
  text-decoration: none;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
#blueorange a strong, #footnav li#footstart a strong, .button a strong {text-transform:uppercase;font-style:normal;}
#blueorange a.orange, .button a.orange {
  background-color: #e50e63;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb95e), to(#e50e63)); 
  background-image: -webkit-linear-gradient(top, #fcb95e, #e50e63); 
  background-image:    -moz-linear-gradient(top, #fcb95e, #e50e63); 
  background-image:     -ms-linear-gradient(top, #fcb95e, #e50e63); 
  background-image:      -o-linear-gradient(top, #fcb95e, #e50e63); 
  background-image:         linear-gradient(top, #fcb95e, #e50e63);
}
#blueorange a.blue, #footnav li#footstart a, .button a {
  background-color: #38949b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#89bdbd), to(#38949b)); 
  background-image: -webkit-linear-gradient(top, #89bdbd, #38949b); 
  background-image:    -moz-linear-gradient(top, #89bdbd, #38949b); 
  background-image:     -ms-linear-gradient(top, #89bdbd, #38949b); 
  background-image:      -o-linear-gradient(top, #89bdbd, #38949b); 
  background-image:         linear-gradient(top, #89bdbd, #38949b);
  margin-right: 26px;
}
#blueorange a:hover, #footnav li#footstart a:hover, .button a:hover {
  background-color: #dd3067;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f98eaf), to(#dd3067)); 
  background-image: -webkit-linear-gradient(top, #f98eaf, #dd3067); 
  background-image:    -moz-linear-gradient(top, #f98eaf, #dd3067); 
  background-image:     -ms-linear-gradient(top, #f98eaf, #dd3067); 
  background-image:      -o-linear-gradient(top, #f98eaf, #dd3067); 
  background-image:         linear-gradient(top, #f98eaf, #dd3067);
}
#ie7 #blueorange a.orange, #ie8 #blueorange a.orange, #ie7 .button a.orange, #ie8 .button a.orange {
  box-shadow: 0 5px 5px #DBDDD9;
  border-radius: 5px;
  -pie-background: linear-gradient(#fcb95e, #e50e63);
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcb95e', EndColorStr='#e50e63'); */
}
#ie7 #blueorange a.blue, #ie8 #blueorange a.blue, #ie7 .button a.blue, #ie8 .button a.blue {
  box-shadow: 0 5px 5px #DBDDD9;
  border-radius: 5px;
  -pie-background: linear-gradient(#89bdbd, #38949b);
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#89bdbd', EndColorStr='#38949b'); */
}
#ie7 #blueorange a:hover, #ie8 #blueorange a:hover, #ie7 .button a:hover, #ie8 .button a:hover {
  box-shadow: 0 2px 2px #DBDDD9;
  border-radius: 5px;
  -pie-background: linear-gradient(#f98eaf, #dd3067);
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f98eaf', EndColorStr='#dd3067'); */
}
#ie7 #footnav li#footstart a, #ie8 #footnav li#footstart a {
  box-shadow: 0 3px 3px #929292;
  border-radius: 5px;
  -pie-background: linear-gradient(#89bdbd, #38949b);
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#89bdbd', EndColorStr='#38949b'); */
}
#ie7 #footnav li#footstart a:hover, #ie8 #footnav li#footstart a:hover {
  box-shadow: 0 2px 2px #A2A2A2;
  border-radius: 5px;
  -pie-background: linear-gradient(#f98eaf, #dd3067);
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f98eaf', EndColorStr='#dd3067'); */
}

/* Site Generator Line */
#site-generator {
	background: transparent;
	color: #413000;
	font-size: 10px;
	letter-spacing:.1em;
	line-height: 4.7em;
	text-align: center;
	width:100%;
	border-bottom:5px #8abebd solid;
}
#site-generator dl {margin-top:9px;}
#site-generator dt, #site-generator dd {display:inline;}
#site-generator dt {font-weight:bold;text-transform:uppercase;margin-right:0;}
#site-generator dd {margin-right:8px;}
#site-generator dd.last{margin-right:0;}
#site-generator a:link, #site-generator a:visited {
	color: #413000;
	text-decoration:none;
}
#site-generator a:hover, #site-generator a:active {
	color: #E50E63;
}
#site-generator .sep {
	background: url(images/wordpress.png) center left no-repeat;
	color: transparent;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 7px;
	width: 16px;
}

/* ---- FOOTER NAV ---- */
#footnav {font-size:11px; position:absolute; bottom:-255px;left:54px;margin:0;padding:0;padding-bottom:60px;}
#footnav a:link, #footnav a:visited {color:#413000;}
#footnav a:hover, #footnav a:active {color:#E50E63;text-decoration:none;}
#footnav li {float:left;margin-right:31px;padding:0;}
#footnav li dl {font-size:11px;margin:0;padding:0;}
#footnav li dd {margin:0;line-height:1.5em;}
#footnav li dt {text-transform:uppercase;}
li.primer a {font-weight:bold;text-transform:uppercase;}

#footnav li#footstart {margin-right:-14px;padding:0;}



/*-----ACCORDION----*/

#vertical_container {padding-bottom:38px;}

h2.accordion_toggle {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	line-height:1.2em;
	padding:0;
	padding-bottom:0;
	font-size:15px;
	font-weight:bold;
	margin:1em 0 0 0;
}
#secondary h2.accordion_toggle {padding-bottom:.5em;color:#E50E63;font-weight:bold;text-transform:uppercase;}
#secondary h2.accordion_toggle em {font-style:italic;font-weight:normal;font-size:.85em;display:block;letter-spacing:0;text-transform:none;}

h2.accordion_toggle img {display:block;padding:1em 0 .5em 0;}
.sepa {display:block;height:0;}

h2.accordion_toggle_active {
	text-shadow:none;
	color: #E50E63;
	/*top:1em;
	position:relative;*/
	}

.accordion_content {
	overflow: hidden;
	width:100%;
	line-height: 130%;

	-webkit-backface-visibility: hidden;
	}

.accordion_content div.wrapper {}
	.accordion_content p {
	line-height: 130%;
	}


/*-----NAV-----*/

#access {position:relative;}
#branding {position:relative;}
#access li, #access li a {padding:0;line-height:1em;}


#social-nav {
	display:block;
	position:absolute;
	z-index: 1000;
	top:17px;
	right:22px;
	color:#8abebd;
	letter-spacing:.1em;
}
#social-nav .tk-adage-script {
	text-transform:lowercase;
	font-weight:normal;
	font-size:15px;
}
#access li.contactus, #social-nav dt {padding-top:10px;}
#access li.phone{margin-top:2px;}
#access li.phone a, #access li.phone a:link {display:inline;color:#8abebd;}
#access li.phone {padding-top:8px;}
#social-nav li,
#social-nav li dl dt,
#social-nav li dl dd {float:left;}

li.contactus .tk-schoolbook-web {font-size:18px;font-weight:normal;letter-spacing:0;}

/* ----- FACEBOOK, TWITTER LINKEDIN ----- */
#social-nav li dd a:link, #social-nav li dd a:visited {
	height:22px;
	width: 22px;
	margin-left:4px;
	overflow:hidden;
	text-indent: -1000em;
	background: transparent url(/wordpress/wp-content/themes/ruby_2013/images/sprite.gif) no-repeat 0 0;
}
#social-nav li dd a#fb {background-position: 0 -418px;}
#social-nav li dd a#li {background-position: -34px -418px;}
#social-nav li dd a#tw {background-position: -69px -418px;}

#social-nav li dd a#fb:hover {background-position:0 -440px;}
#social-nav li dd a#li:hover {background-position:-34px -440px;}
#social-nav li dd a#tw:hover {background-position:-69px -440px;}


#social-nav li a:link,
#social-nav li a:visited {
	color:#faa634;
}
#social-nav li a:hover,
#social-nav li a:active {
	color:#E50E63;
}
#rotary {
  width: 26px;
  height:22px;
  overflow:hidden;
  position:absolute;
  top:0;
  right:0;
  display:inline;
  background: transparent url(/wordpress/wp-content/themes/ruby_2013/images/sprite.gif) no-repeat 0 -364px;
}
.login {padding-right:34px;}
.login a:hover #rotary { background-position: 0 -386px; }

#primary-nav {
  position:relative;
  margin:102px 0 8px;
  width:100%;
}
#primary-nav ul {
  padding-right: 20px;
}
#primary-nav li {
  float:left;
  margin-right:0;
  text-align: center;
}
#primary-nav li a:link, #primary-nav li a:visited {
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	letter-spacing:.1em;
	color: #413000;
	padding:0;
  line-height:34px;
	background: transparent url(/wordpress/wp-content/themes/ruby_2013/images/sprite.gif) no-repeat 0 0;
  display: block;
}
#primary-nav li a:hover, #primary-nav li a:active {
	color:#fff;
	background-color:#8abebd;
}
#primary-nav li#d1 a { width: 138px; }
#primary-nav li#d2 a { width: 125px; }
#primary-nav li#d3 a { width: 95px; }
#primary-nav li#d4 a { width: 79px; }
#primary-nav li#d5 a { width: 119px; }

#primary-nav li#d1 a:hover, #primary-nav li#d1 a:active, #primary-nav.services li#d1 a  { color:#fff; background-position: 50% -51px; }
#primary-nav li#d2 a:hover, #primary-nav li#d2 a:active, #primary-nav.aboutruby li#d2 a { color:#fff; background-position: 50% -90px; }
#primary-nav li#d3 a:hover, #primary-nav li#d3 a:active, #primary-nav.pricing li#d3 a   { color:#fff; background-position: 50% -168px; }
#primary-nav li#d4 a:hover, #primary-nav li#d4 a:active, #primary-nav.blogg li#d4 a     { color:#fff; background-position: 50% -207px; }
#primary-nav li#d5 a:hover, #primary-nav li#d5 a:active, #primary-nav.contactt li#d5 a  { color:#fff; background-position: 50% -129px; }

#primary-nav li a#getstarted:link, #primary-nav li a#getstarted:visited { color:#413000; background-position:50% -283px; width: 109px; }
#primary-nav li a#getstarted:hover, #primary-nav li a#getstarted:active { color:#E50E63; background-position:50% -245px; }

#secondary-nav {
	position:relative;
	width:100%;
	padding:0;
	margin-bottom: 12px;
  min-height: 13px;
}
#secondary-nav ul {}
#secondary-nav li {
  float:left;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:bold;
}
#secondary-nav li a:link, #secondary-nav li a:visited {
	color:#413000;
	margin:0 12px;
}
#secondary-nav li a:hover, #secondary-nav li a:active {color:#8abebd;}


/*--- HERE STATE ---*/

#secondary-nav ul.whyruby li a#whyr,
#secondary-nav ul.howitworks li a#howi,
#secondary-nav ul.receptionists li a#rece,
#secondary-nav ul.clients li a#clie,
#secondary-nav ul.rubyqa li a#ruby,
#secondary-nav ul.mobileapp li a#just,
#secondary-nav ul.ourstory li a#ours,
#secondary-nav ul.history li a#hist,
#secondary-nav ul.newsroom li a#news,
#secondary-nav ul.partners li a#part,
#secondary-nav ul.careers li a#care {color:#8abebd;}

/*#secondary-nav ul#abounav {margin-left:159px;}
#secondary-nav ul#servnav {margin-left:23px;}*/

/* --- RECEPTIONISTS --- */

#random5 div {
	padding:0 0 1em 0;
	width:100%;}
#random5 h3 {
	position:absolute;
	top:0;
	left:97px;
	display:block;
	color:#f4a637;
	font-size:24px;
	text-transform:none;
	padding:0;
	line-height:1.3em;
	margin:0;
	letter-spacing:.05em;
	clear:none;
}
#random5 #rec1, #random5 #rec2, #random5 #rec3, #random5 #rec4, #random5 #rec5 {
	position:relative;
	margin-bottom:0;
	padding-top:20px;}
#random5 div img {
	float:left;
	margin:-20px 1em 0 0;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);border:#fff solid 1px; }
.category-receptionists .widget-title {display: none;}	
.category-receptionists p {
  clear: both;
}
.category-receptionists .receptionist {
  float: left;
  clear: left;
  margin: 15px 0;
  position: relative;
}
.category-receptionists .receptionist img {
	float: left;
	border: 1px solid #8ABEBD;
	padding: 10px !important;
	background: transparent !important;
}
.category-receptionists .receptionist p {
  display: inline;
}
.category-receptionists .receptionist h1 {
  clear: none;
  display: block;
  white-space: nowrap;
  margin: 0;
    font-family: "schoolbook-web",serif !important;
    color: #E50E63 !important;
	font-size:22px;
	text-transform:none;
	letter-spacing:.05em;	
}
#main {position: relative;}
#content, .singular #content, .left-sidebar.singular #content {margin: 0 60px 0 0 !important;}
.category-receptionists #colophon {height: 0!important;}
.category-receptionists #blueorange {height: 1px !important; display:none;}
.category-receptionists .entry-title {margin-top:0.3%;}
.five-receps p {text-align:right;}
.five-receps a {
	font-family: "schoolbook-web",serif !important;
    color: #E50E63 !important;
	font-size: 18px;
	text-decoration:none !important;
}
.five-receps a:hover {
	text-decoration:none;
	border-bottom: 1px solid #E50E63;
}
.five-receps span {
	font-size: 22px;
}
/*--- TIMELINE ---*/
#timeline .date { display: none; }
#timeline {
	position:relative;
	/*background:transparent 0 156px no-repeat url(/wordpress/wp-content/uploads/2011/09/timeline.gif);*/
	background:transparent 0 156px no-repeat url(/wordpress/wp-content/themes/ruby_2013/images/timeline_2016.gif);
	height:450px;
	width:734px;
	margin: 0 auto;
	font-size:13px;
	font-weight:normal;}

#timeline a {
	display:block;
	position:relative;
	text-decoration:none;
	color:#fff;
	width:50px;height:60px;
	border:0;}

#timeline a p {
	display:none;
	position:absolute;
	padding:1em;
	}

#milestone1, #milestone2, #milestone3, #milestone4,
#milestone5, #milestone6, #milestone7, #milestone8, #milestone9, #milestone10, #milestone11, #milestone12 , #milestone13, #milestone14 {
	position: absolute;
	color:#fff;
	}

#milestone1 {top:208px; left:0;}
#milestone2 {top:144px; left:44px;}

#milestone3 {top:208px; left:100px;}
#milestone4 {top:144px; left:155px;}
#milestone5 {top:208px; left:207px;}
#milestone6 {top:144px; left:265px;}
#milestone7 {top:208px; left:318px;}
#milestone8 {top:144px; left:370px;}
#milestone9 {top:208px; left:425px;}
#milestone10 {top:144px; left:480px;}
#milestone11 {top:208px; left:535px;}
#milestone12 {top:144px; left:587px;}
#milestone13 {top:208px; left:642px;}
#milestone14 {top:144px; left:692px;}

#milestone1 p {width:330px;left:-19px;top:55px;}
#milestone2 p {width:240px;left:-49px;top:-72px;}
#milestone3 p {width:375px;left:-58px;top:55px;}
#milestone4 p {width:280px;left:-118px;top:-87px;}
#milestone5 p {width:320px;left:-62px;top:55px;}
#milestone6 p {width:325px;left:-190px;top:-87px;}
#milestone7 p {width:340px;left:-176px;top:55px;}
#milestone8 p {width:410px;left:-296px;top:-109px;}
#milestone9 p {width:450px;left:-404px;top:55px;}
#milestone10 p {width:410px;left:-294px;top:-109px;}
#milestone11 p {width:410px;left:-311px;top:55px;}
#milestone12 p {width:410px;left:-385px;top:-129px;}
#milestone13 p {width:410px;left:-311px;top:55px;}
#milestone14 p {width:410px;left:-385px;top:-109px;}


#milestone1 a:hover p,
#milestone3 a:hover p,
#milestone5 a:hover p,
#milestone7 a:hover p,
#milestone13 a:hover p,
#milestone9 a:hover p{
	display:block;
	padding-top:28px;
	letter-spacing:0;
	background:transparent 22px 0 repeat-x url(/wordpress/wp-content/uploads/2011/10/back_milestone2.gif);}

#milestone2 a:hover p,
#milestone4 a:hover p,
#milestone6 a:hover p,
#milestone8 a:hover p,
#milestone10 a:hover p,
#milestone12 a:hover p,
#milestone14 a:hover p
 {
	display:block;
	padding-bottom:28px;
	letter-spacing:0;
	background:transparent 22px bottom repeat-x url(/wordpress/wp-content/uploads/2011/10/back_milestone.gif);}


#milestone11 a:hover p {
	display:block;
	padding-top:28px;
	letter-spacing:0;
	background:transparent 22px bottom repeat-x url(/wordpress/wp-content/uploads/2011/10/back_milestone2.gif);}
	
	
#milestone1 a:hover p {background-position: 25px 0;}
#milestone2 a:hover p {background-position: 62px bottom;}
#milestone3 a:hover p {background-position: 72px 0;}
#milestone4 a:hover p {background-position: 132px bottom;}
#milestone5 a:hover p {background-position: 74px 0;}
#milestone6 a:hover p {background-position: 203px bottom;}
#milestone7 a:hover p {background-position: 186px 0;}
#milestone8 a:hover p {background-position: 308px bottom;}
#milestone9 a:hover p {background-position: 414px 0;}
#milestone10 a:hover p {background-position: 308px bottom;}
#milestone11 a:hover p {background-position: 322px 0;}
#milestone12 a:hover p {background-position: 400px bottom;}
#milestone13 a:hover p {background-position: 322px 0;;}
#milestone14 a:hover p {background-position: 400px bottom;}

/*---- QUOTES ----*/

#quo1, .quo1 {margin-top:-35px;}
#quo1, .quo1, #quo2 {background:transparent 0 0 repeat-y url(/wordpress/wp-content/uploads/2011/09/back_quote.gif);}
#quo1 img, .quo1 img, #quo2 img {float:left;}
#quo1 p, .quo1 p, #quo2 p {
	display:block;
	margin:0;
	padding:2em 1.5em;
	text-indent:-.5em;
	margin-left:.5em;}

#quo1 p.quoted, .quo1 p.quoted, #quo2 p.quoted {margin-top:-2.5em;font-size:11px;}
#quo1 p.quoted strong, .quo1 .quoted strong, #quo2 p.quoted strong {text-transform:uppercase;margin-left:.5em;}
p.quoted a:link, p.quoted a:visited {color:#413000;text-decoration:none;font-weight:normal;}
p.quoted a:hover, p.quoted a:active {color:#f68428;text-decoration:none;}
#quo1 .tk-schoolbook-web, .quo1 .tk-schoolbook-web, #quo2 .tk-schoolbook-web {font-weight:normal;font-size:11px;}

h3.tk-schoolbook-web,
.widget h3 {
  color:#E50E63;
  font-size: 15px;
  font-weight:normal;
  text-transform: none;
  background:transparent url(/wordpress/wp-content/uploads/2011/09/back_sidetitle.gif) repeat-x left bottom;
  padding-bottom:13px;
  margin-bottom:12px;
}

/*#welcome {
  position:absolute;
  width:360px;
  top:32px;
  left:482px;
  padding:0;
  font-size:16px;
  line-height:1.4em;
  letter-spacing:.025em;}
#welcome .entry-header .entry-title {margin-top:-24px;}
#welcome h1 {font-size:30px;}
*/

h2.entry-subtitle {
  font-style:italic;
  text-transform:lowercase;
  margin-top:-15px;
  font-weight:bold;
  letter-spacing:.05em;
  font-size:19px;
  margin-bottom:0;
}
a.home-txt{
	text-decoration:none;
	color:#413000;
	border: 0 none;
    font-family: inherit;
    font-size: 99%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
span.meetus {
  
  color:#E50E63;
  font-weight:bold;
  font-style:italic;
  white-space: nowrap;
}
.singular h2.noline, .singular h1.noline {background:none;}
a.hm-h1-lnk{
	font-size: 28px;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 0 0;
	color: #e50e63;
	font-weight: 300;
    letter-spacing: 0.05em;	
	text-decoration: none;
}
a.hm-h1-lnk:hover{color: #e50e63;}

a.hm-h2-lnk{
	margin-top:5px;
	display:block;
	color:#413000;
	font-size: 18px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 5px 0 0;
    text-transform: none;
	font-family: "myriad-pro",sans-serif;
}
a.hm-h2-lnk:hover{color:#413000;}

a.hm-h1-lnk:hover, 
a.hm-h2-lnk:hover{text-decoration:none;}
/*div.video-js-box {
    position:absolute;
     margin:0;
    margin-top:-26px !important;
    background: transparent top right repeat-y url(/wordpress/wp-content/uploads/2011/10/back_video.gif);
    width:445px !important;
}*/

#rubyapp {position:absolute; right:4px; bottom:-48px; width: 236px; height: 77px; background: url(/images/ruby-app1.png) no-repeat;}
#rubyapp a {float: left; display: block; width: 88px; height: 77px; }

#rubyapp  a.iphone:hover, #rubyapp  a.iphone:focus {background: url(/images/ruby-app1-hover.png) no-repeat 0 0;}
#rubyapp  a.android:hover, #rubyapp  a.android:focus {background: url(/images/ruby-app1-hover.png) no-repeat -88px 0;}

#rubyapp1 {width: 236px; height: 77px; background: url(/images/ruby-app1.png) no-repeat;}
#rubyapp1 a {float: left; display: block; width: 88px; height: 77px;}

#rubyapp1  a.iphone:hover {background: url(/images/ruby-app1-hover.png) no-repeat 0 0;}
#rubyapp1  a.android:hover {background: url(/images/ruby-app1-hover.png) no-repeat -88px 0;}


#rubyapp2 {width: 153px; height: 41px; background: url(/images/ruby-app2.png) no-repeat;}
#rubyapp2 a {float: left; display: block; width: 59px; height: 41px;}
#rubyapp2  a.iphone {margin-left: 26px;}
#rubyapp2  a.iphone:hover {background: url(/images/ruby-app2-hover.png) no-repeat -26px 0;}
#rubyapp2  a.android:hover {background: url(/images/ruby-app2-hover.png) no-repeat -85px 0;}

#horiz-aboutruby {clear:both;position:relative;}

#first14 a:link, #first14 a:visited {display:block;/*padding:10px 0 0 14px;*/ padding:10px 0 0 14px;font-size:14px;color:#8abebd;letter-spacing:0; font-weight: normal; }
/*#ie7 #first14 a:link, #ie7 #first14 a:visited, #ie8 #first14 a:link, #ie8 #first14 a:visited{ padding-left: 5px; }*/
#first14 a:hover, #first14 a:active {text-decoration: none;color:#E50E63;}


/* --- NEWSROOM --- */
.category-archive-meta {margin-top:23px; font-weight:bold;}


.news-title {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	line-height:1.3em;
	font-size:13px;
	padding-bottom:.5em;
	border:0;
font-weight:bold;color:#f4a637;text-decoration:none;}
/*.news-title a:hover, .news-title a:active {color:#37939B;}*/
.newsie {color:#E50E63;text-transform:uppercase;}
.news-content {padding-top:0; font-size:13px; border-bottom:none;}
.hentry {border:0;padding-bottom:1em;}


/*--- STRATEGIC PARTNERSHIPS ---*/

ul#partnerships {list-style:none;margin-left:0;display:block;width:100%;}
ul#partnerships li {margin:1em 0;padding-left:30px; background:transparent 0 3px no-repeat url(/wordpress/wp-content/uploads/2011/09/arrow_blue.gif);display:block;float:none;}
ul#partnerships li a:link, ul#partnerships li a:visited {font-weight:bold;color:#E50E63;text-decoration:none;}
ul#partnerships li a:hover, ul#partnerships li a:active {color:#37939B;}


/* --- PRICING --- */
.third {
  margin-bottom: 2em;
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.05);
	box-shadow: 0 10px 10px rgba(0,0,0,0.05);
}
.third dl {
  background-color: #fff;
/*  background:transparent url(/wordpress/wp-content/uploads/2011/10/back_plan.gif) no-repeat top left;*/
  border-top-right-radius: 50px 80px;
  border-top-left-radius: 50px 80px;
}
.third dt h3 {
	color:#fff;
	font-size:16px;
	font-weight:normal;
	text-align:center;
  padding: 2px 0;
  background-color: #cacabc;
}
.third dd {
  padding:16px 0;
  letter-spacing:0;
}
.third dd.cost{
	color:#8abebd;
	font-size:17px;
	text-align:center;
	margin:0;
	padding: 10px 0;
	font-weight:normal;
	background: transparent url(/wordpress/wp-content/uploads/2011/10/back_plan.gif) repeat-x 50% -50px;
/*  border: 1px solid gray;*/
}
.third dd.cost b {
	font-size:22px;
	font-weight:normal;
}
.third ul{
	padding:13px 0 24px 0;
	list-style:none;
	}
.third li {
	font-size:12px;
	line-height:15px;
	margin-bottom:.5em;
	padding:0;
	text-indent:-1em;
	margin-left:1em;
}

.third dl, .third ul {padding:0;margin:0;}
.third ul {margin:0 1.25em;}
.plana ul { padding-bottom:9px; }

#btw {text-align:center; font-style:italic;clear:left;font-size:10px;letter-spacing:.075em;}



#site-generator img {position:absolute; bottom:-135px;left:0;}

/*---WHY RUBY HORIZ ---*/

#horiz-aboutruby {
	background:transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/longdotted.gif);
	width:97%;
	float:left;
	padding:43px 0 20px 1em;
	}
#horiz-aboutruby dl {
	float:left;
	padding:0 1.25%;
	margin:0;
	text-align:center;
	border-right:1px solid #f4a637;}
#horiz-aboutruby dt, #horiz-aboutruby dd, #horiz-aboutruby div {
	text-align:center;
	padding:0;
	margin:0;}
#horiz-aboutruby dt, #horiz-aboutruby div {
	color:#f4a637;
	text-transform:uppercase;
	font-size:17px;
	letter-spacing:.1em;
	font-weight:normal}
#horiz-aboutruby div {
	float:left;
	height:64px;
	font-size:20px;
	padding:7px 0 0 0;
	width:118px;
	line-height:1em;
	margin-left:-21px;
	border-right:1px solid #f4a637;}
#horiz-aboutruby dd {font-size:12px;letter-spacing:0;line-height:1.3em;}
#glasses-orange {
	height:75px;}

/*----- 5 REASONS WHY -----*/
#whyru h3, #whyru dt, #whyru dd, #text-8 h3 {text-align:center;}
#whyru dd {padding:0;font-size:12px;letter-spacing:0;margin-top:-4px;}
#whyru dl {margin: 0 auto;padding-top:37px;background:transparent center 8px no-repeat url(/wordpress/wp-content/uploads/2011/10/glasses_pink.gif);}
#whyru dt {text-transform:uppercase; color:#E50E63;font-size:17px;font-weight:normal;letter-spacing:.1em;margin-top: 10px;}

/*---- WHAT WE CAN DO FOR YOU ----*/
#what li {
	list-style:none;
	padding-left:30px;
	padding-bottom:1em;
	font-weight:bold;
	font-size:13px;
	line-height:1.3em;
	letter-spacing:0;
	background:transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/09/arrow_blue.gif);
	color: #413000;}

/*---- WHO USES RUBY ----*/
#who ul {padding-top:13px;}
#who li {
	list-style:none;
	padding-left:30px;
	padding-bottom:1.5em;
	font-weight:bold;
	font-size:13px;
	line-height:1.3em;
	letter-spacing:0;
	background:transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/09/arrow_blue.gif);
	color: #413000;}
#who li.tk-schoolbook-web {color:#E50E63; font-size:15px;background:none;}

/*---- FOLLOW RUBY ----*/

#follow li {
	list-style:none;
}

#follow li a {
	display:block;
	height:32px;
	font-size:20px;
	font-weight:normal;
	padding-top:10px;
	color: #413000;
	padding-left:42px;
	vertical-align:baseline;
	letter-spacing:0;
	text-decoration:none;
	text-transform:lowercase;}
#follow li a:hover,
#follow li a:active {color:#f4a637;}
#follow li#fbk a:link, #follow li#fbk a:visited {background: transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/facebook_bg2.gif);}
#follow li#twr a:link, #follow li#twr a:visited {background: transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/twitter_bg2.gif);}
#follow li#lin a:link, #follow li#lin a:visited {background: transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/linkedin_bg2.gif);}
#follow li#vrf a:link,#follow li#vrf a:visited {background: transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/rss_bg2.gif);}

#follow li#fbk a:hover, #follow li#fbk a:active {background: transparent 0 -52px no-repeat url(/wordpress/wp-content/uploads/2011/10/facebook_bg2.gif);}
#follow li#twr a:hover, #follow li#twr a:active {background: transparent 0 -52px no-repeat url(/wordpress/wp-content/uploads/2011/10/twitter_bg2.gif);}
#follow li#lin a:hover, #follow li#lin a:active {background: transparent 0 -52px no-repeat url(/wordpress/wp-content/uploads/2011/10/linkedin_bg2.gif);}
#follow li#vrf a:hover,#follow li#vrf a:active {background: transparent 0 -52px no-repeat url(/wordpress/wp-content/uploads/2011/10/rss_bg2.gif);}

#follow li#viaemail a {
	background: url('/wordpress/wp-content/themes/ruby_2013/images/sprite.gif') no-repeat 0 -555px;
}
#follow li#viaemail a:hover {
	background-position: 0 -607px;
}	
.caps {text-transform:uppercase;}
.pink{color:#E50E63;margin:0 2px;}

/* ---- CONTACT FORM ---- */
.boldit {font-weight:bold;}
table#contacter td {vertical-align:top;}
table#contacter, table#contacter tr, table#contacter td {border:0;}
#form-submit {color:#fff;
	text-align:center;
	display:block;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:1.1em;
	font-size:12px;
	font-weight:bold;
	padding:.75em 1em;
	letter-spacing:.1em;
	text-transform:uppercase;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	background:transparent left top repeat-x url(/wordpress/wp-content/uploads/2011/09/back_bluebutton.gif);
	border:none;
	margin-right:0;}
#contactfloat {float:left;margin-right: 20px;}
#contactfloat p {margin:0;padding:0;margin-top:10px;margin-bottom:1em;margin-left:10px;font-size:12px;}
#contactfloat .label {text-transform:uppercase; font-weight: bold;}


#list {display:none;}


/*
  RESPONSIVE CSS
*/
/*RESETS*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
body {
  -webkit-text-size-adjust: none;
}

#access {
	position:static;
}
#primary-nav ul, #access #secondary-nav ul {
	text-align: right;
}
#access #secondary-nav ul {
  text-align: right;
}
#access #secondary-nav ul#servnav { padding-right: 24px; }
#access #secondary-nav ul#abounav { padding-right: 15%; }

#primary-nav li, #secondary-nav li {
	float: none;
	display: inline-block;
}
#ie7 #primary-nav ul { float: right; margin-top: 100px; }
#ie7 #primary-nav li, #ie7 #secondary-nav li {
	display: inline;
	margin:0 2px;
}

#secondary-nav ul#servnav, #access #subnavigation,
#secondary-nav ul#abounav, #secondary-nav ul#servnav {margin:0;}

.login span.login { line-height: 30px; }
#social-nav li { margin-left: 16px; }

.singular #welcome .entry-header,
.singular #welcome .entry-content,
.singular #welcome footer.entry-meta,
.singular #welcome #comments-title,
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width: auto;
}

#page {
	width: auto;
	max-width: 1100px;
	margin: 0 3%;
}
#main {
	margin: 0 3%;
	padding-bottom: 10px 0 30px;
}
.home #primary {
	width: 100% !important;
}
#primary, .singular #primary, .home .singular #primary {
	float: left;
	/*margin:0 -250px 0 0;*/
	width: 100%;
}
#content, .singular #content, .left-sidebar.singular #content  {
	width: auto;
	margin:0 250px 0 0;
}
#secondary {
	float:right;
	margin: 0;
	width: 212px;
}
.home #primary, .home #content { margin: 0; }
.entry-header .entry-title, .singular .entry-title {
	background-repeat: repeat-x;
}


.widget img { max-width: none; }
#quo1, .quo1, #quo2 {
	position: relative;
	margin-top:0;
	background:none;
	background-color: #fff;
	border: 1px dashed #6e613e;
	overflow: visible;

  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -o-border-radius: 15px;
     -ms-border-radius: 15px;
          border-radius: 15px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
}
#quo1 img, .quo1 img, #quo2 img { display:none; }
#quo1 .dearruby, .quo1 .dearruby, #quo2 .dearruby {
	position: absolute;
	height: 10px;
	width: 62px;
	top: -7px;
	left: 13px;
	text-indent: -1000em;
	background: transparent url(/wordpress/wp-content/uploads/2011/10/dearruby.gif) no-repeat;
}
#quo1 p.quoted, .quo1 p.quoted, #quo2 p.quoted {
  margin-top: -1.5em;
}
#quo1 p, .quo1 p, #quo2 p {
  padding: 1.3em 1em;
  text-indent: -.5em;
  margin: 0 0 0 .5em;
}

#rubyage {
	width: 212px;
	height: 132px;
	float: right;
	margin-bottom: 0;
}
#rubyapp {
  height: 81px;
  right: -23px;
  bottom: -25px;
  z-index: 10;
/*  border: 1px solid red;*/
}
h3.tk-schoolbook-web, .widget h3 {
  background:transparent url(/wordpress/wp-content/uploads/2011/10/longdotted.gif) repeat-x left bottom;
}
#app h3.tk-schoolbook-web {
  margin-bottom:0;
}
#app a {
  margin:0 auto;
}


#colophon {
	clear:both;
/*  margin: 0 3%;*/
	overflow: visible;
	height: 92px;
}
#blueorange {
	height: 92px;
	padding: 0 3%;
}
#blueorange ul {
  margin-left: 0;
}
#blueorange.memberships {
	margin-right: 250px;
}
#blueorange.memberships li {
  margin-bottom: 0;
  position: static;
  float: right;
}
#notable {
  padding: 30px 0 46px 0;
	margin:0 280px 0 3%;
	background: transparent url(/wordpress/wp-content/uploads/2011/10/longdotted.gif) repeat-x;

}
#notable ul {
  margin:0;
  padding:0;
}
#notable ul li {
	float:left;
	width:18%;
	text-align:center;
	margin:0 3%;
	line-height:1.3em;
	font-size: 10px;
	text-align: center;
}
#notable li img {display:block; margin:0 auto;}
#notable li a:link, #notable li a:visited{color:#413000;text-decoration:none;}
#notable li a:hover, #notable li a:active{color:#f68428;}



#footnav {
	clear:both;
	position:relative;
	bottom:0;
	left:0;
	margin: 0 3%;
	padding-bottom:160px;
}
#footnav ul {
  margin-left:0;
}
#footnav li {
  margin-right: 2%;
}
#footnav li#footstart {
  margin-right: 2%;
}
#footnav li#footstart a {
  margin: 0;
}

#site-generator {
	clear:both;
	position: relative;
	z-index: 11;
	bottom: inherit;
	width: auto;
  line-height: 16px;
  margin: 20px 0 0 0;
  padding: 0 3%;
  padding-bottom: 8px;
}
#ie7 #site-generator { padding-bottom:10px; margin-bottom: 1.635em; }
#site-generator dl { margin: 0; }
#site-generator dt, #site-generator dd {  margin-bottom: 0; line-height: 0; white-space:nowrap;}
#site-generator dt { clear: left }



 .page-template-content-meetruby-php .page , .home .page {
  max-width: 874px;
  margin: 0 auto;
/*  border: 1px solid gray;*/
}
/*#welcome {
  position: relative;
  top:auto;
  left:auto;
  float: right;
  width: 100%;
  margin-left: -470px;
}
#welcome .entry-header {
  line-height: 16px;
}
#welcome .entry-header, #welcome .entry-content {
  margin-left: 470px;
}
*/

#welcome, #home-content {
  float: right;
	clear: right;
	text-align:left;
  width: 47%;
  margin:0 auto;
}
#home-content { background:none; margin-bottom: 40px; }
#home-video {
  float: left;
  width: 47%;
  margin-bottom: 40px;
  padding-right: 3%;
  background: transparent url(/wordpress/wp-content/uploads/2011/10/back_video.gif) repeat-y 100% 0;
}
#player {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  padding-top: 56%;
  width: 100%;
  background-color: #F7F7F0;
  zoom: 1;
}
#player iframe {
  position: absolute;
  z-index: 100;
  top: 0;
  left: -106%;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #F7F7F0; 
}
#player embed {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video-poster {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#video-poster img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
#video-poster img:hover{
	opacity:0.7;
	
}

#welcome .entry-header .entry-title, #welcome .singular .entry-title {
  line-height: normal;
  /*margin: 0 auto;*/
  margin: -5px auto;
  padding: 0px 0 0 0; 
  font-size: 28px;
}
#welcome h2.entry-subtitle {
  text-transform:lowercase;
  font-weight:normal;
  font-size:18px;
  font-style:italic;
  letter-spacing: 1px;
  margin:-5px 0 0 0;
}
#welcome .entry-content, #welcome .entry-summary {
  padding: 1em 0 0 0;
  font-size: 15px;
  line-height: 1.6em;
  letter-spacing: .1em;
/*  opacity: .99999;*/
}
#horiz-aboutruby {
/*  background:transparent url(/wordpress/wp-content/uploads/2011/10/longdotted.gif) no-repeat;*/
  background-repeat: repeat-x;
  width:auto;
  float:none;
  padding-left:0;
}
#horiz-aboutruby #glasses-orange {
  font-size: 22px;
  width: 14%;
  margin-left: 0;
}
#horiz-aboutruby dl {
  padding: 0 6px;
  width: 15%;
}
#horiz-aboutruby dl.r2 { width: 13%; }
#horiz-aboutruby dl.r1 { width: 16%; }
#horiz-aboutruby dl.r4 { width: 17%; }



.phoneonly, #secondary-nav li.phoneonly { display: none; }

.plan {
  position: relative;
  float: left;
  width: 32%;
  min-height: 293px;
  margin-right: 1%;
  margin-bottom: 15px;
  padding-bottom: 13px;
	background-color: #fff;
	-moz-box-shadow: 0 9px 8px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 9px 8px rgba(0,0,0,0.05);
	box-shadow: 0 9px 8px rgba(0,0,0,0.05);
}
#ie7 .plan, #ie8 .plan {
  box-shadow: 0 9px 8px #DBDDD9;
  behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
}
.plan h3:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 14px solid #f7f7f0;
  border-left: 14px solid #cacabc;
}
.plan h3:before  {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 14px solid #f7f7f0;
  border-right: 14px solid #cacabc;
}
.plan p {margin:0}
.plan h3 {
  color:#fff;
	font-size:16px;
	font-weight:normal;
	text-align:center;
  background-color: #cacabc;
}
.plan .cost {
	margin:0 3px;
	padding: 10px 0 3px 0;
  color:#8abebd;
	font-family: schoolbook-web,serif;
	font-weight:400;
	font-size:15px;
	text-align:center;
  vertical-align: top;
	background: transparent url(/wordpress/wp-content/uploads/2011/10/dotted_white.gif) repeat-x left bottom;
}
.plan .cost b {
  font-size: 25px;
  font-weight: normal;
  margin-top:-2px;
  vertical-align: top;
  margin-top: -2px;
  display: inline-block;
}
.plan ul {
  list-style-type: disc;
  margin: 12px 0 0 24px;
  padding: 0;
}
.plan ul li {
  font-weight: bold;
  font-size:13px;
	line-height:13px;
	padding: 0 16px 10px 0;
	color: #413000;
}

.news-title  {
  margin-top: 1em;
}
#nav-below { margin-top: 1.5em; }


input {
  margin-bottom: 16px;
}
input[type="email"], input[type="text"] { width: 60%; }
.wpcf7:before, .wpcf7:after { content: ""; display: table; }
.wpcf7:after { clear: both; }
.wpcf7 {
  position: relative;
  margin-bottom: 30px !important;
  *zoom: 1;
}
div.wpcf7-validation-errors /*, div.wpcf7-mail-sent-ok*/ {
	border: 2px solid #E50E63;
	text-align: center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	behavior: url(/wordpress/wp-content/themes/ruby_2013/js/PIE.htc);
}

div.wpcf7-mail-sent-ok {/*display: none;*/}

span.wpcf7-not-valid-tip-no-ajax {
  color: #E50E63 !important;
}
div.wpcf7-response-output {
  position: absolute;
  top: 20%;
  left: 5%;
  margin:0 !important;
  width: auto;
  padding: 25px !important;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.8);
}
.wpcf7 #form-submit { float: right; margin: 8px 10px 0 0; }
.wpcf7 b { float: left; margin-top: 2px }

.mapp-layout, .mapp-map-links, .mapp-container, .mapp-canvas-panel, .mapp-canvas { width: auto !important; }
.mapp-map-links {border:0px !important;}
#mapp0_layout{
	 background-color: #F0F0F0;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}


/* ========================= MEDIA KIT STYLES ========================== */
#page.mediawrapper {
  background: #fff url(./images/headerbg.png) repeat-x center top;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  
}

.mediawrapper h2, .mediawrapper h3, .mediawrapper h4, .mediawrapper h5, .mediawrapper h6 {color: #F4A637; font-family: "schoolbook-web",serif;}

.mediawrapper h2 {font-size: 30px; margin-top: 1em;}
.mediawrapper h3 {font-size: 24px;}

.mediawrapper p {font-family: "myriad-pro",sans-serif;}

.mediawrapper .half {width: 45%; margin-right: 15px; float: left; }

#main.mediamain {background: none;}

#page.mediawrapper header {
  height: 200px;
  /*padding-top: 111px;
  padding-right: 45%;
  margin-bottom: 18px;*/
  background: transparent url(./images/receptionist.png) no-repeat right bottom;
}

#page.mediawrapper #contactinfo {
  position: absolute;
  right: 3%;
  text-align: right;
  padding:0;
  margin: 6px 0 0 90px; font-family: "superclarendon",serif;
}

#page.mediawrapper #contactinfo li {
  display: inline;
  color:#8ABEBD;
  font-size: 11px;
  line-height: 0;
  white-space: nowrap;
  vertical-align: middle;
  list-style: none;
}

#page.mediawrapper #contactinfo li.phone {
  color:#37939b;
  font-size:16px;
  font-family: "adage-script",sans-serif;
}

#page.mediawrapper #contactinfo li.phone span {
  font-size: 18px;
  font-style: normal;
  font-family: "superclarendon",serif;
}

#page.mediawrapper #contactinfo .phone {font-family: "adage-script",sans-serif; }
#contactinfo {}


#page.mediawrapper h1 {
  margin: 120px 0 3px 0;
  font-size: 2.5em;
  font-family: "superclarendon",serif;
  line-height:1em;
  color: #fff;
  /* white-space: nowrap; */
  text-transform: none;
  text-align:center;
  width: 50%;
 
  
}

#page.mediawrapper h2.singlereleaseh2 {
  margin: 120px 0 3px 0;
  font-size: 2.5em;
  font-family: "superclarendon",serif;
  line-height:1.4em;
  color: #fff;
  /* white-space: nowrap; */
  text-transform: none;
  text-align:center;
  width: 50%;  
}

#page.mediawrapper #main {background: none;}
#site-generator.mediafoot {border-bottom: none;}

#menu-media-kit-menu a {color: #413000;}
.widget ul#menu-media-kit-menu, .widget ul#menu-media-kit-menu ul {list-style: none;}
.widget ul#menu-media-kit-menu ul {margin-left: 5px;}

.widget ul#menu-media-kit-menu li {padding: 20px 0; font-size: 18px; text-align: center; background: url(./images/back_title-white.gif) no-repeat bottom; text-transform: uppercase;}

.widget ul#menu-media-kit-menu li ul li {font-size: 13px; text-align: left; background: none; padding: 5px 0; text-transform: none;}

#menu-media-kit-menu li.current-menu-item a {background: transparent url(./images/media-sidebar-bg.png) no-repeat center; color: #fff; height: 50px; width: 212px; display: block;}

#menu-media-kit-menu li.current-menu-item a {color: #fff; }

#menu-media-kit-menu li a {height: 50px; width: 212px; display: block; line-height: 50px;}
#menu-media-kit-menu li ul.sub-menu a {height: auto; display:block; line-height: normal;}

#menu-media-kit-menu li ul.sub-menu {margin-top: 15px;}


#menu-media-kit-menu li.current-menu-item ul a, ul.sub-menu li.current-menu-item a {background: none; color: #413000; height: auto; padding-top: 0;}

.mediawrapper img.wp-post-image {width: auto; height: auto; max-width: 250px; float: right; padding: 3px; border: 1px solid #ccc;}


div.pressrelease h2 a {color: #F4A637;}

#page.mediawrapper.singlerelease h1 {
  margin: 0 0 30px 0;
  font-size: 2.5em;
  font-family: "superclarendon",serif;
  line-height:1em;
  color: #F4A637;
  /* white-space: nowrap; */
  text-transform: none;
  text-align:left;
  width: 100%;
  background: none;
  
}

#swipebox-action, #swipebox-caption, #swipebox-overlay {background: #ecebdb;}

#swipebox-caption {color: #4b4227;}

.recep-pic {
    height: 180px;
    width: 160px;
    background: url(/wordpress/wp-content/themes/ruby_2013/images/frame_receptionists.png) no-repeat top left !important;
    display: inline-block;
    position: relative;
}
.recep-pic img {
    position: absolute;
    top: 47px;
    left: 21px;
}

/* ======================== END MEDIA KIT STYLES ======================= */


@media screen and (min-width: 1166px) {
  #page {
    margin: 0 auto;
  }
}
/* ipad vertical */
@media screen and (max-width: 1015px) {
  #timeline {
  	position:relative;
  	background:none;
  	height:auto;
  	width:auto;
    font-size:inherit;
  	font-weight:normal;
  }
  #timeline a {
  	display:block;
  	position:relative;
  	text-decoration:none;
  	color:inherit;
  	width:auto;height:auto;
  	border:0;
  	cursor: default;
  	color: #413000;
  }
  #timeline .date {
    display: block;
    color: #E50E63;
    font-size: 23px;
    font-family: schoolbook-web, serif;
    margin: 0;
    padding: 0 0 0 35px;
    background:transparent url(/wordpress/wp-content/uploads/2011/09/arrow_blue.gif) no-repeat 0 8px;
  }
  #timeline a p {
  	display:block;
  	position:relative;
  	padding:0;
  	margin-left: 35px;
  	color: #413000;
  }
  #milestone1, #milestone2, #milestone3, #milestone4,
  #milestone5, #milestone6, #milestone7, #milestone8, 
  #milestone9, #milestone10, #milestone11, #milestone12, #milestone13, #milestone14 {
  	position: relative;
  	color:#413000;
  }

  #milestone1,#milestone2,#milestone3,#milestone4,#milestone5,
  #milestone6,#milestone7,#milestone8,#milestone9,#milestone10,#milestone11, #milestone12, #milestone13, #milestone14 {top:0; left:0;}

  #milestone1 p,#milestone2 p,#milestone3 p,#milestone4 p,#milestone5 p,
  #milestone6 p,#milestone7 p,#milestone8 p,#milestone9 p,#milestone10 p, #milestone11 p, #milestone12 p , #milestone13 p, #milestone14 p {
    padding-top:auto;
    width:auto;left:0;top:0;
  }

  #milestone1 a:hover p,#milestone3 a:hover p,#milestone5 a:hover p,
  #milestone7 a:hover p,#milestone9 a:hover p,#milestone2 a:hover p,
  #milestone4 a:hover p,#milestone6 a:hover p,#milestone8 a:hover p,#milestone10 a:hover p,#milestone11 a:hover p, #milestone12 a:hover p , #milestone13 a:hover p, #milestone14 a:hover p  {
  	display:block;
  	padding:0;
  	letter-spacing:0;
  	background:none;
  }
}
@media screen and (max-width: 768px) {


	#social-nav ul li.login {
		clear:left;
		float: right;
	}
	#social-nav dl {
		margin-right: 0;
	}
	#social-nav li dl dd { margin-bottom: 1em; }

	#primary-nav li a#getstarted:link, #primary-nav li a#getstarted:visited {
    display:none;
	}
	#secondary-nav li a:link, #secondary-nav li a:visited {
    margin: 0 6px;
  }
/*  #access #secondary-nav ul#servnav { padding-right: 10px; }*/
/*  #access #secondary-nav ul#abounav { padding-right: 10px; }*/

	#footnav {
	  margin-right: 0;
	}

	#rubyapp {
    right: -20px;
  }

  #welcome .entry-header .entry-title, #welcome .singular .entry-title { font-size: 26px; padding-top: 0; }
  #welcome h2.entry-subtitle { font-size: 16px; }
  .entry-content, .entry-summary { font-size: 13px; padding-top: .5em; }

  .phoneonly { display: inline; }

  #horiz-aboutruby #glasses-orange {
    float: none;
    margin: 0 auto 20px auto;
    width: auto;
    border: 0;
    display: block;

  }
  #horiz-aboutruby dl { width: 17%; }
  #horiz-aboutruby dl.r1 { width: 19%; }
  #horiz-aboutruby dl.r2 { width: 15%; }
  #horiz-aboutruby dl.r3 { width: 16%; }
  #horiz-aboutruby dl.r4 { width: 22%; }
  #horiz-aboutruby dl.r5 { width: 18%; }
  #horiz-aboutruby dl.last { border:0; }

  .plan {
    float: none;
    width: auto;
    margin-right: 0;
    min-height: 0;
  }

  #contactfloat {
    float: none;
  }
  #contactfloat p {
    float: left;
    margin-right: 0;   
  }
  #contactfloat p.address { width: 65%}
  #contactfloat p.hours   { width: 35%;}
  #contactfloat p.phone   { width: 65%;}
  #contactfloat p.email   { width: 35%;}


 	.mapp-layout, .mapp-container { clear: both; }


  .button {
    float: none !important;
    margin: 20px 0;
  }
  .button a {
    margin: 0;
  }

}

@media screen and (max-width: 650px) {
article#post-1662 {margin-right: 0;}
div#secondary {float: none;margin: 0 auto;}
}


@media screen and (max-width: 625px) {
	#page.mediawrapper header {
	  background: transparent url(./images/receptionist-sm.png) no-repeat right bottom;
	}

	#primary {
		float: left;
		margin:0 0 0 0;
		width: 100%;
	}
.page-id-10 #primary , .category-news-room #primary , .page-id-14 #primary, .page-id-593 #primary, .page-id-8 #primary, .page-id-524 #primary, .page-id-34 #primary   {width: 100% !important;}	

	#content,
	.singular #content, .left-sidebar.singular #content {
		width: auto;
		margin:0;
		background: transparent left bottom repeat-x url(/wordpress/wp-content/uploads/2011/09/back_title.gif);
	}
	#secondary {
		float:left;
		margin: 60px 0 0 0;
		width: auto;
	}

  #primary-nav {
    margin: 112px 0 0 0;
  }
  #secondary-nav {
    min-height: 0;
    margin-bottom: 0;
  }
  #primary-nav ul {
    padding: 0;
  	text-align: center;
  	border-top: 1px solid #d1d1d1;
  	border-bottom: 1px solid #d1d1d1;
  	overflow: hidden;
  }
  #access #secondary-nav ul {
    margin: 8px 0;
    text-align: center;
  }
  #primary-nav li a:hover, #primary-nav li a:active,
  #primary-nav li#d1 a:hover, #primary-nav li#d1 a:active,
  #primary-nav li#d2 a:hover, #primary-nav li#d2 a:active,
  #primary-nav li#d3 a:hover, #primary-nav li#d3 a:active,
  #primary-nav li#d4 a:hover, #primary-nav li#d4 a:active,
  #primary-nav li#d5 a:hover, #primary-nav li#d5 a:active,
  #primary-nav li#d1 a:hover, #primary-nav li#d1 a:active,
  #primary-nav li a#getstarted:hover, #primary-nav li a#getstarted:active,
  #primary-nav.services li a#serv,
  #primary-nav.aboutruby li a#abou,
  #primary-nav.pricing li a#pric,
  #primary-nav.blogg li a#blog,
  #primary-nav.contactt li a#cont {
  	background:none;
  	background-color: #E50E63;
  }
  #primary-nav li a:link, #primary-nav li a:visited {
    padding: 0 10px;
    width: auto !important;
  }
  
	#footnav li#footstart {
		float: none;
		margin: 18px 0 18px 0;
	}

	#rubyage {
    background: transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/first14_nodots.gif);
	}

	#colophon, #blueorange {
  	height: 110px;
  	padding: 0;
  }
  #blueorange.memberships {
  	margin-right: 0;
  	height: 80px;
  }
  #blueorange ul, #blueorange.memberships ul {
    position: absolute;
    margin: 0;
    top: 0;
    width: 100%;
  }
	#blueorange li, #blueorange.memberships li {
	  float: none;
	  margin: 0 0 15px 0;
    padding: 0 3%;
	}
	#blueorange a.blue, #footnav li#footstart a {
	  margin-right: 0;
	}
  #notable {
    margin-right: 0;
  }

	#vertical_container h2 {
	  position: relative;
	}
	#vertical_container h2 span {
	  position: absolute;
	  left: 89px;
	  bottom: 10px;
	  background-color: #F7F7F0;
	}

  /*#welcome .entry-header .entry-title, #welcome .singular .entry-title { font-size: 24px; }
    #welcome h2.entry-subtitle { font-size: 14px; }
    #welcome .entry-content, #welcome .entry-summary { font-size: 11px; }*/

  #welcome, #home-content {
    float: none;
    width: auto;
    padding: 0;
		margin-bottom: 20px;
  }
	#home-content { margin-bottom: 40px; }
  #home-video {
  	position: relative;
  	width: 100%;
		padding: 0;
    margin: 0 auto 20px auto;
    float: none;
    background:none;
  }

  #horiz-aboutruby {
    padding-top: 23px;
  }
  #horiz-aboutruby #glasses-orange {
    float: none;
    margin: 0 auto 0 auto;
    width: auto;
    border: 0;
    font-size: 28px;
  }
  #horiz-aboutruby dl {
    float: none;
    padding: 0;
    text-align: center;
    border: 0;
    width: 80%;
    margin: 0 auto;
  }
  #horiz-aboutruby dl.r1,
  #horiz-aboutruby dl.r2,
  #horiz-aboutruby dl.r3,
  #horiz-aboutruby dl.r4,
  #horiz-aboutruby dl.r5 { width: 80%; }

  #horiz-aboutruby dl.first { border: 0; }
  #horiz-aboutruby dt { font-size: 20px; }
  #horiz-aboutruby dd { font-size: 15px; margin-bottom: 1em; }

  input[type="text"] { width: 98%; }

  #follow li { float: left; margin-right: 4%; }
  #whyru dl { width: 64%; }

#page.mediawrapper h1, #page.mediawrapper h2.singlereleaseh2 {font-size: 1.6em; line-height: 1em;}

#page.mediawrapper.singlerelease h1 {font-size: 1.6; line-height:.8em;}
.mediawrapper h2 {font-size: 1.6em; line-height: normal;}


.entry-content img,
.comment-content img,
.widget img {
	max-width: 90%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}


#page.mediawrapper #contactinfo li {   font-size: 9px; }

#page.mediawrapper #contactinfo li.phone {   font-size:14px; }

#page.mediawrapper #contactinfo li.phone span { font-size: 16px; }


}

@media screen and (max-width: 485px) {
  .singular.page .hentry,
  .entry-header .entry-title, .singular .entry-title {
    padding-top: 0;
    margin-top: 0;
    white-space: normal;
/*    line-height: 30px;*/
  }


  #p-why-ruby #main, #p-howitworks #main, #p-ourclients #main, #p-rubyqa #main, #p-just-for-geeks #main { padding-top: 38px; }


	#social-nav li { clear: left; }
  #social-nav li, #social-nav ul li.login {
	  float: right;
	  clear: both;
	}
	#access li.phone { margin:0 0 6px 0; padding:0; }

  #access #primary-nav li a span {display:none;}

/*  #access #secondary-nav ul { text-align: left; }*/

  #footnav li {
    margin-right: 3%;
    width: 30%;
  }
	#footnav li#footstart {
	  width: auto;
  }

}
@media screen and (max-width: 385px) {
	#social-nav .tk-adage-script,
	#primary-nav li#d4 { display:none; }
  #primary-nav li a:link, #primary-nav li a:visited {
    padding: 0 4px;
  }

  #p-why-ruby #main, #p-howitworks #main, #p-ourclients #main, #p-rubyqa #main, #p-just-for-geeks #main { padding-top: 90px; }

	#social-nav ul li.login a .tk-adage-script { display: inline; }
	#secondary-nav li.phoneonly { display: inline-block; }

  #follow li { float: left; margin-right: 4%; text-indent: -1000em; }

}

.ig-section{margin:0px auto;  width: 80%;}
.ig-section{margin-bottom:-7px;}

/* Visual Composer Styles Added */

.vc_column_container .plan{
	width: 100%;
}



/* ====================
   2016 PROMO LANDING
   ==================== */

.page-template-page-template-promo-landing .cf {
  clear:both; 
}
.page-template-page-template-promo-landing #content {
  background: none !important;
  margin:0!important;
}
.page-template-page-template-promo-landing .entry-content {
  padding:0!important;
}
.page-template-page-template-promo-landing #main {
  background: #ffffff;
  padding:0!important;
  margin:0;
}
.page-template-page-template-promo-landing #page {
  background:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.page-template-page-template-promo-landing .vc_row {
  margin-left:0;
  margin-right:0; 
}
.page-template-page-template-promo-landing #primary-nav.blogg li#d4 a {
  color:#000;
  background-position:0 0;
}

.page-template-page-template-promo-landing #primary-nav li#d4 a:hover, .page-template-page-template-promo-landing #primary-nav li#d4 a:active {
      color: #fff;
    background-position: 50% -207px;
}
.page-template-page-template-promo-landing #blueorange,
.page-template-page-template-promo-landing .form-cont-top {
  display:none;
}

.page-template-page-template-promo-landing h2 {
  font-size:30px;
  line-height:33px;
}
/* HERO AREA */
.page-template-page-template-promo-landing .hero-area {
  background-position:bottom left!important; 
  padding: 48px 48px 0 48px;
  min-height: 616px;
}
.page-template-page-template-promo-landing .hero-area h1 {
  font-size:40px;
  line-height:45px; 
  margin: 0 0 10px 0;
  padding:0;
}
.page-template-page-template-promo-landing .hero-area h1 sup {
  font-size:16px;
  top:-13px; 
  bottom:auto;
}
.page-template-page-template-promo-landing .hero-area p {
  font-size:17px;
  line-height:22px; 
  color:#2d2920;
  margin:0;
  padding:0;
}

.page-template-page-template-promo-landing .hero-area .vc_column_container > .vc_column-inner {
  padding: 0;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .vc_column-inner {
  padding: 22px 30px 26px 30px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-left .vc_column-inner {
  padding-right: 125px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-left .vc_btn3.vc_btn3-size-lg .vc_btn3-icon {
  color: #dd3067;
  font-size: 36px;
  height: 31px;
  left: 0;
  line-height: 31px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-left .vc_btn3.vc_btn3-size-lg {
  background-color: transparent;
  color: #dd3067;
  font-size: 21px;
  font-weight: 600;
  padding: 0 0 0 42px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right h2 {
  color: #ffffff;
  font-size: 23px;
  margin-top: 0;
}
.page-template-page-template-promo-landing .hero-area .hero-area-right h2 a {
color:#eca93f!important;
text-decoration:none;
}
.page-template-page-template-promo-landing .hero-area .hero-area-right,
.page-template-page-template-promo-landing .hero-area .hero-area-right p,
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gfield_required,
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gfield_error .gfield_label {
  color: #ffffff;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper,
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gform_footer {
  float: left;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper form li {
  margin-bottom: 5px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper input {
  border-radius: 4px;
  margin-bottom: 0;
  width: 100%;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gform_footer {
  margin-top: 21px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gform_footer .button {
  background: url('images/orange-button-background.jpg') no-repeat;
  background-size: cover;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  padding: 7px 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .wpb_content_element {
  margin-bottom:5px;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .top_label .gfield_label {
  margin-bottom: 0;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper div.validation_error,
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .validation_message {
  display: none;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  border: none !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
  margin-right: 0 !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gfield_description + .gform_wrapper .page-template-page-template-promo-landing .hero-area .hero-area-right .gfield_description.validation_message, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .ginput_container + .gfield_description.validation_message {
  margin-top: 0 !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-left: 0 !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-bottom: 12px !important;
  margin-top: 0 !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required:last-of-type {
  margin-bottom: 0 !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .gfield_description.validation_message, 
.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper .top_label .gfield_description.validation_message {
  padding: 0 !important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right img.gform_ajax_spinner {
  display: none!important;
}

.page-template-page-template-promo-landing .hero-area .hero-area-right .gform_wrapper li.gfield_error input {
  border: 2px solid red;
}

.gform_wrapper .top_label .gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  max-width: 100%;
  width: 100%;
}

.page-template-page-template-promo-landing #gform_5 .gform_heading {
  text-align: center;
}

.page-template-page-template-promo-landing .gform_confirmation_message {
  text-align: center;
  color: #eca93f;
  margin-top: 40px;
}

/* CUSTOM CHECKBOXES */
.page-template-page-template-promo-landing .checkboxes-intro {
  margin-top: 20px;
}
.page-template-page-template-promo-landing .checkboxes-intro h2 {
  margin-bottom: 16px;
}
.page-template-page-template-promo-landing .checkboxes-intro .vc_column-inner  {
    font-size: 16px;
    margin: 0 auto;
    padding: 0!important;
    text-align: center !important;
    width: 65%;
}
.page-template-page-template-promo-landing .custom-checkboxes {
  box-sizing: border-box;
  padding: 11px 30px 13px 30px;
}
.page-template-page-template-promo-landing .custom-checkboxes p {
  font-size: 15px;
}

.page-template-page-template-promo-landing .custom-checkboxes .vc_column-inner {
  padding: 0 !important;
}
.page-template-page-template-promo-landing .custom-checkboxes img {
  width: 30px;
}

.page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-4 {
  box-sizing: border-box;
  padding: 0 30px;
}

.page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-3 {
  width: 15%
}

.page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-9 {
  width: 85%;
}

/* PRETTY BLOCK */
.page-template-page-template-promo-landing .pretty-block-title .vc_column-inner {
  padding-top: 0 !important;
}
.page-template-page-template-promo-landing .pretty-block {
  margin-bottom: 15px;
}
.page-template-page-template-promo-landing .pretty-block .vc_custom_heading {
    margin: 0px auto !important;
    width: 269px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url('/images/lps/pink-rectangle-back.png');
    margin-bottom: 30px !important;
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 2.5em !important;
    color:#fff;
        font-family: "schoolbook-web", serif !important;
}
.page-template-page-template-promo-landing .pretty-block .vc_custom_heading h2 {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 24px;
    line-height: 2.35em;
}
.page-template-page-template-promo-landing .pretty-block p {
    font-size: 16px;
    text-align: center !important;
}


/* TESTIMONIALS */

.page-template-page-template-promo-landing .testimonial-row .vc_column-inner {
  padding-top: 20px !important;
}
.page-template-page-template-promo-landing .testimonial-wrapper {
    border: 1px solid #96bbbe;
    padding: 1%;
}
.page-template-page-template-promo-landing .testimonial-sub-wrapper {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    background-color: #96bbbe;
    padding: 26px 0 28px 0;
}
.page-template-page-template-promo-landing .testimonial-row .testimonial {
    box-sizing: border-box;
    text-align: center;
    float: left;
    width: 50%;
    font-size: 16px;
    color: #ffffff;
}
.page-template-page-template-promo-landing .testimonial:nth-child(2) {
    border-left: 2px dotted #ffffff; 
    float: right;
}
.page-template-page-template-promo-landing .testimonial-wrp {
  margin: 0 auto;
  width: 83%;
 } 
.testimonial-wrp img {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* PLANS */

.page-template-page-template-promo-landing .pricing-section {
  padding-bottom: 30px;
}
.page-template-page-template-promo-landing .pricing-section .vc_column-inner {
  padding-top: 0 !important;
}
.page-template-page-template-promo-landing .pricing-section h2 {
  margin-bottom: 30px;
}

.page-template-page-template-promo-landing .pricing-section p {
  font-size: 16px;
  margin-bottom: 0;
}

.page-template-page-template-promo-landing .pricing-section .pricing-plan {
  padding: 0 25px;
}

.page-template-page-template-promo-landing .pricing-section .pricing-plan .plan-title,
.page-template-page-template-promo-landing .pricing-section .pricing-plan .plan-price {
  background-color: #655741;
  color: #ffffff;
  text-align:center;
}

.page-template-page-template-promo-landing .pricing-section .pricing-plan .plan-title {
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  font-weight: bold;
  padding: 13px 0 0 0;
}

.page-template-page-template-promo-landing .pricing-section .pricing-plan .plan-price {
  padding-bottom: 8px;
}

.page-template-page-template-promo-landing .pricing-section .pricing-plan .plan-price span {
  font-size: 36px;
}

.page-template-page-template-promo-landing .pricing-section .pricing-plan .plan-details {
  background-color: #ebebe3;
  border-radius: 0 0 8px 8px;
  font-size: 16px;
  padding: 22px 22px 4px 3px;
}

/* TEAL PROMO BOX */
.page-template-page-template-promo-landing .teal-promo-box {
    border: 1px solid #37939b;
    padding: 1%;
}
  .page-template-page-template-promo-landing .teal-promo-box .inner-wrapper { 
  background-color: #37939b;
  padding: 10px;
    
}

.page-template-page-template-promo-landing .teal-promo-box .vc_column-inner  {
  padding:0!important; 
}
.page-template-page-template-promo-landing .teal-promo-box h2 {
  color: #ffffff;
  margin: 16px 0 14px 0;
}
.page-template-page-template-promo-landing .teal-promo-box p  {
  color:#fff;
  font-size:18px;
  line-height:22px;
  margin: 0 auto;
  width: 60%;
}
.page-template-page-template-promo-landing .teal-promo-box .vc_btn3 {
  padding:10px 35px;
  font-size:20px;
  font-weight:bold;
  text-transform:uppercase;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.page-template-page-template-promo-landing .teal-promo-box .wpb_content_element {
  margin-bottom: 26px;
}
  .page-template-page-template-promo-landing  .hide {
     display:none!important;
   }  
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-3 {
    width: 25%
  }
  
  .page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-9 {
    width: 75%;
  }
}

@media screen and (max-width: 950px) {
  .page-template-page-template-promo-landing .hero-area {
    background-image: none !important;
    padding: 48px 28px 0 28px;
  }
  .page-template-page-template-promo-landing .hero-area .vc_col-sm-8,
  .page-template-page-template-promo-landing .hero-area .vc_col-sm-4 {
    width: 100%;
  }
  .page-template-page-template-promo-landing .hero-area .vc_col-sm-8 .vc_column-inner {
    padding-right: 0;
  }
  .page-template-page-template-promo-landing .pretty-block .vc_col-sm-4 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-3,
  .page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-9 {
    text-align: center;
    width: 100%;
  }
  .page-template-page-template-promo-landing .custom-checkboxes .vc_col-sm-3 .wpb_single_image.vc_align_left {
    margin-bottom: 10px;
    text-align: center;
  }
  .page-template-page-template-promo-landing .pricing-section .pricing-plan {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 480px) {
  .page-template-page-template-promo-landing .testimonial-sub-wrapper {
    display: block;
  }
  .page-template-page-template-promo-landing .testimonial-row .testimonial {
    padding: 20px 0 30px;
    width: 100%;
  }
  .page-template-page-template-promo-landing .testimonial:nth-child(2) {
    border-left: none; 
    border-top: 2px dotted #ffffff;
}
}


/* ====================
   SLICK SLIDER
   ==================== */
   .slick-slider {
      position:relative; 
      z-index:999;
   }
    .slick-slider img {
      max-width:100%; 
    }
  .slick-slider .fa-chevron-left,
  .slick-slider .fa-chevron-right {
    position:absolute; 
    z-index:999;
    top:50%; 
    font-size:22px;
     color:#413000;
   }
   
   .slick-slider .fa-chevron-left {
     left:5px;
   }
   .slick-slider .fa-chevron-right {
     right:5px;
   }
   .slick-dots  {
     text-align:center;
     color:#413000;
   }
   .slick-dots,
   .slick-dots ul {
      margin:0 auto;
      padding:0; 
   }
   .slick-dots li {
      list-style-type:none; 
      display:inline;
      text-align:center;
      float:none;
      margin: 15px 5px;
      font-size:10px;
      cursor:pointer;
      color:#413000;
   }
    .slick-dots li a {
      color:#413000;
    }
    .slick-active a {
      color:#f4a637!important; 
     }
     .hr {
       height:3px;
       clear:both;
       width:100%;
       margin:20px 0;
      	background:transparent 0 0 no-repeat url(/wordpress/wp-content/uploads/2011/10/longdotted.gif);
 
     }
     #sidebar-slider   .slick-slider .fa-chevron-left,
   #sidebar-slider .slick-slider .fa-chevron-right {
     top:35%;
   }
   #sidebar-slider img { 
   }
   #sidebar-slider .slick-dots li {
      font-size:8px!important; 
   }
   
   .slick-slider .overlay.fa {
     position:absolute;
     width:100%;
     text-align:center;
     color:#fff;
     font-size:48px;
     opacity:.7;
     top:35%;
   }
   .slick-slider  .video-slide {
      position:relative; 
   }
