/*
Theme Name: InstaBeauty (Lite Version)
Theme URI: http://insta-theme.com
Description: Wordpress theme for membership site
Version: 1.30
Author: <a href="http://insta-theme.com" target="_blank">Suzanna Theresia</a>
Author URI: http://insta-theme.com
*/

/*= IMPORT FONTS
 --------------------------------------*/
@import url('inc/fonts/BebasNeue.css');
@import url('inc/fonts/oswald.css');
@import url('http://fonts.googleapis.com/css?family=PT+Sans:400,700');

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Form fields, general styles first */
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/*= Basic Structure
 --------------------------------------*/
body {
	font-size: 16px;
	font-size:1rem;
	font-family:'PT Sans', sans-serif;
	text-rendering: optimizeLegibility;
	color: #212121;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* =Social Profiles
-------------------------------------------------------------- */
.fading_group a {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.fading_group a img { margin-right: 5px;}
.fading_group:hover a, .fading_group:hover span { opacity:0.3; filter:alpha(opacity=30); }
.fading_group a:hover, .fading_group span:hover { opacity:1; filter:alpha(opacity=100); }

.social_profiles {
	margin-bottom:16px;
	margin-bottom:1rem;
}
.social_profiles a { vertical-align: middle; }
.social_icons { 
	margin-right: 5px; width: 32px; height: 32px;
	background-image: url(images/icons/socials2_gray.png); 
	background-repeat: no-repeat;
	display: inline-block;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.social_icons:hover { background-image: url(images/icons/socials2_color.png); }
.facebook:hover { background-position: 0 0; } .facebook { background-position: 0 0; }
.twitter:hover { background-position: -32px 0; } .twitter { background-position: -32px 0; }
.linkedin:hover { background-position: -64px 0; } .linkedin { background-position: -64px 0; }
.youtube:hover { background-position: -96px 0; } .youtube { background-position: -96px 0; }
.googleplus:hover { background-position: -128px 0; } .googleplus { background-position: -128px 0; }
.pinterest:hover { background-position: -160px 0; } .pinterest { background-position: -160px 0; }
.rss:hover { background-position: -192px 0; } .rss { background-position: -192px 0; }

/* =InstaAttention Bar
-------------------------------------------------------------- */
#woahbar {
	z-index:9999;
  	border-bottom: 2px solid #ccc;
  	-webkit-box-shadow:  0px 1px 3px 1px rgba(0, 0, 0, 0.2);    
	box-shadow:  0px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.woahbar {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	text-align:center;
	font-size: 16px;
  	font-size: 1rem;
	color:#eee;
	background: #95b400; /* default color */
  	padding:7px 0 7px 0;
  	height: 20px;
  	line-height: 20px; 
}

.woahbar span{
	float:left;
	width:100%;
	text-align:center;
}
.woahbar .transbg_line2, .woahbar .transbg_line { margin-top:25px; position: relative; }
.woahbar span a { color:#fff; border-bottom: 1px dotted #ccc; text-decoration:none; }
.woahbar span a:hover { color:#fff; border-bottom:1px solid #ccc; }

.woahbar-stub {
	display:none;
	position:fixed;
	top:-10px;
	right:0;
	height:25px;
	z-index:9999;
	text-align:center;
	padding:7px 0 5px
}

.woahbar-link{ text-decoration:underline }
.woahbar-down-arrow:hover{opacity:0.60;}
.woahbar-up-arrow:hover{opacity:0.60;}
.close-notify {
	float:right;
	margin-right:15px;
	margin-top:-22px;
	color:#fff;
	width:28px;
	height:32px;
	text-decoration:none;
	cursor:pointer;
	position: relative;
}

.show-notify {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	float:right;
	margin-right:12px;
	color:#eee;
	width:34px;
	height:32;
	text-decoration:none;
	background: #95b400; /* default color */
	cursor:pointer;
	padding:0;
  	border: 1px solid #ccc;
	-webkit-box-shadow:  0px 1px 3px 1px rgba(0, 0, 0, 0.2);    
	box-shadow:  0px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

/*= CONTAINERS
 --------------------------------------*/
#wrap {
	max-width: 100%;
	margin:0;
	padding: 0;
	background-color: #ddd;
	font-family:'PT Sans', sans-serif;
}

.main-wrapper {
	max-width: 100%;
	margin:0;
	padding: 0;
}

.site-content {
	background-color:#F5F5F5;
	padding-bottom:24px;
	min-height:500px;
}

#post {
	margin-right:30px;
	margin-right:1.875rem;
	margin-left:30px;
	margin-left:1.875rem;
}

.container-fluid {
	max-width: 100%; 
	padding: 0;
	margin:0;
}

.ibtspan3 {
	margin:0;
	padding:0;
	float:left;
	width:24.99%;
	max-width:24.99%;
}

.ibtspan9 {
	margin:0;
	padding:0;
	float:left;
	width:74.97%;
	max-width:74.97%;
}

.ibtspan12 {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	max-width:100%;
}

/*= HEADER
 --------------------------------------*/
#site-header {
	background-color: #FFF;
	min-height:70px;
	color: #555;
	padding:12px 0 5px;
	border-bottom:4px solid #95b400; /* default color */
}

#logo {
	margin:6px 20px 8px;
	padding:0;
}

#logo h1.site-logo,
#logo h1.site-logo a {
	margin:0;
	padding:0;
	color:#555;
	font-family: 'bebas_neueregular', serif;
	font-size:46px;
	font-weight: normal;
	letter-spacing: 2px;
}

#logo h1.site-logo a:hover {
	text-decoration:none;
}

