/*
Theme Name: Against Professional Philosophy
Author: n/a
Author URI: 
Description: A child theme customized for the APP and spoofing the APA's latest website redesign. Based on "Twenty Eleven Layout" by Scott Dixon.
Version: 0.1
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300italic,400italic,500,500italic,700,700italic,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);

/* Three Column layout - left and right sidebars
/* APP Uses this layout
--------------------------------------------------*/
.three-column #page { max-width: 1000px;}
.three-column #primary {
    float: left;
    margin: 0 -28.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 34% 0 18.6%;
    width: 62.8%;
}
.three-column #secondary {
    float: right;
    margin-right: 0.6%;
    width: 17%;
}
.three-column #extra-sidebar{
	position:relative;
    float: left;
    margin-left: -71%;
    width: 17%;
}

/* Singular - one column page template css for extra layouts
/*------------------------------------------------------------*/
.singular #primary { margin: 0; }
.custom-layouts.singular #content {
	margin: 0;
	position: relative;
	width: auto;
}

/* Single pages get a little extra breathing room */
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content {
	margin: 0 auto;
	width: 70%;
}

/* Make the footer section match the margins everywhere else */
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 62.8%;
}

.custom-layouts.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}

/*
.custom-layouts.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
*/

.singular #respond,
.single #respond {
	width: 58.8%;
}



/*----------------------------------------------------------------------
	Ignore the following sections for APP
-----------------------------------------------------------------------*/

/* Three column - Two Right sidebar layout
------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
	float: left;
	margin: 0 -46.4% 0 0;
	width: 100%;
}
.two-right #content {
	margin: 0 46.4% 0 3.6%;
	width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
	float: right;
	margin-right: 2.6%;
	width: 19.2%; 
}
.two-right #extra-sidebar{
	position:relative;
	float: right;
	margin-right: 2.6%;
	width: 19.2%;
}

/* Three column - Two Left sidebar layout
------------------------------------------ */
.two-left #page { max-width: 1000px;}
.two-left #primary {
	float: right;
	margin: 0 0 0 -46.4%;
	width: 100%;
}
.two-left #content {
	margin: 0 5.6% 0 46.4%;
	width: 49.4%;
}
.two-left #secondary {
	float: left;
	margin-left: 3.6%;
	margin-right: 0;
	width: 18.8%;
}
.two-left #extra-sidebar{
	position:relative;
	float: left;
	margin-left: 2.6%;
	margin-right: 0;
	width: 18.8%;
}

/*----------------------------------------------------------------------
	Ignore the proceeding sections for APP
-----------------------------------------------------------------------*/



/* Adjust the comments */
.commentlist, #respond {
   -margin-right: -2%;
}

/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
#main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}

/* Default right sidebar (Twenty Eleven) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}

/* Left sidebar layout (Twenty Eleven) extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}

/* Better Comments (makes better use of space in comments)
--------------------------------------------------------- */

/* Make comments as wide as possible*/
.page-template-sidebar-page-php .commentlist,
.single  .commentlist { width: auto; }

/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}

/* Talking avatars take up too much room at this size */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 0;
}

.page-template-sidebar-page-php .commentlist > li.comment .comment-meta,
.page-template-sidebar-page-php .commentlist > li.comment .comment-content,
.singular  .commentlist > li.comment .comment-meta,
.singular  .commentlist > li.comment .comment-content,
.single  .commentlist > li.comment .comment-meta,
.single  .commentlist > li.comment .comment-content {
	margin-right: 75px;
}

/* fix the margin for narrow content in threaded comments */
.commentlist .children li.comment .comment-content,
.commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor {
	margin-right: 0;
}

.page-template-sidebar-page-php .commentlist .avatar,
.singular  .commentlist .avatar,
.single  .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}

.page-template-sidebar-page-php .commentlist .children .avatar,
.singular .commentlist .children .avatar,
.single  .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}

