/*
Theme Name: TCP
Theme URI: http://www.theconsensualproject.com
Description: Official theme for The Consensual Project.
Author: Palmer Group Media, LLC
Blue: #00AEE6
Red: #F33530
*/

/* -- HTML BASICS -- */ 
body { 
	background-color: #FAFAF5;
	color: #555;
	font: 13px/20px "Myriad Pro", "Gills San MT", "Gills San MS", Helvetica, Arial, sans-serif; 
	line-height: 1.4em;
	margin: 0 auto; 
	text-align: center;  
	}
a, a:link { 
	color: #00AEE6;
	outline: 0; 
	text-decoration: none; 
	}
a:hover { text-decoration: underline; }
a.none, a.none:hover { text-decoration: none; }
h1, h2, h3, h4 { 
	color: #111; 
	font-weight: bold;
	line-height: 1em; 
	}
h1, h2 { 
	font-family: "Century Gothic", sans-serif; 
	padding-bottom: 7px;
	}
h1 { font-size: 25px; }
h2 { font-size: 18px; }
h3 { 
	font-size: 15px; 
	padding-bottom: 3px;
	}
h4 { font-size: 13px; }
strong { font-weight: bold; }
em { font-style: italic; }
img { border-style: none; }
pre, code { font-family: Monospace, "Andale Mono", sans-serif; }
p { padding-bottom: 1.1em; }
p:last-child { padding-bottom: 0; }
blockquote {
	background-color: #fff; 
	border: 1px dotted #ababab;
	border-left: 5px solid #ABABAB;
	margin: 0 0 1.3em 0;
	padding: .5em 1em;
	}
ol { margin-left: 1.4em; }
ul { margin-left: 1em; }
ol, ul { padding-bottom: 1em; }
li { padding-left: 5px; }
input.field { 
	color: #777;
	font-size: 1.1em;
	margin-bottom: 5px;
	padding: 4px; 
	}
.button { 
	background: #F33530;
	border: 0;
	border-radius: 5px;
	color: #fff;
	float: right; 
	margin-top: 15px;
	padding: 6px 0;
	text-align: center;
	text-shadow: 0 0 !important;
	width: 113px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}
.button:hover { 
	background: #A54344;
	text-decoration: none;
	cursor: pointer;
	}

/* -- GLOBAL STYLES -- */ 
.alignright { float: right; }
.alignleft { float: left; }
blockquote.alignleft { 
	margin: 0 2em 1.3em 0;
	width: 300px; 
	}
blockquote.alignright { 
	margin: 0 0 1.3em 2em;
	width: 300px; 
	}
.outline { 
	border: 1px solid #fff;
	margin-left: 1px;
	outline: 1px solid #E0E0E0;
	}
.gothic { font-family: "Century Gothic", sans-serif; }
.section { 
	border-bottom: 3px double #111; 
	font-weight: bold;
	font-size: 25px; 
	margin-bottom: 15px;
	padding-bottom: 8px;
	text-transform: uppercase;
	width: 100%;
	}
.more-bar { 
	background-color: #F33530;
	border-radius: 5px; 
	color: #fff !important; 
	display: block;
	font-weight: bold; 
	line-height: 1em;
	margin-top: 25px;
	padding: 10px 0;
	text-align: center; 
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	}
.more-bar:hover { 
	background: #A54344;
	text-decoration: none;
	}
span.hover:hover { color: #A54344 !important; }

/* -- LAYOUT -- */
#container { 
	margin: 0 auto;
	text-align: left; 
	width: 950px;
	}
#header { 
	background-color: #111;
	height: 130px;
	margin-bottom: 25px; 
	padding-top: 25px; 
	position: relative;
	}
#header .inner { 
	width: 950px; 
	margin: 0 auto; 
	text-align: left; 
	}
#header .logo { 
	float: left; 
	position: absolute;
	}
