/*
Theme Name: Break Free
Theme URI: http://zenwebdevelopment.com/
Description: Custom theme based on WordPress' standard 2010 theme
Author: Tom reitz
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {

	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}



@media only screen and (max-width:1020px) {
    .one-column #content, .mobile-adjust {
        width:100% !important;
    }
}
/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0;
	width: 100%;
}
#content {
	margin: 0px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 285px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
	
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 900px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Arial, Helvetica, san-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


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

/* The main theme structure */
#access .menu-header,
div.menu,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 951px;
	clear: both;
}

#colophon {
	clear: both;
	width: 1000px;
	margin: auto;
}

#wrapper {
	background: #fff;
	margin-top: 0px;
	padding: 18px;
	/* -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 14px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 14px; 
	-o-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 14px; 
	-khtml-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 14px;  
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 14px; */
	-webkit-border-radius: 5x;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
}
#site-generator {
	float: right;
	width: 220px;
}


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

/* Main global 'theme' and typographic styles */
body {
	/*background: url('images/background.jpg') repeat-x;*/
	background: url('http://www.break-free-from-the-affair.com/wp-content/uploads/2015/01/bf-bg-1.jpg') repeat-x;
}
body,
input,
textarea {
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
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 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 0em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


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

#header {
	padding: 30px 0 0 0;
}
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 15px 0 18px 0;
	width: 220px;
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}


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

#access {

	display: block;
	margin: 0 auto;
	width: 990px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul, 
div.menu ul {
	list-style: none;
	margin: 0;
}

.menu-footer ul {
	list-style: none;
	text-align: center;
}

#access .menu-header li, .menu-footer li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #ffffff;
	display: block;
	line-height: 30px;
	padding: 5px 20px;
	text-decoration: none;
	font-weight: 400;
	/*border-right: solid 1px black;*/
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

#access a:hover {
	text-decoration: none !important;
	color: #99CCFF;
}

.menu-footer a {
	/*color: #B9DBF7;*/
	color: #ffffff;
	display: block;
	padding: 7px 11px;
	text-decoration: none;
	/*border-right: dotted 1px gray;*/
	font-family: 'Open Sans', sans-serif !important;
	font-size:14px !important;
	font-style:italic;
}

.menu-footer {
	margin: auto;
	text-align: center;
	width: 100%;
	height: 36px;
}

.menu-footer a:hover {
	text-decoration: underline;
}

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	text-decoration: underline;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


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

#main {
	clear: both;
	overflow: hidden;
	padding: 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 16px;
    	line-height: 28px !important;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 16px !important;
    	line-height: 28px !important;
}
#content pre,
#content kbd,
#content tt,
#content var {
	/*font-size: 15px;
	line-height: 21px;*/
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 16px !important;
    	line-height: 28px !important;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

#content h1 {
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 26px !important;
    	line-height: 1.1 !important;
}

#content h2 {
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 22px;
    	line-height: 1.1 !important;
}

#content h3 {
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 18px;
    	line-height: 1.1 !important;
}

#content h4 {
	font-family: 'Verdana', 'Nunito', 'Open Sans', sans-serif;
    	font-size: 16px !important;
    	line-height: 1.1 !important;
}

#content table {




}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border: none;
	padding: 0px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 32px !important;
	font-family: 'Verdana', 'Open Sans', sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 0 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}


/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


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

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 4px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


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

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0;
}
.widget-title {
	color: #1E5476;
	font-weight: bold;
	font-size: 17px;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


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

#footer {
	/*background-color: #2a506f;*/
	background-color: #333333;
	padding: 30px 0;
	margin-top: 20px;
	text-align: center;
	border-bottom: solid 1px white;
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px; 
	-moz-box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px; 
	-o-box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px; 
	-khtml-box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px;  
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px;

}

#colophon {
	text-align: center;
}

#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

#headerstuff {
	width: 990px;
	margin: auto;
}

