/*
Theme Name: Weaver X
Description: Used to style the TinyMCE editor.
Style in order of HTML Layout test.
*/

/* Set the width. This is a mystery value - it has to be determined by trial
  and error because it doesn't seem to be calculated from the theme width
  and content width. This seems to be related to how tinyMCE styles things.
  For example, the fonts seem to need to be 1.33 * real font size.
 */
html .mce-content-body {
	max-width: 96%;
}

.mce-contnet-body {
	background:     white; /* #wrapper bg */
	color:          black;
	font-family:    Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	font-size:      16px;
	line-height:    1.4;
}


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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

h1, h2, h3 {
	clear:  both;
	margin: 0 0 .5em 0;
}

h3 {
	clear:  both;
	margin: 0 0 .9em 0;
}

h4, h5, h6 {
	clear:  both;
	margin: 0 0 1.0em 0;
}

h1, h2 {
	margin-top: .5em;
}

h1 {
	font-size:   262.5%;
	line-height: 1;
}

h2 {
	font-size:   200%;
	line-height: 1.1;
}

h3 {
	font-size:   162.5%;
	line-height: 1.1;
}

h4 {
	font-size:   125%;
	line-height: 1.1;
}

h5 {
	font-size:   112.5%;
	line-height: 1.1;
}

h6 {
	font-size:   100%;
	line-height: 1.1;
}


/* -- blockquote */

blockquote {
	background:   rgba(128, 128, 128, 0.1);
	border-width: 0;
	border-left:  4px solid rgba(128, 128, 128, 0.4);
	margin:       1.5em;
	overflow:     auto;
	padding:      0.8em 1.5em 0 1.2em;
}

blockquote cite {
	font-style:  normal;
	font-weight: bold;
}

blockquote p {
	font-style: italic;
	font-size:  1em;
}

em, i {
	font-style: italic;

}

cite { /* cite is supposed to be used only in a quote or blockquote */
	border-width: 0;
	display:      block;
	margin-left:  3em;
	margin-top:   .5em;
}

blockquote em,
blockquote i {
	font-style: italic;
}

/* lists */

dl, dt, dd, ol, ul, li {
	margin:    0;
	padding:   0;
	word-wrap: break-word;
}

p {
	margin: 0 0 1em 0;
}

.atwk-slide .post ol, .atwk-slide .post ul,
.atw-post ol, .atw-post ul,
ol, ul {
	list-style-position: outside;
	margin-left:         1.5em;
}

.widget ol, .widget ul {
	list-style-position: outside;
	margin-left:         1.0em;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin-left:   1.5em;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc outside none;
}

/* other elements */
abbr, acronym, dfn {
	border-bottom: 1px dotted #666666;
}

address {
	font-style: italic;
	display:    block;
	margin:     0 0 1.625em;
}

big {
	font-size: 130%;
}

cite, em, i {
	font-style: italic;
}

cite {
	border: none;
}

code, kbd, pre, samp {
	font-family: 'Inconsolata', monospace;
	font-size:   1em
}

code,
kbd,
tt,
var {
	color:       inherit !important;
	background:  none !important;
	font-family: 'Inconsolata', monospace;
}

del {
	color: #222222;
}

pre {
	box-shadow:          0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing:          border-box;
	background:          rgba(128, 128, 128, 0.1);
	border:              1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius:       2px;
	font-family:         'Inconsolata', monospace;
	font-size:           .8em;
	height:              auto;
	margin:              0;
	margin-bottom:       1.5em;
	outline:             none;
	overflow:            auto;
	padding:             6px 10px;
	vertical-align:      middle;
	width:               100%;
	word-wrap:           break-word;
	white-space:         pre-wrap;
}

q {
	font-style: italic;
}

ins {
	color:      #222222;
	background: #cccccc;
}

strong {
	font-weight: bold;
}

