/* /////// ------- CONTENT.CSS ------- \\\\\\\ */
/*
	Author(original):	Chad Fontaine @ Chameleon Creative
	Author URI:		http://www.chameleoncreative.com/
	Version:		1.0
	Last Revision:	NOVEMBER 2014
	Revised Made By:	Chad Fontaine
	Project:		-------------
	Description:	Styles available in the Drupal content editor(tinyMCE) For general font / content styling only. No semantical layout addressed here.
*/

/* raleway 100, 300, 500, 700 are enabled */

/* ______________ GENERAL ______________ */
.mceContentBody {}
.tablink {}
.colorbox-load {}

/* ______________ HEADLINES ______________ */
h1 { color: #695490; font: 500 36px/normal 'Raleway', sans-serif;}
h2 { color: #99ae17; font: 500 30px/normal 'Raleway', sans-serif;}
h3 { color: #7982ad; font: 500 25px/normal 'Raleway', sans-serif;}
h4 { color: #c55313; font: 500 20px/normal 'Raleway', sans-serif;}

/* ______________ IMAGES ______________ */
a img { border: none; }
.image_aligned_left {	margin:10px 10px 10px 0px; float:left;}
.image_aligned_right {	margin:10px 0px 10px 10px; float:right;}
.image_bordered { border:1px solid #c4d940; padding:1px; background-color:#fff; margin:10px;}
.image_bordered_thick { border:3px solid #c4d940; padding:1px; background-color:#fff;}

/* ______________ font sizes ______________ */
.txt_percent_70 { font-size: 70%; }
.txt_percent_80 { font-size: 80%; }
.txt_percent_90 { font-size: 90%; }
.txt_percent_110 { font-size: 110%; }
.txt_percent_120 { font-size: 120%; }
.txt_percent_130 { font-size: 130%; }

/* ______________ font colors ______________ */
.txt_color_black { color: #000000; }
.txt_color_grey { color: #999; }
.txt_color_white { color: #ffffff; }
.txt_color_gold { color: #ba8e07; }
.txt_color_green_dark { color: #006600; }
.txt_color_green_light { color: #33CC00; }
.txt_color_blue_dark { color: #115172; }
.txt_color_blue_light { color: #0786bc; }
.txt_color_yellow_orange { color: #ffc600; }

/* ______________ LINKS ______________ */
a,
.mceContentBody a,
.mceContentBody a:link, a:link,
.mceContentBody a:active,  a:active,
.mceContentBody a:visited,  a:visited { color: #a0b70c; text-decoration: underline;}
.mceContentBody a:hover,  a:hover { color: #7982ad; text-decoration: none;}



/* ______________ BLOCKS ______________ */

.txt_block_bordered_background_grey {
    background: none repeat scroll 0 0 #CCC;
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    display: block;
    margin: 10px;
    padding: 10px;
}
.txt_block_bordered_background_white {
    background: none repeat scroll 0 0  #fff;
    border: 1px solid #99ae17;
    border-radius: 10px 10px 10px 10px;
    display: block;
    margin: 10px;
    padding: 10px;
}









/* ______________ BLOCKQUOTE ______________ */
 blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}