/*
Theme Name: sg
Theme URI: http://www.stylegirlfriend.com/
Description: stylegirlfriend theme currently in use.

Author: sg
Author URI: http://www.stylegirlfriend.com/
Version: 1.0.5
Tags: sg

License: none
License URI: none
*/
/*
+ General
*/
.left {
	float: left;
}
.right {
	float: right;
}
.both {
	clear: both;
}
ul.nolist {
	list-style: none;
	padding: 0;
	margin: 0;
}
* {
	-webkit-font-smoothing: antialiased;
	color: #020302;
}
*:focus {
	outline: none;
}
*.auto {
	width: 970px;
	margin: auto;
}
a.more {
	font-weight: bold;
	font-style: italic;
	font-weight: 700;
	text-decoration: none;
}
a.more:hover {
    color:#888;
}
h2.title,.header_title {
	background:url('img/title.png') no-repeat center;
	text-align: center;
	font-size: 24px;
	line-height: 27px;
	height: 24px;
	font-weight: 800;
	padding: 32px 0;
	margin: 20px 0 0;
}
h2.line,.header_title {
	background:url('img/title_line.png') no-repeat center;
}
h2.title_page {
	background: none;
}
h2.label {
	background:url('img/title_label.png') no-repeat center 0;
}
h2.dots:before,h2.dots:after {
	content: '\00a0\00a0\00a0\00a0';
	background: url('img/dot.png') no-repeat center 15px;
}
h2.header_title {
	margin: 0 0 15px;
}
h2.contact,h2.advertise,h2.got-a-question,h2.career,h2.faq,h2.privacy-policy,h2.terms-conditions {
    background:none;
    text-align:left;
    font-size:24px;
    text-transform:uppercase;
    padding-bottom:7px;
}
h2.career,h2.faq,h2.privacy-policy,h2.terms-conditions {
	text-align: center;
}
section h3.subtitle {
	margin:-10px 0 20px;
	padding: 0;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
}
.wear-it-well- h2.header_title {
	background: url('img/features/how-to-wear.png') no-repeat 0 0;
	padding:123px 0  0;
	height: 0;
	text-indent: -9999px;
}
.sg-man-of-style h2.header_title {
	background: url('img/features/sg-man-of-style-girlfriend.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.-days--ways h2.header_title {
	background: url('img/features/5-days-5-ways.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.style-girlfriend-girl-talk- h2.header_title {
	background: url('img/features/style-girlfriend-girl-talk.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.shop-the-store- h2.header_title {
	background: url('img/features/shop-the-store.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.outfit-of-the-week- h2.header_title {
	background: url('img/features/outfit-of-the-week.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.steal-his-look h2.header_title {
	background: url('img/features/steal-his-look.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.random h2.header_title {
	background: url('img/features/random.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.borrowed-from-the-boys h2.header_title {
	background: url('img/features/borrowed-from-the-boys.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.grooming h2.header_title {
	background: url('img/features/grooming.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.outfit-ideas h2.header_title {
	background: url('img/features/outfit-ideas.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.features h2.header_title {
	background: url('img/features/features.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.all-posts h2.header_title {
	background: url('img/features/all-posts.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.fitness h2.header_title {
	background: url('img/lifestyle/fitness.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.home h2.header_title {
	background: url('img/lifestyle/home.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.travel- h2.header_title {
	background: url('img/lifestyle/travel.png') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}

/*
+ WP
*/
.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
}
/*
+ Header
*/
header #share_header {
	height: 20px;
	margin: 0 0 38px;
	background: url('img/lines.png');
}
header #share_header ul {
	margin: auto;
}
header #share_header ul li {
	float: right;
}
header #share_header ul li a {
	text-decoration: none;
	width: 28px;
	height: 0;
	padding: 28px 0 0;
	overflow: hidden;
	display: block;
	background: #fff url('img/facebook.png?v=1.0') no-repeat 0 0;
	border-radius: 15px;
	margin: 4px 0 0 10px;
}
header #share_header ul li a.t {
	background-image: url('img/twitter.png?v=1.0');
}
header #share_header ul li a.fd {
	background-image: url('img/feed.png?v=1.0');
}
header #share_header ul li a.fd:hover,header #share_header ul li a.t:hover,header #share_header ul li a:hover {
	background-position: 0 -28px;
}
header h1.auto, header DIV.auto.logo {
	height: 0;
	padding: 78px 0 0;
	margin:10px auto 25px;
	text-indent: -9999px;
	background: url('img/logo.png') no-repeat center 0;
}
header nav {
	border:solid 3px #020302;
	border-left: none;
	border-right: none;
}
header nav ul {
	height: 42px;
}
header nav li {
	border-right: solid 2px #020302;
	margin: 5px 0;
	position: relative;
}
header nav li:first-child {
    margin: 5px 0 5px 4px;
}
/* 2015.06.29 Josh Rainwater */
header nav li.last-child {
	border-right: none;
}
/* End Edit */
header nav a {
	text-decoration: none;
	color: #020302;
	font-size: 16px;
	font-weight: 800;
	padding:5px 20px;
	display: block;
	text-align: center;
    border-right:solid 10px #fff;
    border-left:solid 10px #fff;
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	-ms-transition: background .5s ease-out;
	transition: background .5s ease-out;
}
header nav a:hover {
	background: #ededef;
}
header nav a.active {
	background: #dedce3;
}
header ul ul.nolist {
	position: absolute;
	background: #020302;
	z-index: 9999;
	height: auto;
	left: 50%;
	margin: 0 0 0 -121px;
	display: none;
	border-top: solid 5px #fff;
}
header ul ul.nolist:before {
	display: block;
	content: " ";
	top: -12px;
	left: 50%;
	position: absolute;
	border: solid transparent;
	height: 0;
	width: 0;
	margin: 0 0 0 -20px;
	border-color: transparent transparent #020302 transparent;
	border-width: 0 20px 12px 20px;
}
header ul li:hover ul.nolist {
	display: block;
}
header ul ul * {
	color: #fff;
	font-size: 14px;
}
header ul ul li {
	border: none;
	margin: 0;
}
header ul ul a {
	font-size: 16px;
	padding: 8px;
	margin: 10px;
	width: 205px;
	border: none;
}
header ul ul a:hover {
	background: #2a2a2a;
}
header ul ul.features_nav {
	width: 470px;
	padding: 15px 0;
	margin-left: -225px;
	left: 50%;
}
header ul ul.features_nav li {
	width: 220px;
	margin: 3px 0 3px 10px;
}
header ul ul.features_nav li.right {
	width: 220px;
	margin: 3px 10px 3px 0;
}
header ul ul.features_nav li.double {
	width: auto;
	text-align: center;
	font-style: italic;
	font-size: 12px;
}
header ul ul.features_nav li a {
	text-align: left;
	padding:10px;
	margin: 0;
	width: auto;
	font-size: 14px;
}
header ul ul.contact_nav {
	right:-10px;
	left: auto;
	margin: 0;
	width: 310px;
}
header ul ul.contact_nav:before {
	left: auto;
	right: 55px;
}
header ul ul.contact_nav li {
	margin: 0;
}
header ul ul.contact_nav a {
	width: auto;
	margin: 10px;
}
/*.share{display:none!important;}*/
/*
+ Featured home
*/
#featured:after {
	content: '';
	display: block;
	height: 20px;
	margin: 0 0 20px;
	clear: both;
	background: red;
	background: url('img/lines.png');
}
#featured .slideshow {
	background: #DEDCE3 url('img/load.gif') no-repeat center;
	height: 420px;
	overflow: hidden;
	position: relative;
}
#featured #subscribe {
	padding: 22px 16px;
	background: url('img/lines.png');
	overflow: hidden;
}
#subscribe span.right {
	font-style: italic;
	font-weight:bold;
	padding: 2px 15px;
	display:block;
	font-size:18px;
	text-transform: uppercase;
	width:450px;
}
#featured #subscribe .two {
	overflow: hidden;
}
#featured #subscribe label {
	background: #020302;
	color: #fff;
	font-style: italic;
	font-weight: 800;
	padding: 2px 0 8px;
	margin: 0 18px 0 0;
	font-size: 18px;
	width: 435px;
	height: 18px;
	text-align: center;
	display: block;
	float: left;
}
#featured #subscribe .txt {
	width: 182px;
	font-size: 14px;
	width: 172px;
	height: 18px;
	float: left;
	margin: 0 18px 0 0;
}
#featured #subscribe #subscribe_email {
	margin: 0;
}
#featured #subscribe .black {
	width: 86px;
	height: 28px;
	padding: 0;
	float: right;
}
#featured #subscribe .black:hover,footer ul li.newsletter #submit_newsletter_footer:hover,#comments form .black:hover {
    background: #3F403F;
}
#featured .two {
	margin: 10px 0;
	overflow: hidden;
}
#featured .two a {
	display: block;
	width: 480px;
	height: 290px;
	background: url('http://www.stylegirlfriend.com/wp-content/themes/sg2/img/1on1styling.png') no-repeat 0 0;
	/* background: url('http://www.stylegirlfriend.com/wp-content/uploads/2015/01/style-girlfriend-mens-styling-service.png') no-repeat 0 0; */
}
#featured .two a.right {
	background-image: url('img/banner_2.jpg');
}
#featured .two a:hover {
	background-position: bottom;
}