/*= FOOTER
 --------------------------------------*/
#site-footer {
	padding:20px 0;
	background-color:#EEEEEE;
	min-height:50px;
	border-top:4px solid #95b400; /* default color */
	font-size:13px;
	font-family:'PT Sans', sans-serif;
	color:#555555;
	text-align:center;
}

#site-footer .menufooter { margin:16px 0; margin: 1rem 0; }
#site-footer a, #site-footer .menufooter li a { text-decoration: none; color: #555555; }
#site-footer .menufooter li a:hover { text-decoration: underline; }
#site-footer .menufooter ul { list-style:none; }
#site-footer .menufooter li { display:inline; margin-left:5px; margin-right: 5px; }
#site-footer .menufooter li.current-menu-item a, #footer .menufooter li a:hover { text-decoration:underline; }

/*= MAIN MENU
 --------------------------------------*/
#main-menu {
	text-align:right;
	padding-bottom:15px;
	vertical-align: middle;
}

/* Top Level Menu */
ul.menu li a {
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	transition:.4s;
}

ul.menu {
	margin:15px 15px 0;
	padding:0;
}

ul.menu li {
	display: inline-block;
	position: relative;
	line-height: 24px;
	list-style: none;
	margin: 0 5px;
	text-align: center;
	vertical-align: text-bottom;
}

ul.menu li a {
	display: block;
	padding: 0 5px;
	font-weight: 500;
	font-size: 14px;
	font-family:'PT Sans', sans-serif;
	text-decoration: none;
  	color: #555;
  	opacity: 0.4;
  	filter: alpha(opacity=40);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	vertical-align: text-bottom;
}

ul.menu li a:hover, ul.menu li.current-menu-item a {
	color: #555;
	opacity:1;
	filter:alpha(opacity=100);
}

ul.menu li a img {
	display:block;
	width:24px;
	margin:0 auto;
}

ul.menu li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}

/* Second Level Menu */
ul.menu ul {
	text-align:left;
	position:absolute;
	top:24px;
	margin:0;
	display:none;
	width:180px;
}

ul.menu ul li {
	position:relative;
	list-style:none;
	display:block;
	width:180px;
	margin:0;
	float:none;
	line-height:30px;
	height:30px;
	text-align:left;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #ccc;
}

ul.menu ul li a {
	text-decoration:none;
	display: block;
	background:#E5E5E5;
	padding:0 10px;
	color: #666;
	font-size:13px;
	font-family:'PT Sans', sans-serif;
	border-radius: 0;
	border: 0;
	text-shadow: 0px 1px 0 #fff;
	margin: 0;
	opacity: 1;
  	filter: alpha(opacity=100);
  	text-align:left;
}

ul.menu ul li a:hover {
	color:#000;
	background: #F5F5F5;
}

/*= MEMBER'S TOP MENU
 --------------------------------------*/

ul.menu li a, #menutop li {
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	transition:.4s;
}

#menutop_wrap {
	text-align: center;
	margin: 25px 0 0; 
}

#menutop {
	list-style-type: none;
	margin: 0;
}

