/*
	Iris base styles
	
	v2.0 rev 1
	Copyright (C) BlockCommunity, 2009-2011.
*/

/*
	Global styles.
*/

* {
	word-wrap: break-word;
}

html {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both; /* LIFE SAVER */
}

a img {
	/* This fixes ze ugliness */
	border: none;
	outline: none;
}

/*
	Main content areas.
	body is the equivalent of a container here
*/

body {
	width: 990px;
	margin: 0 auto;
}

#header {
	width: 990px;
}

#menu {
	list-style: none;
	height: 41px;
}

#content {
	padding: 14px 10px 10px 10px;
	border-radius: 3px;
	width: 968px;
	position: relative;
	top: -6px;
}

#sidebar {
	width: 160px;
	float: right;
	height: 500px;
	border-radius: 4px;
}

#footer {
	padding: 20px;
	text-align: center;
	font-size: .9em;
	margin-bottom: 20px;
	line-height: 1.5em;
}

/*
	Header parts.
*/

#header h1 {
	float: left;
	margin: 15px 0px;
	display: block;
	height: 57px;
	width: 473px;
}

#header h1 img {
	float: left;
}

#header #ad {
	float: left;
	width: 140px;
	margin-left: 110px;
	text-align: center;
	padding-top: 15px;
}

#header #ad p {
	margin: 0;
	padding: 0;
}

#header #user-info {
	float: left;
	width: 245px;
	margin-left: 20px;
	text-align: center;
	padding-top: 15px;
}

#header h3 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#header p {
	margin-top: 10px;
}

#header .logout-link, #header .downloads-link {
	font-style: italic;
	font-size: 11px;
	margin: 0;
}

/*
	Menu styles.
*/

#menu {
	padding: 0;
	margin: 0;
}
#menu li {
	float: left;
	width: 103px;
	text-align: center;
	padding: 10px;
}
#menu li a {
	font-size: 1.2em;
	font-weight: bold;
}

/*
	Panel menu styles.
*/

#panel-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: auto;
}

#panel-menu li {
	float: left;
	margin: 5px;
	padding: 5px 10px;
	border-radius: 5px;
}

#panel-menu li:first-child {
	margin-left: 0px;
}

#panel-menu li a {
	font-weight: bold;
}

/*
	Tooltips
*/

span.tooltip {
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}

span.tooltip span {
	display: none;
	padding: 5px;
	font-weight: normal;
}

span.tooltip:hover span {
	display: inline;
	position: absolute;
}

/*
	Banner
*/

#banner {
	text-align: center;
	padding: 15px 10px;
	padding-top: 20px;
	top: -5px;
	z-index: -1;
	position: relative;
}

#banner p {
	padding: 0;
	margin: 0;
}

/*
	Form stylin'
*/

form p label {
	display: block;
	font-weight: bold;
}

form p span {
	display: block;
	font-style: italic;
}

form.split-form p {
	width: 450px;
	margin: 10px;
	float: left;
}

form p textarea {
	width: 400px;
	height: 100px;
}

form p .text {
	width: 200px;
}

form.long p input, form.long p select {
	width: 700px;
}
form.long p input.submit {
	width: 100px;
}
form.long p textarea {
	width: 700px;
	height: 200px;
}

form.long p input.check {
	width: 50px;
}

form .character-part, form .theme-part {
	width: 380px;
	float: left;
	margin: 5px;
}

form .character-part select, form .theme-part select {
	width: 380px;
}

/*
	Misc. helper classes, mainly used on homepage
*/

.small-bit {
	font-size: 11px;
	font-style: italic;
}

.home-left {
	float: left;
	width: 720px;
}

.home-right {
	margin-left: 10px;
	float: right;
	width: 230px; /* 330px because 20px padding on #content + .home-left 600px wide + .home-right 330px wide + .home-right 10px margin-left = 960px */
}

/* Used when it makes semantic but not stylistic sense to have a list */
ul.no-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.no-list li {
	padding: 5px 0px;
}

/* Blocks! */

.full-block {
	padding: 10px !important;
	margin: 10px !important;
	
	border-radius: 10px;
}

.full-block.unread {
	font-weight: bold;
}

.full-block.align {
	text-align: center;
}

.third-block {
	display: block;
	width: 282px;
	height: 240px;
	padding: 10px;
	margin: 10px;
	float: left;
	border-radius: 10px;
}

.third-block.download-button {
	height: auto;
	overflow: auto;
	float: none;
	margin: 10px auto;
}

.button-container {
	overflow: auto;
	margin: 0 auto;
	width: 645px;
}

.third-block.button {
	height: auto;
	overflow: auto;
	float: left;
	margin: 10px;
}

.third-block.button p {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 42px;
	width: 198px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
}

.third-block.download-button img, .third-block.button img {
	display: block;
	width: 32px;
	margin-right: 10px;
	float: left;
}

.third-block.download-button p {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 240px;
}

.quarter-block {
	width: 202px;
	height: 272px;
	padding: 10px;
	margin: 10px;
	float: left;
	border-radius: 10px;
}

.quarter-block .buy {
	text-align: center;
}

/* Asset and Profile */
.asset-left, .profile-left {
	width: 150px;
	float: left;
}
.asset-right, .profile-right {
	margin-left: 10px;
	width: 800px;
	float: left;
}
.asset-left img.asset, .profile-left img.avatar {
	display: block;
}
.asset-right .description, .profile-right .description, .profile-right .update, .comment {
	padding-left: 10px;
}
.profile-section.half {
	float: left;
	width: 465px;
}
.profile-section.half.right {
	margin-left: 10px;
}
.profile-section h3, .news-article h3, .forum-category h3, .forum-search-result h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/*
	Forum fun.
*/