#headerlogo {
	width: 293px;
	height: 69px;
	float: left;
	margin: 25px;
	margin-bottom: 15px;
	clear: both;
}

#headerphone {
	width: 233px;
	/*height: 59px;*/
	height:90px;
	float: right;
	/*background: url('images/phone-header.png') no-repeat;
	background: url('images/phone-header.png') no-repeat 0 45px;*/
	background: url('http://www.break-free-from-the-affair.com/wp-content/uploads/2020/04/phone-header2020.png') no-repeat 0 45px;
	margin: 5px 20px 10px;
	/*margin-top: 45px;
	margin-bottom: 10px;*/
	text-align: right;
}

#post-8 h2.entry-title {
	display: none;
}

#homepageform {
	display: none;
}

.home #homepageform {
	display: block;
	background: url(http://www.break-free-from-the-affair.com/wp-content/uploads/2012/09/home-banner3.jpg) no-repeat;
	width: 951px;
	height: 284px;
	margin-top: -3px;
}

#homepageformcontrols {
	float: left;
	padding:150px 0 0 300px;
}

#homepageformcontrols input[type="text"] {
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 243px;
	padding: 7px;
	margin-left: 2px;
	font-size: 18px;
	font-family:'Myriad Pro';
	font-style:italic;
	color:#666666;
}

#homepageformcontrols input {
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom:7px;

}

#homecolumn1 {
	float: left;
	width: 305px;

}

#homecolumn2 {
	float: left;
	width: 330px;
	/*padding: 12px;*/
	padding-right: 0px;
	
	padding-top: 0px;

}

#homecolumn3 {
	float: right;
	width: 285px;
	padding: 0px;
}

.quotes {
	background: #F3F3F3;
	border: 1px solid #E5E1E1;
	margin-top: 25px;
	padding: 30px 17px;
}

.quote-text {
	color: #666;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.quote-author {
	padding-top: 17px;
	text-align: right;
	font-size: 14px;
}

#text-6 h3.widget-title, #text-25 h3.widget-title, #text-7 h3.widget-title, #text-8 h3.widget-title, #text-12 h3.widget-title {
	border: dashed 1px #3c83b3;
	border-left-color: transparent;
	border-right-color: transparent;
	padding: 6px;
}

#text-12 h3.widget-title {
	margin-top: 10px;
}

#text-7 {
	float: left;
	margin-top: 10px;
	width: 96%;
}
div.wherefit {
	margin-top: 15px;
}

p.wherefitlink {
	background: url('images/sm-blue-list.gif') no-repeat left;
	padding-left: 15px;
	margin-left: 20px;	
	margin-bottom: 5px !important;
}

p.wherefitlink a:link {
	/*color: #333333;*/
	color: #ffffff;
	text-decoration: underline;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif !important;
}

#bronze {
	background: url('images/bronze-package.jpg') no-repeat;
	color: #333333;
	padding: 55px 20px;
	font-size: 13px;
}

#bronze ul li {
	list-style-image: url('images/bronze-bullet.gif');
}

#silver {
	background: url('images/silver-package.jpg') no-repeat;
	color: #333333;
	padding: 55px 20px;
	font-size: 13px;
}

#silver ul li {
	list-style-image: url('images/silver-bullet.gif');
}

#gold {
	background: url('images/gold-package.jpg') no-repeat;
	color: #333333;
	padding: 55px 20px;
	font-size: 13px;
}

#gold ul li {
	list-style-image: url('images/gold-bullet.gif');
}

#belowfooter {
	height: 92px;
background: url('images/below-footer-background.png') repeat-x;
}

#footer-info {
	float: left;
	color: #3A5B7E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 49px;
	margin-top: 28px;
	line-height: normal;
}

#footer-info a {
	color: #3A5B7E;
}

