/****************************************************************************
Import normalize, grid system, font-face declarations & misc utility classes.
Running `php script/minify.php` will minify the css and combine the imported
css into one file "style.min.css" as imports cause an extra network request.
****************************************************************************/

@import "utilities.css";

.pps-next {
	float: right;
	font-size: 14px;
}

.pps-prev {
	float: left;
	font-size: 14px;
}

.pps-slide-count {
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 14px;
}

.pps-slider-nav {
	border-top: 1px dotted #62D7B7;
	border-bottom: 1px dotted #62D7B7;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 16px;
}

/*********************
GENERAL STYLES
*********************/

a#rss {
	display: block;
	height: 32px;
	width: 32px;
	position: absolute;
	background: url(../images/rss.png);
	z-index: 9999;
	margin-left: 500px;
}

ul,
ol { list-style-type: none }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
  padding: 0;
}

a {
  color: #00cd98;
  text-decoration: none;
}

/*********************
NAVIGATION STYLES
*********************/
.dropdown-arrow {
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 12px;
  color: #ffe400;
}

#main-nav { background: #000 }

#menu-primary-navigation li {
  float: left;
  position: relative;
}

#menu-primary-navigation li a {
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  border-bottom: 0;
  color: #fff;
  font-family: 'fabricaregular', Arial, sans-serif;
}

#menu-primary-navigation ul.sub-menu,
#menu-primary-navigation ul.children {
  background: #000;
  opacity: 0.7;
  width: 150px;
  position: absolute;
  display: none;
  z-index: 8999;
  padding-left: 0px;
}

#menu-primary-navigation ul.sub-menu li a,
#menu-primary-navigation ul.children li a {
  padding-left: 10px;
  border-right: 0;
  display: block;
  width: 125px;
  border-bottom: 1px dotted #FFE400;
}

#menu-primary-navigation ul.sub-menu li:last-child a,
#menu-primary-navigation ul.children li:last-child a { border-bottom: 0 }

#menu-primary-navigation li:hover ul {
  top: auto;
  display: block;
}

/*********************
HEADER SYTLES
*********************/
.header {
  height: 375px;
  background: url('../images/header/bg.png') repeat-x;
}

.roses {
  width: 175px;
  height: 390px;
  position: absolute;
}

#roses-right {
  right: 0;
  background: url('../images/header/roses-right.png') no-repeat;
}

#roses-left {
  left: 0;
  background: url('../images/header/roses-left.png') no-repeat;
}

#the-girls {
  margin: 0 auto;
  height: 375px;
  width: 875px;
  background: url('../images/header/the-girls.png') no-repeat 0 55px;
}

/*********************
TOPBAR
*********************/

#body-featured-block-wrapper {
  top: 0px;
  z-index: 2;
  position: relative;
  height: 260px;
  background-color: #000;
  color: #fff;
  border: 1px #333 solid;
  box-shadow: 0 2px 1px -2px rgba(50, 50, 50, 0.9);
}

#body-featured-block {
  width: 970px;
  margin: 0px auto;
}

.widget-title {
  text-align: center;
  border-bottom: 1px solid #000;
  margin: 0px;
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 13px;
  height: 35px;
  line-height: 2.8em;
}

.widget-content {
  font-size: 11px;
  font-family: Arial;
  padding: 5px;
  margin-top: 5px;
  text-align: center;
}

.widget-content a img {
	border: 1px solid #000;
}

.widget-content p { margin: 0 }

#featured-topbar-right,
#featured-topbar-left { width: 175px }

#featured-youtube-title {
  background-color: #f31f2c;
  color: #fff;
  border-radius: 2px;
}

#featured-topbar-right .widget-content iframe {
  float: right;
  margin-right: 2px;
}

.topbar-widget { margin-left: 0 }

#featured-topbar-left img {
  margin: 2px;
  border: 2px solid #000;
}