/*
+ Blogroll
*/
#blogroll {
	overflow: hidden;
}
#blogroll section {
	width: 645px;
	float: left;
}
#blogroll article {
	overflow: hidden;
	margin: 0 0 20px;
}
#blogroll article .article{
	float: right;
	width: 600px;
	border-bottom: solid 2px;
	padding: 0 0 10px;
	font-size: 14px;
}
#blogroll article .article h3 {
	font-size: 36px;
	font-weight: normal;
	line-height: 1.1;
}
#blogroll article .article h3 a {
	text-decoration: none;
	display: block;
	margin: -20px 0 -24px;
}
#blogroll article .article h3 a:hover {
	color: #888;
}
#blogroll article .article h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 7px;
	letter-spacing: 1px;
}
#blogroll article .share {
	width: 31px;
	/* height: 332px; */
	height:100px;
	float: left;
	/* background: url('img/social_bar.png') no-repeat 0 0; */
	background: url('img/social_bar.png') no-repeat 0 -233px;
}
#blogroll article .hover_a {
	background-position: -31px 0;
}
#blogroll article .hover_b {
	background-position: -62px 0;
}
#blogroll article .hover_c {
	background-position: -93px 0;
}
#blogroll article .hover_d {
	background-position: -124px 0;
}
#blogroll article .hover_e {
	background-position: -155px 0;
}
#blogroll article .share a.s,#blogroll article .share a.comments {
	display: block;
	width: 31px;
	height: 33px;
	margin: 0 0 10px;
}
#blogroll article .share a.comments {
	/* margin:74px 0 0; */
	margin:3px 0 0;
	height: 100px;
	text-decoration: none;
}
#blogroll article .hover_e a.comments strong {
	color: #888;
}
#blogroll article .share a.comments strong {
	width: 27px;
	height: 14px;
	line-height: 14px;
	display: block;
	margin: 0 0 0 2px;
	padding: 2px 0 0;
	font-size: 14px;
	text-align: center;
}
/*
+ Blogroll: Sidebar
*/
#blogroll aside {
	width: 299px;
	padding: 0 0 50px;
	float: right;
	overflow: hidden;
}
#blogroll aside img {
	display: block;
}
#blogroll aside a.banner_image {
	display: block;
	background: url('img/aside/banner.jpg') no-repeat #cdcdcd;
    height: 121px;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 18px 10px 0 130px;
}
#blogroll aside a.banner_image strong {
    display:block;
    float:right;
    margin:10px 0 0;
    border-bottom:solid 2px;
}
#blogroll aside .lets_get_social strong {
	font-weight: 800;
	font-size: 15px;
	text-align: center;
	display: block;
	margin: 20px 0 15px;
}
#blogroll aside .lets_get_social a {
	width: 54px;
	height: 0;
	padding: 26px 0 0;
	background: url('img/aside/facebook.png') no-repeat;
	display: block;
	overflow: hidden;
}
#blogroll aside .lets_get_social a:hover,footer ul li.follow div a:hover,footer ul li.nav a:hover {
    opacity: .47;
}
#blogroll aside .lets_get_social li.t a {
	background-image:url('img/aside/twitter.png');
}
#blogroll aside .lets_get_social li.y a {
	background-image:url('img/aside/youtube.png');
}
#blogroll aside .lets_get_social li.i a {
	background-image:url('img/aside/instagram.png');
}
#blogroll aside .lets_get_social li.p a {
	background-image:url('img/aside/pinterest.png');
}
#blogroll aside .lets_get_social li.fd a {
	width: 26px;
	background-image:url('img/aside/feed.png');
	float: right;
}
#blogroll aside #ads {
	clear: both;
	padding: 30px 0 0;
}
#blogroll aside #ads .odd {
    margin:0 0 20px 14px;
    float:left;
    clear: both;
}
#blogroll aside #ads .even {
    margin:0 14px 20px 0;
    float:right;
}
#blogroll aside #ads a {
	display: block;
}
#blogroll aside #ads img {
	background: #E1E1E0;
	display: block;
	width: 125px;
	height: 125px;
}
#blogroll aside #mini_search {
	overflow: hidden;
	clear: both;
	height: 46px;
}
#blogroll aside #mini_search #s {
	width: 260px;
	height: 25px;
	position: absolute;
}
#blogroll aside #mini_search #s_submit {
	background:#020302 url('img/aside/search.png') no-repeat 0 center;
	width: 29px;
	height: 35px;
	padding: 0;
	position: absolute;
	margin: 0 0 0 270px;
}
#blogroll aside #combo_tags {
	border: solid 2px;
}
#blogroll aside #combo_tags div {
	padding: 5px 10px;
	font-style: italic;
	cursor: pointer;
	background: #fff url('img/select.png') no-repeat right center;
}
#blogroll aside #combo_tags ul {
	position: absolute;
	border: solid 2px;
	border-bottom: solid 1px;
	width: 295px;
	margin: 0 0 0 -2px;
	display: none;
	max-height: 140px;
	overflow: auto;
}
#blogroll aside #combo_tags:hover ul {
	display: block;
}
#blogroll aside #combo_tags ul li {
	border-bottom: solid 1px #020302;
}
#blogroll aside #combo_tags ul li a {
	padding: 2px 10px;
	display: block;
	text-decoration: none;
	background: #fff;
}
#blogroll aside #combo_tags ul li a:hover {
	background: #eee;
}
#visualization {
	background: #edecec;
	margin: 11px 0 0;
	padding: 10px 10px 15px;
}
#visualization strong {
	color: #020302;
	font-weight: 800;
	display: block;
	font-size: 14px;
	margin: 0 0 25px;
	text-align: center;
}
#visualization div {
	overflow: hidden;
	width: 112px;
	margin: auto;
}
#visualization div a {
	display: block;
	width: 41px;
	height: 30px;
	background: url('img/list.png') no-repeat;
	float: left;
}
#visualization div a:hover {
    opacity:.50;
}
#visualization div a.insta {
	width: 44px;
	float: right;
	background: url('img/insta.png') no-repeat;
}
/*
+ Blogroll: Aside slideshow
*/
.slideshow_nav {
    font-size:12px;
}
.slideshow_nav .navigation {
    padding:20px 0;
    border-top:solid 1px;
    border-bottom:solid 1px;
    font-size:14px;
    line-height:14px;
    overflow:hidden;
}