#socialfooter {
	float: right;
	color: #1E5476;
	font-size: 16px;
	font-weight: bold;
	margin-top: 18px;
	margin-right: 50px;
}
#container {
	margin-top: 15px;
	width: 610px;
	max-width: 610px;
	float: left;
	padding: 15px;
}

#container pre {
	width: 610px;
}

#killer-mistakes {
	background: url('images/killer-mistakes.jpg') no-repeat;
	position: relative;
	width: 285px;
	height:140px;
        padding-top:115px;
        padding-left:0px;
        padding-bottom:0px;
}

#killer-name {
	position: absolute;
	top: 130px;
	left: 15px;
}

#killer-email {
	position: absolute;
	top: 160px;
	left: 15px;
        width:230px;
}

#killer-find-relief {
	position: absolute;
	top: 190px;
	left: 15px;
}

#killer-name input[type="text"], #killer-email input[type="text"] {
	width: 250px;
}

div.page h1.entry-title {
	display: none;
	padding: 0px;
}

.entry-content h1 {
	font-weight: normal;
	font-size: 13px;
	font-style: normal;
}

.entry-content h2 {
	font-weight: normal;
	font-size: 13px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.entry-content h3 {
	font-weight: normal;
	font-size: 13px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.entry-content h4 {
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.entry-content h5 {
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.entry-content h6 {
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.widget_search {
	margin-top: 15px;
	margin-bottom: 15px;
}

#text-16 {
	margin: 15px;
}

#text-16 h3 {
	margin-top: 15px;
}

li#categories-2 ul li.cat-item, li#recent-posts-2 ul li {
	list-style: none;
	list-style-type: none;
}

li#recent-posts-2 {
	margin-top: 15px;
}

body.page-id-839 #headerphone, body.page-id-839 #access, body.page-id-839 #headerlogo {
	display: none;
}

body.page-id-839 {

}

#firstbullet {width:870px;height:auto;float:left;padding-left:80px;}
#firstbullet ul{list-style-type: none; margin-left: 10px; padding:10px; font-size:12px; line-height: 18px; }
#firstbullet li{margin-left: 0px; background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2012/05/redarrows.png) no-repeat; padding-left: 25px; margin-bottom: 20px; }

#salesbox {width:100%; height:auto; float:left;margin-left:-20px;}

#secondbullet {width:100%;height:auto;float:left;}
#secondbullet ul{list-style-type: none; margin-left: 10px; padding:10px; font-size:12px; line-height: 18px; }
#secondbullet li{margin-left: 0px; background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2012/05/redarrows.png) no-repeat; padding-left: 25px; margin-bottom: 20px; }

#thirdbullet {width:100%;height:auto;float:left;}
#thirdbullet ul{list-style-type: none; margin-left: 10px; padding:10px; font-size:12px; line-height: 18px; }
#thirdbullet li{margin-left: 0px; background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2012/05/check1.png) no-repeat; padding-left: 25px; margin-bottom: 20px; }

#yellowbullet {width:100%;height:auto;float:left;}
#yellowbullet ul{list-style-type: none; margin-left: 10px; padding:10px; font-size:12px; line-height: 18px; }
#yellowbullet li{margin-left: 0px; background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2012/08/yellowarrow.png) no-repeat; padding-left: 25px; margin-bottom: 20px; }

.upsell-list {list-style-type:none;}
.upsell-list li {background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2013/06/upsell-green-check1.png) no-repeat;margin-left:30px;padding:10px 0 10px 30px;}



#greencheck {float:left; width:100%;}
#greencheck ul{ list-style-type: none; margin-left: 0px;font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 14px;text-style:italic;}
#greencheck li{margin-left: 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 14px;font-style:italic;background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2013/10/check.png) no-repeat; padding-left: 25px; margin-bottom: 10px;padding-top:5px; }

