@charset "utf-8";
/**
 * @author		Angelo Dini
 * @copyright	CORESHOCK - coreshock.ch
 */

/* light version */
/*
.leaderboard,
.sidebar-corner { display:none !important; }
*/

.banner,
#aside { display:none !important; }
#body { margin-right:50px !important; }
body { min-width:1050px !important; }
div.breadcrumb { margin:0 0 25px !important; }

/*##################################################|*/
/* #CONTAINERS# */
#aside { float:right; width:195px; padding-right:5px; } /* initial layout */
#body { margin-right:200px; height:100%; } /* do not touch */

#main { float:left; width:100%; margin-bottom:10px; } /* do not touch */
#main { background:#fff url('../gfx/bg_main-shadow.gif') repeat-y right top; }
#wrapper { height:100%; position:relative; left:0; top:0; padding:0 5px 5px 0;
		   background:url('../gfx/bg_wrapper-shadow.gif') repeat-x left bottom; }
#wrapper-corner { position:absolute; right:0; bottom:0;
				  width:20px; height:20px; background:url('../gfx/sprite_header.gif') no-repeat 0 -112px; }


/*##################################################|*/
/* #HEAD# */
#header { background:url('../gfx/sprite_header.gif') repeat-x 0 -132px; height:35px; }

/* logo */
.logo_squarejunkies { float:left; text-indent:-1000px; overflow:hidden;
					  width:215px; height:25px; margin:7px 0 0 5px; background:url('../gfx/sprite_header.gif') no-repeat left top; }
/* mainnav */
#metanav { list-style:none; margin:0; padding:8px 0 0; text-align:center; margin:0 auto; padding-left:100px; white-space:nowrap; }
#metanav li { display:inline-block; padding:0 1px 0 6px; background:url('../gfx/sprite_header.gif') no-repeat 0 -65px; }
#metanav li.first { background:none; padding-left:0; }
#metanav li a { color:#272727; display:block; font-size:11px; }
#metanav li a span { display:block; padding:3px 11px 4px; }
/* active state */
#metanav li a:hover,
#metanav li a.active { color:#e8e8e8; background:url('../gfx/sprite_header.gif') no-repeat right -45px; text-decoration:none; }
#metanav li a:hover span,
#metanav li a.active span { background:url('../gfx/sprite_header.gif') no-repeat left -25px; }
#metanav li a:hover { color:#fff !important; }