#featured-topbar-left .no1ribbon {
  position: relative;
  top: -10px;
  left: 68px;
  height: 54px;
  width: 24px;
  background: url(../images/no1flag.png);
}


#featured-middle-block {
  width: 620px;
  float: left;
  height: 100%;
}

#featured-middle-block .widget-title {
  font-size: 16px;
  line-height: 2.2em;
}

.topbar-featured-post a { font-weight: bold }

.post-preview-blurb {
  text-align: center;
  position: relative;
  top: -5px;
}

.post-preview-blurb a {
  position: relative;
  font-family: 'fabricaregular', Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  width: 187px;
  text-align: center;
  color: #e93534;
  margin-top: 2px
}

.post-preview-blurb p {
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
}

#post-reviews-container {
  position: relative;
  float: left;
  width: 193px;
  height: 100%;
  padding: 6px;
}

#post-reviews-container .topbar-featured-post {
  padding: 2.5px 0;
}

#post-reviews-container p {
  -webkit-font-smoothing: none;
  margin: 5px 0;
}

.topbar-featured-post { border-bottom: 1px #cacaca dotted }

.post-preview-container {
  position: relative;
  float: left;
  width: 187px;
  height: 100%;
  padding: 9px;
}

.post-preview-image { text-align: center; height: 132px; }

.post-preview-image img {
  border: 1px #333 solid;
  max-height: 125px;
  max-width: 150px;
}

.post-review-1-title {
  font-family: 'fabricaregular', Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  width: 187px;
  color: #e93534;
}

.featured-with-excerpt p {
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
}

.post-review-2-text {
  position: relative;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #62d7b7;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px dotted #cacaca;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.media-credit-container {
  margin: 0 auto;
}

.archive-title {
  width: 100%;
  position: relative;
  background-color: #B6B6B6;
  font-family: 'fabricaregular',Arial,sans-serif;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

body {
  padding: 0px;
  margin: 0px;
  min-width: 990px;
}

#container {
  min-width: 1024px;
  background: url('../images/bg.png');
}

#inner-content-wrapper {
  border: 1px #333 solid;
  box-shadow: 2px 2px rgba(50, 50, 50, 0.4);
  background-color: #fff;
  z-index: 1;
  position: relative;
}

#inner-content {
  background: #fff;
  width: 966px;
  margin: 0 auto;
}

#body-posts-block {
  width: 594px;
  position: relative;
  float: left;
  min-height: 300px;
  border-left: 1px solid #B6B6B6;
  border-right: 1px solid #B6B6B6;
}

.body-spacer {
  height: 16px;
  width: 100%;
  position: relative;
  clear: both;
}

.post-block {
  position: relative;
  padding: 13px;
  width: 568px;
  clear: both;
}

.post-title-block {
  padding-bottom: 10px
}

.post-title {
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 2px;
}

.post-title a { color: #000 }

.post-subtitle {
  font-family: Arial, sans-serif;
  font-size: 10px;
  padding-bottom: 5px;
}

.post-title, .post-subtitle {
  text-transform: uppercase;
}

.post-title a, .post-subtitle a {
  color: black;
}

.post-title a:hover, .post-subtitle a:hover {
  text-decoration: underline;
}

.byline {
  border-top: 1px grey dotted;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  padding-top: 2px;
}

.post-body {
  position: relative;
  clear: both;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.post-body img {
  text-align: center;
  margin: auto;
  margin-bottom: 9px;
  border: 1px solid #333;
  padding: 1px;
  display: block;
}

.post-footer {
  border-bottom: 5px #333 solid;
  margin-top: 30px;
  position: relative;
  clear: both;
  width: 100%;
  height: 20px;
  padding: 3px;
}

.post-footer-social {
  margin-left: 8px;
  position: relative;
  width: 250px;
  clear: both;
}

.post-footer .social-button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: relative;
  float: left;
  width: 90px;
  padding-left: 17px;
  height: 15px;
  line-height: 1.5em;
}

.post-footer .post-hate { background: url('../images/cross-icon.png') no-repeat }

.post-footer .post-hate:hover { background: url('../images/cross-icon-selected.png') no-repeat }

.post-footer .post-love { background: url('../images/heart-icon.png') no-repeat }

.post-footer .post-love:hover { background: url('../images/heart-icon-selected.png') no-repeat }

.post-comment-button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px #333 solid;
  background: #000;
  width: 140px;
  color: #fff;
  height: 20px;
  float: right;
  text-align: center;
  vertical-align: center;
  top: -5px;
  position: relative;
  line-height: 1.8em;
}