/* comment fix for single pages and attachment pages */
#sidebar-page-custom #respond, .single-post #respond {width: auto;}
.commentlist .children  #respond {width:auto;}
.image-attachment .commentlist {width: 68.9%;}
.image-attachment #respond {width: 62.9%;}
.one-column #respond, .wide-column  #respond,
.wide-column .commentlist, .one-column .commentlist, .page-template-default .children  > li#respond {width: auto;}

/* remove the talking arrow, unless you want it */
.commentlist > li.bypostauthor:before , .commentlist > li:before  {
    content: '';
}

/* Change the post author comment look as well */
/* Post Author threaded comments background */
.custom-layouts .commentlist .children > li.bypostauthor,
.custom-layouts .commentlist > li.bypostauthor  {
	border-left: 3px solid #dd3010;
	border-right: 3px solid #dd3010;
	border-radius: 15px;
}

.bypostauthor img.avatar {
	padding-bottom: 2px !important;
}




/*----------------------------------------------------------------------
	APP modifications
-----------------------------------------------------------------------*/


/* =Structure
------------------------------------------------*/

#page {
	margin: 0 auto;
}

#site-title {
	margin-left: 0px;
	margin-right: 0px;
/*	padding: 3.65625em 0 0; */
}

#site-description {
	margin-left: 0px;
	color: #7a7a7a;
	font-size: 14px;
/*	margin: 0 270px 3.65625em 0; */
}

#branding {
	background: url(graphics/bg.jpg);
	border: none;
	height: 150px;
}

#branding #searchform {
	position: absolute;
	top: 0;
	right: 7.6%;
	text-align: right;
	display: none;
}

#branding #logo {
	position: relative;
	margin: 0;
	width: 325px; 	/* width of the logo */
	height: 150px;	/* height of the logo */
	background: url(graphics/APP-Logo_2.png) no-repeat;
	background-position: left;
	border: 0;
}

#branding #home-link {
    position: absolute;
    display: inline-block;
    width: 325px;    /* width of the logo; should match #logo */
    height: 150px;   /* height of the logo; should match #logo */
    top: 0; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
}

#branding #banksy {
	background: url(graphics/APP-Banksy-B.png) no-repeat;
	background-position: right top;
	background-size: 550px;
	height: 150px;
	border: 0;
}

#branding #banksy-link {
	position: absolute;
    display: inline-block;
    width: 550px;    /* width of the logo; should match #banksy */
    height: 150px;   /* height of the logo; should match #banksy */
    top: 0; right: 0; /* top-left corner of logo */
    border: 0;
    float: right;
}



/* =Text Elements
------------------------------------------------*/

body,
input,
select,
textarea,
td,
th
{
    font-family: 'Roboto', Arial,Helvetica,Verdana,sans-serif;
    color: #7e736e;
    font-size: 12px;
}

body {
	line-height: 1;
	background-image: url(graphics/bg.jpg);
	background-repeat: repeat;
    margin-top: 0px !important;
	min-width: 1060px;
}

a
{
    color: #dd3010; 
	text-decoration: bold;
}

a:hover
{
    color: #7e3232;
    text-decoration: none;
}

h1 {
	color:#ef502e;
	font-weight:500;
	font-size:24px;
}

h2 {
	color:#7e3232;
	font-weight:500;
	font-size:20px;
}

h3 {
	color:#ACA29B;
	font-weight:500;
	font-size:16px;
}

blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: normal;
	font-weight: normal;
}

blockquote.pull {
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 30px 1.625em;
	padding: 5px;
	text-align: center;
	border-top: 3px solid #dd3010;
	border-bottom: 3px solid #dd3010;
}

blockquote.pull.alignleft,
blockquote.pull.alignright {
	padding-bottom: 5px;
	margin-bottom: 0;
	background: none;
}

blockquote.pull.alignleft {
	border: 0;
	border-right: 3px solid #dd3010;
	padding-right: 15px;
}

blockquote.pull.alignright {
	border: 0;
	border-left: 3px solid #dd3010;
	padding-left: 15px;
}