/* search */
#searchfield { float:right; padding:11px 10px 0 0; }
.search-main fieldset { float:right; display:inline !important; }
.input_text-search { padding-left:13px; background:#272727 url('../gfx/sprite_header.gif') no-repeat 0 -95px; }

.advanced-search { color:#fff; background:#272727; padding:10px 10px 5px; margin:0 0 25px; }
.advanced-search input,
.advanced-search textarea { background:#fff; color:#272727; }

.content .search-item {}
.content .search-item h2 { font-size:16px; background:none; font-weight:normal;
						   padding:0; text-transform:none; margin:0 0 1px; }
.content .search-item h2 a { text-decoration:underline; }
.content .search-item h2 a:hover { text-decoration:none; }
.content .search-item .link { display:block; color:green; }

/* lang */
#lang { float:right; list-style:none; margin:14px 5px 0 0; }
#lang li { float:left; font-size:10px; padding:0 3px 0 0; }
#lang li.desc { color:#e8e8e8; }
#lang li a { display:block; text-indent:-1000px; overflow:hidden; }
#lang li.lang_en a, #lang li.lang_de a, #lang li.lang_jp a { width:15px; height:10px; border:1px solid #e8e8e8; opacity:0.5; }
#lang li.lang_en a { background:url('../gfx/sprite_header.gif') no-repeat -15px -85px; }
#lang li.lang_de a { background:url('../gfx/sprite_header.gif') no-repeat 0 -85px; }
#lang li.lang_jp a { background:url('../gfx/sprite_header.gif') no-repeat -30px -85px; }
/* active state */
#lang li a:hover, #lang li a.active { border:1px solid #aaa; opacity:1; }


/*##################################################|*/
/* #LEDAERBOARD# */
#leaderboard-container { padding:8px 0 0; background:url('../gfx/leaderboard_top.gif') no-repeat center top; }
.leaderboard { height:162px; background:#202020 no-repeat 23px center; }
.leaderboard .pattern { background:url('../gfx/sprite_leaderboard.png') repeat-x left top; }
.leaderboard .logo { background:no-repeat right 13px; }
.leaderboard .logo div { background:url('../gfx/sprite_leaderboard.png') repeat-x 0 -486px; }
.leaderboard .logo a { display:block; text-indent:-1000px; overflow:hidden; height:162px; width:100%; background:url('../gfx/sprite_leaderboard.png') no-repeat 0 -162px; }
.leaderboard .logo a span { display:block; height:162px; width:100%; background:url('../gfx/sprite_leaderboard.png') no-repeat right -324px; }


/*##################################################|*/
/* #FOOT# */
#footer { position:relative; left:0; top:-12px; color:#8e949d; font-size:10px; padding:0 15px 0 10px; }
#footer span { float:left; }
#footnav { list-style:none; margin:0; padding-bottom:15px; float:right; }
#footnav li { float:left; padding:0 0 0 4px; color:#73777d; font-size:10px; }
#footnav li a { color:#8e949d; font-size:10px; }
#footnav li.active a { color:#fff; font-weight:bold; }


/*##################################################|*/
/* #BANNER# */
.banner {}
.banner.skyscraper { display:block; outline:none; text-align:center; padding:30px 0 0; background:url('../gfx/ad_horizontal.gif') no-repeat center 20px; }
.banner.rectangle { display:block; outline:none; text-align:center; padding:30px 0 0; margin:0 0 15px; background:url('../gfx/ad_horizontal.gif') no-repeat center 20px; }
.banner.fullbanner { display:block; outline:none; text-align:center; padding:8px 0 10px; }
.banner.fullbanner img { padding:0 0 0 10px; background:url('../gfx/ad_vertical.gif') no-repeat left center; }


/*##################################################|*/
/* #CONTENT# */
/* all radius */
input, .breadcrumb,
#wysiwyg textarea, .wysiwyg-box,
.pagenav a, .input_textarea-signature,
.content h2, .post, #tag_preview .tag, .advanced-search,
.con-item, a.btn, .statusbar, .input_textarea-groupdesc,
.tbl_default { padding-left:5px; padding-right:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

/* sidebar */
#sidebar { float:left; width:200px; font-size:11px; padding:0 0 100px; }
#sidebar h2 { position:relative; left:0; top:0; color:#fc0; font-size:12px; font-family:verdana;
			  height:20px; padding:5px 0 0 8px; margin:0; background:url('../gfx/sidebar_h2.gif') no-repeat left top; }
#sidebar h2.shadow { height:28px; }
#sidebar h2 .theme { display:block; position:absolute; right:0; top:-9px; width:35px; height:35px; background:no-repeat left top; }
#sidebar h2 .theme.profile { background-image:url('../gfx/mainnav/profile.gif'); }
#sidebar h2 .theme.modcp { background-image:url('../gfx/mainnav/modcp.gif'); }
#sidebar h2 .theme.finalfantasy { background-image:url('../gfx/mainnav/finalfantasy.gif'); }
#sidebar h2 .theme.dragonquest { background-image:url('../gfx/mainnav/dragonquest.gif'); }

.sidebar-foot { width:215px; height:15px; position:absolute; left:0; bottom:0; background:url('../gfx/sidebar_foot.gif') no-repeat left top; }
.sidebar-corner { width:13px; height:13px; position:absolute; left:200px; top:0; background:url('../gfx/sidebar_corner.png') no-repeat left top; }
.navbox { padding:0 10px 0; }

/* mainnav */
.mainnav { list-style:none; margin:0; }
.mainnav li { color:#eaeaea; font-size:11px; background:url('../gfx/sidebar_li.gif') no-repeat left top; }
.mainnav li a { display:block; color:#eaeaea; padding:4px 0 4px 23px; background:url('../gfx/sidebar_arrow-closed.gif') no-repeat 8px center; }
.mainnav li a:hover { text-decoration:none; background-color:#000; }

.mainnav li.active { background:#000; }
.mainnav li.active a { font-weight:bold; background-image:url('../gfx/sidebar_arrow-open.gif'); }
.mainnav.single li.active a { background-image:url('../gfx/sidebar_arrow-closed.gif'); }

.mainnav li ul { list-style:disc; margin:0 0 0 15px; padding-left:8px; }
.mainnav li ul li { color:#ccc; background:none; }
.mainnav li ul li a { border-top:1px solid #2e2e2e; font-weight:normal !important; color:#ccc; padding:2px 0 3px 3px; background:none !important; }
.mainnav li ul li a:hover,
.mainnav li ul li a.active { color:#fff; border-top:1px solid #000; background:#2e2e2e !important; }
.mainnav li ul li a:hover { border-top:1px solid #000; }

/* breadcrumb */
.breadcrumb { background:#e8e8e8 url('../gfx/pattern_white.gif') repeat left top; padding-left:9px; }
.breadcrumb p { color:#ccc; font-size:11px; padding:4px 8px 4px 16px; margin:10px 0;
				background:transparent url('../gfx/icon_breadcrump.gif') no-repeat 0 6px; }
/* pagenav */
.pagenav {}
.pagenav a { font-size:11px; color:#eaeaea; background:#2c2c2c; padding:2px 5px; margin-right:3px; }
.pagenav a:hover { color:#2c2c2c; background:#eaeaea; text-decoration:none; }
.pagenav a.active { color:#2c2c2c; background:#eaeaea; font-weight:bold; }
.pagenav a.previous { margin-right:10px; padding:2px 8px; }
.pagenav a.next { margin-left:10px; padding:2px 8px; }
.pagenav a.first, .pagenav a.last { padding:2px 8px; }

.pagenavcenter p { text-align:center !important; }

/* content */
#content-container { position:relative; left:0; top:0; background:url('../gfx/bg_content-container.gif') repeat-y left top; }
#content { margin-left:200px; height:100%; }
.content { float:left; width:100%; background:url('../gfx/leaderboard_bottom.gif') no-repeat center top; }
.content .padding { padding:10px 15px; }
.content h1 { color:#272727; font-size:14px; padding:0 0 5px 30px; margin:0 0 15px;
			  border-bottom:1px dotted #ccc; background:url('../gfx/icon_pointer.gif') no-repeat left center; }
.content h2 { color:#fff; font-size:12px; text-transform:uppercase; padding:4px 10px; background:#272727; }
.content h3 { color:#272727; font-size:12px; padding:0 0 3px 22px; margin:4px 0 10px;
			  border-bottom:1px dotted #ccc; background:url('../gfx/icon_pointer-small.gif') no-repeat left 3px; }
.content h4 { color:#272727; font-size:12px; font-weight:normal; }

.splitcontent .cleft { float:left; width:67%; }
.splitcontent .cright { float:left; width:33%; }
.splitcontent .ccol { float:left; width:50%; }
.splitcontent .ccoltria { float:left; width:25%; }
.splitcontent .ccoltrib { float:left; width:50%; }
.splitcontent .ccoltric { float:left; width:25%; }
.splitcontent .ccoltrid { float:left; width:75%; }
.splitcontent .padding { padding:0 25px 0 0; }

/* wysiwyg options */
.indent { margin:0 0 0 15px; }

.addthis { margin:10px 0 0; }
.addthis_button span { font-size:11px; position:relative; left:3px; top:-4px; }

.characters { list-style:none; margin:0; }
.characters li { float:left; width:225px; padding:0 8px; margin:0 0 20px; }
.characters a img { opacity:0.8; padding:0 0 3px; }
.characters a:hover { text-decoration:none; color:#272727; }
.characters a:hover img { opacity:1; }

.summons { list-style:none; margin:0; }
.summons li { float:left; width:120px; padding:0 8px; margin:0 0 20px; }
.summons a img { opacity:0.8; padding:0 0 3px; }
.summons a:hover { text-decoration:none; color:#272727; }
.summons a:hover img { opacity:1; }

.flash-container { text-align:center; }

.images { list-style:none; margin:10px 0 0px; }
.images li { float:left; margin:0 10px 10px 0; }
.images li a { float:left; border:3px solid #272727; line-height:0; font-size:0; }
.images li a:hover { border:3px solid #db6c14; }

.gallery { list-style:none; margin:0; }
.gallery li { float:left; padding:0 8px; margin:0 0 16px; }
.gallery a { float:left; border:3px solid #272727; line-height:0; font-size:0; }
.gallery a:hover { border:3px solid #db6c14; }
.gallery a img { opacity:0.8; padding:0; }
.gallery a:hover img { opacity:1; }

/* frms */
.frm.login { padding:0 0 5px; }
.frm.login li { padding:0 0 5px; }
.frm.login .btn { margin:5px 0 0; }
.frm.login label { display:block; color:#ccc; font-size:11px; padding:0 0 2px; }
.frm.login input { background:#fff; color:#272727; }

.frm.default li { margin:0 0 15px; }
.frm.default label { width:20%; font-size:11px; font-weight:bold; }
.frm.default div { width:80%; }
.frm.default .input_text { width:150px; }
.frm.default .input_text-large { width:300px; }
.frm.default .email-c { display:none;}
.frm.default .info { display:block; font-size:10px; color:#999; padding:0 0 3px; }
.frm.default .input_check { border:none; background:none; position:relative; left:0; top:3px; }
.frm.default .rules { float:none; width:70%; height:75px; overflow:auto; font-size:10px; padding:3px; border:3px solid #171717; }
.frm .input_text-tags { width:400px; }

.frm.wider label { width:30%; }
.frm.wider div { width:70%; }

.frm.default.columns label { width:35%; }
.frm.default.columns div { width:60%; }
.frm.default.columns fieldset ol { width:50%; float:left; }

.frm.post { background:#272727; color:#fff; padding:10px; }
.frm.post input, .frm.post textarea, .frm.post select { background:#fff; color:#272727; }
.frm.post li { margin:0 0 10px; }
.frm.post label { width:20%; font-size:11px; font-weight:bold; }
.frm.post div { width:80%; }
.frm.post .input_text { width:150px; }
.frm.post .input_text-small { width:110px; }
.frm.post .input_text-large { width:300px; }
.frm.post .email-c { display:none;}
.frm.post .info { display:block; font-size:10px; color:#999; padding:0 0 3px; }
.frm.post .input_check { border:none; background:none; position:relative; left:0; top:3px; }
.frm.post .rules { float:none; width:70%; height:75px; overflow:auto; font-size:10px; padding:3px; border:3px solid #171717; }

.frm .radiocheck label { float:none; width:auto; }
.frm .radiocheck .input_checkbox { position:relative; left:0; top:2px; }
.frm .rightcheck { float:right !important; position:relative; left:0; top:-2px; }

.frm .input_select-day { width:50px; }
.frm .input_select-month { width:100px; }
.frm .input_select-year { width:60px; }

.frm .input_textarea-signature { width:90%; height:100px; }

.connect-button input { background:none; border:none; padding:0; margin:0; }

/*##################################################|*/
/* #MODULES# */

/* faq */
.faq-list { padding-left:10px; margin-bottom:25px; }
.faq-answers li { margin-left:10px; }

/* conversation */
.conversation_icon { position:relative; left:0; top:2px; }

#conversation { margin:0 0 15px; }
.con-item { margin:0 0 5px; padding:10px; }
.con-item.odd { background:#e5edf6; }
.con-item.even { background:#eef4f9; }
.con-item.branch { margin-left:100px; }
.con-item .profile { float:right; position:relative; right:-10px; top:-10px; min-width:200px; list-style:none; padding:10px; }
.con-item .profile.online { background:url('../gfx/forum/icon_online.gif') no-repeat right top; }
.con-item .profile ul { list-style:none; margin:0; padding:5px 0 5px 8px; border-left:1px solid #fff; }
.con-item .profile li span { color:#777; }
.con-item .profile li { font-size:11px; padding:1px 0; }
.con-item .profile li.auth { color:#777; font-size:10px; padding:1px 0 3px; }
.con-item .profile li.icons { padding:10px 0 0; }

.con-item h2 { font-size:14px; color:#272727; text-transform:none; padding:0; margin:0 0 3px; background:none; }
.con-item h3 { font-size:11px; margin:0 0 15px; font-weight:normal; padding-left:13px; border:none; background:url('../gfx/forum/icon_threadauthor.gif') no-repeat left 3px; }

.con-item .signature { color:#ccc; }

/* tagcloud */
.tagcloud { text-align:justify; margin:0 0 15px; position:relative; left:0; top:-5px; }
.tagcloud a { line-height:1.6; color:#777; }
.tagcloud a:hover { line-height:1.6; color:#db6c14; }
.tagcloud .size-1 { font-size:10px; }
.tagcloud .size-2 { font-size:12px; }
.tagcloud .size-3 { font-size:14px; font-weight:bold; }
.tagcloud .size-4 { font-size:16px; font-weight:bold; }

/* tags */
#tag_preview { display:block; font-size:11px; margin:4px 0 0; }
#tag_preview .tag { display:inline-block; color:#272727; cursor:pointer; padding:1px 5px; margin:0 5px 0 0; border:1px solid #090; background:#ccffcc; }
#tag_preview .tag:hover { border:1px solid #900; background:#FFB7B9; }

/* partner */
.partner { margin:0 0 10px; }
.partner a { float:left; width:100%; font-size:10px; margin:0 0 10px; clear:both; overflow:hidden; }
.partner a img { float:left; width:88px; margin-right:10px; }
.partner a strong { color:#000; }
.partner a span { float:left; width:50%; padding:3px 0 0 0; color:#272727; }

/* releaselist */
.tbl_releases { margin:0 0 15px; }
.tbl_releases th { font-weight:bold; text-transform:none; text-align:left; padding:1px 5px 2px; background:#2b2b2b; }
.tbl_releases td { padding:2px 3px; border-top:2px solid #fff; border-bottom:0; }

/* tables */
.tbl_clean { margin:0; height:auto; }
.tbl_clean th, .tbl_clean td { height:auto; padding:0 8px 15px; margin:0; background:none; border:none; }
.tbl_clean img { float:none; padding:0; }
.tbl_clean a:hover { text-decoration:none; }

/* news */
.news-item { margin:0 0 15px; border-bottom:1px dotted #ccc; }
.news-item .panel { padding:0 0 10px; background:none; height:auto; margin:0; }
.news-item .panel .date { float:left; width:50px; margin-right:10px; color:#fff; font-size:10px; text-align:center; background:url('../gfx/news/bg_date.gif') no-repeat center top; }
.news-item .panel .date strong { display:block; font-size:11px; padding:3px 0 1px; }
.news-item .panel .date span { display:block; font-weight:bold; padding:7px 0 2px; }
.news-item .panel .img { float:left; width:115px; margin-right:10px; }
.news-item .panel .info { float:left; width:60%; }
.news-item .panel .info .title { margin:0; font-size:14px; font-weight:bold; padding:2px 0 5px; }
.news-item .panel .info .options { color:#cbcbcb; font-size:10px; margin:0; }
.news-item .panel .info .options a { color:#282828; }
.news-item .panel .title  a { color:#db6c14; }
.news-item .news { padding:0 5px; }
.news-item .source { text-align:right; font-size:11px; }
.news-item.nobreak { border:none !important; }

.archive { list-style:none; margin:0 0 15px; }
.archive ul { list-style:none; margin:0 0 10px; }
.archive li { font-size:11px; padding-left:15px; margin:3px 0 0; background:url('../gfx/icon_folder-small.gif') no-repeat 0 1px; }
.archive span { color:#ccc; font-size:10px; }

.sort { list-style:none; margin:0 0 15px; }
.sort ul { list-style:none; margin:0 0 10px; }
.sort li { font-size:11px; padding-left:15px; margin:3px 0 0; background:url('../gfx/icon_sort-small.gif') no-repeat 0 2px; }
.sort span { color:#ccc; font-size:10px; }

/* statusbar */
.statusbar { background:#2b2b2b url('../gfx/bg_statusbar.png'); }
.statusbar span { color:#fff; font-size:11px; font-weight:bold; padding-top:1px; height:15px; background:url('../gfx/bg_statusbar.png') repeat-x left top; display:block; }

/* messages */
.message-legend { list-style:none; margin:0 0 10px 15px; }
.message-legend li { padding:0 0 5px; font-size:11px; }
.message-legend img { position:relative; left:0; top:3px; }

.invite { padding-left:15px; position:relative; left:0; top:-1px; }

/* autocomplete */
ul.autocomplete { position:absolute; margin:0; padding:0; list-style:none;
				  border:1px solid #ccc; background:#fff; z-index:1000; }
ul.profile li { position:relative; margin:-2px 0 0 0; padding:1px 5px;
					 display:block; float:none !important;  cursor:pointer;
					 white-space:nowrap; line-height:1.5em; }
ul.autocomplete li.autocompleter-selected { background-color:#272727; color:#fff; }
ul.autocomplete span.autocompleter-queried { display:inline; float:none;
											 font-weight:bold; margin:0; padding:0; }
ul.autocomplete li.autocompleter-selected span.autocompleter-queried { color:#fc0; }

.autoloader { vertical-align:top; position:relative; left:0; top:1px; }

/* profile */
.profile-more { list-style:none; margin:0; }
.profile-more li { font-size:11px; margin:0 0 3px; }
.profile-more li span { color:#777; }
.profile-more li div { padding:1px 0 2px 20px; margin:5px 0 0; background:no-repeat left center; }

.profile-social { list-style:none; margin:0; }
.profile-social li { font-size:11px; margin:0 0 8px; }
.profile-social li a { display:block; padding:2px 0 3px 20px; background:no-repeat left top; }
.profile-social li a:hover { background-color:#f5f5f5; }
.profile-social li.morelist a { display:inline; padding:0; }
.profile-social li.morelist a:hover { background:none; }

.profile-details { list-style:none; margin:0; }
.profile-details li { margin:0 0 8px; }
.profile-details li span { color:#777; display:inline-block; width:120px; }

.profileonline, .profileoffline { display:block; font-weight:bold; text-transform:uppercase; padding:10px 0 10px 18px; background:no-repeat left center; }
.profileonline { color:#060; background-image:url('../gfx/icon_online.gif'); }
.profileoffline { color:#c00; background-image:url('../gfx/icon_offline.gif'); }

/* messengers */
a.messengers { float:left; margin:0 5px 0 0; text-indent:-1000px; overflow:hidden; margin:0 5px 0 0; width:16px; height:16px; background:url('../gfx/forum/sprite_messengers.gif') no-repeat left top; }
a.messengers:hover { background-position:0 -16px; }
a.messengers.skype { background-position:-16px top; }
a.messengers.msn { background-position:-32px top; }
a.messengers.icq { background-position:-48px top; }
a.messengers.facebook { background-position:-64px top; }
a.messengers.twitter { background-position:-80px top; }
a.messengers.myspace { background-position:-96px top; }
a.messengers.aim { background-position:-112px top; }
a.messengers.yim { background-position:-128px top; }

a.messengers.skype:hover { background-position:-16px -16px; }
a.messengers.msn:hover { background-position:-32px -16px; }
a.messengers.icq:hover { background-position:-48px -16px; }
a.messengers.facebook:hover { background-position:-64px -16px; }
a.messengers.twitter:hover { background-position:-80px -16px; }
a.messengers.myspace:hover { background-position:-96px -16px; }
a.messengers.aim:hover { background-position:-112px -16px; }
a.messengers.yim:hover { background-position:-128px -16px; }

/* testing */
.attachments { background:#fff; }