/*-------------------------------------------------------------------------
++ JoomlaJunkie - Typography CSS
++ All Typographical styling is kept here
---------------------------------------------------------------------------*/

/* NB!! - Font colors are set in Configurators "Customization" Tab */
body{font:13px/1.5384615384615385em "Helvetica Neue",Helvetica,arial,sans-serif;}
/* fix for chrome on windows bug not rendering the Helvetica font */
body.windows.chrome {font:13px/1.5384615384615385em arial,sans-serif;}


/* heading styles
*****************************************/
h1,h2,h3,h4{font-weight:bold;}
h1,h2,h3,h4,h5,h6{letter-spacing:-0.03em;text-shadow:1px 1px 0 #FFFFFF;}
h1,h2,h3,h4,h5,h6,p,blockquote{font-size:1em;line-height:1.5384615384615385em;margin-bottom:1.5384615384615385em}
.componentheading,h1{font-size:2.3em;line-height:0.6688963210702341em;margin-top:-0em;margin-bottom:0.6688963210702341em;}
.contentheading,h2{font-size:2em;line-height:1em;margin-top:-0em;margin-bottom:0.7692307692307693em;}
h3{font-size:1.8em;line-height:0.8547008547008547em;margin-top:-0em;margin-bottom:0.8547008547008547em;}
h4{font-size:1.6em;line-height:0.9615384615384615em;margin-top:-0em;margin-bottom:0.9615384615384615em;}
h5{font-size:1.4em;line-height:1.098901098901099em;margin-top:-0em;margin-bottom:1.098901098901099em;}
h6{font-size:1.3em;line-height:1.1834319526627217em;margin-top:-0em;margin-bottom:1.1834319526627217em;}
h1 a,h2 a{text-decoration:none;}
h2 a:hover{text-decoration:underline;}
p{font-size:1.0769238em;line-height:1.42857413em;margin-top:-0em;margin-bottom:1.42857413em;}
/* add alt color to headings by adding some text in a span */
h1 span{color:#79BEDA;}
h2 span{color:#888;}
h3 span{color:#C0D2D6;}
h4 span{color:#555;}
h5 span{color:#555;}

/* links styling
*****************************************/
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}

/* add background and bottom border to links inside paragraphs */
p a:hover{text-decoration:none;border-bottom:1px dotted #ccc;background-color:#E9EDEF;}
p a:link,p a:visited{text-decoration:none;border-bottom:1px dotted #ccc;}

/* lists styling
******************************************************/
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;}
/* 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{font-size:.8em;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:#EDEFF0;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:#e8e8e8;border-top:1px solid #fff;margin-bottom:1em;padding:0.5em 0.5em 1em .7em;}
dl.listHorizontal{overflow:hidden;}
dl lh{display:block;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px dashed #ddd;font-size:1.2em;font-weight:bold;}
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:#EDEFF0;padding:.1em .3em;font-size:.8em;}
dl.listFlat dd{margin-bottom:.5em;}

/* tables styling
****************************************/
table{margin:1em 0}
#primary-content table.tbl-style1{border-left:1px solid #ddd;border-top:1px solid #ddd;background:#fff;margin:1em 0;}
#primary-content table.tbl-style1 caption{text-align:left;font-weight:bold;font-size:15px;padding-bottom:5px;}
#primary-content table.tbl-style1 th{background:#e8e8e8;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:2px 5px;text-align:left;}
#primary-content table.tbl-style1 tr.alt{background:#EDEFF0;}
#primary-content table.tbl-style1 td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}

/* 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:5px;}

/* quotes,blockquotes & code
******************************************************/
pre,.code{overflow:auto;background:#EDEFF0;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-family:georgia;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;opacity:.8;}
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:#EDEFF0;color:#777;}
blockquote.style2{background:#999;color:#fff;}
blockquote.style3{background:#577573;color:#fff;}
blockquote.style4{background:#304848;color:#fff;}
blockquote.style5{color:#fff;background:#CA6623;}
.quote-author{background:#e8e8e8;border-top:1px solid #ddd;margin:20px -19px -20px -20px;padding:0.5em 1em;font-size:0.7em;text-align:right;font-weight:bold;}
.quote-author a{color:#666;}
/* dropcap */
.dropcap{color:#888;font:55px/40px Georgia,"Times New Roman",Times,serif;display:block;float:left;padding:4px 8px 0 0;}
q{background:#79BEDA;color:#fff;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{padding:.3em .5em .3em 2em;margin:1em 0;border:1px solid;background-repeat:no-repeat;background-image:url(../../../../morph_assets/themelets/leblanc/images/message-icons.png);}
.internetvanilla .notice{background-image:url(../../../../morph_assets/themelets/leblanc/images/message-icons.gif);}
p.notice.error{background-color:#CC3333;border-color:#6A0000;color:#fff;background-position:6px 7px;}
p.notice.info{background-color:#90CACC;border-color:#276362;color:#276362;background-position:6px -51px;}
p.notice.buy{background-color:#99CC66;border-color:#496400;color:#496400;background-position:6px -107px;}
p.notice.alert{background-color:#FFFF99;border-color:#FFCC00;color:#9E561A;background-position:6px -161px;}
p.notice.help{background-color:#2D6DC2;border-color:#1C3986;color:#fff;background-position:6px -218px;}
p.notice.download{background-color:#EBB171;border-color:#FF6600;color:#fff;background-position:6px -274px;}
/* 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:#f2f4f5;color:#444;font-weight:bold;padding:1px 5px;}
.class-name{background:#F9FFD0;padding:2px 5px;border:1px solid #FFDF80;color:#9F5B32;}

/* image alignment
****************************************/
.img-left{margin:0 2em 2em 0;}
.img-right{margin:0 0 2em 2em;}
.img-left,.img-right{background:#fff;}

/* horizontal rules
******************************************************/
hr{margin:3.5em 0;border:0;height:2px;border-bottom:1px solid #ddd;}
hr.dotted,hr.dashed,hr.cut{border:0;background-image:url(../../../../morph_assets/themelets/leblanc/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{margin:0 1em 1em 0;}
.img-right{margin:0 0 1em 1em;}
.img-border{background:#fff;padding:1px;border:5px solid #ccc;}
.img-style1{border-color:#304848;}
.img-style2{border-color:#577573;}
.img-style3{border-color:#CA6623;}
.img-style4{border-color:#E8E8E8;}
.img-style5{border-color:#999;}
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;}
.caption-default{padding:16px 10px 16px 10px;font-weight:bold;font-size:12px;font-family:arial;cursor:default;display:block;background:#111;position:relative;margin:-43px 0 1.5em 0;z-index:2;color:#eee;}
.caption-default.featured{width:293px;}

/* form elements
****************************************/

/**** cross browser control styles for inputs with double border *****/

.input-wrap{border:4px solid #E9EDEF;overflow:hidden;float:left;}

/* bugfix - add background color same as thicker border so ie6 behaves correctly */
.internetexplorer60 .input-wrap{background: #E9EDEF;}
/* end bugfix */

/* width and padding for all other browsers */
form .input-wrap input{width:97.6%;padding-left:1.2%;padding-right:1.2%;}
/* width and padding for ie browsers */
.internetexplorer form .input-wrap input{width:93.2%;padding-left:3%;padding-right:3%;}
/* width and padding for firefox browsers */
.firefox form .input-wrap input {width:98.1%;padding-left:.5em;padding-right:.5em;}
/* width and padding for opera browser */
.opera form .input-wrap input{width:98%;padding-left:8px;padding-right:8px;}

/* set a specific width on the search module input for ie6 */
.internetexplorer60 form .input-wrap input#mod_search_searchword{width:63.4%;padding-left:3%;padding-right:3%;}
 
/* default styles */
select,input,textarea{background:#F6F6F6;border:1px solid #ddd;color:#333;}
input,.inputbox{background:#FFFFFF;border:1px solid #dedede;padding:10px 0;color:#555;font-size: 1.2em; }
/* inputs on blocks with dark backgrounds */
#toolbar input,#toolbar .inputbox{background:#111 none repeat scroll 0 0;border:1px solid #333;font-size:1.2em;padding:0.5em;color:#fff;}
button,
.search-btn,
.button{background:#444;font-size:1em;color:#fff;margin:0 0 0 0.3em;padding:1.05em 0.9em;text-transform:uppercase;cursor:pointer;border-color:#FFFFFF;border-style:solid;border-width:0 1px 1px 0;}
.button:hover{background:#000;}
select option{background:#fff;}
select.inputbox{padding:0;}
label{text-transform:uppercase;font-size:0.9em;color:#555;}
a:link.button{border:none;color:#fff;}

/* reusable classes
******************************************************/
.nopadding{margin:0;}
p.teaser{color:#ACACAC;font-family:"Helvetica Neue",Helvetica,arial,sans-serif;font-size:1.4em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:300;margin-bottom:1em;line-height:1.5em;}
small{color:#999999;margin:0 0 0.2em;text-transform:uppercase;}

/* print view
******************************************************/
#printview{background:#F1F2F3;overflow-x:hidden;}
#printview .article-page{background:#fff;margin:1em;border:1px solid #ddd;text-align:left;padding:2em;}
#printview #shareit-box,
#printview .article-info{display:none;}

.songtable tr, .songlyrics{
font-family:georgia !Important;
font-size:1.3em !Important;
line-height:1.4em !Important;
border:single !Important;
text-shadow:1px 1px 0 white !Important;
width:100%;
}