#header #callout {
	background-color: #2B2B2B; 
	border-radius: 5px;
	color: #f6f6f6;
	float: right;
	overflow: hidden;
	margin-bottom: 25px;
	padding: 7px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#header #callout p { 
	float: left; 
	padding: 4px 10px 0 0;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#header #callout p { padding: 6px 10px 0 0; }
	}
#header #callout .email { 
	border: 0;
	border-radius: 5px;
	color: #999;
	margin-right: 5px; 
	padding: 5px 8px 5px 10px;
	width: 110px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#header #callout input.submit { 
	background: #F33530;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 4px 0;
	width: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#header #callout input.submit:hover { background: #A54344; }
#header ul#menu { 
	clear: both; 
	display: block; 
	float: right; 
	position: relative;
	top: 25px;
	z-index: 99;
	}
#header ul#menu li { 
	float: left;
	list-style: none;  
	zoom: 1;
	}
#header ul#menu li:hover {
	cursor: default;
	position: relative;
	z-index: 9999;
	}
#header ul#menu li a { text-decoration: none; }
#header ul#menu li a.primary {
	color: #fff; 
	border-radius: 3px;
	font-family: "Century Gothic", sans-serif;
	font-size: 21px;
	margin: 0; 
	padding: 5px 7px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	}
#header ul#menu li a.active,
#header ul#menu li a.primary:hover,
.page-id-36 #header ul#menu .primary.one,
.page-id-25 #header ul#menu li .primary.two,
.postid-52 #header ul#menu .primary.two,
.postid-54 #header ul#menu .primary.two,
.postid-60 #header ul#menu .primary.two,
.postid-164 #header ul#menu .primary.two,
.page-id-41 #header ul#menu li .primary.three,
.postid-307 #header ul#menu li .primary.three,
.page-id-211 #header ul#menu li .primary.three,
.page-id-43 #header ul#menu .primary.four,
.page-id-237 #header ul#menu .primary.four,
.postid-119 #header ul#menu .primary.four,
.postid-68 #header ul#menu .primary.four { background-color: #F33530; } 
#header ul#menu ul {
	background-color: #333;
	border-radius: 5px;
	left: 4px;
	margin-left: 0;
	padding: 5px 8px;
	position: absolute;
	top: 215%;
	width: 230px !important;
	visibility: hidden;
	z-index: 999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #242424;
	-webkit-box-shadow: 1px 1px 5px #242424;
	}
#header ul#menu ul img {  
	left: 1px;
	padding: 20px 150px 0 30px;
	position: absolute; 
	top: -32px;
	}
#header ul#menu ul.two { width: 215px; }
#header ul#menu ul.three { width: 150px; }
#header ul#menu ul.four { width: 150px; }
#header ul#menu ul li,
#header ul#menu ul li a { 
	display: block;
	float: none; 
	line-height: 1em;
	width: 100%;
	}
#header ul#menu ul li a { 
	border-bottom: 1px dotted #555; 
	color: #f6f6f6;
	font-size: 16px;
	padding: 10px 0;
	}
#header ul#menu ul li a.first { padding-top: 8px; }
#header ul#menu ul li a.last { 
	border-bottom: 0; 
	padding-bottom: 5px;
	}
#header ul#menu ul li a:hover { color: #F25D63; }
#header ul#menu li:hover > ul { visibility: visible; }
#content { 
	margin-bottom: 25px;
	overflow:hidden;
	}
#content #banner { 
	background-color: #fff; 
	border: 1px solid #ababab;
	height: 300px; 
	margin-bottom: 25px; 
	overflow: hidden;
	position: relative;
	width: 948px;
	}
#content #banner .alignright { 
	font-size: 14px;
	position: absolute;
	left: 470px;
	top: 25px;
	width: 450px;
	}
#content #banner .alignright h2.title { 
	font-weight: bold;
	font-size: 28px; 
	line-height: 1.2em;
	padding-bottom: 10px; 
	}
