/*-------------------------------------------------------------------------
++ JoomlaJunkie - Typography CSS
++ All Typographical styling is kept here
---------------------------------------------------------------------------*/
/* NB!! - Font colors are set in Configurators "Customization" Tab */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; }
 
p {
	margin-bottom: 1em;
	line-height: 1.5em; }
 
	p.teaser {
		color: #777;
		font-size: 1.4em;
		line-height: 1.4em; }
		
	#article-content p.teaser {
		color: inherit;
		line-height: 1.4em; }
 
/* heading styles
*****************************************/
h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0;font-weight: bold; }
 
.componentheading,h1 {
	font-size: 2.1em;
	line-height: 1.2em; }
 
.contentheading,h2 { font-size: 1.8em; }

#emphatic h2 a { color: inherit; }
 
h3 { font-size: 1.7em; }
 
h4 { font-size: 1.5em; }
 
h5 { font-size: 1.2em; }
 
h6 { font-size: 1em; }
 
h1 a,h2 a { text-decoration: none; }
 
h2 a:hover { text-decoration: underline; }
 
h1.componentheading {
	margin: 0;
	padding: 0 0 .5em 0; }
 
h1 span { color: #333; }
 
h2 span { color: #666; }
 
h3 span { color: #999; }
 
h4 span { color: #222; }
 
h5 span { color: #222; }
 
#article span.sep {
	font-weight: normal;
	color: #ddd;
	position: relative;
	top: -2px; }

/* action buttons
*******************************************************/

#emphatic.morph .block .action-button {
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border: 1px solid #000000;
	color: #F8EBE0;
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
	margin: .7em 0;
	padding: 17px 70px 17px 18px;
	position: relative;
	text-align: center;
	text-shadow: 0 -2px 0 #000000;
	text-transform: uppercase;
	cursor: pointer;
}

#emphatic.morph .block .action-button .action-arrow {
	display: inline-block;
	float: right;
	height: 0;
	overflow: hidden;
	padding-top: 34px;
	position: absolute;
	right: 13px;
	text-indent: -9999px;
	top: 16px;
	width: 36px;
}

#emphatic.morph .block .action-button .action-detail {
	background: url(/morph_assets/themelets/emphatic/images/action-detail-primary.png) no-repeat 0 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#emphatic.morph.internetexplorer60 .block .action-button.primary .action-detail {
	background: none;
}

/* primary */
#emphatic.morph .block .action-button.primary .action-arrow {
	background: url(/morph_assets/themelets/emphatic/images/block-sprite-default.png) no-repeat -4px -183px;
}

#emphatic.morph .block .action-button.primary .action-detail {
	background: url(/morph_assets/themelets/emphatic/images/action-detail-primary.png) no-repeat 0 0;
}

/* Legacy browsers */
html.no-cssgradients #emphatic.morph .block .action-button.primary {
	background: #B14E1F url(/morph_assets/themelets/emphatic/images/action-primary-bg.png) repeat-x center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