.package-table tr td {border:1px solid #cccccc !important;}

@font-face {
    font-family: 'andy_bold';
    src: url('../font/andy_bold-webfont.eot');
    src: url('../font/andy_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/andy_bold-webfont.woff') format('woff'),
         url('../font/andy_bold-webfont.ttf') format('truetype'),
         url('../font/andy_bold-webfont.svg#andybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* New Homepage */

.feat-title-home {
	font-size:30px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:700 !important;
	text-align:center !important;
}

.home-new-box-left {
width:423px;
padding:20px;
float:left;
border:1px solid;
border-radius:5px;
margin-right:10px;
background: -webkit-linear-gradient(#ffffff, #efefef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #efefef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #efefef); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffff, #efefef); /* Standard syntax */
max-height:240px;
min-height:240px;
}

.home-new-box-left p {
font-family: 'Open Sans', sans-serif !important;
font-size:24px !important;
}

.home-new-box-right {
width:423px;
padding:20px;
float:left;
border:1px solid;
border-radius:5px;
margin-left:10px;
background: -webkit-linear-gradient(#ffffff, #efefef); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #efefef); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #efefef); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffff, #efefef); /* Standard syntax */
max-height:240px;
min-height:240px;
}

.home-new-box-right p {
font-family: 'Open Sans', sans-serif !important;
font-size:16px !important;
line-height:18px;
margin-bottom: 0px !important;
}

.center-homepage-box {
background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2015/02/cntr-bg-1.jpg);
padding:30px 0 0;
width:100%;
float:left;
margin-top:40px;
margin-bottom:40px;
border-radius:10px;
}

.center-homepage-box-divide {
width:317px;
float:left;
}

.center-homepage-box-divide-inner {
padding:20px 20px 0;
font-family: 'Open Sans', sans-serif !important;
display:table;
}

.center-homepage-box-divide-inner h2 {
font-size:24px;
font-family: 'Open Sans', sans-serif !important;
}

.center-homepage-box-divide-inner li {
font-size:16px;
list-style-type: square;
margin-bottom: 10px;
}

.red-texth1 {
color:#c80000 !important;
font-weight:700;
text-decoration:none !important;
}

.red-texth1:hover {
text-decoration:underline !important;
color:#0066cc !important;
}


.list-anch {
color:#0066cc !important;
text-decoration:none !important;
}

.list-anch:hover {
text-decoration:underline !important;
color:#0066cc !important;
}



.bottom-homepage-box {
padding:5px 0;
width:100%;
float:left;
margin-bottom:40px;
}

.bottom-homepage-box-divide {
width:317px;
float:left;
}

.bottom-homepage-box-divide-inner {
padding:20px 20px 0;
font-family: 'Open Sans', sans-serif !important;
display:table;
}

.bottom-homepage-box-divide-inner img {
box-shadow: 2px 2px 5px #cccccc;
}
.bottom-homepage-box-divide-inner h2 {
font-size:18px;
font-family: 'Open Sans', sans-serif !important;
}

.bottom-homepage-box-divide-inner p {
font-size:14px;
}

.testimonial-homepage-box {
padding:30px 0;
width:100%;
float:left;
background:#0a243b;
border-radius:10px;
margin-bottom:20px;
}

.testimonial-homepage-box h2 {
font-size:30px !important;
color:#ffffff !important;
font-weight:700 !important;
text-align:center;
font-family: 'Open Sans', sans-serif !important;
}

.testimonial-homepage-box-divide {
width:317px;
float:left;
}

.testimonial-homepage-box-divide-inner {
padding:20px 20px 0;
font-family: 'Open Sans', sans-serif !important;
display:table;
}

.test-blue-top {
background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2015/02/testi-blu-top.png) no-repeat;
width:276px;
height:23px;
float:left;
}

.test-blue-mid {
background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2015/02/testi-blu-middle.png);
width:246px;
height:auto;
float:left;
padding:0 15px;
}

.test-blue-mid p {
font-family: 'Open Sans', sans-serif !important;
color:#ffffff !important;
font-size:14px !important;
font-style:italic;
}
.test-blue-bot {
background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2015/02/testi-blu-bottom.png) no-repeat;
width:276px;
height:39px;
float:left;
}


/* thank You Pages */

#thank-check {
background-image:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2015/09/big-check.png);
background-repeat:no-repeat;
display:block;
background-position:top right;
margin-bottom:35px;
}

