/*
Theme Name: Magazine Basic
Description: Used to style the TinyMCE editor.
*/

/* =Normalize.css v2.0.1 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* =General
-------------------------------------------------------------- */
html .mceContentBody {
	}

body {
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	font-family: Arial, sans-serif;
	letter-spacing: 0.05em;
	padding: 10px;
	font-size: 100%;
 	line-height: 1.6875;
	}

a, h1, h2, h3, h4, h5, h6 {
	color: #333;
	}

	a {
		border-bottom: 1px dotted;
		text-decoration: none;
		}

	a:hover {
		color: #000;
		}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
}

p {
	margin: 10px;
}

ul ul,
ol ol {
	margin: 0;
	}

pre {
	padding: 20px;
	background: #fff;
	border: 1px solid #e2e2e2;
	color: #666;
	font-size: 90%;
	}

table {
	width: 100%;
	}

	tr:nth-of-type(odd) {
		background: #eee;
	}

	td, th {
		background: #fff;
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left;
		}

	th {
		background: #eee;
		font-weight: bold;
		}

cite {
	text-align: right;
	font-style: normal;
	display: block;
	margin-bottom: 10px;
	border: none;
	}

	cite:before {
		content: '\2013 \00A0';
		}

.mceContentBody blockquote {
	font-weight: normal;
	margin: 5px 0 1em 0;
	border-color: #ccc;
	color: #888;
	border-left: 10px solid #ccc;
	padding-left: 12px;
	}

.mceContentBody blockquote em,
.mceContentBody blockquote i,
.mceContentBody blockquote cite {
	font-style: normal;
	}

/* =Inputs
-------------------------------------------------------------- */
input,
textarea {
	padding: 8px;
	border: 1px solid #CCC;
	outline: none;
	font-weight: normal;
	}

	input:focus,
	textarea:focus {
		border-color: #AAA;
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		}

input[type="submit"] {
	margin: 10px 0;
	}

/* =Aside
-------------------------------------------------------------- */
.format-aside p {
	margin-top: 0;
	}

/* =Quote
-------------------------------------------------------------- */
.format-quote {
	font-size: 18px;
	line-height: 27px;
	padding-left: 50px;
	font-style: italic;
	}

	.format-quote p,
	.format-quote blockquote {
		margin: 0;
		}

	.format-quote p:before {
		font-family: Georgia, serif;
		color: #ccc;
		display: block;
		font-size: 100px;
		width: 50px;
		content: '\201C';
		height: 0;
		top: -40px;
		left: -50px;
		position: relative;
		}

	.format-quote blockquote {
		border: 0;
		padding: 0;
		font-size: 18px;
		color: #555;
		}

/* =Status
-------------------------------------------------------------- */
.format-status {
	padding-left: 77px;
	clear: none;
	display: inherit;
	margin-bottom: 1em;
	}

	.format-status p {
		line-height: 1.6875;
		margin-top: 0;
		}

	.format-status p:before {
		background-color: #eee;
		border: 1px solid #ddd;
		display: block;
		width: 60px;
		height: 60px;
		content: '';
		top: 15px;
		left: 15px;
		position: absolute;
		}

/* =Link
-------------------------------------------------------------- */
.format-link p {
	margin: 0;
	}

	.format-link cite a {
		font-size: 140%;
		line-height: 22px;
		border: 0;
		}

.format-link cite {
	text-align: left;
	margin-bottom: 0;
	}

	.format-link cite:before {
		content: '';
		}

/* =Alignments
-------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
	}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
	}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


/* =Images
-------------------------------------------------------------- */
img {
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	height: auto;
	max-width: 97.5%;
	}

	img.size-full {
		width: auto; /* Prevent stretching of full-size images in IE8 */
		}

/* =Image captions
-------------------------------------------------------------- */
.wp-caption {
    background: #fff;
    border: 1px solid #ddd;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 10px 10px 5px;
    text-align: center;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}

.wp-caption-dd {
	padding: 5px 0 0;
	}

.wp-caption a {
	display: block;
	border: 0;
	}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
	}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
	}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
	}

.wp-caption img {
    border: 0 none;
    margin:0;
    padding: 0;
    display: inline-block;
    max-width: 100%;
	}

.wp-caption p.wp-caption-text {
    font-size: 80%;
    margin:0;
    padding:0 4px 5px;
	}