/*
Theme Name: Babel
Theme URI: http://babelstudios.se/
Description: Theme for Babel Studios Forums.
Version: 1.0
Author: Nino Höglund
Author URI: http://babelstudios.se/
*/

/* Globals 
=================================== */

* {margin: 0;padding: 0;}
body {padding:0;margin:0 0 20px;}
body,th,td{font:normal 12px/1.2em "Lucida Grande",Tahoma,'Trebuchet MS',Arial,sans-serif;}
a {text-decoration:none;color: #0090c8;}
a:hover {text-decoration:underline;color:#f51;}

.alt { background-color: #fff; }

pre, code { font: 1.0em Monaco, 'Courier New', monospace; }
pre, p { margin: 0 0 0.7em; line-height: 1.5em;padding:0;}

big{font-size:1em;}

ul{margin:0 0 10px;padding:0;}
ul li{margin:0;padding:0 0 6px 14px;list-style-type:none;background:url(images/dot.gif) 0 5px no-repeat;}

.left {float:left;}
.right {float:right;}

.delete:hover {background-color:#c00;color:#fff;}

h1,h2{font-family:georgia,serif;font-weight:normal;}
h1 { font-size: 2.5em; }
h2 { font-size: 1.6em; }

fieldset {border-width:0;padding:0;margin:0;}

.bbcrumb {background:#93e0f2;border-bottom:1px solid #49c8e5;
	padding: 10px 0 9px 12px;font-weight:bold;text-shadow:#bbeefa 1px 1px 0px;
	font-size:11px;margin-bottom:1.8em;
}
.bbcrumb {color: #006a82;}
.bbcrumb span{padding:10px 5px 9px 0;}
.bbcrumb span.divider {background:transparent url(images/divider.gif) center right;padding:10px 5px 10px 5px;}
.bbcrumb a{color:#006a82;}


img.avatar { border: 1px solid #ccc; }
.bozo { background-color: #eeee88; }
.alt.bozo { background-color: #ffff99; }
.deleted { background-color: #ee8888; }
.alt.deleted { background-color: #ff9999; }

/* Structure
=================================== */

#header {background:#bbeefa;border-bottom:1px solid #49c8e5;padding:1em;height: 116px;position:relative;}
#header h1 {font-size:2.5em;position:absolute;display:block;left:27px;top:27px;width:146px;height:91px;}
#header p.description {position:absolute;display:none;color:#666;left:20px;top:80px;}
#header h1 a {color:#555;display:block;text-decoration: none;width:146px;height:91px;background:url(images/logo.gif) no-repeat;}
#header h1 a span{display:none;}
#header h1 a:hover { color: #666; }

#header div.search {position:absolute;right:15px;top:138px;}
#header div.search input {border:none;
	background-color:#fdfdfd;
	padding:4px 10px 5px;
	line-height:14px;
	font-size:12px;
	margin:0;float:left;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#header div.search input.submit {
	height:24px;
	margin-left:6px;
	line-height:21px;
	padding: 1px 10px 3px;
}

#main {margin:0 2em 2em;position:relative;}

#footer {border-top:1px solid #ccc;color:#666;padding:1.1em 2em;clear:both;margin:0;}
#footer p.showoff {color:#888;}

.notice {
	border:1px solid #7cb65a;
	background-color:#c4e4ac;
	color:#48692f;
	font-size:1.1em;
	font-weight:bold;
	padding: 10px 15px;
	margin: 0 0 1.1em;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.notice.error {border-color:#d37f6b;background-color:#fdd2cb;color:#963219;}
.notice p {margin:0;}

/* Login Form
=================================== */

.login {
	position: absolute;
	top:15px;
	right:15px;
	font-weight: normal;
	color: #444;
	width: 336px;
	font-size:12px;
	background:#d6f5fc;
	border:0;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:0.8em 0 0.8em 1em;
}

form.login {bottom:15px;}

.login label {
	display:block;
	float:left;
	padding-right:8px;
	line-height:14px;
}
.login label p {margin-bottom:3px;}


form.login input {
	border:none;
	padding:4px 6px;
	line-height:14px;
	font-size:12px;
	margin:3px 0 0;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:110px;
}

form.login input.submit {
	float: left;
	margin-top: 17px;
	margin-bottom: -10px;
	display: block;
	line-height:22px;
	width:auto;
	height:24px;
}

form.login #quick_remember {width:auto;float:left;margin-right:5px;}

div.remember label {clear:both;padding:0;margin:6px 0 0 0;line-height:19px;}

input#remember {
	border-width: 0;
	padding: 0;
	margin: 6px 0 0 0;
	/*vertical-align: baseline;*/
}

/* Front Page
=================================== */

td .sticky, td .closed {float:left;margin-right:6px;background:#b5ae1f;padding:2px 4px;font:normal 9px verdana,sans-serif;color:#fff;text-transform:uppercase;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
td .closed {background:#bbb;}

tr.sticky {background-color:#fffcbb;}

#front-page #hottags {
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	overflow: hidden;
}

#front-page #discussions {margin-left:190px;width:auto;}

.frontpageheatmap {
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 10px;
}

#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register, #passwordrecovery {
	color: #555;
	border-bottom: 1px solid #ddd;
	margin: 0 0 8px;
	padding: 0 0 8px;
}

#front-page #discussions ul { padding: 0 0 0 14px; }

/* Page navigation
=================================== */

a.page-numbers,
span.page-numbers {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 4px 4px 2px 5px;
	margin-left: 5px;
	background-image: url('images/page-links-background.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

span.page-numbers.current {
	color: #ffffff;
	background-position: 0 -100px;
}

#latest a.page-numbers {
	font-size: 0.8em;
	padding: 3px 3px 1px 4px;
	margin-left: 3px;
}

a.prev.page-numbers,
a.next.page-numbers,
span.page-numbers.dots {
	border-width: 0;
	padding: 0 4px;
	background-image: none;
}

span.page-numbers.dots {padding: 0;}

a.page-numbers:hover {background-position: 0 -100px;}
a.prev.page-numbers:hover,a.next.page-numbers:hover {color:#006400;}

/* Topic Page
=================================== */

.infobox {border-bottom:1px solid #ddd;padding-bottom:1em;}
.infobox ul{margin: 10px 0 10px 20px;}

#topic-info {float:left;padding:1em 1em 0 0;}
#topic_labels{font:normal 1.8em georgia,serif;color:#999;padding-right:3px;}
#topic-tags {border-left:1px solid #ddd;float:right;padding:1em 1em 0.5em 1.5em;}
#tag-form p {margin-bottom:0;}

input#tag {
	width:120px;
	border:1px solid #ccc;
	padding:4px 8px;
	line-height:14px;
	font-size:12px;
	margin:0;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.nav {margin:15px 0;padding:12px 0;text-align:center;}

#thread {list-style:none;margin:2em 0 0 0;padding:0;}
#thread li {/*line-height:1.5em;border-top: 1px solid #fff;*/clear:both;}
#thread li ol, #thread li ul { margin-left: 20px; }
/*#thread li ol li, #thread li ul li { padding: 0; }*/

.threadauthor {float:left;padding: 1em 1em 0 1em;width:120px;}
.threadauthor p {margin:0;}
.threadauthor small {font-size:11px;}

.threadpost {
	padding: 1.3em;
	margin-left: 140px;
	background-color: #eee;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#thread li.alt .threadpost { background-color: transparent; }
#thread li.deleted { background-color: transparent; }
#thread li.deleted .threadpost { background-color: #ee8888; }
#thread li.alt.deleted .threadpost { background-color: #ff9999; }
#thread li .post-undelete-link, #thread li.deleted .post-delete-link { display: none; }
#thread li.deleted .post-undelete-link { display: inline; }
#thread li.deleted .before-post-delete-link, #thread li .before-post-undelete-link { display: none; }
#thread li.deleted span.before-post-undelete-link { display: inline; }
#thread li.deleted div.before-post-undelete-link { display: block; }
#thread li.deleted li.before-post-undelete-link { display: block; }

#thread li.pingback {
	margin-left: 140px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #e4f3e1;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0.2em solid #e4f3e1;
}

#thread li.pingback.alt {background-color: #fff;}
#thread li.pingback .threadpost {background-color: #e4f3e1;}
#thread li.pingback.alt .threadpost {background-color: #fff;}
#thread li.pingback .threadauthor {float:none;padding: 0.9em 0.9em 0;width: auto;}
#thread li.pingback .threadauthor strong {font-weight: normal;}
#thread li.pingback .threadauthor small {color: #333;}
#thread li.pingback .threadpost {margin-left: 0;padding: 0.5em 0.9em 1.5em;}

#thread li.pingback .post {
	font-style: italic;
	color: #333;
	margin: 0 0 0 2.4em;
	padding: 0 0 0 0.8em;
	border-left: 1px dashed #49c8e5;
}

#thread .post {_height: 90px;}
#thread .post blockquote {margin: 0 0 0 2.4em;padding: 0 0 0 0.8em;border-left: 3px solid #ccc;}
#thread .post li {clear:none;}

.poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	border-top: 1px dashed #ccc;
	margin: 10px 0 0;
	padding: 7px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.num, #forumlist small {text-align:left;white-space:nowrap;}
#forumlist small {color:#666;}

h2.post-form {margin-bottom:8px;}

.postform {
	background-color: #f0f0f0;
	padding: 1em 1.3em 1.3em;
	margin-bottom: 1em;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 98%;
	border: 1px solid #e5e5e5;
	display: block;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.postform label { display: block; }
.postform #topic,
.postform #tags-input {
	margin: 5px 0;
	padding: 5px;
	width: 98%;
	border: 1px solid #e5e5e5;
	display: block;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#manage-tags {margin: 10px 0;list-style:none;}
#manage-tags li {float:left;width:200px;padding-bottom:10px;background:none;}
#manage-tags li form{padding-top:4px;}
#manage-tags li form input{}

p.submit { float: right; }
p.allowed {margin-bottom:0;font-size:0.9em;color:#666;}
p.allowed b{color:#444;}

.topiclink {display:block;}
.topictitle {font-size:26px;font-weight:normal;display:inline;}

p.rss-link {text-align: right;}
a.rss-link {padding: 6px 0 6px 20px;background:url('images/feed-icon-16x16.gif') 0 50% no-repeat;}

#topic-move { margin-top: 1em; }

/* Other
=================================== */

#content .frontpageheatmap a {font-weight:normal;text-decoration: none;}
#content .infobox li {margin-bottom:2px;}
#content .nav a {border:1px solid #ccc;font-weight: normal;}
#content .nav a:hover {border:1px solid #999;}
#content a:visited {font-weight:normal;}

#front-search {float:right;margin-top:-8px;}

#latest td, #forumlist td, #favorites td {padding:6px 10px;border-bottom:1px solid #ddd;}
#forumlist tr td div.nest {font-size:1.1em;padding-left: 2.5ex;}

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color:#d6f5fc;}

#latest th, #forumlist th, #favorites th {
	text-align: left;
	background-color:#333;
	font-weight: normal;
	padding: 7px 9px;
	font-size:1em;
	color:#fff;
}

#latest th a, #forumlist th a, #favorites th a {color:#79c1ea;}
#latest th a:hover, #forumlist th a:hover, #favorites th a:hover {color:#fff;}
tr.bb-category td {background-color: #c4e4ac;color:#48692f;font-size:1.05em;}
#latest .bb-category small, #forumlist .bb-category small, #favorites .bb-category small {color:#5a8c34;}
#latest .bb-category td, #forumlist .bb-category td, #favorites .bb-category td {border-color:#7cb65a;}
tr.bb-category td a {color:#4b6a33;}

.bb-last-child td{border:none !important;}
.bb-follows-niece td{border-top:3px solid #8cc66a !important;}

#latest, #forumlist, #favorites {
	background-color:#f7f7f7;
	margin-bottom: 2em;
	width: 100%;
	border-bottom:1px solid #ccc;
}
/*
#latest, #forumlist {
	margin-top: -0.9em;
}*/

#discussions .nav {margin-top:-2em;margin-bottom:1em;}

/* Profile Page
=================================== */

h2#username{margin:6px 0 22px;padding-top:32px;font-size:2em;}

#profile-menu {list-style:none;display:block;width:auto;border-bottom:1px solid #ccc;height:28px;padding: 0 10px;margin-bottom:24px;}
#profile-menu li {display:block;height:28px;margin-right:7px;background:none;padding:0;float:left;}
#profile-menu li a {
	background-color:#eee;
	display:block;
	height:21px;
	padding:6px 12px 0;
	border:1px solid #ccc;
	-moz-border-radius-topleft:6px;
	-khtml-border-top-left-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-khtml-border-top-right-radius:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
}

#profile-menu li.current a {background-color:#fff;color:#333;border-bottom:1px solid #fff;}
#profile-menu li a:hover {background:#fff;color:#888;}

#useravatar {margin-bottom:1em;margin-right:1.6em;float:left;}
#useravatar img {display:block;border-width:3px;border-style:double;}

#userlogin {margin-bottom:10px;padding-top:0.6em;}
.vcard #userlogin {border:none;}

#userinfo {margin-top:10px;}
dl#userinfo {border-bottom:1px solid #ddd;border-top:3px solid #ddd;float:left;width:100%;}
#userinfo dt {font-weight:bold;display:block;width:30%;float:left;clear:left;padding:6px 0 6px 0;border-top:1px solid #ddd;}
#userinfo dd {margin:0;display:block;width:70%;float:left;padding:6px 0;border-top:1px solid #ddd;overflow:hidden;}
#useractivity {margin:0 0 8px;clear:left;padding:25px 12px 4px 0;font:normal 1.4em georgia,serif;border-bottom:1px solid #ddd;color:#666;}

.vcard p{clear:left;}

.user-recent { margin: 0 0 10px; }
.user-recent ol { margin: 5px 0 0 28px; }
.user-recent ol li { margin: 0 0 3px; }

/* Search
=================================== */

#topic-search-form fieldset {
	border: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #eee;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#topic-search-form div {clear:both;}
#topic-search-form div label {
	display: block;
	float: left;
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
	font-weight: bold;
}

#topic-search-form div div {
	display: block;
	float: left;
	clear: none;
	padding: 5px;
}

#topic-search-form div div input {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#search-for { margin: 15px 0 5px; }
.search-results { margin: 0 0 10px; }
.search-results ol { margin: 5px 0 0 28px; }
.search-results ol li { margin: 0 0 3px; }

/* Login, Register, Profile Edit
=================================== */

#login-page fieldset,
#register-page fieldset,
#profile-page fieldset {
	clear:left;
	border:none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #eee;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	padding: 6px 9px;
	background:#333;
	color:#fff;
	margin-left:15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 95%;
	border-collapse: collapse;
}

#login-page fieldset table th,
#register-page fieldset table th,
#profile-page fieldset table th {
	padding: 10px 5px 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
}

#login-page fieldset table tr.error th em,
#register-page fieldset table tr.error th em,
#profile-page fieldset table tr.error th em {
	position: absolute;
	/* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
	right: 40px; /* 10 + 15 + 20% * ( 95% * (760 - 10)  ) + 5 + 280 + 5 */
	margin-left: 1em; /* th:padding-right = 1em */
	color: red;
	font-style: normal;
}

#login-page fieldset table td,
#register-page fieldset table td,
#profile-page fieldset table td {
	padding: 5px;
}

#login-page fieldset table td p,
#register-page fieldset table td p,
#profile-page fieldset table td p{
	margin: 5px 0;
}

#login-page fieldset input[type=text],
#register-page fieldset input[type=text],
#profile-page fieldset input[type=text],
#login-page fieldset input[type=password],
#profile-page fieldset input[type=password] {
	width: 60%;
	border: 1px solid #e1e1e1;
	padding: 5px 9px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	color:#666;
	margin: 10px 16px;
}

#login-page tr.form-required label:before,
#register-page tr.form-required label:before,
#profile-page tr.form-required label:before,
p.required-message:before {
	content: ' * ';
	color: red;
	vertical-align: 10%;
}

.form-invalid {background-color:#ffebe8 !important;}
.form-invalid input {padding:1px;border:1px solid #c00 !important;}
.hidden {display:none;}

#pass-strength-result {
	padding: 5px 9px;
	text-align: center;
	width: 60%;
	border: 1px solid #ccc;
	background-color: #e3e3e3;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#pass-strength-result.bad {background-color: #ffefe7;border-color: #c66;}
#pass-strength-result.good {background-color:#effff4;border-color:#66cc66;}
#pass-strength-result.short {background-color:#e3e3e3;}
#pass-strength-result.strong {background-color:#59ef86;border-color:#319f52;}

p.submit input {
	padding: 6px 10px;
	font-size: 12px;
	margin: 3px 10px 8px 0;
	line-height: 15px;
}

/* Butons */

input.submit, 
p.submit input, 
form.login input.submit,
#header div.search input.submit,
input#tagformsub {
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:none;
	background-color:#00b0d8;
	color:#fff;
	text-shadow:#28c 0 -1px 0px;
	font-weight:bold;
	height:24px;
	cursor:pointer;
	text-transform:uppercase;
	font-size:11px;
	line-height:21px;
	padding: 1px 10px 3px;
}
input.submit:hover,
p.submit input:hover,
form.login input.submit:hover,
#header div.search input.submit:hover,
input#tagformsub:hover {background-color:#333;color:#fff;text-shadow:#000 0px 1px 0px;}
input.submit:active,
p.submit input:active,
form.login input.submit:active,
#header div.search input.submit:active,
input#tagformsub:active {background-color:#333;color:#fff;}

input#tagformsub {
	margin: 0;
	padding:1px 8px 3px;
}