.slideshow_nav .navigation .arrow {
    display:block;
    float:left;
    width:9px;
    height:17px;
    background:url('img/arrows.png') no-repeat top;
    cursor: pointer;
}
.slideshow_nav .navigation > div {
    width:120px;
    margin:auto;
}
.slideshow_nav .navigation div div {
    float:left;
    text-align:center;
    margin:2px 0 0 20px;
    width:65px;
}
.slideshow_nav .navigation .r {
    float:right;
    background-position:bottom;
}
.slideshow_nav li :first-child {
    margin-top:0 !important;
}
/*
+ Blogroll: Navigation
*/
#navigation {
    overflow:hidden;
    clear:both;
    background:#edecec;
    font-size:14px;
    font-weight:800;
    margin:30px 0 100px;
    width: 646px;
}
#navigation a {
    text-decoration:none;
    padding:10px 40px;
    margin: 0 10px;
    display: block;
    background: url('img/prev.png') no-repeat left;
}
#navigation a.right {
	background: url('img/next.png') no-repeat right;
}
/*
+ Blogroll: Comments
*/
#comments {
	overflow: hidden;
	padding: 0 0 30px;
}
#comments .comments_bar {
	background: url('img/social_bar_horizontal.png') no-repeat 0 0;
	height: 42px;
	border-bottom: solid 3px;
	margin: 50px 0 10px;
}
#blogroll #comments .hover_a {
    background-position: 0 -42px;
}
#blogroll #comments .hover_b {
	background-position: 0 -84px;
}
#blogroll #comments .hover_c {
	background-position: 0 -126px;
}
#blogroll #comments .hover_d {
	background-position: 0 -168px;
}
#blogroll #comments .hover_e {
	background-position: 0 -210px;
}
#comments .comments_bar .comments {
	position: absolute;
	width: 30px;
	height: 18px;
	overflow: hidden;
	font-size: 15px;
	font-weight: 700;
	font-style: italic;
	margin: 3px 0 0 2px;
	text-align: center;
}
#blogroll #comments .hover_e .comments {
	color: #888;
}
#comments .comments_bar a {
	position: absolute;
	display: block;
	width: 34px;
	height: 36px;
	margin: 0 0 0 455px;
}
#comments .comments_bar a.f {
	margin: 0 0 0 492px;
}
#comments .comments_bar a.t {
	margin: 0 0 0 529px;
}
#comments .comments_bar a.p {
	margin: 0 0 0 566px;
}
#comments li {
	margin: 30px 0 0;
}
#comments form {
	background: #edecec;
	overflow: hidden;
	padding: 20px 40px;
	margin: 40px 0 0;
}
#comments form div {
	overflow: hidden;
	margin: 0 0 30px;
}
#comments form label {
	width: 110px;
	font-size: 14px;
	padding: 10px 0 0;
	font-weight: bold;
	display: block;
}
#comments form .txt {
	border-bottom: solid 2px #020302;
	width: 400px;
	background: none;
	padding: 5px 0;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
}
#comments form textarea {
	background: #fcfcfc;
	height: 73px;
	border: none;
	width: 380px;
	padding: 10px;
}
#comments form .black {
	font-style: normal;
	font-weight: 800;
	width: 95px;
}
/*
+ Blogroll: Layouts
*/
#blogroll article.full {
    width: 970px;
}
#blogroll article.full .article {
    width: 925px;
}
#blogroll article.full #comments {
    width:600px;
}
/*
+ Blogroll: Insta
*/
#blogroll article.insta {
	width: 315px;
	background: #edecec;
	border-bottom: solid 2px;
	overflow: hidden;
	margin-bottom: 30px;
}
#blogroll article.insta .article {
	width: 315px;
	float: none;
	border-bottom: solid 13px #fff;
}
#blogroll article.insta .article img,#blogroll article.insta .article iframe {
	width: 315px;
	float: none;
	border-bottom: solid 13px #fff;
}
#blogroll article.insta .article iframe,#blogroll article.insta .article .im_archive {
    height: 210px;
}
#blogroll article .article iframe {
	height: 465px;
}
#blogroll article .article .im_archive {
	position: relative;
	overflow: hidden;
	background: #fff;
	height: 400px;
}
#blogroll article .article .im_archive img {
	height: 100%;
	margin: auto;
	display: block;
}
#blogroll article .article .im_archive img.noimg {
}
#blogroll article .article img{
	height:auto;
}
#blogroll article .insta .im_archive img.noimg {
	margin: auto;
}
#blogroll article.insta .article p,#blogroll article.insta .article h3,#blogroll article.insta .article h4,#blogroll article.insta .article a.more {
	margin-left: 14px;
	margin-right: 14px;
}
#blogroll article.insta .article h3 a {
	font-size: 21px;
}
#blogroll article.left {
	clear: both;
}