/* Modern browsers */
/* Modern browsers */
html.cssgradients #emphatic.morph .block .action-button.primary {
	background: -moz-linear-gradient(
		top,
		#955354,
		#823435 3%,
		#6C1012 50%,
		#5C0E0F 50%,
		#4B0B0D
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#955354),
		to(#4B0B0D),
		color-stop(0.03, #823435),
		color-stop(0.5, #6C1012),
		color-stop(0.5, #5C0E0F)
	);
}

/* old orange style */

/*html.cssgradients #emphatic.morph .block .action-button.primary {
	background: -moz-linear-gradient(
		top,
		#B14E1F,
		#BB5312 3%,
		#AB4B0F 50%,
		#9B410C 50%,
		#5F2200
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#B14E1F),
		to(#5F2200),
		color-stop(0.03, #BB5312),
		color-stop(0.5, #AB4B0F),
		color-stop(0.5, #9B410C)
	);
}*/
  
/* links styling
*****************************************/
a:link,a:visited { text-decoration: none; }
 
a:hover { text-decoration: underline; }
 
a:hover,a:active { text-decoration: underline; }
 
/* lists styling
******************************************************/
/* reset lists */
ul.reset-list,
.mod ul.reset-list {
	margin: 0;
	overflow: hidden; }
 
ul.reset-list li,
.mod ul.reset-list li { list-style-type: none; }
 
ul,ol {
	margin: 0 0 1.5em 3em;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5em; }
 
ul ul,ol ol,ul ul ul,ol ol ol,ul ul ul ul,ol ol ol ol { margin-bottom: 0; }
 
#article div.yui-u ul { margin: 0 0 0 1.5em; }
 
	#article div.yui-u ul.bullet { margin: 0 0 1.5em 0; }
 
#article div.yui-u ol { margin-left: 2em; }
 
#article div.yui-u h5 { margin-top: .5em; }
 
/* unordered lists */
ul li { list-style: disc; }
 
	ul li li { list-style: circle; }
 
		ul li li li { list-style: square; }
 
ul.circle li { list-style-type: circle; }
 
ul.square li { list-style-type: square; }
 
ul.bullet { margin: 0 0 1em 0; }
 
#article #article-content ul.none,
#article #article-content ul.none li {
	margin: 0;
	padding: 0;
	list-style: none; }
 
ul.bullet li {
	margin: 0;
	list-style-type: none;
	background: transparent url(/morph_assets/themelets/emphatic/images/bullet-icons-sprite.png) no-repeat; }
 
ul.style1 li {
	background-position: 0 3px;
	padding-left: 1.5em; }
 
ul.style2 li {
	background-position: 0 -65px;
	padding-left: 1.6em; }
 
ul.style3 li {
	background-position: 0 -136px;
	padding-left: 1.6em; }
 
ul.style4 li {
	background-position: 0 -203px;
	padding-left: 1.8em; }
 
ul.style5 li {
	background-position: 0 -273px;
	padding-left: 1.7em; }
 
ul.style6 li {
	background-position: 0 -346px;
	padding-left: 1.7em; }
 
ul.style7 li {
	background-position: 0 -416px;
	padding-left: 1.5em; }
 
ul.style8 li {
	background-position: 0 -486px;
	padding-left: 1.8em; }
 
ul.style9 li {
	background-position: 0 -559px;
	padding-left: 1.7em; }
 
ul.style10 li {
	background-position: 0 -630px;
	padding-left: 1.7em; }
 
ul.style11 li {
	background-position: 0 -696px;
	padding-left: 1.5em; }
 
ul.style12 li {
	background-position: 0 -765px;
	padding-left: 1.6em; }
 
ul.style13 li {
	background-position: 0 -834px;
	padding-left: 1.6em; }
 
ul.style14 li {
	background-position: 0 -905px;
	padding-left: 1.8em; }
 
ul.style15 li {
	background-position: 0 -979px;
	padding-left: 1.8em; }
 
/* compound lists */
ul.compound {
	margin: 1em 0 2em 0;
	padding: 0;
	overflow: hidden; }
 
	ul.compound li {
		list-style: none;
		border-bottom: 1px dashed #ccc;
		width: 48%;
		float: left; }
 
		ul.compound li.alt {
			border-left: 1px dashed #ccc;
			padding-left: 3%; }
 
		ul.compound li.last { border-bottom: 0; }
 
	ul.compound h3 {
		margin: .7em 0 .4em 0;
		padding: 0; }
 
	ul.compound p {
		color: #666;
		font-size: 1em;
		width: 95%; }
 
/* ordered lists */
ol li { list-style-type: decimal; }
 
	ol li li { list-style: decimal; }
 
		ol li li li { list-style: decimal; }
 
ol.decimal-leading-zero li { list-style-type: decimal-leading-zero; }
 
ol.lower-roman li { list-style-type: lower-roman; }
 
ol.upper-roman li { list-style-type: upper-roman; }
 
ol.lower-alpha li { list-style-type: lower-alpha; }
 
ol.upper-alpha li { list-style-type: upper-alpha; }
 
/* definition lists */
dl {
	line-height: 1.5em;
	letter-spacing: .2px; }
 
	dl dt { font-weight: bold; }
 
	dl dd { margin: 0.1em 0 1em 2em; }
 
	dl.listHorizontal dt {  }
 
	dl.listHorizontal dd { margin: 0.1em 0 1em 0; }
 
	dl.listVertical dt {
		background: #eee;
		color: #3F3F3F;
		font-weight: 700;
		padding: .3em .5em; }
 
	dl.listVertical dd {
		margin: 0 0 1em 0;
		padding: .2em .5em; }
 
	dl.zebra dt {
		padding: 0.3em 0.5em;
		border-bottom: 1px solid #ddd; }
 
	dl.zebra dd {
		background: #ddd;
		border-top: 1px solid #fff;
		margin-bottom: 1em;
		padding: 0.5em 0.5em 1em .7em; }
 
	dl.listHorizontal { overflow: hidden; }
 
	dl.listFlat {
		overflow: hidden;
		margin-bottom: 1em; }
 
		dl.listFlat dt {
			float: left;
			padding-right: .7em;
			width: 110px;
			text-align: right; }
 
			dl.listFlat dt code {
				background: #eee;
				padding: .1em .3em;
				font-size: .8em; }
 
		dl.listFlat dd { margin-bottom: .5em; }
 
	/* float list */
dl.listFloat {
		overflow: hidden;
		margin-bottom: 1em; }
 
		dl.listFloat dt { float: left; }
 
		dl.listFloat dt,
dl.listFloat dd { margin-bottom: .5em; }
 
		dl.listFloat.dt5 dt { width: 50px; }
 
		dl.listFloat.dt6 dt { width: 60px; }
 
		dl.listFloat.dt7 dt { width: 70px; }
 
		dl.listFloat.dt8 dt { width: 80px; }
 
		dl.listFloat.dt9 dt { width: 90px; }
 
		dl.listFloat.dt10 dt { width: 100px; }
 
		dl.listFloat.dt11 dt { width: 110px; }
 
		dl.listFloat.dt12 dt { width: 120px; }
 
		dl.listFloat.dt13 dt { width: 130px; }
 
		dl.listFloat.dt14 dt { width: 140px; }
 
		dl.listFloat.dt15 dt { width: 150px; }
 
		dl.listFloat.dt16 dt { width: 160px; }
 
		dl.listFloat.dt17 dt { width: 170px; }
 
		dl.listFloat.dt18 dt { width: 180px; }
 
		dl.listFloat.dt19 dt { width: 190px; }
 
		dl.listFloat.dt20 dt { width: 200px; }
 
/* tables styling
****************************************/
#primary-content table.tbl-style1 {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #F1F5F5;
	margin: 1em 0; }
 
	#primary-content table.tbl-style1 caption {
		color: #999;
		text-align: left;
		font-size: 1.3em;
		padding-bottom: 0;
		margin-top: 1em; }
 
	#primary-content table.tbl-style1 th {
		border: 1px solid #DDDDDD;
		padding: 10px;
		text-align: center; }
 
	#primary-content table.tbl-style1 tr.alt { background: #E5E9E9; }
 
	#primary-content table.tbl-style1 thead tr.alt { background: inherit; }
 
	#primary-content table.tbl-style1 td {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		text-align: center; }
 
