/* Mark It Up */
.markItUp .markItUpButton1 a { background-image:url(/js/markitup/sets/default/images/bold.png); }
.markItUp .markItUpButton2 a { background-image:url(/js/markitup/sets/default/images/italic.png); }
.markItUp .markItUpButton3 a { background-image:url(/js/markitup/sets/default/images/underline.png); }
.markItUp .markItUpButton4 a { background-image:url(/js/markitup/sets/default/images/stroke.png); }
.markItUp .markItUpButton5 a { background-image:url(/js/markitup/sets/default/images/picture.png); }
.markItUp .markItUpButton6 a { background-image:url(/js/markitup/sets/default/images/link.png); }
.markItUp .markItUpButton7 a { background-image:url(/images/icons/silk/images.png); }

.markItUp .preview a {
	background-image:url(/js/markitup/sets/default/images/preview.png);
}

#forum input.bold { background-image: url(/images/icons/buttons/bold.png); }
#forum input.italic { background-image: url(/images/icons/buttons/italic.png); }
#forum input.underline { background-image: url(/images/icons/buttons/underline.png); }
#forum input.strike { background-image: url(/images/icons/buttons/strike.png); }
#forum input.size { background-image: url(/images/icons/buttons/size.png); }
#forum input.fore { background-image: url(/images/icons/buttons/fore.png); }
#forum input.center { background-image: url(/images/icons/buttons/center.png); }
#forum input.right { background-image: url(/images/icons/buttons/right.png); }
#forum input.left { background-image: url(/images/icons/buttons/left.png); }
#forum input.img { background-image: url(/images/icons/buttons/img.png); }
#forum input.link { background-image: url(/images/icons/buttons/link.png); }
#forum input.emoticon { background-image: url(/images/icons/buttons/emoticon.png); }


/* NEW NEW */

#forum-list { list-style: none; display: block; margin-bottom: 50px; border: solid 1px #aaaaaa; }
#forum-list li { list-style: none; display: block; margin-bottom: 5px; clear: both; background: #cdcdcd; padding: 10px; }
#forum-list li.even { background: #ffffff; }
#forum-list li a { display: block; font-weight: bold; }

#discussion_topic { margin: 0px; padding: 0px; list-style: none; display: block; }
#discussion_topic li { list-style: none; display: block; margin-bottom: 6px; background: #dfdfef; clear: both; padding: 0px; }
#discussion_topic li.odd { background: #efefef  }
#discussion_topic li .vcard { width: 125px; float: right; text-align: center; min-height: 200px; }
#discussion_topic li .vcard .inner { padding-left: 5px; }
#discussion_topic li .vcard .fn { font-weight: bold; }
#discussion_topic li .vcard .title { margin-bottom: 10px; }
#discussion_topic li .vcard .photo { width: 100px; height: 100px; margin-left: auto; margin-right: auto; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#discussion_topic li .vcard .role { width: 120px; margin-left: auto; margin-right: auto; display: block; margin-top: 5px; }
#discussion_topic li .message { display: block; width: 500px; padding-bottom: 10px; overflow: hidden;  } 
#discussion_topic li .message:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#discussion_topic li .message .entry-title { font-weight: bold; font-size: 12px; padding-bottom: 5px; margin-left: 10px; margin-top: 10px; }
#discussion_topic li .message .meta { line-height: 20px; margin-left: 10px; }
#discussion_topic li .message .entry-content { padding-top: 10px; margin-left: 10px; border-top: solid 1px #cdcdcd; }
#discussion_topic li .message .signature { margin-left: 10px; }
#discussion_topic li .message blockquote { background-color: rgba(0, 0, 0, .25); background-image: url('/images/backgrounds/quotes.png'); background-repeat: no-repeat; margin: 0px;  
	padding-top: 15px; padding-bottom: 15px; padding-right: 10px; padding-left: 55px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