#content #banner .alignright h2.title a.link { color: #111; }
#content #banner .alignright .post-edit-link { 
	font-size: 12px; 
	font-weight: normal; 
	font-family: Arial, sans-serif;
	padding-left: 7px;
	}
#content #banner .alignright .more { 
	float: right;
	background-color: #F33530;
	border-radius: 5px; 
	color: #fff !important; 
	display: block;
	font-size: 20px;
	float: left;
	font-weight: bold; 
	line-height: 1em;
	margin-top: 25px;
	padding: 10px 50px 7px 50px;
	text-align: center; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	}
#content #banner .alignright .more:hover { 
	background: #A54344;
	text-decoration: none;
	}
#content #banner .arrow, #content #banner .left, #content #banner .right {
	cursor: pointer;
	height: 300px;
	position: absolute; 
	width: 64px;
	z-index: 9999999;
	}
#content #banner .left { left: 0; }
#content #banner .right { right: 0; }
#content #banner .left, #content #banner .right { display: block !important; }
#content #banner #prev { 
	background: url(http://www.theconsensualproject.com/wp-content/themes/pgm/img/banner/left-arrow.png) 0 0 no-repeat;
	left: 0; 
	}
#content #banner #next { 
	background: url(http://www.theconsensualproject.com/wp-content/themes/pgm/img/banner/right-arrow.png) 0 0 no-repeat;
	right: 0; 
	}

#content #page { 
	overflow: hidden;
	padding-left: 1px;
	width: 575px; 
	}
#content #page img.alignleft { margin: 0 15px 10px 0; }
#content #page .post-edit-link {
	font-size: 12px; 
	font-weight: normal; 
	font-family: Arial, sans-serif;
	padding-left: 7px;
	}
#content #page .post { 
	border-bottom: 1px dotted #111; 
	margin-bottom: 15px;
	overflow: hidden; 
	padding-bottom: 15px; 
	}
#content #page .post h3 { 
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 7px;
	}
#content .post ol { margin-left: 25px; }
#content .post span.video,
#content .post span.text { 
	color: #fff;
	display: block; 
	float: left; 
	line-height: 1em;
	margin-right: 10px;
	padding: 4px 4px 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	}
#content .post span.video { background-color: #F33530; }
#content .post span.text { background-color: #111; }
#content #page .post .posted { 
	color: #999;
	float: left; 
	}
#content #page .post .more { 
	color: #111;
	float: right; 
	font-weight: bold;
	}
#content #sidebar { width: 350px !important; }
#content #sidebar ul#widgets { 
	list-style: none; 
	margin: 0 !important;
	padding: 0 !important;
	}
#content #sidebar ul#widgets li.widget { padding: 0 !important; }
#content #sidebar ul#widgets li.widget { 
	margin-bottom: 25px; 
	overflow: hidden; 
	width: 100%; 
	}
#content #sidebar ul#widgets li.widget:last-child { margin-bottom: 0; }
#footer { 
	border-top: 3px double #111; 
	clear: both; 
	display: block; 
	padding: 25px 0 0; 
	width: 100%; 
	}
#footer .alignleft { width: 450px; }
#footer .alignleft img { 
	float: left; 
	margin: 3px 15px 25px 0;
	}
#footer .alignleft a { font-weight: bold; }
#footer .alignleft p.quote { padding-bottom: 0; }
#footer .alignleft p.tweet { width: 425px; }
#footer .alignright { text-align: right; }
#footer .alignright ul { float: right; }
#footer .alignright ul li { 
	float: left; 
	list-style: none; 
	padding: 0;
	}
#footer .alignright ul li a { 
	border-left: 1px solid #555;
	margin: 0 !important; 
	padding: 0 5px !important;
	}
#footer .alignright ul li.first a { border-left: 0; }
#footer .alignright ul li.last a { padding-right: 0 !important; }
#footer .alignright a { color: #555; }
#footer #pgm { 
	border-top: 1px dotted #333;
	clear:both;
	display: block;
	font-size: 11px;
	padding: 15px 0;
	text-align: center; 
	text-transform: uppercase; 
	}