blockquote.note {
//	width: 33%;
	width: 80%;
	background-image: url("graphics/spnav.jpg");
	background-repeat: repeat-x;
	background-size: 100% 100%;
	font: 13px/1.5 "Courier 10 Pitch", courier, monospace;
//	float: right;
//	margin-left: 1.625em;
//	margin-right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.625em;
	padding: 15px;
	border: 1px solid #cdcdc7;
	border-radius: 5px;
}

blockquote footer {
	color: #666666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: right;
	padding: 0 1em 2em;
	padding-left: 33%;
}

blockquote footer:before {
	content: "—";
}

.entry-content {
	font-size: 12pt;
	line-height: 1.5;
}

.comment-content {
	font-size: 12pt;
	line-height: 1.5;
}

.attachment-thumbnail { 
	float: left;
	margin-right: 10px;
	border-radius: 5px;
}

.entry-subtitle {

}


/* Style the Manifesto page
------------------------------------------------*/

#manifesto {
	background: url(graphics/phi-zero-de-conduite_2.png) no-repeat;
	background-size: 85% 85%;
	margin-left: -125px;
	margin-right: -200px;
	padding: 20px 0;
	height: 400px;
	border: 0;
}

#manifesto blockquote {
	visibility: hidden;
}



/* Style the output of the
/* List Category Posts plugin
------------------------------------------------*/

.lcp-catlist {				/* overall list styling */
	margin-left: -12%;
	margin-right: -12%;
	margin-bottom: 300px;
}

.lcp_title {					/* first style the title */

}

.lcp_meta {						/* position the meta info */
	margin-top: -2.5em;
	margin-left: 30px;
}

.lcp_author {					/* then the author */
	font-size: 12px;
	color: #dd3010;
	letter-spacing: 0.1em;
}

.lcp_author:before {
	content: 'by ';
}

.lcp_date {						/* reformat the date */
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lcp_date:before {
	content: ' (';
}

.lcp_date:after {
	content: ') ';
}

.lcp_excerpt {					/* then the excerpts */
	margin-left: 30px;
	margin-bottom: 1.5em;
}



/* Style the Essays
------------------------------------------------*/

#essay-catlist {				/* overall category page style */
	width: 70%;
	margin: 0 auto;
}

.entry-header .category-archive-meta {
	font-size: 12pt;
    font-family: 'Roboto', Arial,Helvetica,Verdana,sans-serif;
    padding-top: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #dd3010;
}

.essay-title {					/* first style the title */
	font-family: Georgia, "Bitstream Charter", serif;
}

.essay-meta {					/* position the meta info */
    color: #7E736E;
    letter-spacing: 0.1em;
	margin-left: 2em;
	margin-top: 0.5em;
}

.essay-author {					/* then the author */
	letter-spacing: 0.1em;
}

.essay-author:before {
	content: 'by ';
}

.essay-date {					/* reformat the date */
	letter-spacing: 0.1em;
	float: right;
}


.essay-content {				/* then the excerpts */
	font-size: 12pt;
    font-family: 'Roboto', Arial,Helvetica,Verdana,sans-serif;
    line-height: 1.5em;
    margin-left: 2em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	background-image: url(graphics/bg-text.jpg);
	border-radius: 5px;
	padding: 1em;
}

.essay-content p:first-letter {
	color: #7e3232;
	font-size: 300%;
	font-family: Georgia, "Bitstream Charter", serif;
	text-shadow: -2px 2px 2px #7E736E;
	line-height: 1em;
	margin-top: -0.15em;
	margin-right: 0.1em;
	float: left;
}

.essay-content p:first-line {
	margin-left: 3em;
}

.category-essays #primary {
	margin-bottom: 15%;
}



/* =Main content and comment content
------------------------------------------------*/

.entry-title {
	clear: both;
	color: #333;
	font-weight:600;
    font-size: 26px;
	text-shadow: 1px 1px #DEDCDB;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em;
	padding-bottom: 0.3em;
	padding-top: 15px;
}

.entry-header .entry-title {
    border-bottom: 2px solid #A49C98 !important;
	border-radius: 5px 5px 0 0;
	background-image: url(graphics/sptitle.jpg);
	background-repeat: repeat-x;
	background-size: 100%;
	text-align: left;
	padding: 0 0.5em;
}