#discussion_topic li .message blockquote cite { display: block; font-weight: bold; }
#discussion_topic li .links  { clear: both; height: 30px; }
#discussion_topic li .links a { 
	float: right; height: 20px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; line-height: 20px; margin-top: 5px;
	border: solid 1px #ababab; background-color: #efefef; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	text-decoration: none; color: #000000; pointer: cursor;
}
#discussion_topic li .links a:hover  { background-color: #d0d0d0; border: solid 1px #555555; }

#discussion_topic span.timestamp { color: #555555; font-size: 10px; }
#discussion_topic button.like { 
	float: right; padding-left: 22px; height: 20px; border: solid 1px #ababab; background-color: #efefef;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	background-image: url('/images/icons/silk/thumb_up.png'); background-repeat: no-repeat; background-position: 3px 2px;
}
#discussion_topic button.dislike { 
	float: right; padding-left: 22px; height: 20px; margin-left: 5px; margin-right: 5px; border: solid 1px #ababab; background-color: #efefef;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	background-image: url('/images/icons/silk/thumb_down.png'); background-repeat: no-repeat; background-position: 3px 2px;
}
#discussion_topic button.dislike:hover, #discussion_topic button.like:hover { background-color: #d0d0d0; border: solid 1px #555555; }
#discussion_topic span.rating { float: right; line-height: 20px; font-size: 12px; }
#discussion_topic div.login {  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #ffffff; border: solid 2px #555555; padding: 5px; margin: 5px; text-align: center; }

#forum form.forum-post .field { clear: both; padding-bottom: 5px; min-height: 30px; }
#forum form.forum-post .field strong { width: 130px; display: block; float: left; margin-right: 10px; line-height: 20px; } 
#forum form.forum-post .textbox input { width: 450px; }
#forum form.forum-post .textarea textarea { width: 450px; height: 60px; }
#forum form.forum-post #message-body textarea { width: 100%; height: 300px; }

#topics { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#topics tr td:first-child { width: 20px; }
#topics tr.sticky td:first-child { background: url('/images/icons/silk/asterisk_yellow.png'); background-repeat: no-repeat; background-position: center center; }
#topics tr.post td:first-child { background: url('/images/icons/silk/page_white_text.png'); background-repeat: no-repeat; background-position: center center; }
#topics tr.poll td:first-child { background: url('/images/icons/silk/chart_pie.png'); background-repeat: no-repeat; background-position: center center; }
#topics tr.article td:first-child { background: url('/images/icons/silk/newspaper.png'); background-repeat: no-repeat; background-position: center center; }
#topics tr.meet td:first-child { background: url('/images/icons/silk/medal_gold_3.png'); background-repeat: no-repeat; background-position: center center; }
#topics tr span[title='Locked'] { display: block; width: 16px; height: 16px; position: relative; left: 7px; top: 10px; background-image: url('/images/icons/sweetie/16-security-lock.png'); }
#topics tr span[title='Sticky'] { display: block; width: 11px; height: 11px; position: relative; left: 9px; top: 12px; background-image: url('/images/icons/aster.gif'); }
#topics tr span[title='Popular'] { display: block; width: 16px; height: 16px; position: relative; left: 8px; top: 22px; background-image: url('/images/icons/silk/heart.png'); }
#topics tr span.pages { display: block; font-size: 12px; }
#topics tr.colheader { background: #a0a0a0; color: #ffffff; }
#topics tr.colheader th { font-weight: bold; padding: 3px; }
#topics tr td { padding: 5px; }
#topics tr td.icon { width: 32px; }
#topics tr.new td.icon { border-left: solid 3px #ddaaaa; }
#topics tr td.subject {  }
#topics tr td.subject strong, #topics tr td.subject span { display: block; }
#topics tr td.replies { width: 50px; }
#topics tr td.lastpost { width: 100px; }

#emoticons { margin-top: 15px; margin-bottom: 15px; margin-right: 10px; background: #efefef;
	border: solid 4px #cdcdcd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#emoticons strong { display: block; background: #cdcdcd; font-weight: bold; padding: 3px; }
#emoticons div { padding: 5px; }
#emoticons a { padding: 5px; }