/*
+ Slide Show Sizes
*/
#blogroll article .flexslider .slides img{
	max-height: 550px;
	margin: 0 auto;
	min-height: 350px;
	width: auto;
}
/*
+ Essentials
*/
#essentials {
	position: relative;
	overflow: hidden;
	width: 927px;
	padding: 0 22px 40px 21px;
}
ul.essentials {
	width: 1000px;
	margin: 15px 0 0;
}
ul.essentials li {
	width: 218px;
	border: solid 2px #D0CFD3;
	float: left;
	margin: 0 13px 13px 0;
}
ul.essentials li.filters {
	width: 222px;/*
	left: 705px !important; */
	border: none;
    background: #fff;
}
ul.essentials li span.small,ul.essentials li span.big {
	display: block;
	height: 173px;
	overflow: hidden;
}
ul.essentials li span.big {
	height: 272px;
}
ul.essentials li a {
	width: 189px;
	text-decoration: none;
	text-align: center;
	margin: auto;
	display: block;
	padding: 14px 14px 10px 15px;
	-webkit-box-shadow: inset 0 0 0 5px #fff;
	box-shadow: inset 0 0 0 5px #fff;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
ul.essentials li a:before {
    display:block;
    content:'';
    width:218px;
    height:100%;
    background: #848b9a;
    position:absolute;
    z-index:1;
    opacity:.5;
	-webkit-box-shadow: inset 0 0 0 5px #fff;
	box-shadow: inset 0 0 0 5px #fff;
    margin:-14px 0 0 -15px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .5s ease-out;
}
ul.essentials li.school a:before {
	background: #e3c271;
}
ul.essentials li.weekend a:before {
	background: #ebceb9;
}
ul.essentials li.formal a:before {
	background: #beb6ba;
}
ul.essentials li a:hover:before {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}
ul.essentials li.filters a {
	font-weight: 800;
	border: solid 2px;
	width: auto;
	margin: 0 0 10px;
	padding: 5px ;
	-webkit-box-shadow: none;
	box-shadow: none;
}
ul.essentials li.filters a:before {
	display: none;
}
ul.essentials li.filters a span {
	display: block;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
	padding: 12px 0;
}
ul.essentials li.filters a span.active,ul.essentials li.filters a span:hover {
	background: #848b9a;
}
ul.essentials li.filters a.school span.active,ul.essentials li.filters a.school span:hover {
	background: #e3c271;
}
ul.essentials li.filters a.weekend span.active,ul.essentials li.filters a.weekend span:hover {
	background: #ebceb9;
}
ul.essentials li.filters a.formal span.active,ul.essentials li.filters a.formal span:hover {
	background: #beb6ba;
}
ul.essentials li.filters img {
	padding: 4px 0 0;
}
ul.essentials li.filters:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
ul.essentials li h4 {
	margin: 10px 0 0;
	text-transform: uppercase;
    font-size:14px;
    line-height:22px;
    height:44px;
}
/*
+ Outfit Inspiration: Categories
*/
#outfit_list li {
	width: 455px;
	margin: 0 0 40px;
}
.outfit_archive li:hover {
    opacity:.8;
}
#outfit_list li:hover img {
    opacity:.85
}
#outfit_list li a {
	text-decoration: none;
}
#outfit_list li h4 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	font-style: italic;
	margin: 0;
	color: #28495e;
}
#outfit_list li.school h4 {
	color: #deae3f;
}
#outfit_list li.weekend h4 {
	color: #e4b194;
}
#outfit_list li.formal h4 {
	color: #8c8187;
}
/*
+ Outfit Inspiration: Archive
*/
.work h2.header_title {
	background: url('img/inspiration/work_header.jpg') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.school h2.header_title {
	background: url('img/inspiration/school_header.jpg') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.weekend h2.header_title {
	background: url('img/inspiration/weekend_header.jpg') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.formal h2.header_title {
	background: url('img/inspiration/formal_header.jpg') no-repeat 0 0;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
.outfit_archive li {
	width: 475px;
	border: solid 1px #28495e;
	margin: 0 0 28px;
}
.school .outfit_archive li {
	border-color: #deae3f;
}
.weekend .outfit_archive li {
	border-color: #e4b194;
}
.formal .outfit_archive li {
	border-color: #8c8187;
}
.outfit_archive li a {
	text-decoration: none;
	display: block;
}
.outfit_archive li img {
	display: block;
	margin: 11px auto;
    width:450px;
    height:350px;
}
.outfit_archive li h4 {
	margin: 0;
	background: #28495e;
	color: #fff;;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding: 20px 0 15px;
}
.school .outfit_archive li h4 {
	background: #deae3f;
}
.weekend .outfit_archive li h4 {
	background: #e4b194;
}
.formal .outfit_archive li h4 {
	background: #8c8187;
}
/*
+ About
*/
.page {
	font-size: 14px;
	line-height: 17px;
	position: relative;
	overflow: hidden;
	width: 927px;
	padding: 0 22px 40px 21px;
}
.page h3{
	font-size: 16px;
	font-weight: 800;
	line-height: 18px;
}
.page h3#frequently-asked-questions {
	margin-top: 14px;
}
#philosophy {
	padding: 13px 0;
}
#philosophy:after {
	content: '';
	display: block;
	height: 20px;
	background: url('img/lines.png');
	clear: both;
}
#philosophy h3 {
	background: url('img/lines.png');
	overflow: hidden;
	margin: 0 0 26px;
}
#philosophy h3 span {
	background: #fff;
	display: block;
	float: left;
	padding: 2px 10px 2px 0;
}
#philosophy h4 {
	font-style: italic;
	margin: 0;
}
#philosophy div {
	width: 435px;
	margin: 0 0 50px;
}
#philosophy div:last-child,#philosophy div:nth-last-child(2) {
	margin: 0 0 13px;
}
.faq li {
	width: 455px;
	margin: 0 0 15px;
	background: #020302;
	-webkit-transition: background 1s ease-in-out 0s;
	-moz-transition: background 1s ease-in-out 0s;
	-o-transition: background 1s ease-in-out 0s;
	-ms-transition: background 1s ease-in-out 0s;
	transition: background 1s ease-in-out 0s;

}
.faq li:hover {
	background-color: #8C8187;
}
.faq h5 {
	font-size: 14px;
	font-weight: 600;
	background: url('img/more.png') no-repeat 424px center;
	color: #fff;
	padding: 10px 40px 10px 20px;
	margin: 0;
	cursor: pointer;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;

}
.faq div {
	font-size: 13px;
	color: #fff;
	display: none;
	-webkit-transition: color 1s ease-in-out 0s;
	-moz-transition: color 1s ease-in-out 0s;
	-o-transition: color 1s ease-in-out 0s;
	-ms-transition: color 1s ease-in-out 0s;
	transition: color 1s ease-in-out 0s;

}
.faq li.collapsed {
	background: none;
}
.faq li.collapsed h5 {
	color: #020302;
	background: url('img/less.png') no-repeat 424px center;
}
.faq li.collapsed div {
	color: #020302;
	padding: 10px 20px;
	border-top: solid 1px;
}



