/*
Theme Name: Politics of Pretty
Theme URI: http://politicsofpretty.com
Author: Lisa Butler
Author URI: http://elembee.com
Template: hybrid

1.	CSS Reset
2.	Layout
3.	General
4.	Typography
	4.1. Headers
	4.2. Titles
	4.3. Other Elements
5.	Header
	5.1. Site Title and Tagline
	5.2. Navigation
6.	Main Content
	6.1. Content
	6.2. Entry
	6.3. Comments
	6.4. Sidebars
7.	Footer
	7.1. Subsidiary
	7.2. Footer Section
8.	Additional Elements

*/

/*************************
	1. CSS Reset
*************************/

@import url('../hybrid/library/css/reset.css');



/*************************
	2. Layout
*************************/

 @import url('css/2c-l-fixed.css'); 
/* @import url('css/2c-r-fixed.css'); */
/* @import url('css/3c-c-fixed.css'); */
/* @import url('css/3c-l-fixed.css'); */
/* @import url('css/3c-r-fixed.css'); */



/*************************
	3. General
*************************/

/* Body */
body {
	font: 12pt/1.5em 'Baskerville', "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; 
	color: #454A53;
}
	
/* Paragraphs */
p {margin-bottom: 12px;}
.no-margin {margin-bottom: 0;}

/* Links */
a {color: #993366;}
	a:hover {text-decoration: underline;}
	a:active {text-decoration: underline;}
	
/* Alignment */
.alignleft, .left {float: left; margin-right: 20px;}
.alignright, .right {float: right; margin-left: 20px;}
.aligncenter, .center {display: block; margin: 0 auto 18px auto;}
.alignnone, .block {clear: both; margin: 0 0 18px 0;}
.clear {clear: both;}
img.alignleft, img.alignright {display: inline;}
blockquote.alignleft, blockquote.alignright {width: 33%}

/* Images */
img {margin-bottom: 12px;}
	img.no-border {border: 0;}
	a img {}
	img.wp-smiley {border: none; padding: 0; margin: 0;}
	
	.entry-content img {max-width: 600px; height: auto;}

.thumbnail {}

.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

@import url('css/gallery.css');

.gallery {}
	.gallery img {}
	
/* Object */
object {margin-bottom: 18px;}

/* Tables */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
th, td {text-align: left;}

/* Forms */
input, textarea {font: 12px Helvetica, Arial, sans-serif; padding: 3px;}
input[type="submit"] {cursor: pointer;}
:focus {outline: none;}
form label {cursor: pointer;}
option {padding: 1px 3px;}



/*************************
	4. Typography
*************************/


/*************************
	4.1. Headers
*************************/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif; 
	font-weight: normal; 
	color: #00536A;
	text-transform: uppercase; 
	line-height: 1em;
}
	h1 {font-size: 24pt;}
	h2 {font-size: 24pt;}
	h3 {font-size: 18pt;}
	h4 {font-size: 18pt;}
	h5 {font-size: 18pt;}
	h6 {font-size: 18pt;}



/*************************
	4.2. Titles
*************************/

.archive-title, .author-title, .term-title, .category-title, .tag-title, .date-title, .search-title {
	font: 24pt 'Playfair Display', serif; 
	font-weight: normal; 
	color: #00536A;
	text-transform: uppercase; 
	line-height: 1em;
}

.archive-title a, .author-title a, .term-title a, .category-title a, .tag-title a, .date-title a, .search-title a {
	color: #00536A;
	text-decoration:none;
}

.entry-title, .post-title, .page-title, .attachment-title, .error-404-title {
	font: 24pt 'Playfair Display', serif; 
	font-weight: normal; 
	color: #00536A;
	text-transform: uppercase; 
	line-height: 1em;
	text-align: center;
	margin-bottom: 24px;
}

.entry-title a, .post-title a, .page-title a, .attachment-title a, .error-404-title a {
	color: #00536A;
	text-decoration:none;
}



/*************************
	4.3. Other Elements
*************************/

