/*
Theme Name: Twenty Eleven Templates
Theme URI: http://slowitaly.yourguidetoitaly.com/
Description: A WordPress 3 child theme from Slow Italy.
Author: Catherine Marien of Slow Italy
Author URI: http://slowitaly.yourguidetoitaly.com/
Template: twentyeleven
Version: V1.2.1
Tags: black, blue, white,two-columns, two-menus, dynamic-footer
*/

/* We must first include the original css from the parent theme */
@import url("../twentyeleven/style.css");

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
	max-width: 97.5%;
}

/* Remove grey background around captioned images */

.wp-caption {
background: none !important;
}
.wp-caption img{
background: none !important;
}

/* Remove hyphen before image caption */

.wp-caption .wp-caption-text:before {
	content: ''; /*remove the symbol before caption text */
}

/* Change image caption font and position */

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Lato, sans-serif;
	font-size: 12px;
font-style: italic;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 8px 0 5px 5px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '';
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

/* Without explicitly setting the margin we're inheriting
a value of "0" which isn't allowing space for the sidebar */
.singular #primary {
   margin: 0 -26.4% 0 0;
}
 
	 
/* Without explicitly setting the position we're inheriting
a value of "absolute" which will place the meta information at the top of the article */
.singular .entry-header .entry-meta {
position: relative;
}
 
/* Without explicitly setting the padding we're inheriting
a padding-top value of "4.875em" which adds redundant whitespace to the top of the article */
.singular .hentry {
    padding: 0;
}
 
/* Without explicitly setting the width we're inheriting
a value of "68.9%" which stops the content from taking up the majority of the space available */
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    width: 100%;
}
 
/* Without explicitly setting the margin we're inheriting
a margin-left and margin-right value of "7.6%" which makes the content overlap the sidebar */
.singular #content, .left-sidebar.singular #content {
    margin: 0 34% 0 7.6%;
}
 
/* Without explicitly setting the padding-top we're inheriting
a value of "15px" which adds redundant whitespace to the top of the article */
.singular article .entry-title {
    padding-top: 0;
}
 
/* This is just a nicety. Moves the "Edit" link for admins to a more suitable position */
.singular .entry-meta .edit-link a {
    right: 0;
    top: 0;
    left: auto;
}


.form-allowed-tags { display:none; }

/*=Header
-----------------------------*/

/* move site title and description on header */
#site-title {
    position: absolute;
    top: -45px; margin-left: 40px; /* adjust as needed */
}

#site-description {
    position:absolute; clear: both; float: left;
    top: 45px ;		/* adjust and coordinate with #site-title */
    margin-left: 42px ;  /* adjust as needed */
}

/* Three Column layout - left and right sidebars
--------------------------------------------------*/
.three-column #page { max-width: 1260px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 34% 0 23.4%;
    width: 45.4%;
}
.three-column #secondary {
    float: right;
    margin-right: 2.6%;
    width: 22.8%;
}
.three-column #extra-sidebar {
 	position:relative;
	float: left;
    width: 15.8%;
    margin-left: -70%;
}

/* 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%;
}
/* 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 Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) 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;
}

.singular #respond,
.single #respond {
	width: 62.9%;
}
/* 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  {
	background: #efefef;
}

/* Use our own way to author highlight :D~ */
.bypostauthor img.avatar {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 5px solid #F5D800;
	padding-bottom: 2px !important;
}

/* Singular - one column page template css for extra layouts
/*------------------------------------------------------------*/
.singular #primary {	margin: 0; }
.custom-layouts.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}
.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%;
}

/* Change widget title and add line above title in right sidebar
/*---------------------------------------------------------------*/
.three-column #secondary .widget .widget-title {
font-size: 14px;
font-family: Lato, sans-serif;
letter-spacing: 0px;
font-weight: 700;
border-top: 4px solid #999999;
padding: 5px 0px 20px;

}

.three-column #secondary .widget {
padding: 30px 0px 0px;

}

/* Change widget title and add space above title in left sidebar
/*---------------------------------------------------------------*/
.three-column #extra-sidebar .widget .widget-title {
font-size: 15px;
font-family: Lato, sans-serif;
color: #858585;
letter-spacing: 0px;
font-weight: 700;
padding: 0px 0px 10px;

}
 
.three-column #extra-sidebar .widget {
padding: 15px 0px 00px;

}