.post-footer a,
.post-footer-bottom a { color: #424242 }

.post-comment-button a { color: #fff }

/* Related Posts */

#ssf-related-posts {
  padding: 0;
  width: 100%;
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 11px;
  border-bottom: 3px solid #000;
  padding-bottom: 5px;
}

.related-post {
  float: left;
  width: 25%;
}

.related-post-thumb {
  width: 135px; height: 110px;
  border: solid 2px #555;
}

.related-post-thumb img {
  width: 100%; height: 100%;
}

.related-post a {
  display: block;
  padding-top: 10px;
  color: #000;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/

.page-navigation,
.wp-prev-next { margin: 1.1em 0 2.2em }

.ssf_page_navi li {
  float: left;

}

ol.ssf_page_navi {
	margin: 0 auto;
	padding-left: 0;
	width: 380px;
}

.ssf_page_navi li a,  .ssf_page_navi li span {
  background: #000;
  border: 1px #fff solid;
  box-shadow: 1px 1px rgba(50, 50, 50, 0.4);
  color: #fff;
  display: block;
  float: left;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 2.4em;
  margin: 3px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 30px;
}

.ssf_page_navi li a:hover {
  color: #f01d4f;
  text-decoration: underline;
}

.ssf_page_navi li span.bpn-current {
  background-color: #666;
}

.ssf_page_navi li.bpn-prev-link a,
.ssf_page_navi li.bpn-next-link a {
  font-weight: 700;
  padding: 0;
}

/******************************************************************
COMMENT STYLES
******************************************************************/

.vcard .photo {
  height: 32px;
  width: 32px;
  position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff;
}

.comment-reply-login {
  float: right;
  font-size: 12px;
}

#cancel-comment-reply {
  font-family: 'fabricaregular',Arial,sans-serif;
  float: left;
  font-size: 12px;
  padding-top: 5px;
}

#comments {
  border-top: 1px #000 dotted;
  margin-top: 50px;
  padding-top: 20px;
}

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-left: 0;
  margin-top: 0;
  padding: 0.7335em 10px;
  border-bottom: 1px solid #bbb;
}


.commentlist li:last-child { margin-bottom: 0 }

.commentlist li ul.children { margin: 0 }

/* vcard */

.comment-author {
  margin-left: 50px;
  font-size: 12px;
}

.comment-author .fn {
  font-weight: 700;
  font-style: normal;
}

.comment-author time {  }

.comment-author time a {
  color: #999;
  text-decoration: none;
}

.comment-author time a:hover { text-decoration: underline }

.comment-author img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}

/* comment content */

.comment_content {
  margin-left: 50px;
  font-size: 12px;
}

.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 12px;
  line-height: 1.5em;
}

/* comment reply link */

.comment-reply-link {
  text-decoration: none;
  float: right;
  background: #000;
  padding: 3px 5px;
  color: #fff;
  opacity: 1;
  font-weight: 700;
  font-size: 0.9em;
  font-family: 'fabricaregular',Arial,sans-serif;
}

.comment-reply-link:hover { opacity: 0.7 }

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

div#comment-form-title {
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 18px;
}

div#related-posts-title {
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 18px;
  margin-top: 8px;
}