.entry-header .entry-title a {
	text-decoration: none;
	color: #333;
}

.entry-content .entry-meta,
.entry-header .entry-meta {
	padding: 0.5em;
	background-color: #fff;
	background-image:url(graphics/spnav.jpg);
	background-repeat:repeat-x;
	border-radius:0 0 5px 5px;
	border-bottom:1px solid #CDCDC7;
	border-left:1px solid #CDCDC7;
	border-right:1px solid #CDCDC7;
    color: #7E736E;
    margin-bottom: 1em;
}

.entry-content,
.entry-summary {
	padding: 0 0 1.625em 0;
}

#author-info,
.page #author-info {
	background: #f9f9f9;
	background-image: url(graphics/bg-text.jpg);
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0.5em 0;
	padding: 0.75em;
}

.archive #author-info {
}


/* Comments link */
/*
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}
*/


.entry-header .comments-link a {
	color: #333;
	font-weight: 600;
	background: none;
	border-radius: 5px;
	top: 0.5em;
	right: 0.5em;
	height: 35px;
	width: 35px;
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background: url(graphics/bg-footer.jpg);
}



/* =Comments
------------------------------------------------*/

#respond input#submit {
	background: url(graphics/bg-menu.jpg) repeat-x;
}

#respond input#submit:active {
	background: url(graphics/bg-menu-hover.jpg) repeat-x;
}



/* =Menu
------------------------------------------------*/

#access {
	border-radius: 5px 5px 0 0;
	background: url(graphics/bg-menu.jpg);
	background-color: #7e3232;
	border-left:1px solid #672424;
	border-top:1px solid #672424;
	border-right:1px solid #672424;
	background-clip: padding-box;
}


#access ul,
#access ul ul,
#access ul ul ul {
	background: url(graphics/bg-menu.jpg);
	background-color: #7e3232;
}

#access ul ul a {
	background: url(graphics/bg-menu.jpg) repeat-x;
	color: #eee;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: url(graphics/bg-menu-hover.jpg) repeat-x;
    color: #fff;
	text-shadow: 1px 1px #b32e11;
}





/* =Widgets
----------------------------------------------- */

.widget {
	background-color: #e6e6e5;
	background-image: url(graphics/bg-text.jpg);
	background-repeat: repeat-x;
	color: #7e736e;
	border-radius: 5px;
	border: 1px solid #cdcdc7;
	padding: 0 0.5em 2.2em;
}

.widget-area {
	background-color: transparent;
	border-radius: 0 0 5px 5px;
}

.widget-title {
	height:33px;
	background-color: #d4d1d0;
	background-image: url(graphics/bg-head.jpg);
	background-repeat:repeat-x;
	border-radius:5px 5px 0 0;
    border-bottom: 2px solid #a49c98;
    margin: 0 -0.5em 0;
    color: #333;
    padding: 0 0.5em;
    text-transform: none;
    font-size: 14px;
	text-shadow:1px 1px #dedcdb;
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	line-height:33px;
}

.widget li {
	padding: 1em 0 0 1em;
	text-indent: -1em;
	list-style-position: inside;
}

/* Calendar Widget */
.widget_calendar #wp-calendar {
	width: 100%;
}

.widget_calendar #wp-calendar caption {
	font-size: 14px;
}

.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td {
	padding: 0.2em;
}

/* Text Widget */
.textwidget {
	padding-top: 1em;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
	background-image: url(graphics/bg-footer.jpg);
	border-top: 1px solid #ddd;
}

#finis {
	height: 145px;
}

#footer-logo {
	display: block;
	float: left;
	margin: -185px 0 0;
	
}
#address {
	display: block;
	color: white;
	float: left;
	width: 325px;
	text-shadow: 1px 1px #bf3316;
	text-align: left;
	line-height: 24px;
	margin-top: 13px;
	font-size: 12px;
}

.email-address {
	color: white;
}


/* Site Generator Line */

#site-generator {
	display: none;
}