#menutop li {
	display: inline-block;
	float:none;
	position:relative;
	margin: 5px 3px; 
  	border-style: solid;
  	border-width: 1px;
  	border-color: #ccc;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	vertical-align: text-bottom;
  	background-color: #eee;
}
 
#menutop li a {
	display: inline-block;
	width: 100px;
	height: 60px; 
	font-size: 11px; 
	padding: 25px 5px 0 5px;
	color: #333;
  	text-decoration: none;
  	text-transform: uppercase;
  	overflow: hidden;
}

#menutop li a img {
	display:block;
	width:24px;
	margin:0 auto 8px;
}

#menutop li a:hover,
#menutop li.current-menu-item a { 
	color: #FeFeFe;
}  

#menutop li.current-menu-item:hover { 
	border-color: #888;
}

#menutop li:hover,
#menutop li.current-menu-item { 
	border-color: #95b400;
	background-color: #95b400; /* default color */
	background-image: url(images/img/texture_1_trans30.png);
}

#menutop li ul { display: none; }

/*= MEMBER WELCOME TEXT
 --------------------------------------*/
#welcome {
	margin: 20px 0 0;
	padding: 15px 22px 20px 22px;
}
.welcomecentered {
	text-align: center;
}

#welcome div {
	font-size: 16px;
	font-size:1rem;
	line-height: 1.6;
}

#welcome h1 {
	margin-bottom:16px;
	margin-bottom:1rem;
	font-size:24px;
	font-size:1.5rem;
}

#welcome div p {
	margin-bottom:16px;
	margin-bottom:1rem;
}

/*= MAIN CONTENT
 --------------------------------------*/

/*
.ibt-posts-loop {
	border-bottom:1px solid #FFF;	
}
*/

.entry-header {
	padding-top:18px;
	padding-top: 1.125rem;
}

.entry-header h1.entry-title {
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 1.6;
	font-family: 'PT Sans', sans-serif;
	font-weight: 500;
}

.entry-header h2.entry-title {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.2;
	font-weight: 500;
	font-family: 'PT Sans', sans-serif;
	margin-bottom: 18px;
	margin-bottom: 1.125rem;
}

.entry-header h2.entry-title a {
	text-decoration:none;
	color: #95b400; /* default color */
}

.entry-header h2.entry-title a:hover {
	text-decoration:underline;
}

.entry-header p {
	line-height: 1.2;
	font-family: 'PT Sans', sans-serif;
	margin-bottom: 18px;
	margin-bottom: 1.125rem;
	font-size:13px;
	font-size:0.8125rem;
}

.entry-content {
	margin-bottom:24px;
	margin-bottom:1.5rem;
	line-height: 1.714285714;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	font-size:1rem;
}

.entry-content p,
.comment-content p,
.mu_register p {
	margin-bottom:24px;
	margin-bottom:1.5rem;
	line-height: 1.714285714;
}

.entry-content img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-right: 15px;
	margin-right: 0.9375rem;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	float:left !important;
}

.entry-content:after {
	clear:both;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.5rem 0;
	line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1 {
	font-size: 68px;
	font-size: 4.25rem;
	line-height: 1.5;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 1.6;
}

.entry-content h3,
.comment-content h3 {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.846153846;
}

.entry-content h4,
.comment-content h4 {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.846153846;
}

.entry-content h5,
.comment-content h5 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.846153846;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	line-height: 1.5;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
	margin-left:35px;
	margin-left:2.1875rem;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
	margin-left:35px;
	margin-left:2.1875rem;
}

.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.25rem;
}

.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}

.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}

.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
	display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content table,