#commentform input.button {
  float: right;
  height: 35px;
  width: 80px;
  margin: 5px 0 5px 0;
  background: #000;
    color: #fff;
    border: 0px;
  font-family: 'fabricaregular', Arial, sans-serif;

}

.comments-logged-in-as {
  float: right;
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 12px;
  line-height: 2.2em;
}


.respond-form {
  margin: 10px 0 0 0;
  border-bottom: 3px solid #000;
}

#commentform { margin: 0.75em 0 }

#commentform li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}

#commentform li label,
#commentform li small { display: none }

#commentform textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #000;
  line-height: 1.5em;
}

#commentform textarea:focus { background: #fff }

#commentform:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  box-shadow: none;
}

#commentform textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

#comment-form-title {
  float: left;
  margin-bottom: 5px;
}

#allowed_tags { margin: 1.5em 10px 0.7335em 0 }

.nocomments { margin: 0 20px 1.1em }


/*********************
SIDEBARS & ASIDES
*********************/

.body-sidebar {
  width: 185px;
  position: relative;
  float: left;
  min-height: 300px;
}

.widget-title {
  height: 35px;
  width: 100%;
  border-bottom: 1px #333 solid;
  font-family: 'fabricaregular', Arial, sans-serif;
  text-align: center;
}

.sidebar-widget-block {
  margin: 7px 7px 0 7px;
  padding-bottom: 3px;
  width: 171px;
  border-bottom: 3px #000 solid;
}

.sidebar-widget-title {
  min-height: 18px;
  width: 100%;
  font-family: 'fabricaregular', Arial, sans-serif;
  font-size: 12px;
  padding-bottom: 2px;
}

#body-right-bar .sidebar-widget-block:last-child .sidebar-widget-title {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 6px;
}

#body-right-bar .sidebar-widget-block:last-child {
  border-bottom: none;
  text-align: center;
}

.sidebar-widget-block:last-child {
  border-bottom: none;
}

.sidebar-widget-title .small-widget-title { font-size: 11px }

.widget-list {
  list-style-type: none;
  padding: 0px;
  margin: 0px 2px 0px 2px;
}

.widget-list-text a {
  color: #a05691
}

.widget-list-text {
  font-size: 11px;
  border-top: 1px dotted #cacaca;
}

.widget-list-text, .blogroll li {
  position: relative;
  font-family: Arial, sans-serif;
  color: #62d7b7;
  padding-top: 5px;
  padding-bottom: 5px;
}

.blogroll {
  padding-left: 0;
  margin: 0;
}

.sidebar-featured { text-align: center }

.widget-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
}

.sidebar-image { border: 1px #000 solid }

.no-bottom-border { border-bottom: none !important }

.widget:first-child { border-top: none }

.widget_search {
  background: url('../images/search.gif') no-repeat center;
  height: 90px;

  width: 171px;
  clear: both;
}

.widget_search .widgettitle {
  padding-top: 15px;
  border-bottom: 0px;
  height: 20px;
  padding-bottom: 16px;
}

.widget_search .sidebar-widget-title {
  position: relative;
  top: 20px;
  font-size: 13px;
  margin-left: 18px;
}

/*Blogroll*/
#linkcat-2 .sidebar-widget-title, .widget_googleanalyticspopularposts .sidebar-widget-title {
  text-transform: uppercase;
  font-size: 13px;
  margin-left: 10px;
}

#linkcat-2 .blogroll a {
  color: black;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
}

#linkcat-2 .blogroll a:hover {
  text-decoration: underline;
}

#linkcat-2 .blogroll {
  margin-top: 10px;
  min-height: 175px;
}

#searchform {
  margin-top: 35px;
  font-family: sans-serif;
  padding-left: 7px;
}

#searchform #s {
  width: 120px;
  height: 20px;
  opacity: .8;
  border: 1px solid #000;
}

