/* from lighter to darker */
/*-------------------------------------------------------------------------
++ 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:#8B1B6F;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.9em;}
#rational-magic 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:#332909;}
h2 span{color:#655212;}
h3 span{color:#91761a;}
h4 span{color:#161204;}
h5 span{color:#7b6416;}
#article span.sep{font-weight:normal;color:#c3b481;position:relative;top:-2px;}
/* action buttons
*******************************************************/
.action-button{display:inline-block;font-size:15px;font-weight:bold;margin:.5em 0 .5em 0;padding:.6em 1.5em;color:#ffffff;}
.action-button.primary{color:#ffffff;}
/* 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/rational-magic/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 #c3b481;width:48%;float:left;}
ul.compound li.alt{border-left:1px dashed #c3b481;padding-left:3%;}
ul.compound li.last{border-bottom:0;}
ul.compound h3{margin:.7em 0 .4em 0;padding:0;}
ul.compound p{color:#655212;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 dd{margin:0.1em 0 1em 0;}
dl.listVertical dt{background:#efebdd;color:#332909;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 #dfd7bd;}
dl.zebra dd{background:#dfd7bd;border-top:1px solid #ffffff;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:#efebdd;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 #c3b481;border-top:1px solid #c3b481;background:#f7f5ef;margin:1em 0;}
#primary-content table.tbl-style1 caption{color:#91761a;text-align:left;font-size:1.3em;padding-bottom:0;margin-top:1em;}
#primary-content table.tbl-style1 th{border:1px solid #dfd7bd;padding:10px;text-align:center;}
#primary-content table.tbl-style1 tr.alt{background:#efebdd;}
#primary-content table.tbl-style1 thead tr.alt{background:inherit;}
#primary-content table.tbl-style1 td{border-right:1px solid #dfd7bd;border-bottom:1px solid #dfd7bd;font-size:14px;text-align:center;}
/* remove tables styling - use class nostyle
****************************************/
#primary-content table.nostyle,#primary-content table.nostyle tr.alt{background:none;}
#primary-content table.nostyle td,#primary-content table.nostyle tr.alt,#primary-content table.nostyle{border:none;}
#primary-content table td{padding:2px 5px;}
/* quotes,blockquotes & code
******************************************************/
pre,.code{overflow:auto;background:#efebdd;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:#655212;}
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 #c3b481;}
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:#004770;color:#ffffff;}
blockquote.style2{background:#9e7f00;color:#ffffff;}
blockquote.style3{background:#b30000;color:#ffffff;}
blockquote.style4{background:#5a0946;color:#ffffff;}
blockquote.style5{background:#177669;color:#ffffff;}
.quote-author{background:#dfd7bd;border-top:1px solid #c3b481;margin:20px -19px -20px -20px;padding:0.5em 1em;font-size:0.7em;text-align:right;font-weight:bold;}
.quote-author a{color:#655212;}
/* drop cap
*******************************************************/
.dropcap{color:#655212;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:#b09c5a;color:#161204;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/rational-magic/images/info.png);background-color:#F3F9E8;border-color:#C3DB86;color:#487739;}
p.notice.alert{background-image:url(../../../../../../../../morph_assets/themelets/rational-magic/images/alert.png);background-color:#FEF6D4;border-color:#FEEAC0;color:#9E561A;}
p.notice.tip{background-image:url(../../../../../../../../morph_assets/themelets/rational-magic/images/tip.png);background-color:#FEF6D4;border-color:#FEEAC0;color:#9E561A;}
p.notice.help{background-image:url(../../../../../../../../morph_assets/themelets/rational-magic/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:#ffffff;}
.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 #c3b481;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/rational-magic/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:#ffffff;position:relative;top:5px;}
.img-left{margin:0 1.5em 1.5em 0;}
.img-right{margin:0 0 1.5em 1.5em;}
img.img-left,
img.img-right,
.image img,
.img-border{background:#ffffff;padding:1px;border:4px solid #efebdd;margin-bottom:1em;}
.img-border.img-style1{border-color:#004770;}
.img-border.img-style2{border-color:#9e7f00;}
.img-border.img-style3{border-color:#b30000;}
.img-border.img-style4{border-color:#5a0946;}
.img-border.img-style5{border-color:#177669;}
span.caption-wrapper.img-left{margin:0 20px 20px 0;}
span.caption-wrapper.img-right{margin:0 0 20px 20px;}
/* 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:1em;font-weight:bold;}
.inputbox{font-size:1.1em;padding:0.2em 0.1em 0.2em 0.4em;}
.inputbox{color:#332909;}
select,input,textarea{margin:0.6em 0 .6em 0;font-size:1em;border:1px solid;border-color:#c3b481 #dfd7bd #dfd7bd #c3b481;background:#ffffff;color:#332909;padding:0.5em 0.3em;}
input.focus{border-bottom:1px solid #c3b481;border-right:1px solid #c3b481;border-top:1px solid #91761a;border-left:1px solid #91761a;}
select option{background:#f7f5ef;}
input[type=button],
input[type=submit],
button,
.button,
.search-btn{color:#ffffff;padding:8px;margin:0 0 0 .4em;cursor:pointer;}
.button.center{display:block;text-align:center;}
body#rational-magic select,body#rational-magic input[type=checkbox],body#rational-magic input[type=radio]{outline:none!important;}