.comment-content table {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.entry-content td,
.comment-content td {
	padding: 6px 10px 6px 0;
}

.site-content article {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.entry-meta {
	clear:both;
	padding-bottom:18px;
	padding-bottom:1.125rem;
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	font-size:0.8125rem;
}

/*
.ibt-posts-loop .entry-meta {
	border-bottom:1px solid #E5E5E5;
}
*/

.pagination {
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	font-size:0.8125rem;
}

.pagination a {
	color: #95b400; /* default color */
}

.ibt-dark-line {
	background-color:#666666;
	min-height: 1px;
	max-height: 1px;
	zoom: 1;
	filter: alpha(opacity=10);
	opacity: 0.1;	
}

.ibt-lite-line {
	background-color:#FFFFFF;
	min-height: 1px;
	max-height: 1px;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/*= COMMENTS
 --------------------------------------*/
.recent_comments {}
.recent_comments li {}
.avatar {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

#respond {width:100%; margin-bottom:48px; }
#respond .left {float:left; width:40%;}
#respond .right {float:left; width:53%; margin-left:4%;}
#respond h3 {
	line-height:34px;
	font: normal 24px oswaldbook, Arial, Helvetica, sans-serif;
	background: url(images/bgimage-norepeat-ver.png) no-repeat 0 6px;
	padding-left:32px;
}
#respond input[type="text"] { width:100%; }
/**/
#commentform textarea {width:100%; min-height:90px;}

ol.commentlist { margin:10px 0; }
ul.commentlist li, ol.commentlist li { list-style:none; background:#f8f8f8; }
.commentlist li.one,
.commentlist li.alt,
.commentlist li.even{
	list-style:none;
	margin:0 0 10px 0 !important;
	padding: 10px; 
	background:#f5f5f5;
	border:1px solid #ddd;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}
.commentlist li.byuser  { background: #D9EDF7; border:1px solid #bce8f1;}
.commentlist li.one .cmtinfo, .commentlist li.alt .cmtinfo {font-size:1em;}
.commentlist li cite{font-weight:bold;}
.commentlist li.one .cmtinfo em, .commentlist li.alt .cmtinfo em 
{
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#888;
}

.avatar {float:left;margin:0 10px 5px 0;}
.commentmetadata { float:right; font-size:13px; font-size: 0.8125rem; }
.commentmetadata a { color:#999; }
.reply { margin-bottom:10px; display:inline-block; padding-bottom: 4px;}
.comment-reply-link:hover { text-decoration: none; }
.comment-reply-link i { opacity: 0.7; }
.cancel-comment-reply { margin:0 0 10px 0; }
.cancel-comment-reply a:hover { text-decoration: none; }

.clear {
	clear:both;
}

/*= SIDEBAR
 --------------------------------------*/
#sidebar {
	background-color:#ddd;
	display:block;
	min-height: 450px;
	padding-bottom:24px;
}

#sidebar h2, #sidebar h3 {
	margin: 0;
	background-color: #95b400; /* default color */
	text-shadow: 1px 1px 1px #808080;
	color: #FeFeFe;
	padding-left: 15px;
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-transform:uppercase;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

/* Profile Display */
.userdata { 
	max-width:100%;
	background-color: #323232;
	color: #ccc;
	padding: 12px;
	padding-top: 20px;
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
}
.userdata h4 { font-size: 14px; color: #FeFeFe; }
.userdata p { margin:0; padding:0 0 10px; }
.userdata a { color: #FeFeFe; display: inline-block; }
.userdata a:hover { text-decoration:underline; }
.userdata .userdata_format { width: 285px; }
.userdata .usericon { float: left; width: 75px; }
.userdata .userinfo { float: left; width: 210px; }
.userdata .usericon img { max-width:100%; height: auto; }

/* Sidebar Menu */
#sidebar .member_menu_sidebar { margin-bottom: 0; }
#sidebar .member_menu_sidebar li { background-color: #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; }
#sidebar .member_menu_sidebar li:first-child { border-top: 0; }
#sidebar .member_menu_sidebar li:last-child { border-bottom: 0; }
#sidebar .member_menu_sidebar li img { vertical-align: middle; border: 0; margin-right: 5px; }
#sidebar .member_menu_sidebar li a { 
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-size:0.875rem;
	line-height: 36px;
	display: block;
	padding: 0 15px; 
	color:#555;
	text-shadow:0px 1px 0px #fff;
}
#sidebar .member_menu_sidebar li a:hover,
#sidebar .member_menu_sidebar li.current-menu-item a {
	font-weight: bold;
}
#sidebar .member_menu_sidebar li.current-menu-item { background-color: #bbb; border-bottom: 1px solid #aaa;}
#sidebar .member_menu_sidebar li.current-menu-item a { text-shadow:0px 0 0px #fff; }
#sidebar .member_menu_sidebar li a:hover { 
	text-decoration: none;
	color:#eee;
	text-shadow:0px 0px 0px #000;
	background-color: #95b400; /* default color */
}
#sidebar .member_menu_sidebar li a:hover, 
#sidebar .member_menu_sidebar li.current-menu-item a, 
#sidebar h2,
#sidebar h3 {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

/*= WIDGETS
 --------------------------------------*/
#sidebar .widget-area {
	margin: 0;
}

#sidebar .widget-area .widget h3 {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

#searchform_wrap,
#calendar_wrap,
#sidebar .widget-area .widget ul,
#sidebar .widget-area .widget .postform,
#sidebar .widget-area .textwidget,
#sidebar .widget-area .tagcloud {
	margin:0 20px 15px;
	margin:0 1.25rem 0.9375rem;
}

#sidebar .widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}

#sidebar .widget-area .widget p,
#sidebar .widget-area .widget li,
#sidebar .widget-area .widget .textwidget {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.7;
}

#sidebar .widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

#sidebar .widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

#sidebar .widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}

#sidebar .widget-area .widget a {
	color: #757575;
}

#sidebar .widget-area .widget a:hover {
	color: #21759b;
}

