/*
Theme Name: Hill City House
Description: Used to style the TinyMCE editor.
*/

/** RESETS **/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption { font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; }
em { font-style:italic; }
table { border-collapse: separate; border-spacing: 0; }
* { margin: 0; padding: 0; }

body, html { -webkit-font-smoothing:subpixel-antialiased; font-smooth:always; min-height:100%; }
body { font-family: "Roboto", serif; font-weight:400; font-variant:normal; font-stretch:normal; font-size:14px; color:#999; margin:0 auto; }
.clear { clear: both; }

/************************************ HEADINGS **************************************/
h1 { background:#000; padding:0 5px 0 0; display:inline-block; font-size:30px; line-height:1em; color:#ccbea4; font-weight:300; text-transform:uppercase; margin:0 0 20px 0; }
h2 { font-size:26px; line-height:1em; font-weight:300; text-transform:uppercase; margin:0 0 20px 0; }
h3 { font-size:24px; line-height:1em; font-weight:300; text-transform:uppercase; margin:0 0 20px 0; clear:both; }
h4 { font-size:20px; margin: 0 0 8px 0; text-transform:uppercase; clear:both; }
h5 { font-size:18px; margin: 0 0 5px 0; text-transform:uppercase; }
h6 { font-size:16px; margin: 0 0 5px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
p { line-height:20px; margin-bottom:15px; }
small, .small { font-size:12px; }
.heading_block { background:url(images/layout/heading_line.jpg) 0 13px repeat-x; }

/************************************ LINKS **************************************/
a { color:#ccbea4; text-decoration:none; }
a:hover { color:#fff; }
a, a img { border:none; }

/************************************ BUTTONS **************************************/
.read_more { background:url(images/btn_arrow.png) 0 3px no-repeat; background-size:14px; margin:0; padding:0 0 0 20px; font-size:14px; color:#fff; font-weight:300; text-decoration:none; display:block; clear:both; }
.read_more:hover { opacity:0.7; filter:alpha(opacity=70); }
.btn { background:#999; margin:0; padding:6px 10px; color:#fff; text-decoration:none; text-shadow:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn:hover { background:#777; }

/************************************ CONTENT **************************************/
hr { height:1px; width:100%; border:none; border-bottom:1px dashed #ccc; display:block; margin:20px 0; padding:0; clear:both; }
hr.blog { background:#ccc; height:2px; width:100%; border:none; display:block; margin:30px 0; padding:0; clear:both; }
/* -- Mirrors Content UL Styles -- */
.mceContentBody { padding:10px; }
.mceContentBody ul { list-style:none; margin:0 0px 20px 0px; font-size:13px; color:#555; clear:both; }
.mceContentBody ul li { background:url(images/layout/list_ribbon.png) 0 9px no-repeat; border-bottom:#bbb 1px dotted; padding:4px 0 4px 15px; margin:0; line-height:18px; }
.mceContentBody ul li:last-child { border: none; }

/***************************** Image Alignments *************************************/
.no-padding { padding: 0 !important; }
.no-style { padding: 0 !important; border: none !important; background: none !important; }
.alignnone {}
.alignright { float:right; margin: 3px 0 15px 15px; background:#fff; padding:3px; border:1px solid #ddd; box-sizing:border-box; }
.alignleft { float: left; margin: 3px 15px 15px 0; background:#fff; padding:3px; border:1px solid #ddd; box-sizing:border-box; }
.aligncenter { display: block; margin: 5px auto; background:#fff; padding:3px; border:1px solid #ddd; box-sizing:border-box; }
.wp-caption-text { background:#bbb; font-size: 12px; color:#fff; text-shadow:none; padding:5px; margin:0; }
#fancybox-outer { background: #000 !important; }

/****************************** COLOR STYLES *****************************************/
.tan { color:#ccbea4; }
.white { color:#fff; }
.grey { color:#888;}