sup,
sub {
	font-size:      90%;
	height:         0;
	line-height:    1;
	position:       relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

var {
	font-style: italic;
}

/* -- Tables */
label {
	font-family: "Times New Roman", Times, serif;
	font-size:   1em; /* 133% * 12 */
}


/* tables */
table, caption, tbody, tfoot, thead, tr, th, td {
	word-wrap: break-word;
}

table {
	border-collapse: collapse;
	border-spacing:  0
}

td, th {
	padding: 0
}

th {
	text-align: left;
	padding:    4px 4px;
}

td {
	margin:  0;
	padding: 4px 4px;
}

hr {
	box-sizing:       content-box;
	background-color: #cccccc;
	height:           2px;
}

hrx {
	background-color: #cccccc;
	border:           0;
	height:           1px;
	margin-bottom:    1.625em;
}

/* Text elements */
p, ul, ol, dl {
	font-weight: 300;
}

p {
	margin-bottom: 1.5em;
}

input[type=text],
textarea {
	background: #fafafa;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border:     1px solid #dddddd;
	color:      #888888;
}

input[type=text]:focus,
textarea:focus {
	color: #333333;
}

textarea {
	padding-left: 3px;
	width:        98%;
}

input[type=text] {
	padding: 3px;
}

/* Links */
a {
	color:           #0011bb;
	text-decoration: none;
}

a:focus,
a:active,
a:hover {
	color:           #bb1100;
	text-decoration: none;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip:     rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip:     rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.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.wp-smiley {
	border:        none;
	margin-bottom: 0;
	margin-top:    0;
	padding:       0;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}

.wp-caption, img {
	margin:           0;
	height:           auto;
	border:           none;
	background-color: #ffffff;
	margin-bottom:    1em;
	padding:          0; /* image border width */
	text-align:       center;
	box-shadow:       0 1px 2px #bbbbbb !important;
}

.wp-caption {
	padding: 8px 3px 0px 3px;
	margin:  10px 20px 10px 10px;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

/* =sans-serif -------------------------------------------------- */

.font-sans-serif {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.font-arialBlack {
	font-family: "Arial Black", Gadget, Helvetica, sans-serif;
}

.font-arialNarrow {
	font-family: "Arial Narrow", Arial, sans-serif;
}

.font-impact {
	font-family: Impact, Haettenschweiler, Charcoal, "Arial Narrow Bold", sans-serif;
}

.font-lucidaSans {
	font-family: "Lucida Sans", Geneva, Tahoma, sans-serif;
}

.font-trebuchetMS {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.font-verdana {
	font-family: Verdana, Geneva, Candara, sans-serif;
}

/* =serif ------------------------------------------------------ */

.font-serif {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.font-cambria {
	font-family: Cambria, Didot, Georgia, "Times New Roman", "Times Roman", serif;
}

.font-garamond {
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", TimesNewRoman, "Times New Roman", serif;
}

.font-georgia {
	font-family: Georgia, Times, "Times New Roman", serif;
}

.font-lucidaBright {
	font-family: "Lucida Bright", "Book Antiqua", Georgia, serif;
}

.font-palatino {
	font-family: "Palatino Linotype", Palatino, "Lucida Bright", "Book Antiqua", serif;
}


/* =sans-monospace -------------------------------------------------- */

.font-monospace {
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

.font-consolas {
	font-family: Consolas, monaco, "Andale Mono", AndaleMono, monospace;
}

.font-lucidaConsole {
	font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
}

.font-papyrus {
	font-family: Papyrus, fantasy, cursive, serif;
}

.font-comicSans {
	font-family: "Comic Sans MS", cursive, serif;
}

/* =google fonts ---------------------------------------------------- */

.font-alegreya-sans {
	font-family: 'Alegreya Sans', sans-serif;
}

.font-alegreya-sans-sc {
	font-family: 'Alegreya Sans SC', sans-serif;
}

.font-alegreya {
	font-family: 'Alegreya', serif;
}

.font-alegreya-sc {
	font-family: 'Alegreya SC', serif;
}

.font-roboto {
	font-family: 'Roboto', sans-serif;
}

.font-roboto-condensed {
	font-family: 'Roboto Condensed', sans-serif;
}

.font-roboto-mono {
	font-family: 'Roboto Mono', monospace;
}

.font-roboto-slab {
	font-family: 'Roboto Slab', serif;
}

.font-source-sans-pro {
	font-family: 'Source Sans Pro', sans-serif;
}

.font-source-serif-pro {
	font-family: 'Source Serif Pro', serif;
}

.font-handlee {
	font-family: 'Handlee', cursive;
}

.font-inconsolata {
	font-family: 'Inconsolata', monospace;
}

.font-open-sans {
	font-family: 'Open Sans', sans-serif;
}

.font-open-sans-condensed {
	font-family: 'Open Sans Condensed', sans-serif;
}

.font-droid-sans {
	font-family: 'Droid Sans', sans-serif;
}

.font-droid-serif {
	font-family: 'Droid Serif', serif;
}

.font-exo-2 {
	font-family: 'Exo 2', sans-serif;
}

.font-lato {
	font-family: 'Lato', sans-serif;
}

.font-lora {
	font-family: 'Lora', serif;
}

.font-arvo {
	font-family: 'Arvo', serif;
}

.font-archivo-black {
	font-family: 'Archivo Black', sans-serif;
}

.font-ultra {
	font-family: 'Ultra', serif;
}

.font-vollkorn {
	font-family: 'Vollkorn', serif;
}

.font-arimo {
	font-family: 'Arimo', sans-serif;
}

.font-tinos {
	font-family: 'Tinos', serif;
}


.wp-caption .wp-caption-text,
.gallery-caption {
	line-height: 1.2em;
	margin:      -5px 0 0 0 !important;
	padding:     0 5px 0 5px;
	position:    relative;
	text-align:  center;
}

.wp-caption img {
	display:   block;
	margin:    0 auto !important;
	max-width: 98%;
}


a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"] {
	background:   #eeeeee;
	border-color: #bbbbbb;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	background:   #ffffff;
	border-color: #dddddd;
}