/******************************************************************************
 *  Custom Classes Stylesheet for Feathered Melody Productions
 *  Version 2009-10-05
 *  By Laogeodritt <laogeodritt
 *  Email                    at featheredmelody dot com>
 *****************************************************************************/

/******************************************************************************
 * General style classes
 *****************************************************************************/
.em, .i { font-style: italic; }
.strong, .b { font-weight: bold; }

.clf { font-style: normal; font-weight: normal; }

.def { display: inline; font-weight: bold; color: #9cf; }
.def:after { content: ": "; }
.defdash:after { content: "\A0\2014 "; }
.defno:after { content: ""; }

.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.right { display: block; margin-right: auto; text-align: right; }
.left { display: block; margin-left: auto; text-align: left; }

.p { margin-top: 0.6em; margin-bottom: 0.6em; }
.p-top { margin-top: 0.6em; }
.p-bottom { margin-bottom: 0.6em; }

.small { font-size: 80%; }
.big { font-size: 150%; }

.nobreak { white-space: nowrap; }
.hidden { display: none; }


/* Paragraphs */
p.caption { margin: 0.5em 0.25em; text-align: center; padding: 0; font-size: 80%; }


/* Lists */
ul.no { list-style: none; }
ul.nohr li { background-image: none; }
ul.left { margin-left: 0px; }

ul.num, dl.num dt { list-style: decimal outside; }
ul.ltr, dl.ltr dt { list-style: lower-latin inside; }
ul.ultr, dl.ultr dt { list-style: upper-latin inside; }
ul.rom, dl.rom dt { list-style: lower-roman outside; }
ul.urom, dl.urom dt { list-style: upper-roman outside; }

/* Forms */
input + input,
input + button,
button + button {
	margin-left: 0.5em;
}


/* Definitions */
dl { display: block; padding: 0; margin-bottom: 2em; }

dt { font-weight: bold; color: #9cf; }

dd { padding: 0; margin: 0 0 0 3em; }

dd.multi:after { content: ""; }

dl.bullet dt { list-style: disc outside; }
dl.bullet dt dl.bullet dt { list-style: square outside; }

/* list styles - see lists */

dl.credits * a, dl.credits * a:link { color: #9ff; }
dl.credits * a:hover { color: #cff; }
dl.credits * a.ext, dl.credits * a.ext:link { color: #9f9;
	background: url(/img/ico/link-external_c.png) no-repeat right;
	padding-right: 11px; }
dl.credits * a.ext:hover { color: #cfc;
	background: url(/img/ico/link-external_chover.png) no-repeat right;
	padding-right: 11px; }


/* Quotation marks */
q:before, blockquote.q:before { content: open-quote; }
q:after, blockquote.q:after { content: close-quote; }

/* Doesn't work in IE. SO WHAT? NOTHING works in it,
 * not quotes attribute, not :lang pseudo-class,
 * not :before or :after pseudo-elements, **** the IE users,
 * it's Microsoft's fault. */
/* Javascript fix implemented. No language checking. Best I can do. =\ */
q:lang(en), q.en, .en q, 
q:lang(en-US), q.en-us, .en-us q, 
q:lang(zh), q.zh, .zh q, 
q:lang(ko), q.ko, .ko q, 
q:lang(eo), q.eo, .eo q,
q:lang(zh), q.zh, .zh q, 
q:lang(zh-HK), q.zh-hk, .zh-hk q {
	quotes: '“' '”' '‘' '’' '“' '”' '‘' '’';
}

q:lang(en-GB), q.en-gb, .en-gb q {
	quotes: '‘' '’' '“' '”' '‘' '’' '“' '”';
}

q:lang(fr), q.fr, .fr q,
q:lang(it), q.it, .it q {
	quotes: "«\A0" "\A0»" '“' '”' '‘' '’';
}

q:lang(es), q.es, .es q {
	quotes: "«" "»" '“' '”' '‘' '’';
}

q:lang(de), q.de, .de q {
	quotes: "„" "“" "‚" "‘"
}

q:lang(jp), q.jp, .jp q, 
q:lang(zh-TW), q.zh-TW, .zh-TW q {
	quotes: "「" "」" '『' '』' '‘' '’';
}


/* Book etc. titles */
q.title, q.title:lang(en) { quotes: none; }
/* Repeat so IE acknowledges the selector */
q.title { font-style: italic; }
q.title:lang(ko) { quotes: "『" "』"; }
q.title:lang(zh), q.title:lang(zh-CN) { quotes: "«" "»"; }

q.no:before { content: no-open-quote; }
q.no:after { content: no-close-quote; }

/* SpamSpan */
span.u, span.d { white-space: nowrap; }
/* span.ct, span.t, span.subject, span.body */

/******************************************************************************
 * Template style supplement [Lizommi]
 *****************************************************************************/
#foot-btns { float: left; }
#foot-lnkbtns { float: right; }
#foot-btns, #foot-lnkbtns { border: none; }
#foot-btns img, #foot-lnkbtn img { margin-bottom: 5px; margin: 0 auto; }
.license { font-size: 80%; }
.license img { margin: 0; padding: 10px 5px 5px 5px; border: none; }

/* Links - Link Indication plugin for Wordpress */
a.int {
	background: none;
}

a.ext {
	background: url(/img/ico/link-external.png) no-repeat right;
	padding-right: 13px;
}

a.ext:hover {
	background: url(/img/ico/link-external_hover.png) no-repeat right;
}

/* See also: dl.credits a.ext & its dynamic link types */

a.dl-vn {
	background: url(/img/ico/link-feather.png) no-repeat right;
	padding-right: 11px;
}
a.mail {
	background: url(/img/ico/link-mail.png) no-repeat right;
	padding-right: 16px;
	white-space: nowrap;
}

a.ftp {
	background: url(/img/ico/link-ftp.png) no-repeat right;
	padding-right: 9px;
}

/* Sites */
a.wp {
	background: url(/img/ico/link-wikipedia.png) no-repeat right;
	padding-right: 12px;
}

/* Files */
a.file-exe {
	background: url(/img/ico/link-exe.png) no-repeat right;
	padding-right: 13px;
}

a.file-txt  {
	background: url(/img/ico/link-txt.png) no-repeat right;
	padding-right: 10px;
}

a.file-video {
	background: url(/img/ico/link-video.png) no-repeat right;
	padding-right: 13px;
}

a.file-audio {
	background: url(/img/ico/link-audio.png) no-repeat right;
	padding-right: 13px;
}

/* Archives */
a.file-zip,
a.file-rar,
a.file-gz,
a.file-7z
 {
	background: url(/img/ico/link-zip.png) no-repeat right;
	padding-right: 13px;
}

/* Other documents */
a.file-ooo {
	background: url(/img/ico/link-ooo.png) no-repeat right;
	padding-right: 16px;
}

a.file-pdf {
	background: url(/img/ico/link-pdf.png) no-repeat right;
	padding-right: 13px;
}

/* MSOffice */
a.file-doc {
	background: url(/img/ico/link-word.png) no-repeat right;
	padding-right: 12px;
}

a.file-xls {
	background: url(/img/ico/link-excel.png) no-repeat right;
	padding-right: 12px;
}

a.file-ppt {
	background: url(/img/ico/link-ppt.png) no-repeat right;
	padding-right: 12px;
}

/******************************************************************************
 * Specific Feather pages
 *****************************************************************************/
/* Profiles */
img.icon { float: left; }
img.icon-right { float: right; }

/* Screenshots */
.screenshots div.img-frame { border: solid 1px #495056; margin: 2px; display: inline; }

/* Download tables */
table.dl, table.dl tr,
table.dl td, table.dl th, #colOne table.dl {
	border: 1px solid #495056; padding: 0; margin: 0; text-align: left;
	}
table.dl { margin-left: auto; margin-right: auto; }
table.dl th img { height: 32px; width: 32px; }
table.dl th, table.dl td { text-align: center; margin-left: auto; margin-right: auto; }
table.dl th { font-weight: bold; }
table.dl td { padding: 0.5em 1em; }
table.dl p { margin: 0; }

/* Download pages */
#colOne div.dl {
	border: 1px solid #495056;
	padding: 1em 5px 0.5em 0;
	margin: 0.5em 0;
}
#colOne div.dl img { padding: 0; margin: 5px 10px; }
#colOne div.dl p { margin: 0.5em 0 0.5em 52px; }
#colOne div.dl p.dl-info { font-size: 80%; padding-top: 0.5em; border-top: 1px solid #495056; }