#poll { margin-top: 10px; margin-bottom: 15px; }
#poll table { width: 500px; height: 300px; display: none; }
#poll .visualize { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; text-align: center; width: 600px; height: 300px; }
#poll .type, #poll .vote-count { text-align: center; }
#poll div.form { background: #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; margin-top: 10px; border: solid 1px #ababab; }
#poll form { margin-top: 10px; margin-bottom: 10px; }
#poll form strong { display: block; font: bold 14px Arial; padding-bottom: 8px; }
#poll form p.option { display: block; float: left; width: 200px; padding: 4px; }
#poll form p.vote { margin-top: 7px; }
#poll form button { width: 80px; height: 30px; }
#poll form span.already { padding-left: 15px; font-style: italic; }
#poll form p.vote, #poll p.thanks { clear: both; display: block; padding: 4px; }

section.discussion { display: block; margin-left: 1%; margin-right: 2%; width: 63%; min-width: 630px; height: auto; float: left; }
section.discussion div.inner { display: block; padding-top: 10px; }
section.side { display: block; width: 33%; min-width: 310px; margin-left: auto; }
section.side .inner { padding-top: 10px; }
section.discussion .btf { clear: both; }




article.reference_to { display: block; border: solid 1px #ababab; background: #efefef; margin-top: 10px; margin-bottom: 10px;}
article.reference_to .inner { padding: 5px; }
article.reference_to header { display: block; padding-bottom: 5px; margin: 0px;}
article.reference_to header strong { display: block; }
article.reference_to header h3 { margin: 0px; padding: 0px; font: bold 16px Arial; }
article.reference_to aside { float: left; width: 200px; }
article.reference_to aside img { width: 200px; }
article.reference_to .summary { margin-left: 210px; }
article.reference_to.meet aside { float: left; width: 120px; }
article.reference_to.meet aside img { width: 120px; height: 90px; }
article.reference_to.meet .summary { margin-left: 130px; }
article.reference_to .nothumb { margin-left: 0px; }
article.reference_to .meta { clear: both; }

nav[role=pagination] { display: block; clear: both; margin-top: 10px; margin-bottom: 10px; }
nav[role=pagination] header { display: block; background: #dddddd; }
nav[role=pagination] ul { display: block; background: #efefef; padding: 7px; }
nav[role=pagination] ul li { display: inline; padding-right: 10px; list-style: none; }
nav[role=pagination] ul li a { padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: solid 1px #b0b0b0; text-decoration: none; }
nav[role=pagination] ul li a:hover { background: #eaeaff; }
nav[role=pagination] ul li a[rel='current'] { background: #cdcdcd; font-weight: bold; }
nav[role=pagination] footer { padding-top: 7px; font-style: italic; }

.tooltip {
	display:none;
	background:transparent url(/images/tooltips/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.form-tip {
	display:none;
	display:none;
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	color:#fff;
	text-align:left;
	font-size:12px;
	box-shadow: 0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#thread li figure .icon.person { display: block; font-size: 30px; background: #000; text-align: center; padding-top: 5px; text-decoration: none; }
#thread li figure .icon.person div {
	height: 0px; overflow: hidden; color: #fff;
	-webkit-transition: height 300ms ease;
	-moz-transition: height 300ms ease;
	-ms-transition: height 300ms ease;
	-o-transition: height 300ms ease;
	transition: height 300ms ease;
}
#thread li figure:hover .icon.person div  { height: 32px; }
#thread li div.embed { border-top: dashed 1px #ccc; margin-top: 10px; padding-top: 5px; }
#thread li div.embed h4 { font-size: 120%; font-weight: bold; padding-bottom: 5px; }
#thread li div.embed div { display: table; }
#thread li div.embed figure { display: table-cell; width: 200px; height: 150px; overflow: hidden; vertical-align: top; text-align: left; }
#thread li div.embed img { max-width: 200px; }
#thread li div.embed p { display: table-cell; max-height: 155px; overflow: auto; vertical-align: top; text-align: left; }