/*
+ Press
*/
ul.press {
	overflow: hidden;
	padding: 15px 0 30px;
}
.press li {
	width: 410px;
	padding: 25px 20px;
	background: #edecec;
	margin: 0 0 25px;
	text-align: center;
	font-style:italic;
	height: 180px;
}
.press div {
	height: 95px;
	background: no-repeat center;
}
/*
+ Forum
*/
a.button {
	background: #020302;
	color: #fff;
	text-decoration: none;
	font-weight: 800;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	padding: 10px 0;
	margin: auto;
	width: 230px;
	display: block;
	text-align: center;
}
#topics .header {
	height: 34px;
	background: #020302;
	color: #fff;
	margin: 50px 0 15px;
	font-weight: 800;
	position: relative;
}
#topics .header:after {
	top: 100%;
	left: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 31, 32, 0);
	border-top-color: #020302;
	border-width: 10px 12.5px 0 12.5px;
}
#topics .header * {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	height: 14px;
}
#topics .title {
	width: 680px;
	float: left;
	padding: 10px 15px;
}
#topics .posts {
	float: left;
	width: 70px;
	padding: 10px 5px;
	text-align: center;
}
#topics .latest {
	float: left;
	width: 120px;
	padding: 10px 5px;
	text-align: right;
}
#topics ul li {
	overflow: hidden;
}
#topics ul li.gray {
	background: #e9e9e9;
}
#topics li:hover * {
    color: #888;
}
/*
+ Forum: Topic
*/
.topic_container {
	width: 720px;
	float: left;
}
.topic_container article{
	overflow: hidden;
	padding: 30px 0 0;
	margin: 0 0 30px;
	border-top: solid 3px;
}
.topic_container article .author{
	width: 180px;
	float: left;
}
.topic_container article .content{
	width: 490px;
	float: right;
}
.topic_container article .content p {
    margin:0 0 15px;
}
.topic_aside {
	width: 178px;
	float: right;
}
.topic_aside .back_to_home {
	position: absolute;
	margin: -38px 0 0;
	text-decoration: underline;
}
h2.topic_title {
	font-size: 24px;
	font-weight: 800;
	margin: 60px 0 25px;
}
aside.topic_aside strong{
	font-style: italic;
}
aside.topic_aside a{
	text-decoration: none;
}
aside.topic_aside ul {
	margin: 0 0 30px;
}
aside.topic_aside li {
	margin: 10px 0;
}
/*
Forum: Start Conversation
*/
.start_conversation h2 {
	position: relative;
}
.start_conversation .forum_home {
	display: block;
	font-size: 14px;
	font-style: italic;
	position: absolute;
	width: 100%;
	text-align: right;
	margin: 5px 0 0;
}
.start_conversation #comments form {
    padding: 0;
    background: none;
    margin: 20px 0 0;
}
.start_conversation #comments form label {
    font-weight: 800;
    width: 160px;
}
.start_conversation #comments form .txt {
    width: 780px;
    border: solid 1px;
    height: 24px;
}
.start_conversation #comments form textarea {
    width: 760px;
    border: solid 1px;
    background: none;
}
.start_conversation #comments form .black {
    float: none;
    margin: 0 0 0 186px;
    font-size: 24px;
    width: 160px;
}
.start_conversation #comments form #comment_image_cont {
    margin: 0 0 0 27px;
    border-color: #020302;
    width: 161px;
}
.start_conversation #comments form #comment_image_cont span {
    font-size:14px;
    font-weight:800;
    display:block;
    line-height:14px;
    height:14px;
    text-align:center;
    padding:5px 0;
    cursor:pointer;
}
.start_conversation #comments form #comment_image_cont input {
    position: absolute;
    opacity: 0;
    width: 161px;
}
/*
+ Features
*/
#features {
    width: 927px;
    overflow: hidden;
    padding: 0 0 100px;
}
#features h3.tagline {
	height: 0;
	overflow: hidden;
	padding: 64px 0 0;
	text-indent: -9999;
	background: url('img/tagline.gif') no-repeat center;
	margin: 0;
}
#features p.rh {
	font-weight: 600;
	font-size: 12px;
	font-style: italic;
}
#features li {
    background: url('img/texture.png');
    float: left;
    margin: 0 7px 7px 0;
}
#features li:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity: .85;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
}
#features li.last {
    margin-right: 0;
}
#features li h2.header_title {
    margin: 0;
    width: 304px;
    background-position: center;
}
#features li.wear-it-well- h2.header_title {
	background: url('img/features_small/how-to-wear.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.sg-man-of-style h2.header_title {
	background: url('img/features_small/sg-man-of-style-girlfriend.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.-days--ways h2.header_title {
	background: url('img/features_small/5-days-5-ways.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.style-girlfriend-girl-talk- h2.header_title {
	background: url('img/features_small/style-girlfriend-girl-talk.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.shop-the-store- h2.header_title {
	background: url('img/features_small/shop-the-store.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.outfit-of-the-week-2 h2.header_title {
	background: url('img/features_small/outfit-of-the-week.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.steal-his-look h2.header_title {
	background: url('img/features_small/steal-his-look.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.random h2.header_title {
	background: url('img/features_small/random.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.borrowed-from-the-boys h2.header_title {
	background: url('img/features_small/borrowed-from-the-boys.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.grooming h2.header_title {
	background: url('img/features_small/grooming.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.outfit-ideas h2.header_title {
	background: url('img/features_small/outfit-ideas.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.features h2.header_title {
	background: url('img/features_small/features.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.all-posts h2.header_title {
	background: url('img/features_small/all-posts.png') no-repeat center;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
/*
+ Lifestyle
*/
#features li.fitness h2.header_title {
	background: url('img/ban_fitness.jpg') no-repeat left top;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.travel h2.header_title {
	background: url('img/ban_travel.jpg') no-repeat left top;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}
#features li.home h2.header_title {
	background: url('img/ban_home.jpg') no-repeat left top;
		padding:123px 0  0;
		height: 0;
		text-indent: -9999px;
}

#features #lss li:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#features #lss li:hover h2.header_title {
	background-position: bottom;
}
/*
+ Footer
*/
footer {
	overflow: hidden;
	padding: 10px 0;
	border-top: solid 2px;
	margin: 20px auto 0;
}
footer a {
	text-decoration: none;
}
footer ul {
	overflow: hidden;
}
footer ul li {
	float: left;
	margin: 0 15px 10px 0;
}
footer ul li.contact {
	width: 210px;
}
footer ul li.contact strong{
	background: #020302 url('img/footer/contact.png') no-repeat 14px center;
	display: block;
	color: #fff;
	font-weight: 800;
	font-size: 18px;
	line-height: 12px;
	padding: 10px 0 9px 70px;
	position: relative;
}
footer ul li.contact strong:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 31, 32, 0);
	border-top-color: #020302;
	border-width: 10px 12.5px 0 12.5px;
	margin-left: -12.5px;
}
footer ul li.contact strong span{
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 600;
	font-style: italic;
	margin: 7px 0 0;
}
footer ul li.contact a {
	display: block;
	border: solid 4px;
	border-left: none;
	border-right: none;
	text-decoration: none;
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	padding: 5px 0;
	margin:25px 0 0;
}
footer ul li.contact a:hover {
	color: #888;
	border-color: #020302;
}
footer ul li.nav {
	width: 120px;
	background: url('img/lines_2.png');
}
footer ul li.nav div {
	background: #fff;
	margin: 12px;
	padding: 3px 10px;
}
footer ul li.nav a {
	display: block;
	font-weight: 800;
	text-decoration: none;
}
footer ul li.follow {
	width: 220px;
	margin: 0 0 10px;
	padding: 0 0 0 46px;
	background: url('img/footer/follow.png') no-repeat left;
}
footer ul li.follow div {
	width: 103px;
}
footer ul li.follow div a {
	display: block;
	text-decoration: none;
	border-bottom: solid 1px;

	font-size: 12px;
	font-weight: 800;
	padding: 10px 0 10px 25px;
	background:url('img/aside/facebook.png') no-repeat 0 center;
	background-size: auto 20px;
	text-transform: uppercase;
}

footer ul li.follow div a.t {
	background-image:url('img/aside/twitter.png');
	background-size: 18px auto;
}
footer ul li.follow div a.y {
	background-image:url('img/aside/youtube.png');
	background-size: auto 19px;
}
footer ul li.follow div a.i {
	background-image:url('img/aside/instagram.png');
	background-size: auto 16px;
}
footer ul li.follow div a.p {
	background-image:url('img/aside/pinterest.png');
	background-size: auto 19px;
}
footer ul li.follow div a.fd {
	background-image:url('img/aside/feed.png');
	background-size: auto 14px;
}
footer ul li.follow div a:last-child {
	border: none;
}
footer ul li.newsletter {
	width: 314px;
	float: right;
	padding: 10px 0 10px 12px;
	margin: 0;
	border-left: solid 3px;
}
footer ul li.newsletter label {
	font-size: 12px;
	font-style: italic;
	font-weight: 600;
}
footer ul li.newsletter strong {
	font-weight: 800;
	font-size: 18px;
	line-height: 12px;
	display: block;
	font-style: normal;
}
footer ul li.newsletter form {
	background: url('img/lines_2.png');
	overflow: hidden;
}
footer ul li.newsletter form div {
	background: #fff url('img/footer/newsletter.png') no-repeat 0 0;
	padding: 0 0 10px;
	width: 263px;
	padding: 0 0 10px 61px;
}
footer ul li.newsletter form div.thanks {
    height: 21px;
    padding: 0;
    font-size: 16px;
    line-height:16px;
    padding:5px 0 0;
    font-style: normal;
    font-weight: 700;
    float: right;
    clear: both;
    border-left: solid 10px #fff;
    display: block;
    background: #fff;
    float:right;
    width:auto;
    font-style:italic;
    text-transform: uppercase;
}
footer ul li.newsletter .txt {
	width: 239px;
	height: 15px;
	border: solid 2px;
}
footer ul li.newsletter #submit_newsletter_footer {
	width: 95px;
	height: 26px;
	padding: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	float: right;
	clear: both;
	border-left:solid 10px #fff;
	display: block;
}

footer .bottom {
	border: solid 2px;
	border-left: none;
	border-right: none;
	clear: both;
	overflow: hidden;
	font-size: 12px;
	padding: 2px 0;
}
footer .bottom a {
	text.decoration:none;
}

/*
+ Alert
*/
#overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.6);
    width: 100%;
    height: 100%;
    cursor: pointer;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
#alert {
    z-index: 999;
    position: fixed;
    background: #fff;
    width: 400px;
    text-align: center;
    font-weight: 300;
    line-height: 14px;
    font-size: 14px;
    padding: 40px 0;
    height: 14px;
    left: 50%;
    top: 50%;
    margin: -234px 0 0 -210px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	border: solid 2px #020302;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
#alert div {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    background:#020302;
}
#alert div:before {
    content: 'x';
    font-weight: 800;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    margin: 2px 0 0;
    display: block;
    cursor: pointer;
}