#searchsubmit {
  background: #000;
  color: #fff;
  border: 0px;
  width: 35px;
  height: 24px;
  font-size: 11px;
  position: relative;
  top: -2px;
  left: -4px;
}

.comment-count {
  position: relative;
  width: 16px;
  height: 11.5px;
  margin-left: 9px;
  text-align: center;
  font: 8.75px/12.5px Arial, sans-serif;
  color: #fff;
  background: red;
  display: inline-block;
  border-radius: 2px;
}

/* creates the larger triangle */
.comment-count:before {
  content: "";
  position: absolute;
  bottom: -2.75px;
  right: 0;
  border-width: 0 0 4.75px 4.75px;
  border-style: solid;
  border-color: transparent #CB0F10;
}

/* creates the larger triangle */
.comment-count:after {
  content: "";
  position: absolute;
  bottom: -8.75px;
  right: 5.3125px;
  border-width: 0 0 8.75px 3.4375px;
  border-style: solid;
  border-color: transparent #fff;
}



/*********************
FOOTER STYLES
*********************/

.tlw-list {
	float: left;
	padding-left: 5px;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 139px;
	padding-bottom: 5px;
}

#footer-block {
  position: relative;
  min-height: 280px;
  background-color: #000;
  width: 966px;
  box-shadow: 2px 2px rgba(50, 50, 50, 0.4);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  color: #fff;
}

.footer {
  background: black;
  clear: both;
  height: 310px;
}

#footer-about-us {
  font-size: 11px;
  text-align: center;
  float: right;
  height: 280px;
  position: relative;
  padding-right: 15px;
  width: 336px;
}

#footer-style-logo {
  background: url('../images/ssfstyle.png') no-repeat;
  width: 130px;
  height: 75px;
  margin: 10px auto;
}

#category-links {
  font-family: 'fabricaregular';
  font-size: 12px;
  padding-left: 10px;
  width: 605px;
}

#footer-map-container {
  width: 630px;
  position: relative;
  float: left;
  height: 280px;
  font-size: 12px;
}

#category-links li { padding-bottom: 5px }


#category-links > li {
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
}

#category-links h5 {
  font-size: 16px;
  margin: 3px 0 10px 0;
}

#category-links .fourcol > ul { padding: 0px }

#category-links .children { padding-left: 12px }

.members-category-list ul li a { color: #FFAA4F }

.items-category-list ul li,
.posts-category-list ul li a { color: #FE6134 }

.items-category-list ul li a { color: #FD686C }
.items-category-list ul li { color: #FD686C }

#brands.tlw-list li a { color: #b56ebb }

#footer-block .fourcol {
	width: 23%;
}

#footer-block .members-category-list, #footer-block .posts-category-list {
	width: 20%;
}

#footer-block .items-category-list {
	width: 26%;
}
#footer-block .tlw-list {
	width: 27%;
}

.sprite-gtl {
  margin: 0 auto;
  background: url('../images/icon-sprite.png') no-repeat top left;
  background-position: 0 0;
  width: 105px; height: 16px;
}
#recent-posts-from-category-3 .sidebar-widget-title { /* (hair) */
  margin: 0 auto;
  background: url('../images/icon-sprite.png') no-repeat top left;
  background-position: 0 -26px;
  width: 146px; height: 17px;
}
#recent-posts-from-category-2 .sidebar-widget-title { /* (makeup) */
  margin: 0 auto;
  background: url('../images/icon-sprite.png') no-repeat top left;
  background-position: 0 -53px;
  width: 158px; height: 14px;
}
.widget_googleanalyticspopularposts .sidebar-widget-title { /* (popular) */
  background: url('../images/icon-sprite.png') no-repeat top left;
  background-position: 0 -77px;
  width: 141px; height: 34px;
}
.sprite-speech {
  background: url('../images/icon-sprite.png') no-repeat top left;
  background-position: 0 -121px;
  width: 16px; height: 14px;
}