.thank-you-head {
display:block;
margin-top:20px;
width:65%;
}

.thank-you-head h1, .thank-you-head h2 {
text-transform:uppercase;
}

.thank-you-head h1 {
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:200 !important;
font-size:150px !important;
color:#000000 !important;
margin:0 !important;
line-height: auto !important;
}

.thank-you-head h2 {
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:200 !important;
font-size:105px !important;
color:#7bc948 !important;
margin:0 !important;
line-height: auto !important;
}

.thank-you-head p {
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:400 !important;
font-size:30px !important;
color:#666666 !important;
margin:0 !important;
line-height: 35px !important;
}

#wooden-block {
background-image:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2015/09/wooden-bg.jpg);
background-size:cover;
background-position:center;
width:951px;
padding:30px;
margin-left: -49px;
}

.orangebox {
margin-top:-40px;
}
.orange-block {
padding:10px 20px !important;
background-color:#f99f3c !important;
color:#ffffff !important;
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:400 !important;
font-size:30px !important;
display:inline;
text-transform:uppercase;
}

.thankyou-colm2 {
float:left;
width:50%;
padding-top:60px;
}

.colm2-wrap {
padding:0 10px;
}

.colm2-wrap h2 {
color:#333333 !important;
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:400 !important;
font-size:44px !important;
line-height:40px !important;
}

.colm2-wrap p {
color:#333333 !important;
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:400 !important;
font-size:24px !important;
line-height:30px !important;
}

#green-block {
background-color:#85cf56;
width:951px;
padding:60px 30px;
margin-left: -49px;
}

#green-block h2 {
color:#ffffff !important;
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-weight:300 !important;
font-size:72px !important;
text-align:center;
text-transform:uppercase;
letter-spacing: 1.5px !important;
}

.info-link {
display:inline-block;
padding:40px 60px;
}

#infolink-group {
margin-top:-115px;
padding-left:125px;
}


.info-link2 {
display:inline-block;
padding:60px 93px;
}

#infolink-group2 {
margin-top:-160px;
padding-left:199px;
}

#sam-login-widget {
	background-image: url(http://www.break-free-from-the-affair.com/wp-content/uploads/2016/06/bf-login-widget-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 285px;
	height: 194px;
	text-align: center;
	padding-top: 170px;
}


/** Product Page **/