/* Text elements */
strong {font-weight: bold;}
strong strong {font-weight: normal;}
em, cite {font-style: italic;}
em em, cite cite {font-style: normal;}
abbr {cursor: help;}
acronym {text-transform: uppercase; border-bottom: 1px dashed #666; cursor: help;}
big {font-size: 120%}
small, sup, sub {font-size: 80%}
sup {vertical-align: baseline; position: relative; bottom: 0.3em;}
sub {vertical-align: baseline; position: relative; top: 0.3em;}
address {font-style: italic; margin: 0 0 18px 0;}
li address, dd address {margin: 0;}
ins, dfn {font-style: italic; text-decoration: none; border-bottom: 1px solid #666;}
del {text-decoration: line-through;}

/* Lists */
ol, ul {list-style: none;}
ul {list-style: disc; margin: 0 0 18px 2.5em;}
ol {list-style-type: decimal; margin: 0 0 18px 3em;}
	ol ol {list-style: upper-roman;}
		ol ol ol {list-style: lower-roman;}
			ol ol ol ol {list-style: upper-alpha;}
				ol ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}

/* Defition lists */
dl {margin: 0 0 18px 3px;}
dl dt {font-weight: bold; margin: 12px 0 0 0;}
dl dd {margin: 6px 0 0 1.5em;}

/* Blockquotes */
blockquote {border-left: 10px solid #d7d9d4; padding-left: 20px;}
	blockquote blockquote {}
	blockquote em {}

/* Code */
pre {overflow: auto; font: .9em Monaco, monospace, Courier, "Courier New"; line-height: 18px; margin-bottom: 18px; padding: 9px;}
code {font: .9em Monaco, monospace, Courier, "Courier New"}
pre code {font-size: 1em;}




/*************************
	5. Header
*************************/

#header-container {margin-top: 40px; margin-bottom: 0; position: relative; z-index:5;}

/*************************
	5.1. Site Title and Tagline
*************************/

#site-title {width: 960px; height: 150px;}
	#site-title a {
		display: block; 
		width: 960px; 
		height: 150px; 
		background: url(images/header.png) no-repeat 0 0;
	}
	#site-title a span {display:none;}
#site-description {display:none;}



/*************************
	5.2. Navigation
*************************/

#primary-menu {background: url(images/menu.png) no-repeat 0 0; margin-top: -15px; margin-bottom: 40px; width: 960px; height: 40px; position: relative; z-index:2;}

#primary-menu div.menu {}

ul#menu-primary {margin: 0 0 0 20px; float: left; position: relative; z-index:10;}
ul#menu-secondary {margin: 0 20px 0 0; float: right; position:relative; z-index:10;}

	#primary-menu li {
		position: relative;
		float: left;
		list-style: none;
		padding: 12px 20px;
		margin: 0;
		font: 12pt 'Questrial', Helvetica, Arial, sans-serif; 
		text-transform: uppercase;
		letter-spacing:.1em;
	}
	
	#primary-menu li a {color: #80A9B4;}
		#primary-menu li a:hover {color: #993366; text-decoration:none;}
	
	#primary-menu li.current-menu-item {color: #993366;}
	
	.sf-sub-indicator {display: none;}
	ul.sub-menu {display: block; width: 150px !important; position: absolute; top: 36px; left: 50% !important; margin: 0 0 0 -75px !important; background: #E5EEF0; z-index:200; text-align:center; padding-top: 5px;}
		#primary-menu li ul.sub-menu li {text-align: center;}
		#primary-menu li ul.sub-menu li a {color: #80A9B4;}
			#primary-menu li ul.sub-menu li a:hover {color: #993366;}

	#primary-menu li ul.sub-menu {visibility: hidden;}
	#primary-menu li:hover ul.sub-menu {visibility: visible;}
	
	
/*************************
	6. Main Content
*************************/

/*************************
	6.1. Content
*************************/

#container {}
#content {width: 600px;}
.archive-info, .author-info, .term-info, .category-info, .tag-info, .date-info, .search-info {display: none; background: #E5EEF0; padding: 20px; margin-bottom: 40px;}
.hentry, .post, .page {margin-bottom: 40px;}

.taxonomy-category-makeup .category-info {display: block; width: 600px; height: 100px; background: url(images/makeup.png) 0 0 no-repeat; text-indent: -9999em; padding: 0;}
.taxonomy-category-hair .category-info {display: block; width: 600px; height: 100px; background: url(images/hair.png) 0 0 no-repeat; text-indent: -9999em; padding: 0;}
.taxonomy-category-skincare-2 .category-info {display: block; width: 600px; height: 100px; background: url(images/skincare.png) 0 0 no-repeat; text-indent: -9999em; padding: 0;}
.taxonomy-category-spa .category-info {display: block; width: 600px; height: 100px; background: url(images/spa.png) 0 0 no-repeat; text-indent: -9999em; padding: 0;}

.navigation-links {font: 10pt 'Questrial', sans-serif; color: #454A53; text-transform:uppercase;}
.navigation-links a {color: #454A53;}
	.navigation-links .previous {float: left;}
	.navigation-links .next {float: right;}



/*************************
	6.2. Entry
*************************/

.byline {height: 36px; background: url(images/byline.png) top center no-repeat; text-align:center; font: 10pt 'Questrial', sans-serif; color: #993366; padding-top: 14px; margin-bottom: 0;}
.entry-meta {color: #A2A4A9; font: 10pt/1.5em 'Questrial', sans-serif; text-transform: uppercase; padding: 10px 0; border-top: 1px solid #A2A4A9; border-bottom: 1px solid #A2A4A9;}
.entry-meta a {color: #a2a4a9;}
.entry-meta a:hover {color: #993366; text-decoration:none;}

.share {width: 320px; height: 25px; margin: 20px auto; background: url(images/share.png) 0 0 no-repeat; font: 10pt 'Questrial', sans-serif; text-transform:uppercase; letter-spacing:.1em; padding-top: 3px; text-align:center;}
.share img {margin-bottom: 0;}


/***** Related Posts *****/

.zem_rp_content {margin-bottom: 20px;}

.zem_rp_content .related_post_title {text-align: center; margin-bottom: 20px;}

.zem_rp_content .related_post {margin: 0; padding: 0; list-style: none;}
	.zem_rp_content .related_post:after {content: ''; display: block; width: 100%; clear: both;}

.zem_rp_content .related_post li {width: 25%; float: left; text-align:center; color: #454A53; font: 10pt/1.25em 'Playfair Display', serif; font-style: italic;}

.zem_rp_content .zem_rp_title {display: block; padding: 0 6px;}

.zem_rp_content a {color: #000;}
.zem_rp_content a:hover {color: #993366;}

.zem_rp_footer {display: none;}

/*************************
	6.3. Comments
*************************/

#comments-template {}

.comments-header {margin-bottom: 20px; text-align:center;}

#comments {margin-bottom: 40px;}
#comments ol {list-style: none; margin-left: 0;}

#comments li {margin-bottom: 20px;}
	#comments li li {padding-left: 58px;}
		#comments li li li {}
			#comments li li li li {}
#comments li.even {}
#comments li.odd {}
#comments li.thread-even {}
#comments li.thread-odd {}
#comments li.author {}
#comments li.trackback {}
#comments li.pingback {}

#comments .avatar {float:left; width: 48px; height: 48px; margin: 0 10px 10px 0;}

#comments .comment-text {text-align: left !important;}

/* Comment metadata */
#comments .comment-meta {
	font: 10pt 'Questrial', Arial, sans-serif; 
	text-transform: uppercase;
	color: #A2A4A9;
	margin-bottom: 18px;
}
	#comments .comment-meta cite {
		display: block; 
		font-style: normal; 
		color: #993366; 
		text-transform: lowercase; 
		font: 16pt 'Playfair Display', serif;
		font-style: italic;
		line-height: 1.5em;
	}
	#comments .comment-meta cite a {color: #993366;}

/* Comment text */
#comments .comment-text {margin-bottom: 20px; text-align:center;}

/* Comment Form */
#respond {margin-bottom: 20px;}

/* Comment form title */
#reply {}
#respond h3#reply-title {margin-bottom: 20px; font: 18pt 'Playfair Display', serif !important; text-align:center !important; text-transform:uppercase !important; color: #00536A !important;}

/* Comment form elements */
p#cancel-comment-reply {}
#respond label {font: 10pt 'Questrial', sans-serif; text-transform: uppercase; letter-spacing:.1em;}
#respond .form-author label {display: block; margin-bottom: 12px;}
	#respond .form-author input {width: 99%; background: #ECEDEE; border: none;}
#respond .form-email label {display: block; margin-bottom: 12px;}
	#respond .form-email input {width: 99%; background: #ECEDEE; border: none;}
#respond .form-url label {display: block; margin-bottom: 12px;}
	#respond .form-url input {width: 99%; background: #ECEDEE; border: none;}
#respond .form-textarea label {display: block; margin-bottom: 12px;}
	#respond textarea {width: 99%; border: none; background: #ECEDEE;}
#respond #submit {background: none; padding: 0; border: none; font: 14pt 'Playfair Display', serif; font-style: italic; color: #993366; text-transform:lowercase;}
	#respond #submit:hover {text-decoration: underline;}






/*************************
	6.4. Sidebars
*************************/

/* Widgets in general */
.widget {margin-bottom: 20px;}
	.widget-inside {}
		.widget-title {font: 10pt 'Questrial', sans-serif; color: #454A53; letter-spacing: .1em; text-align:center; margin-bottom: 12px;}


/* Primary widget section */
#primary {width: 300px; padding: 20px; background: #ECEDEE;}
#primary img {margin-bottom: 0;}
	#primary .widget {}
		#primary .widget-inside {}
			#primary .widget-title {}
			#primary .widget ul {margin: 0; list-style-type:none;}
				#primary .widget ul li {margin: 0; text-align:center;}


.social-media-icons {text-align:center;}
.social-media-icons img {margin-bottom: 16px !important;}

#subscribe-blog input {background: #fff; border: none; padding: 6px !important; width: 288px !important; font: 10pt 'Questrial', sans-serif; letter-spacing: .1em; text-transform:uppercase; text-align:center;}
#subscribe-blog input[type="submit"] {display: none;}

input.search-text {background: #fff; border: none; padding: 6px !important; width: 288px !important; font: 10pt 'Questrial', sans-serif; letter-spacing: .1em; text-transform:uppercase; text-align:center;}
input.search-submit {display: none;}

#text-7 {padding: 15px; background: #fff;}

.widget_twitter {padding: 12px; background: #fff;}

#primary select {border: none; padding: 6px; width: 300px; font: 14pt 'Playfair Display', serif; text-transform:lowercase; text-align:center !important; color: #993366; font-style: italic; -webkit-appearance: none;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff;}

.widget_links {padding: 12px; background: #fff;}

#text-5 {width: 300px; height: 200px; background: url(images/footer.png) 0 0 no-repeat; margin-bottom: 0; font: 10pt 'Questrial', sans-serif; letter-spacing: .1em; text-transform:uppercase; text-align:center;}
#text-5 a {color: #454A53;}
#text-5 .widget-inside {padding-top: 160px;}

div#zr_custom_social_media-2 { position: fixed; left: 10px; width: 40px; text-align: center; height: auto; top: 300px; z-index: 3000; background: transparent; }

a.more-link { background-color: #ECEDEE; padding: 10px; font: 10pt 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: .1em; display: table; margin-left: auto; margin-right: auto; margin-bottom: 40px !important; }

a#scroll-to-top { background: url(../../uploads/2016/03/KM-BTT.png) no-repeat center center !important; width: 100px !important; height: 100px !important; }

input#mc-embedded-subscribe { border-radius: 0 !important; background-color: #ECEDEE !important; padding: 10px; font: 10pt 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: .1em !important; color: #993366 !important; }

input#mce-EMAIL { color: #000000 !important; background: #fff; border: none; padding: 6px !important; font: 10pt 'Questrial', sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase; border-radius: 0 !important; }