/* -- SIDEBAR -- */
#content #sidebar #text-3 .more { float: right; 
font-weight: bold;
background: #000;
color: #fff;
padding: 3px 10px 2px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
#content #sidebar #execphp-3 .stTwbutton { position: relative; bottom: 1px; }
#content #sidebar #execphp-3 .stTwbubble div,
#content #sidebar #execphp-3 .stBubble div,
#content #sidebar #execphp-3 .stFb_vbubble div { line-height: 1.3em; padding: 5px 2px 0 0; margin: 0;  }
#content #sidebar #execphp-3 .stTwbubble { position: relative; bottom: 2px; }
#content #sidebar #execphp-3 .stBubble{ position: relative; top: 1px; }
#content #sidebar #execphp-3 .stButton_gradient { position: relative; bottom: 0px; }
#content #sidebar ul#widgets #text-4 iframe { 
	background-color: #fff; 
	height: 255px;
	width: 350px;
	}
#content #sidebar ul#widgets h2.section { color: #111; }
#content #sidebar ul#widgets #text-4 iframe { background-color: #FAFAF5 !important; }
.postid-54 #sidebar ul#widgets #text-5 img { margin-bottom: 15px; }
#content #sidebar #text-8 li:hover { color: #A54344 !important; }

/* -- HOME -- */

/*-- BLOG * -- */
.wp-pagenavi { 
	padding-bottom: 3px; 
	text-align: center; 
	}
.wp-pagenavi a, .wp-pagenavi .current { 
	border: 1px solid #ddd; 
	margin-left: 5px; 
	padding: 3px 5px 2px; 
	}
.wp-pagenavi .current { border-color: #00AEE6; }

/* -- BRING CONSENT -- */
.page-id-41 #content #page #request input.field, .page-id-41 #content #page #request textarea { 
	color: #555;
	display: block;
	font-family: "Helvetica Neue", Arial, sans-serif; 
	font-size: 12px;
	margin-bottom: 10px;
	padding: 4px;
	width: 315px;
	}
.page-id-41 #content #page #request textarea { 
	margin-bottom: 0; 
	width: 565px !important; 
	}
.page-id-41 #content #page #request input.more { 
	font-size: 14px; 
	padding-top: 7px;
	}
.page-id-211 table {
	margin: 0;
	width: 100%;
	}
.page-id-211 table th {
	background-color: #2B2B2B;
	color: #f6f6f6 !important;
	}
.page-id-211 table th { padding: 5px; }
.page-id-211 table td { padding: 7px 3px 3px 3px; }

/* -- TAKE ACTION -- */
#content.event blockquote.alignleft .date { padding-bottom: 0; }

/* -- OUR VOICES -- */
.page-id-43 #content .post .thumb,
.page-id-237 #content .post .thumb { 
	float: left; 
	margin-right: 15px; 
	}
.page-id-237 .post { 
border-bottom: 0 !important; 
margin-botton: 0 !important; 
padding-bottom: 0 !important;
}
.page-id-237 .post.first { 
	border-bottom: 1px dotted #111 !important; 
	margin-bottom: 15px !important;
	padding-bottom: 15px !important; 
}
.page-id-43 #content .post.last { 
	border-bottom:0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	}
.postid-68 #content img.alignnone { margin-bottom: 15px; }

/* -- STEP UP YOUR GAME -- */
.postid-52 .post img {
	padding: 0 15px 5px 0;
    }

/* -- SINGLE PAGE -- */
.page #content #page h2 { padding-top: 10px; }
.page #content #page h2, .single #content #page h2 { color: #00AEE6; }

/* -- SINGLE POST -- */
.single #content #page h1.title { 
	font-weight: bold;
	font-size: 25px; 
	line-height: 1.2em;
	padding-bottom: 10px; 
	text-align: left;
	}
.single #content #page .posted { font-size: 12px; border-top: 1px dotted #ddd; padding-top: 15px;}