/*
Theme Name: markegli custom theme
Description: Adapted from Chris Coyier's BLANK starter WordPress Theme template
Author: Mark Egli
Author URI: http://markegli.com
Version: beta
*/

@import url(./css/fonts.css);

@media screen {
	
	/* whole site ***********************************************************/
	
	* { margin: 0; padding: 0; }
	html, body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	body {
		font-family: Verdana, Tahoma, Geneva, sans-serif;
		background: #223;
		color: #99B;
		text-shadow: 0 1px 3px RGBA(204,204,255,0.25);
		font-size: 16px;
		text-align: center;
		text-rendering: optimizeLegibility;
	}

	.clear { clear: both; }
	.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
	
	#innerbody {
		text-align: left;
		width: 950px;
		margin: 0 auto;
		padding: 0 10px;
		min-height: 100%;
	}
	
	#buffer {
		padding-bottom: 3em;
	}
	#content {
		padding-top: 10px;
		width: 710px;
		float: left;
	}
	
	a:link, a:visited {
		color: #DDE;
		text-decoration: none;
		-webkit-transition: color 2s, text-shadow 2s;
	}
	a:hover {
		color: #FFC;
		text-shadow: 0 2px 5px RGBA(255,255,255,0.5);
		-webkit-transition: color 0.1s, text-shadow 0.1s;
	}
	a img {
		border: none;
	}

	h1, h2, h3 {
		font-weight: normal;
		margin: 0.4em 0 0.2em;
		font-family: "Hoefler Text", Georgia, serif;
		font-style: normal;
		font-size: 36px;
		color: white;
		text-shadow: 0 1px 3px RGBA(204,204,255,0.5);
		line-height: 1.375;
	}
	h2 {
		font-size: 28px;
		text-shadow: 0 1px 2px RGBA(204,204,255,0.5);
	}
	h3 {
		font-size: 22px;
		text-shadow: 0 1px 1px RGBA(204,204,255,0.5);
	}
	h1 a:link, h1 a:visited,
	h2 a:link, h2 a:visited,
	h3 a:link, h3 a:visited
	{
		color: white !important;
		text-decoration: none;
		-webkit-transition: color 3s, text-shadow 3s;
	}
	h1 a:hover
	{
		color: #FFE !important;
		text-shadow: 0 0 12px RGBA(255,255,204,1);
		-webkit-transition: color 0.5s, text-shadow 0.5s;
	}
	h2 a:hover,
	h3 a:hover
	{
		color: #FFE !important;
		text-shadow: 0 0 6px RGBA(255,255,204,1);
		-webkit-transition: color 0.5s, text-shadow 0.5s;
	}
	
	h1.pagetitle
	{
		border-bottom: solid 1px #446;
	}
	
	#header, #sidebar
	{
		float: right;
		display: inline;
		clear: right;
		width: 210px;
		margin: 0;
		padding: 0 10px;
		background: #33334E;
		-webkit-box-shadow: 1px 1px 2px RGBA(0,0,0,0.25);
		-moz-box-shadow: 1px 1px 2px RGBA(0,0,0,0.25);
		box-shadow: 1px 1px 2px RGBA(0,0,0,0.25);
		position: relative;
		z-index: 5;
	}
	/*
	#sidebar
	{
		float: none;
		display: block;
		margin: 0 0 0 auto;
	}
	*/
	
	#header
	{
		/* padding-bottom: 10px; */
	}
	#header h1
	{
		margin: 0;
		font-size: 42px;
		font-family: Chunk, "Hoefler Text", Georgia, serif;
		font-style: normal;
		overflow: visible;
	}
	
	#hquote
	{
		padding: 0;
		line-height: normal;
		font-family: Tempesta, Verdana, Tahoma, Geneva, sans-serif;
		font-size: 8px;
		text-shadow: 0 1px 1px RGBA(204,204,255,0.25);
		margin-bottom: 10px;
	}
	#hquote p
	{
		margin: 1em 0 0;
	}
	#hattr
	{
		font-size: 8px;
		font-style: normal;
		margin-top: 0.25em;
		font-family: Tempesta, Verdana, Tahoma, Geneva, sans-serif;
		font-size: 8px;
		text-shadow: 0 1px 1px RGBA(204,204,255,0.25);
	}
	#hquote a:hover {
		color: #FFC;
		text-shadow: 0 2px 3px RGBA(255,255,255,0.5);
		-webkit-transition: color 0.1s, text-shadow 0.1s;
	}

	/*
	#header
	{
		position: relative;
		margin-bottom: 20px;
	}
	#header h1
	{
		width: 470px;
		margin: 0;
		font-family: Chunk, "Hoefler Text", Georgia, serif;
		font-style: normal;
		font-size: 84px;
		overflow: visible;
	}
	
	#hquote
	{
		position: absolute;
		max-width: 470px;
		text-align: right;
		right: -8px;
		bottom: 8px;
		padding: 6px 8px 8px;
		background: #445;
		border-radius: 8px;
		-moz-border-radius: 8px;
		line-height: 1.2;
	}
	#hquote p
	{
		margin-bottom: 0.5em;
	}
	#hattr
	{
		font-size: 12px;
		font-style: normal;
		margin-top: -0.5em;
	}
	*/
	
	.post {
		clear: both;
		padding-bottom: 15px;
		margin-bottom: 10px;
		border-bottom: solid 1px #446;
	}
	.post h2
	{
		margin-top: 5px;
	}
	
	/* post images */
	.entry .float-container
	{
		width: 720px;
	}
	
	.entry .alignleft {
		float: left;
		margin: 0 10px 10px 0;
	}
	.entry .alignright {
		float: right;
		margin: 0 0 10px 10px;
	}
	.entry .aligncenter {
		display: block;
		margin: 0 auto 10px;
	}
	.entry .float-container .alignright {
		margin: 0 10px 10px 0;
	}

	.entry .size-large {
		float: none;
		clear: both;
		margin: 0 0 10px;
	}
	
	.meta {
		font-size: 12px;
		color: #55557D;
		text-shadow: 0 0 2px RGBA(0,0,0,0.25);
		margin-bottom: 1em;
	}
	.meta a:link, .meta a:visited {
		color: #99B;
		text-decoration: none;
		-webkit-transition: color 2s, text-shadow 2s;
	}
	.meta a:hover {
		color: #FFC;
		text-shadow: 0 2px 5px RGBA(255,255,255,0.5);
		-webkit-transition: color 0.1s, text-shadow 0.1s;
	}
	.meta .edit_link
	{
		font-family: Tempesta, Verdana, Tahoma, Geneva, sans-serif;
		font-size: 8px;
		text-shadow: 0 1px 1px RGBA(204,204,255,0.25);
	}
	
	#comments
	{
		border-top: double 3px #446;
	}
	
	.navigation .next-posts
	{
		float: left;
	}
	.navigation .prev-posts
	{
		float: right;
	}
	
	#sidebar
	{
		font-size: 12px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		padding-bottom: 3px;
	}

	.widget {
		margin: 2px 0 5px;
	}
	.widget ul, .widget ol {
		margin: 2px 5px 10px;
		list-style: none;
	}
	.widget h2
	{
		font-weight: normal;
		font-size: 18px;
		text-shadow: 0 1px 1px RGBA(204,204,255,0.4);
		margin: 0;
	}
	#wp-calendar
	{
		width: 100%;
	}
	#wp-calendar #next
	{
		text-align: right;
	}

	#comments
	{
	}
	#footer
	{
		font-size: 12px;
		text-align: left;
		width: 950px;
		margin: -32px auto 0;
		padding: 0 10px;
	}
	
	p {
		margin-bottom: 1em;
	}
	/*
	p:last-child {
		margin-bottom: 0;
	}
	*/

	blockquote
	{
		padding: 0 40px;
	}
	blockquote p { }
	
	img, object {
		vertical-align: top;
	}
	
	ul, ol { margin: 0 0 1em 1.5em; }
	
	/* javascript image beautification **************************************/
	
	.rounded_image {
		border-radius: 8px;
		-moz-border-radius: 8px;
		display: inline-block;
		box-shadow: inset 0 0 3px 0 #223;
		-moz-box-shadow: inset 0 0 3px 0 #223;
		-webkit-box-shadow: inset 0 0 3px 0 #223;
		position: relative;
	}
	.rounded_image img {
		z-index: 5;
		opacity: 0;
	}
	.rounded_image .caption {
		display: block;
		position: absolute;
		bottom: 6px;
		right: 6px;
		z-index: 10;
		font-family: Tempesta, Helvetica, Arial, sans-serif;
		font-size: 8px;
		font-weight: normal;
		line-height: normal;
		color: RGBA(255,255,255,0.75);
		text-shadow: 1px 1px 1px black;
		background: black;
		background: RGBA(0,0,0,0.5);
		padding: 0 6px 2px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	/* narrow posts & quotes ************************************************/
	
	.category-narrow .entry,
	.type-quote .entry {
		width: 470px;
		float: right;
	}
	.category-narrow .entry .float-container,
	.type-quote .entry .float-container
	{
		width: 480px;
	}
	.category-narrow .meta,
	.type-quote .meta {
		width: 210px;
		padding: 5px 10px 10px;
		color: #446;
		background: #181826;
		float: left;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	.category-narrow .meta h2,
	.type-quote .meta h2
	{
		margin-top: 0;
		margin-bottom: 2px;
	}

	/* single post **********************************************************/
	
	.single .post
	{
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.single .quote .entry,
	.custom-post-type-quote-archive .quote .entry
	{
		line-height: normal;
		font-size: 22px;
	}
	p.quote-source
	{
		display: none;
	}
	.single .quote .entry p.quote-source,
	.custom-post-type-quote-archive .quote .entry p.quote-source
	{
		display: block;
		font-size: 18px;
		margin-top: -1em;
	}
	
	/* blank theme styles, comments *****************************************/
	
	.post { }
	
	.entry { }
	.entry a { }
	.entry a:hover { }
	
	pre { }
	code, tt { }
	
	#meta { }
	.postmetadata { }
	
	#sidebar { }
	
	.navgation { }
	   .next-posts { }
	   .prev-posts { }
	
	#searchform { }
		#s { }
		#searchsubmt { }
		
	ol.commentlist { list-style: none; margin: 0 0 1em 0; }
	ol.commentlist li { }
	ol.commentlist li.alt { }
	ol.commentlist li.bypostauthor { }
	ol.commentlist li.byuser { }
	ol.commentlist li.comment-author-admin { }
	ol.commentlist li.comment { border-bottom: solid 1px #446; padding: 1em 0 0; }
	ol.commentlist li.comment div.comment-author { display: inline; }
	ol.commentlist li.comment div.vcard { }
	ol.commentlist li.comment div.vcard cite.fn {
		font-family: "Hoefler Text", Georgia, serif;
		font-style: normal;
		font-size: 24px;
	}
	ol.commentlist li.comment div.vcard cite.fn a.url { }
	ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
	ol.commentlist li.comment div.vcard img.avatar-32 { }
	ol.commentlist li.comment div.vcard img.photo { }
	ol.commentlist li.comment div.vcard span.says { display: none; }
	ol.commentlist li.comment div.commentmetadata { }
	ol.commentlist li.comment div.comment-meta { font-size: 10px; display: inline; }
	ol.commentlist li.comment div.comment-meta a { }
	ol.commentlist li.comment p { margin: 1em 0; }
	ol.commentlist li.comment ul { }
	ol.commentlist li.comment div.reply { font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
	ol.commentlist li.comment ul.children li { }
	ol.commentlist li.comment ul.children li.alt { }
	ol.commentlist li.comment ul.children li.bypostauthor { }
	ol.commentlist li.comment ul.children li.byuser { }
	ol.commentlist li.comment ul.children li.comment { }
	ol.commentlist li.comment ul.children li.comment-author-admin { }
	ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-5 { }
	ol.commentlist li.comment ul.children li.odd { }
	/*
	ol.commentlist li.even { background: #fff; }
	ol.commentlist li.odd { background: #f6f6f6; }
	*/
	ol.commentlist li.parent { border-left: 5px solid #111; }
	ol.commentlist li.thread-alt { }
	ol.commentlist li.thread-even { }
	ol.commentlist li.thread-odd { }
	
	#commentform {
		font-size: 10px;
	}
	#commentform div {
		margin-bottom: 0.5em;
	}
	
	form { }
	input[type=text] { width: 268px; background: #DDE; color: #223; border: solid 1px white; }
	textarea { width: 708px; background: #DDE; color: #223; border: solid 1px white; }

} /* END screen media */

@media print {

	.do-not-print { display: none; }
	#comments { page-break-before: always; }
	
	body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size:17pt; }
	h3 { font-size:15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: black; }
	
} /* END print media */