/*
Theme Name: Tome
Theme URI: http://typefold.com/
Description: ... 
Version: 1.0 (WP3.8.1)
Author: Agustin M. Sevilla III
Author URI: http://agustinsevilla.com/
Tags: ZURB, Foundation, responsive
*/

@import url("css/app.css");
@import url("foundation-icons/foundation-icons.css");

/* Comments */
h3#comments {}
ol.commentlist {list-style: none;}
ol.commentlist li ul {
	list-style: none;
	margin-top:20px;
	margin-bottom: 1.25em;
	padding: 1.25em;
	background: rgba(255,255,255,0.75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

div.comment-author.vcard {border:none;padding:0;margin-bottom:0;}
div.comment-author.vcard img {float:left;margin-right:0.5em;}

form#commentform ul#comment-form-elements {list-style: none;}
form#commentform input#submit {margin-top:1.2em;}

/* Drop Cap made by our shortcode */
.dropcap {
    float: left;
    font-size: 82px;
    padding-right: 10px;
    line-height: 59px;
}

/* 

Chapters stuff

*/
.content-area {
	padding-top:1em;
}

/*
Images
*/
/* Image related classes */



/* 
	Tome Places: Google Maps Styles

*/
.map-canvas {
	width:100%;
	height:100%;
}
.map-canvas.inline-map{
	height: 500px;
}

.map-canvas img { max-width: none; }

/* Single Place view */
.map-canvas div#all-places-desc, div.map-coords {
	margin-bottom: 1em;
}
.map-canvas div.map-coords {
	margin-top:1em;
	background:#666;
	color:#fff;
	padding:0.24em;
}

.container {
	background: white;
	position: relative;
}


/* Developed for the Places Archive view */
.map-canvas #info-window-content {
	height:auto;
	width:220px;
	padding-bottom:20px;
}

.highcontrast .map-canvas #info-window-content h1,
.map-canvas #info-window-content h1 {
	font-size:1em;
	margin:16px 0 4px;
	color:#232323;
}
.highcontrast .map-canvas #info-window-content p,
.map-canvas #info-window-content p {
	font-size:12px;
	margin-bottom:3px;
	color:#232323;
}
.highcontrast .map-canvas #info-window-content a.button,
.map-canvas #info-window-content a.button {
	margin-top:10px;
	display:inline-block;
	background:crimson;
	color:white;
	padding:10px;
}

/* hwrap/hgroup */
h1.entry-title {

}
h1.entry-title + h2.author {
	margin-top:-45px;
	padding-top: 0;
	margin-bottom: 0;
}

/*

	Comments UI

*/
#comment-sidebar {
	position:relative;
}
	#comment-sidebar aside {
		position:absolute;
		/*background:white;*/
	}
	#comment-sidebar aside.hidden {
		display:none;
	}
		#comment-sidebar aside ul {
		}
			#comment-sidebar aside ul li {
				list-style:none;
				margin:0;
				padding:16px 8px 8px ;
				border-top:1px solid #c1c2c3;

			}
			
				#comment-sidebar aside ul li .avatar-sm {
					float:left;
					border-radius:50%;
				}

				#comment-sidebar aside ul li .comment {
					margin-left:60px;
				}
					#comment-sidebar aside ul li .comment h1 {
						font-size:1em;
						border-bottom: 1px dotted #787878;
						margin-bottom: 0.225em;
					}
					#comment-sidebar aside ul li .comment p {
						font-size:0.724em;
					}

/* Comment Markers */
#comment-sidebar .markers {
	position:absolute;
	top:0;left:-40px;
}

	#comment-sidebar .markers .commentMarker {
		position:absolute;
		background:#333;
		width:40px;
		height:30px;
		margin:0;
		padding-top:6px;
		text-align:center;
		color:#fefefe;
		border-radius:4px;
		cursor:pointer;
	}
		#comment-sidebar .markers .commentMarker:after {
			content: "";
			position:absolute;
			display:block;
			top:30px;
			left:16px;
			width: 0; 
			height: 0; 
			border-left: 4px solid transparent;
			border-right: 10px solid transparent;
			border-top: 20px solid #333;
		}

	#comment-sidebar .markers .commentMarker.addNew {
		background-color:#1f2;
		opacity:0;
		transition:opacity 500ms ease-in;
	}

	#comment-sidebar .markers .commentMarker.addNew:hover {
		transition:opacity 100ms ease-in;
		opacity:1!important;
	}
		#comment-sidebar .markers .commentMarker.addNew:after {
			border-top: 20px solid #1f2;
		}


/*

Prev/next Chapter 

*/
.pagination-wrap {
	font-size:1em;
	border-top:1px solid #999;
	padding:1em 0;
}

.pagination-wrap .next-chap {
	text-align:right;
}


/* Admin bar is so annoying... */
body.logged-in.admin-bar > .fixed {
	top:28px;
}