.productbox {background: url(http://www.break-free-from-the-affair.com/wp-content/uploads/2017/03/productbox1.png) no-repeat; width:874px; height:520px;margin:0 auto;}
.producthead {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; font-color:#ffffff;width:847px;  padding:35px 0px 0px 40px;}
.productebook {float:left; width:217px; height:204px;padding:50px 0px 0px 90px;}
.productebook2 {float:left; width:247px; height:204px;padding:50px 0px 0px 60px;}
.productcontent {width:530px; height:227px; float:left;padding-top:25px;}
.productcontent ul{list-style-type: none; margin-left: 10px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; }
.productcontent li{margin-left: 0px; background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2017/03/check.png) no-repeat; padding-left: 25px; margin-botton: 20px;}
.productcontent p{padding-top:0px;}
.signupbutton {width:807px; height:84px;float:left;padding:110px 0px 0px 40px;}


#productpage {background: url(http://www.break-free-from-the-affair.com/wp-content/uploads/2017/03/productpage21.png) no-repeat; width:870px;height:1410px; margin-left:-10px;}
#productpage ul{list-style-type: none; margin-left: 10px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; }
#productpage li{margin-left: 0px; background:url(http://www.break-free-from-the-affair.com/wp-content/uploads/2017/03/check-1.png) no-repeat; padding-left: 25px; margin-botton: 20px;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


@font-face {
    font-family: 'satisfactionregular';
    src: url('http://www.break-free-from-the-affair.com/font/taylor_swift_font_by_shakeitnicholas-webfont.eot');
    src: url('http://www.break-free-from-the-affair.com/font/taylor_swift_font_by_shakeitnicholas-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.break-free-from-the-affair.com/font/taylor_swift_font_by_shakeitnicholas-webfont.woff2') format('woff2'),
         url('http://www.break-free-from-the-affair.com/font/taylor_swift_font_by_shakeitnicholas-webfont.woff') format('woff'),
         url('http://www.break-free-from-the-affair.com/font/taylor_swift_font_by_shakeitnicholas-webfont.ttf') format('truetype'),
         url('http://www.break-free-from-the-affair.com/font/taylor_swift_font_by_shakeitnicholas-webfont.svg#satisfactionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** Post Webinar **/

.msg_entry 
{
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
	
	/* webkit extension for rounded boxes, ok if it doesn't work */
	-webkit-border-radius: 3px;
	
	/* gecko extension for rounded boxes, ok if it doesn't work */
	-moz-border-radius: 3px;
	
	/* CCS3 rounded boxes, ok if it doesn't work */
	border-radius: 3px;
	
	border-width: 1px;
	border-style: solid;
    
    margin: 0px 0px;
	
	/* webkit extension for shadows, ok if it doesn't work */
	-webkit-box-shadow: rgba(0, 0, 0, .5) 0px 1px 2px;
}

.msg_entry h1 
{
	/* webkit extension for rounded boxes, ok if it doesn't work */
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    
    /* gecko extension for rounded boxes, ok if it doesn't work */
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    
    /* CCS3 rounded boxes, ok if it doesn't work */
    -border-bottom-right-radius: 0px;
    -border-bottom-left-radius: 0px;

    background-color: transparent;
    
    margin: 2px 0px;
    padding: 0px 6px;
    line-height: 100%;
    
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}

.msg_entry p 
{
	/* webkit extension for rounded boxes */
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    
    /* gecko extension for rounded boxes */
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    
    /* CCS3 rounded boxes */
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    
    background-color: rgb(255, 255, 255); /* for those that don't yet support rgba make sure we are at least white */
    background-color: rgba(255, 255, 255, 0.75); /* translucent white so we get the tint of our background */
    
    padding: 2px 6px;
    margin: 0px 0px !important;
    line-height: 100%;
    word-wrap: break-word; /* ok to break words if text wrap is needed */
}

.msg_entry.chat.welcome, .msg_entry.chat.message
{
	background-color: rgb(217, 240, 211);   /* light green */
	border-color: rgb(217, 240, 211);       /* light green */
}

.msg_entry.chat.welcome p, .msg_entry.chat.message p
{
    background-color: transparent;
margin-bottom:0 !important;
}

.msg_entry.chat.incoming, .msg_entry.chat.outgoing
{
	background-color: rgb(216, 237, 254);   /* light blue */
	border-color: rgb(216, 237, 254);       /* light blue */
}

.msg_entry.chat.incoming h1, .msg_entry.chat.outgoing h1
{
	color: rgb(2, 101, 203);                /* blue */
}

.msg_entry.chat.incoming.to_all, .msg_entry.chat.outgoing.to_all
{
	background-color: rgb(217, 240, 211);   /* light green */
	border-color: rgb(217, 240, 211);       /* light green */
}

.msg_entry.chat.incoming.to_all h1, .msg_entry.chat.outgoing.to_all h1
{
	color: rgb(0, 102, 2) !important;                  /* green */
margin-bottom: 0 !important;
padding:0 !important;
}

.msg_entry.chat.incoming.to_all h1 p {
background-color: transparent !important;
margin-bottom: 0 !important;
}

.msg_entry.chat.incoming.private, .msg_entry.chat.outgoing.private 
{
	background-color: rgb(254, 208, 208);   /* light red */
	border-color: rgb(254, 208, 208);       /* light red */
}

.msg_entry.chat.incoming.private h1, .msg_entry.chat.outgoing.private h1 
{
	color: rgb(153, 1, 0);                  /* red */
padding:0 !important;
margin-bottom: 0 !important;
}


.msg_entry.chat.incoming.private h1 p {
background-color: transparent !important;

}

.msg_entry.chat.incoming h1, .msg_entry.chat.outgoing h1
{
padding:0 !important;
margin-bottom: 0 !important;
}

.msg_entry.chat.incoming h1 p {
background-color: transparent !important;

}

.msg_entry.questionanswer.remote
{
	background-color: rgb(217, 240, 211);   /* light green */
	border-color: rgb(217, 240, 211);       /* light green */
}

.msg_entry.questionanswer.remote label
{
    color: rgb(0, 102, 2);                  /* green */
    text-align: right;
}

.msg_entry.questionanswer.remote h1
{
    color: rgb(0, 102, 2);                  /* green */
}

.msg_entry.questionanswer.local.public
{
	background-color: rgb(216, 237, 255);   /* light blue */
	border-color: rgb(216, 237, 255);       /* light blue */
}

.msg_entry.questionanswer.local.public label
{
    color: rgb(2, 101, 203);                /* blue */
}

.msg_entry.questionanswer.local.private
{
	background-color: rgb(254, 208, 208);   /* light red */
	border-color: rgb(254, 208, 208);       /* light red */
}

.msg_entry.questionanswer.local.private label
{
    color: rgb(153, 1, 0);                  /* red */
}

.msg_entry.questionanswer.local.noanswer
{
    background-color: rgb(238, 238, 238);   /* light gray */
    border-color: rgb(238, 238, 238);       /* light gray */
    color: rgb(136, 136, 136);              /* gray */
}

.msg_entry.questionanswer.local.noanswer p
{
    background-color: transparent;
}

.chat-header
{
    padding-bottom:4px;
}

.timestamp
{
    position: relative;
    float: right;
    text-align: right;
    margin-left: 10 px;
}

.elBTN {
	text-align: center;
	position: relative;
	display: block;
	cursor: auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    color: inherit !important;
}
.elButton {
	color: rgb(255, 255, 255) !important;
    background-color: rgb(1, 218, 0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgb(1,218,0)),color-stop(1,#01b100));
    background-image: -o-linear-gradient(bottom,rgb(1,218,0) 30%,#01b100 80%);
    background-image: -moz-linear-gradient(bottom,rgb(1,218,0) 30%,#01b100 80%);
    background-image: -webkit-linear-gradient(bottom,rgb(1,218,0) 30%,#01b100 80%);
    background-image: -ms-linear-gradient(bottom,rgb(1,218,0) 30%,#01b100 80%);
    background-image: linear-gradient(to bottom,rgb(1,218,0) 30%,#01b100 80%);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2), inset 0 0 0 2px rgba(255,255,255,0.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2),inset 0 0 0 2px rgba(255,255,255,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), inset 0 0 0 2px rgba(255,255,255,0.2);
    margin-right: auto;
    margin-left: auto;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    -ms-transform: all .2s ease-in-out;
    -webkit-transform: all .2s ease-in-out;
    transform: all .2s ease-in-out;
    text-align: center !important;
    text-decoration: none !important;
    width: 100%;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	    padding: 20px 13px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
border-radius: 6px;
font-family: 'Open Sans';
}

.small-green {
	font-size: 22px;
}

.big-green {
	font-size: 32px;
}

.elButton:hover {
	background-image: none;
	color: rgb(255, 255, 255) !important;
}