/*
Theme Name: Weaver II
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 .mceContentBody {
	max-width: 650px;
}

.mceContentBody,
body {
	background: #fefefe;	/* #wrapper bg */
	color: #222;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;	/* 133% * 12 */
	line-height: 1.4em;	/* global line height */
}

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

/* -- Headings - font size is "standard" */
h1,h2{
	clear: both;
	font-weight: bold;
	margin:0 0 1em 0;
}
h3,h4,h5,h6 {
	clear: both;
	font-weight: bold;
	margin:0 0 .7em 0;
}

/* -- blockquote */
.mceContentBody blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}

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

ul, ol {
	margin: 0 0 1.0em -1.25em;
}
ul {
	list-style-type: disc; /* @ */
	line-height: 1.5em;
}
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;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
li {
	margin-left: 0em;
	margin-bottom: .2em;
}

/* other elements */
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
}
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,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: .9em;
	line-height: 1.5em;
}

del {
	color:#222;
}

pre {
	background: #ccc;
	font-family:Courier, monospace;
	font-size:.8em;
	line-height: 1.1em;
	margin-bottom: 1.625em;
	padding: 1em 1em;
}
ins {
	color:#222;
	background: #ccc;
}
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,
th,
thead th,
tr,
td {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;	/* 133% * 12 */
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border: 2px solid #AAA !important;
	text-align: left;
	margin: auto;
	margin-bottom: 5px;
	width: auto;
}
th {
	text-align:left;
	padding:4px 4px;
}
td {
	margin:0;
	padding:4px 4px;
}

tr th,
thead th {
	border: none !important;
	color: inherit;
	background-color: rgba(0,0,0,.1);
	font-weight: normal;
	line-height: normal;
	padding: 5px 10px;
	}
tr td {
	border: 1px solid #AAA !important;
	padding: 5px 10px;
}
tr.odd td
{
	background: inherit;
}

hr {
	background-color: #ccc;
	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;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #333;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/* Links */
a {
	color: #01b;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	color: #b10;
	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 {
	max-width: 98.5%;
}
img[class*="wp-image-"] {
	height: auto;
	max-width: 98.5%;
}
img.size-full {
	max-width: 98.5% !important;
	width: auto; /* Prevent stretching of full-size images in IE8 */
}
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;
	max-width: 95%;
	border:none;
	background-color: #FFF;
	margin-bottom: 1em;
	padding: 8px;		/* image border width */
	text-align: center;
	-webkit-box-shadow: 0 1px 2px #bbb !important;
	-moz-box-shadow: 0 1px 2px #bbb !important;
	box-shadow: 0 1px 2px #bbb !important;
}
.wp-caption {padding: 8px 3px 0px 3px;margin:10px 20px 10px 10px;}

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

.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;
	font-style:italic;
}
.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: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	background: #fff;
	border-color: #ddd;
}