/* remove tables styling - use class strip-block
****************************************/
#primary-content table.strip-block,#primary-content table.strip-block tr.alt { background: none; }
 
#primary-content table.strip-block td,#primary-content table.strip-block tr.alt,#primary-content table.strip-block { border: none; }
 
#primary-content table td { padding: 2px 5px; }

@font-face {
	font-family: 'CaviarDreamsBold';
	src: url('/morph_assets/themelets/emphatic/fonts/CaviarDreams_Bold-webfont.eot');
	src: local('?'), url('/morph_assets/themelets/emphatic/fonts/CaviarDreams_Bold-webfont.woff') format('woff'), url('/morph_assets/themelets/emphatic/fonts/CaviarDreams_Bold-webfont.ttf') format('truetype'), url('/morph_assets/themelets/emphatic/fonts/CaviarDreams_Bold-webfont.svg#webfontLEG564QO') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fontkit1 {font-family: 'CaviarDreamsBold', Arial, sans-serif;}

/* quotes,blockquotes & code
******************************************************/
pre,.code {
	overflow: auto;
	background: #eee;
	margin: 1em 0 1.5em;
	padding: 1em; }
 
blockquote {
	font: normal 1.3em/1.4em Georgia,"Times New Roman",Times,serif;
	margin: 0 2em 1em 2em;
	padding: 0;
	color: #999; }
 
	blockquote.quote {
		margin: 0 0 1em 0;
		padding: 0 2em;
		position: relative;
		height: 100%; }
 
.quote span {
	font: bold 3em Georgia,sans-serif;
	width: 2em;
	position: absolute;
	top: 0;
	left: 0; }
 
.quote .cite { border-top: 1px dashed #ccc; }
 
blockquote.box { margin: 1em 0; }
 
	blockquote.box .cite {
		text-align: right;
		border-top: 1px dashed; }
 
blockquote cite {
	font: bold .9em georiga;
	text-transform: uppercase;
	padding-left: 1em; }
 
blockquote p {
	font-size: 1em!important;
	margin-bottom: 0!important; }
 
	blockquote p.cite {
		font-size: .7em!important;
		padding-top: .5em;
		margin-top: .5em!important;
		border-top: 1px solid; }
 
pre, code, kbd, samp, tt {
	font-family: monospace;
	font-size: 0.9em; }
 
/* pullquotes */
.pullquote {
	font: normal 1.5em/1.2em Georgia,"Times New Roman",Times,serif;
	width: 25%;
	float: left;
	margin: 0 1em 0 0; }
 
.pqr {
	float: right;
	margin: 0 0 0 1em; }
 
.box,blockquote.style1,blockquote.style2,blockquote.style3,blockquote.style4,blockquote.style5 { padding: 1em; }
 
.box,blockquote.style1 {
	background: #eee;
	color: #777; }
 
blockquote.style2 {
	background: #999;
	color: #fff; }
 
blockquote.style3 {
	background: #BDE0E2;
	color: #396B71; }
 
blockquote.style4 {
	background: #396B71;
	color: #fff; }
 
blockquote.style5 {
	color: #fff;
	background: #BC2E2B; }
 
.quote-author {
	background: #ddd;
	border-top: 1px solid #ccc;
	margin: 20px -19px -20px -20px;
	padding: 0.5em 1em;
	font-size: 0.7em;
	text-align: right;
	font-weight: bold; }
 
	.quote-author a { color: #666; }
 
/* drop cap
*******************************************************/
.dropcap {
	color:#666666;
	float:left;
	font-family:Verdana;
	font-size:5.3em;
	font-weight:bold;
	height:22px;
	line-height:0.9;
	padding:0 12px 0 0;
	width:auto;}
 
q {
	background: #FFFF99;
	color: #333;
	font-weight: bold;
	font-style: oblique;
	padding: .1em .4em; }
 
div.post .text .dropCap {
	float: left;
	font-size: 45px;
	font-variant: small-caps;
	line-height: 40px;
	padding-right: 5px;
	padding-top: 2px; }
 
/* alerts
******************************************************/
.notice {
	background-position:10px center;
	padding: 1em 0.5em 1em 75px;
	margin: 1em 0;
	border: 1px solid;
	background-repeat: no-repeat;
	clear: both;
	font-size: 1.1em; }
  
p.notice.info {
	background-image: url(/morph_assets/themelets/emphatic/images/info.png);
	background-color:#F3F9E8;
	border-color:#C3DB86;
	color:#487739;}
 
p.notice.alert {
	background-image: url(/morph_assets/themelets/emphatic/images/alert.png);
	background-color: #FEF6D4;
	border-color: #FEEAC0;
	color: #9E561A;}
	
p.notice.tip {
	background-image: url(/morph_assets/themelets/emphatic/images/tip.png);
	background-color: #FDFF95;
	border-color: #FEEAC0;
	color: #9E561A;}
 
p.notice.help {
	background-image: url(/morph_assets/themelets/emphatic/images/help.png);
	background-color: #E6FFFC;
	border-color: #D6EFF7;}
 
 
/* system notices */
#system-message * {
	color: #000;
	margin: 0;
	padding: 0; }
 
#system-message {
	margin: 1em 0;
	overflow: hidden;
	font-size: 1.5em; }
 
	#system-message dt {
		float: left;
		margin-right: .6em; }
 
	#system-message dd { float: left; }
 
		#system-message dd li { list-style: none; }
 
/* highlight text
******************************************************/
.highlight { background: #FFFF99;color: #333; }
 
.class-name {
	background: #F9FFD0;
	padding: 2px 5px;
	border: 1px solid #FFDF80;
	color: #9F5B32; }
 
/* horizontal rules
******************************************************/
hr {
	margin: 2em 0;
	border: 0;
	height: 1px;
	border-bottom: 1px solid #ccc;
	float: none; }
 
	hr.clearer {
		clear: both;
		display: block;
		float: none;
		width: 100%; }
 
	hr.dotted,hr.dashed,hr.cut {
		border: 0;
		background-image: url(/morph_assets/themelets/emphatic/images/hr-dividers.gif); }
 
	hr.dotted {
		background-position: top center;
		height: 3px; }
 
	hr.cut {
		background-position: center center;
		height: 20px; }
 
	hr.dashed {
		background-position: bottom center;
		height: 3px; }
 
/* image alignment
******************************************************/

.img-left,
.img-right {
	background: #fff;
	position: relative;
	top: 5px; }
 
.img-left { margin: 0 1.5em 1.5em 0; }
 
.img-right { margin: 0 0 1.5em 1.5em; }
 
.article-image img,
img.img-left,
img.img-right,
.image img,
.img-border {
	box-shadow: 0 0 3px #AAAAAA;
	-webkit-box-shadow: 0 0 3px #AAAAAA;
	-moz-box-shadow: 0 0 3px #AAAAAA;
	border: 4px solid #FFFFFF;
	margin-bottom: 1em;}

.blog .article-image img {
	margin-left: 2px;
}

 
#emphatic .img-style1 { border-color: #eee; }
 
#emphatic .img-style2 { border-color: #333; }
 
#emphatic .img-style3 { border-color: #BDE0E2; }
 
#emphatic .img-style4 { border-color: #396B71; }
 
#emphatic .img-style5 { border-color: #BC2E2B; }
 
span.caption-wrapper.img-left { margin: 0 20px 20px 0; }
 
span.caption-wrapper.img-right { margin: 0 0 20px 20px; }
 
/* image captions
******************************************************/

/* image captions
******************************************************/
.caption-top,.caption-bottom{padding:1em;font-weight:bold;font-size:12px;font-family:arial;cursor:default;display:block;}
.caption a,.caption a{border:0 none;text-decoration:none;background:#000;padding:0;}
.caption a:hover,
.caption a:hover{background:#202020;}
br.c{clear:both;}
 
/* form elements
******************************************************/
label {
	font-size: 1.1em;
	font-weight: bold; }
 
.inputbox {
	font-size: 1.1em;}
 
.inputbox { color: #493C1F; }
 
select,input,textarea {
	margin: 0.6em 0 .6em 0;
	font-size: 1.1em;
	background: #fff;
	border: 4px solid;
	border-color: #e7e7e7;
	background: #fafafa;
	color: #333;
	padding: 11px 8px;
	box-shadow: 0px 0px 0px 1px #ddd inset;
	-webkit-box-shadow: 0px 0px 0px 1px #ddd inset;
	-moz-box-shadow: 0px 0px 0px 1px #ddd inset;}
 
input.focus,
input:focus {
	border-color: #e3e3e3;
	box-shadow: 0px 0px 0px 1px #ccc inset;
	-webkit-box-shadow: 0px 0px 0px 1px #ccc inset;
	-moz-box-shadow: 0px 0px 0px 1px #ccc inset;}
 
select option { background: #F1F0EB; }
 
input[type=button],input[type=submit], button,.button,.search-btn {
	background: #222;
	color: #fff!important;
	font-family: inherit;
	font-size: 1em;
	padding: 12px 8px;
	margin: 0;
	cursor: pointer;
	border: 3px solid #000;
	box-shadow: 0px 0px 0px 1px #333 inset;
	-webkit-box-shadow: 0px 0px 0px 1px #333 inset;
	-moz-box-shadow: 0px 0px 0px 1px #333 inset;}
	
.button.center {
	display: block;
	text-align: center;
}

body#emphatic select,
body#emphatic input[type=checkbox],
body#emphatic input[type=radio] { outline: none!important; }