.forum-category ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.forum-category ul li {
	overflow: auto;
}
.forum-category ul li span {
	float: left;
	width: 40px;
}
.forum-category ul li h4 {
	float: left;
	width: 558px;
	font-size: 13px !important;
	margin: 0;
	padding: 0;
	/* padding-top: 10px; not sure if want */
}
.forum-category ul li h4 a {
	font-weight: bold;
	font-size: 14px !important;
}
.forum-category ul li h4 p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: italic;
}
.forum-catgory ul li h4  {
	margin: 0;
	padding: 0;
}
.forum-category ul li div {
	float: left;
	width: 330px;
	padding: 0;
	margin: 0;
	margin-left: 10px;
}
.forum-category ul li div p {
	padding: 0;
	margin: 0;
}

.forum-threads li, .private-messages li, .news-posts li {
	overflow: auto;
}
.forum-threads li div.icon, .private-messages li div.icon {
	margin: 0;
	padding: 0;
	float: left;
	width: 30px;
	text-align: center;
}
.forum-threads li h3, .private-messages li h3, .news-posts li h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	width: 700px;
	float: left;
	font-size: 13px !important;
}
.forum-threads li.sticky h3, .private-messages li.unread h3 {
	font-weight: bold;
}
.forum-threads li h4, .private-messages li h4, .news-posts li h4 {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 10px;
	width: 200px;
	font-weight: normal;
	font-size: 11px !important;
}
.forum-threads li h4 p, .private-messages li h4 p, .news-posts li h4 p {
	margin: 0;
	padding: 0;
}
.forum-threads li h4 span, .private-messages li h4 span, .news-posts li h4 span {
	display: block;
}

.forum-posts li {
	overflow: auto;
}
.forum-posts li h3.title {
	margin: 0;
	padding: 0;
	font-size: 13px !important;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 5px;
}
.forum-posts li h4.details {
	float: left;
	width: 200px;
	font-size: 13px !important;
	margin: 0;
	padding: 0;
}
.forum-posts li div.content {
	margin: 0;
	padding: 0;
	float: left;
	width: 748px;
	margin-left: 20px;
}
.forum-posts li div.content img {
	max-width: 748px;
}
.forum-posts li div.content hr {
	height: 2px;
	border: none;
	margin: 10px 0;
	padding: 0;
}
.forum-posts li h5 {
	font-size: 13px !important;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
	padding-top: 5px;
}
.forum-posts li h5 a.rep {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	border-radius: 16px;
	border: 1px solid transparent;
}
.forum-posts li h5 a.rep:hover {
	text-decoration: none !important;
}

div.pm-content, div.pm-signature {
	margin: 10px 0;
	padding: 5px 0;
}

.forum-poll-bar {
	padding: 2px;
	text-align: right;
	margin: 0;
}

.forum-poll-result {
	padding: 0;
	margin: 0;
}

/*
	Forum quotes
*/

blockquote {
	margin: 0;
	padding: 5px;
	border-radius: 5px;
}
blockquote cite {
	font-weight: bold;
	font-style: normal;
	display: block;
	margin: 5px 0;
}
blockquote.code ol {
	list-style-type: decimal;
}

blockquote.spoiler div {
	display: none;
}

/*
	Profile madness
*/

ul.profile-sections li h3 {
	padding: 10px;
	text-align: center;
	margin: 0;
	border-radius: 4px;
	cursor: pointer;
}
ul.profile-sections li div {
	display: none;
	padding: 10px;
	padding-top: 10px;
	border-radius: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
ul.profile-sections li div h4 {
	font-size: 13px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/*
	More admin/mod panel stuff
*/

ul.figures {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}

ul.figures li {
	width: 111px; /* 4 per row */
	padding: 5px;
	float: left;
}

ul.figures h4 {
	font-weight: bolder;
	font-size: 2em;
	display: inline;
}

ul.figures p {
	display: block;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

/*
	Theme selector
*/

ul.themes {
	list-style-type: none;
	overflow: auto;
	margin: 0;
	padding: 0;
}
ul.themes li {
	float: left;
	width: 227px;
	padding: 5px;
	cursor: pointer;
	height: 133px;
	text-align: center;
	background-repeat: no-repeat;
}
ul.themes li a {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 118px;
	font-size: 15px;
	text-decoration: none;
}

/* This is awfully hacky. Oh well */
ul.themes li.theme1 {
	background-image: url('/images/themes/1-off');
}
ul.themes li.theme1:hover {
	background-image: url('/images/themes/1');
}
ul.themes li.theme3 {
	background-image: url('/images/themes/3-off');
}
ul.themes li.theme3:hover {
	background-image: url('/images/themes/3');
}
ul.themes li.theme8 {
	background-image: url('/images/themes/8-off');
}
ul.themes li.theme8:hover {
	background-image: url('/images/themes/8');
}
ul.themes li.theme17 {
	background-image: url('/images/themes/17-off');
}
ul.themes li.theme17:hover {
	background-image: url('/images/themes/17');
}

/* Shoutbox */

#shoutbox-text {
	margin-top: 10px;
	width: 720px;
	height: 200px;
	overflow-x: visible;
	overflow-y: scroll;
}

#shoutbox-text p {
	padding: 0;
	margin: 0;
}

#shoutbox-form-text {
	width: 650px;
}

#shoutbox-form-submit {
	width: 60px;
}

/* Color picker */

.picker {
	width: 380px;
	overflow: auto;
}

.picker-color {
	display: block;
	width: 8px;
	height: 8px;
	margin: 2px;
	float: left;
}