#sidebar .widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

#sidebar .widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.75rem;
}
#sidebar .widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
#sidebar .widget_recent_entries .post-date,
#sidebar .widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}


#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar tfoot th,
#wp-calendar tfoot td {
	text-align: left;
}

#wp-calendar th {
	color:#212121;
	text-shadow: 1px 1px 1px #FFFFFF;
}

#wp-calendar caption {
	font-weight:bold;
	text-align:center;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
#sidebar .widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
#sidebar .widget_twitter li {
	list-style-type: none;
}
#sidebar .widget_twitter .timesince {
	display: block;
	text-align: right;
}

/*= MISC
 --------------------------------------*/
.btn-purple {
	background-color: hsl(312, 80%, 27%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a9128b", endColorstr="#7b0d65");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#a9128b), to(#7b0d65));
	background-image: -moz-linear-gradient(top, #a9128b, #7b0d65);
	background-image: -ms-linear-gradient(top, #a9128b, #7b0d65);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9128b), color-stop(100%, #7b0d65));
	background-image: -webkit-linear-gradient(top, #a9128b, #7b0d65);
	background-image: -o-linear-gradient(top, #a9128b, #7b0d65);
	background-image: linear-gradient(#a9128b, #7b0d65);
	border-color: #7b0d65 #7b0d65 hsl(312, 80%, 24.5%);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
	-webkit-font-smoothing: antialiased;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.btn-purple.disabled,
.btn-purple[disabled] {
  color: #ffffff;
  background-color: #7b0d65;
  *background-color: #6b0957;
}
.btn-purple:active,
.btn-purple.active {
  background-color: #670954 \9;
}

/* scrolltop */
#back-top {
	position: fixed;
	bottom: 1%;
	left: 1%;
}

#back-top a { 
	width: 40px;
	height: 40px;
	line-height: 30px;
	display: block;
	margin-bottom: 7px;
  	background: #111;
  	color: #fff;
  	font-size: 30px;
  	text-align: center;
  	font-weight: bold;
  	opacity: 0.3;
  	/* transition */
  	-webkit-transition: 1s;
  	-moz-transition: 1s;
  	transition: 1s;
  	-webkit-border-radius: 23px;
  	-moz-border-radius: 23px;
  	border-radius: 23px;
}
#back-top a:hover {
	color: #fff;
	opacity: 1; 
	text-decoration: none;
}

/* = MEDIA QUERIES
 --------------------------------------------*/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.ibtspan3 {
		float:none;
		width:100% !important;
		max-width:100% !important;
	}
	
	.ibtspan9 {
		float:none;
		width:100% !important;
		max-width:100% !important;
	}
	
	#site-header {
		float:none;
		width:100% !important;
		max-width:100% !important;
		text-align: center;
	}
	
	#logo {
		display:inline-block;
		text-align: center;
		width:100% !important;
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	#main-menu {
		width:100% !important;
		max-width:100% !important;
		text-align:center;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.ibtspan3 {
		float:none;
		width:100% !important;
		max-width:100% !important;
	}
	
	.ibtspan9 {
		float:none;
		width:100% !important;
		max-width:100% !important;
	}
	
	#site-header {
		float:none;
		width:100% !important;
		max-width:100% !important;
		text-align: center;
	}
	
	#logo {
		display:inline-block;
		text-align: center;
		width:100% !important;
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	#main-menu {
		width:100% !important;
		max-width:100% !important;
		text-align:center;
	}
}