/* @override http://www.sutasi.com/themes/forum_themes/sutasi/css/theme.css */

/*
Site:           sutasi.com/forums
Created:        Jan 28 2008
Last Modified:  Mar 16 2008
-------------------------------------------------------------
Based, extremely heavily, on the EE Forums "Support" Theme
-------------------------------------------------------------
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Sometime in 2008
============================================================= */
*   {
	margin: 0;
	padding: 0;
	}

html {
	color: #666;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:	center;	
	background-image: none;
	background-color: #fff;
	}

body {
	text-align: left;
	margin: 0 auto;
	line-height: 1em;
	width: 100%;
	}

img { border: 0;}
ul { list-style: none;}
abbr { border-bottom: 1px dotted #333; }
code { white-space: nowrap; }

/* Default Links
-------------------------------------*/
a { outline: none;}
a:link, a:visited {
	color: #a124af;
	text-decoration: none;
	}

a:hover {
	color: #a124af;
	text-decoration: underline;
	}

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	}

.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.txtcenter { text-align: center; }
.f-right {
	float: right;
	clear:  right;
	}

.alert {
	font-size: 12px;
	color: #f93d00;
	font-weight: bold;
	}

.checkbox { margin: 3px 0;}
.pad { padding: 3px 0; }
.multiselect { margin-bottom: 6px;}
.forumLightLinks { font-size: 11px;}

/* 
============================================== 
HEADER
==============================================
*/
#header {
	clear: both;
	background: #2e0041 url('/themes/forum_themes/sutasi/images/header_bg.gif') 0 0 repeat-x;
	border-top: 1px solid #5c1f64;
	border-bottom: 1px solid #5c1f64;
	}

/* Small Login Form (Header)
-------------------------------------- */
#loginHeader {
	float: right;
	width: 350px;
	font-size: 10px;
	color: #fff;
	margin-top:	30px;
	}

#loginHeader a {
	color: #fff;
	}

/* Login Box (Header)
---------------------------------- */
#loginBox {
	float: right;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 12px 13px;
	height: 28px;
	line-height: 14px;
	background-color: #210036;
	margin-top: 30px;
	border: 1px solid #2d0042;
	border-right: 1px solid #4a006e;
	border-bottom: 1px solid #4a006e;
	}

#loginBox .greeting {
	color: #fff;
	}

#loginBox a:link, #loginBox a:visited {
	color: #be28ff;
	border-bottom: none;
	}

#loginBox a:hover {
	text-decoration: none;
	border-bottom: 1px solid #a124af;
	}

/* Private Message Box (Header)
---------------------------------- */
#privMsgBox {
	float: right;
	font-size: 11px;
	margin-right: 10px;
	max-width: 300px;
	padding: 0;
	position: relative;
	line-height: 14px;
	background-color: #210036;
	margin-top: 30px;
	border-right: 1px solid #4a006e;
	border-bottom: 1px solid #4a006e;
	border-top: 1px solid #2d0042;
	border-left: 1px solid #2d0042;
	}

#privMsgBox a {
	position: absolute;
	left: 0;
	top: 0;
	width: 58px;
	height: 52px;
	line-height: 46px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#privMsgBox a:link, #privMsgBox a:visited {
	color: #fff;
	border-bottom: none;
	}

#privMsgBox a:hover {
	text-decoration: none;
	border-bottom: none;
	}

#privMsgIcon {
	float: left;
	}

#privMsgInfo {
	margin-left: 52px;
	font-weight: bold;
	color: #fff;
	line-height: 52px;
	padding: 0 13px 0 10px;
	}


/* 
================================================= 
SUBHEADER | Bar right below the header
================================================= 
*/
#subheader {
	height:	59px;
	line-height: 33px;
	background:	#474848 url('/themes/forum_themes/sutasi/images/subhead_bg.gif') 0 0 repeat-x;
	}

#subheader a {
	color: #cf4ade;
	}

.breadcrumb {
	font-size: 11px;
	color: #fff;
	}

/* Search Box (Subheader)
------------------------- */
#searchBox {
	text-align: right;
	float: right;
	font-size: 10px;
	padding-top: 6px;
	width: 300px;
	height: 22px;
	}

.searchfield {
	width: 180px;
	color: #666;
	padding: 2px;
	font: 11px/11px verdana, arial,sans-serif;
	float: left;
	}

.search_button {
	position: relative;
	left: 5px;
	top: -1px;
	float: left;
	}

.search_advancedlink {
	float: right;
	}


/* 
================================================= 
CONTENT | Main area - Generally applicable stuff
================================================= 
*/
#content {
	padding-top: 30px;
	color: #27343c;
	padding-bottom: 26px;
	width: 925px;
	margin: 0 auto;
	clear: both;
	}

.compress {
	width: 915px;
	margin: 0 auto;
	}

#content a:link, #content a:visited {
	color: #a124af;
	}


/* 
================================================= 
FOOTER | Used across bottom of forums everywhere
================================================= 
*/
#footer {
	clear: both;
	background: #fff url(/themes/forum_themes/sutasi/images/footer_bg.gif) top left repeat-x;
	padding-top: 56px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	color: #27343c;
	}

#footer:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;	
	}

#footer-copyright {
	clear: both;
	background: #180a1a url(/themes/forum_themes/sutasi/images/copyright_bg.jpg) top left repeat-x;
	margin-top: 40px;
	padding-top: 30px;
	color: #27343c;
	height: 100%;
	}
#footer-copyright .copyright {
	float: none;
	width: 100%;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	margin-top: 15px;
	padding-bottom: 15px;
	}
		.copyright a{color: #fff;}

#footer .activeMembers{
	margin-left: 235px;
	}



/* 
================================================= 
SUB-CONTENT | All the rest of the stuff that
              fills the Content area
================================================= 
*/


/* Search Boxes (Fieldsets on Adv Search)
-------------------------------------- */
.searchBox {
	padding: 6px 12px;
	margin-bottom: 16px;
	border: 1px solid #dae0e4;
	}

.searchBox legend {
	padding: 4px 5px;
	font-size: 13px;
	}

/* Post Actions (Stats at top of index)
-------------------------------------- */
#postActions {
	line-height: 40px;
	color: #666;
	text-align: right;
	}

#visitInfo {
	font-size: 10px;
	float: right;
	padding-right: 10px;
	}

#postActions .links {
	float: left;
	}

#postActions img {
	vertical-align: sub;
	margin-bottom: -4px;
	}

#postActions strong {
	color: #27343c;
	}

#postActions a {
	font-weight: bold;
	}


/* 
================================================= 
BUTTONS | Holy Mackerel
================================================= 
*/
.button, .button80 {width: 80px;}
.button40 {width: 40px;}
.button100 {width:100px;}
.button150 {width:150px;}
.button210 {width: 210px;}
.buttonSpacer { margin: 0 0 0 6px;}

.buttonLarge, .buttonLargeHover {
	background: #717a89 url('/themes/forum_themes/sutasi/images/nav_tab_bg.gif') 0 0 repeat-x;
	border: 1px solid #969fae;
	border-right: 1px solid #7a8494;
	border-bottom: 1px solid #7a8494;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 4px 5px;
	margin: 6px 0 4px 0;
	white-space: nowrap;
	cursor: pointer;
	}

.buttonLargeHover {
	background-image: url('/themes/forum_themes/sutasi/images/nav_tab_bg_on.gif');
	color: #eee;
	}

.buttonSmall, .buttonSmallHover {
	background: #717a89 url('/themes/forum_themes/sutasi/images/nav_tab_bg.gif') 0 0 repeat-x;
	border: 1px solid #969fae;
	border-right: 1px solid #7a8494;
	border-bottom: 1px solid #7a8494;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	margin: 0 2px 0 3px;
	white-space: nowrap;
	cursor: pointer;
	}

.buttonSmallHover {
	background-image: url('/themes/forum_themes/sutasi/images/nav_tab_bg_on.gif');
	color: #eee;
	}


/* 
================================================= 
TABLES | Double Holy Mackerel
================================================= 
*/
.basic {margin-bottom: 30px;}

/* rounded corner */
.tableHeadingBG {
	background:	#b0bdc6 url(/themes/forum_themes/sutasi/images/bg_table_heading.gif) 0 0 no-repeat;
	padding: 10px 0 10px 5px;
	border-bottom: 1px solid #fff;
	}

.tableHeadingBG img {
	vertical-align: text-bottom;
	margin-bottom: 1px;
	}

.tableHeading {
	font-weight: bold;
	font-size: 13px;
	color: #27343c;
	}

td.tableHeadingSmall {
	font-size: 11px;
	padding-left: 21px;
	}

.formHeading {
	background: #fff url(/themes/forum_themes/sutasi/images/bg_submission_form_heading.gif) top left repeat-x;
	border-top: 1px solid #fff;
	}



/* Rounded corner heads to the main tables  */
h2 {
	background:	#c599c8 url(/themes/forum_themes/sutasi/images/bg_table_heading.gif) 0 0 no-repeat;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 13px;
	color: #27343c;
	position:  relative;
	}

h2 .altLinks {
	font-size: 11px;
	position: absolute;
	right: 15px;
	top: 30%;
	}

h2.forum {
	padding: 10px 0 10px 5px;
	}

h2.forum img {
	vertical-align: text-bottom;
	margin-bottom: 1px;
	margin-right: 2px;
	}

.catDescrip {
	font-size: 11px;
	padding-left: 21px;
	font-weight: normal;
	display: block;
	}

/* Non-rounded corner table heads */
h2.tableHead {
	font-weight: bold;
	font-size: 13px;
	background:	#E5D9E9 url(/themes/forum_themes/sutasi/images/bg_table_row_heading.gif) 0 0 repeat-x;
	color: #27343c;
	padding: 8px 10px 8px 6px;
	}

/* Legend headers */
h2.legend {
	background:	none;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dae0e4;
	color: #27343c;
	font-size: 14px;
	font-weight: bold;
	}

/* Error header */
h2.error {
	background: #f93d00;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	padding: 8px 10px 8px 6px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	}


/* Table Cell Styles */
.basic td,
td.cellOne,
td.cellTwo
	{
	padding: 10px 0;
	vertical-align: top;
	border-bottom: 1px solid #dae0e4;
	}

.basic th td
	{
	padding: 0px 0;
	border-bottom: none;
	}

/* Cell: Marker */
td.cell-marker {
	width: 22px;
	padding: 8px 3px 0 0;
	text-align: center;
	vertical-align: top;
	}

/* Cell: User */
td.cell-user {
	vertical-align: top;
	border-left: 1px solid #dae0e4;
	border-top: 1px solid #dae0e4;
	border-bottom: 1px solid #dae0e4;
	padding: 6px;
	font-size: 11px;
	color: #333;
	}

td.postCellUserButtons {
	border-left: 1px solid #dae0e4;
	}

/* Cell: Posts */
td.cell-post {
	border: 1px solid #dae0e4;
	padding: 6px;
	font-size: 13px;
	line-height: 16px;
	}

td.cell-post p {
	margin: 7px 0;
	}

td.postCellPostButtons {
	border-right: 1px solid #dae0e4;
	}

/* Cell: Info */
td.cell-info {
	font-size: 11px;
	padding: 10px 6px;
	vertical-align: top;
	line-height: 14px;
	border-bottom: 1px solid #dae0e4;
	}

td.buttonRow {
	padding: 3px 6px;
	background-color: #fbfbfd;
	}

td.tableRowHeadingBold, td.menuHeadingBG, th 
	{
	background:	#e5d9e9 url(/themes/forum_themes/sutasi/images/bg_table_row_heading.gif) 0 0 repeat-x;
	font-weight: bold;
	font-size: 11px;
	color: #27343c;
	padding: 8px 10px 8px 6px;
	}
th.topic, th.nameHeading {	padding-left: 25px;}

td.shortCells .cellOne {
	padding: 6px 0;
	}

td.shortCells .cellTwo {
	padding: 8px 0;
	}

/* in member area - this is still a mess */
td.tableBorderPad  .cellTwo {
	padding-left: 10px;
	}

.loginForm .cellOne, .loginForm .cellTwo {
	padding-left: 10px;
	padding-right: 10px;
	}

td.memberlistRowOne,
td.memberlistRowTwo
	{
	padding: 6px 6px 6px 6px;
	vertical-align: top;
	border-bottom: 1px solid #dae0e4;
	}

td.cell-numeric {
	vertical-align: middle;
	font-weight: bold;
	}

/* Profile Page */
td.profileMenu h3 {
	background: #fff url(/themes/forum_themes/sutasi/images/bg_submission_form_heading.gif) top left repeat-x;
	border-top: 1px solid #fff;
	padding: 10px 0 5px 5px;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
	}

.profileMenuInner {padding: 0 0 5px 15px;}
.profileMenuInner a {display: block;padding: 2px 0;}


/* Rankings (for authors)
---------------------------------------- */
.rankAdmin, .rankModerator, .rankMember {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 3px 0;
	}

.rankAdmin {color: #f93d00;}
.rankModerator {color: #468d4b;}
.rankStars {padding: 5px 0 3px 0;}
.rankStars img { padding-right: 3px;}

/* Signature (on Posts)
-------------------------------------- */
fieldset.signature {
	border: 0;
	border-top: 1px solid #dae0e4;
	}

.signatureTitle {
	font-size: 11px;
	font-style: italic;
	color: #7c7c7c;
	}


/* Blockquotes
-------------------------------------- */
blockquote {
	border: 1px solid #dae0e4;
	border-left: 3px solid #dae0e4;
	background-color: #fbfbfd;
	padding: 5px 8px;
	}

.quote_author {
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	}

/* Main Forum List (homepage)
-------------------------------------- */
.forumName { font-size: 13px;}

.forumDescription {
	font-size: 12px;
	color: #27343c;
	padding-top: 6px;
	}

.forumModerators {
	font-size: 11px;
	color: #61717b;
	padding-top: 6px;
	}

/* Stats (not using in current theme)
-------------------------------------- */
#visitorStats {
	padding-right: 13px;
	}

#visitorStats .heading {
	color: #27343c;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px solid #c6bb86;
	}

#visitorStats .mostVisitors {
	border-bottom: 1px solid #c6bb86;
	background-color: #fef7db;
	color: #fa4f07;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 7px 0;
	}

#visitorStats .cellOne, #visitorStats .tableCellTwo {
	padding: 7px 0;
	}

/* Memberlists Table (Homepage footer)
-------------------------------------- */
#onlineMembers { margin-bottom: 0;}

#onlineMembers td {
	padding: 10px 0 20px 0;
	line-height: 20px;
	font-size: 12px;
	}

/* Forum Legend (Homepage footer)
-------------------------------------- */
#forumLegend {
	width: 50%;
	padding-left: 13px;
	float: right;
	margin-bottom: 34px;
	}

#forumLegend.nostats {
	float: none;
	padding-left: 0px;
	padding-bottom: 30px;
	}

#forumLegend .legendItem {
	float: left;
	padding-top: 7px;
	padding-right: 35px;
	}

#forumLegend .legendItem img {
	vertical-align: baseline;
	margin-bottom: -3px;
	}


/* Error Box
-------------------------------------- */
.errorBox {
	background-color: #f93d00;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	padding: 8px 10px 8px 6px;
	margin-bottom: 6px;
	}


/* Profile Styles
-------------------------------------- */
.profileTitle {
	font-size: 16px;
	font-weight: bold;
	}

.profileInfo {
	padding-left: 16px;
	}

.memberProfile a:link, .memberProfile a:visited {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}

.memberProfile a:hover {
	text-decoration: none;
	border-bottom: 1px solid #a124af;
	}

.bio p {
	margin: 8px 0;
	line-height: 14px;
	}

.memberPage h3 {
	margin-bottom: 10px;
	}

.highlight {
	font-size: 12px;
	color: #f93d00;
	font-weight: bold;
	}

.innerShade {
	background-color: #faf9c9;
	padding: 6px 8px;
	border: 1px solid #dad9c9;
	}

.smallLinks {
	font-size: 11px;
	font-weight: normal;
	}

.buttonMode {
	font-size: 10px;
	white-space: nowrap;
	}

.submissionForm .cellOne, .submissionForm .cellTwo {
	padding-left: 10px;
	padding-right: 10px;
	}


/* HTML (Formatting) Buttons 
   Used on submission and PM pages
--------------------------------------- */

.formattingButtons table {
	background: transparent url('/themes/forum_themes/sutasi/images/bg_formatting_buttons_right.gif') 100% 0 no-repeat;
	padding-right: 16px;
	}

td.htmlButtonOuter, td.htmlButtonOuterL {
	border-left: 0;
	font-size: 11px;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	}

td.htmlButtonOuterL  {
	background: transparent url(/themes/forum_themes/sutasi/images/bg_formatting_buttons_left.gif) 0 0 no-repeat;
	padding: 0 0 0 16px;
	}

.htmlButtonInner {
	background: #d8d8d8 url(/themes/forum_themes/sutasi/images/bg_formatting_buttons.gif) 0 0 repeat-x;
	text-align: center;
	padding: 0 5px;
	border: 1px solid #eaeaea;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.htmlButtonOff {
	font-weight: bold;
	white-space: nowrap;
	}

#content .htmlButtonOff a:link, 
#content .htmlButtonOff a:visited 
	{
	color: #666;
	text-decoration: none;
	white-space: nowrap;
	line-height: 20px;
	padding: 2px 5px;
	}

#content .htmlButtonOff a:active,
#content .htmlButtonOff a:hover
	{
	text-decoration: none;
	color: #888;
	}

.htmlButtonOn {
	font-weight: bold;
	white-space: nowrap;
	}

#content .htmlButtonOn a:link, #content .htmlButtonOn a:visited {
	color: #900;
	text-decoration: none;
	line-height: 17px;
	}  

#content .htmlButtonOn a:active,
#content .htmlButtonOn a:hover 
	{
	text-decoration: none;
	color: #999;
	}
/* END HTML Buttons ----------------------------- */


/* Submission Page entry area */
.msgBody td, .msgOptions td {
	border: none;
	padding-top: 0;
	}

td.spellcheck, td.textCounter {
	padding-top: 5px;
	font-size: 11px;
	color: #666;
	border-top: none;
	border-width: 0;
	}

#content .spellcheck a:link, 
#content .spellcheck a:visited 
	{
	color: #f00;
	font-weight: bold;
	}

.extraOptionLink {
	padding: 10px 0 0 0;
	}

/* Attachment area
-------------------------------------- */
#attach {
	margin-top: 3px;
	}

.attachTitle {
	background-color: #e3e8eb;
	padding: 2px 4px;
	font-size: 10px;
	font-weight: bold;
	border-left: 1px solid #dae0e4;
	border-right: 1px solid #dae0e4;
	border-top: 1px solid #dae0e4;
	}

.attachBody {
	background-color: #fbfbfd;
	padding: 5px 8px;
	border-left: 1px solid #dae0e4;
	border-right: 1px solid #dae0e4;
	border-bottom: 1px solid #dae0e4;
	margin-bottom: 6px;
	}

.attachBody img {
	margin-bottom: 3px;
	}

.attachments td {
	padding-left: 10px;
	padding-top: 5px;
	}

.attachments td.remove {
	padding-left: 0px;
	}


/* Preview Submission
-------------------------------------- */
h2.previewHead {
	font-size: 18px;
	font-weight: bold;
	color: #f93d00;
	background: none;
	padding: 0;
	}

.previewTitle {
	font-size: 16px;
	font-weight: bold;
	margin: 8px 0;
	}

.preview h2 {
	background: none;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 16px;
	}

.preview {
	margin: 10px 0;
	padding: 0 8px;
	}

.preview p {
	margin: 0 0 12px 0;
	}



/* Topics
-------------------------------------- */
.topicTitle {
	margin-bottom: 6px;
	line-height: 14px;
	font-weight: bold;
	}

.topicTitle ul {
	margin: 0 0 6px 16px;
	}

.topicTitle li {
	line-height: 14px;
	}

/* Pagination
-------------------------------------- */
.paginate, .paginateCur {
	background-color: transparent;
	border: 0;
	padding: 5px 6px;
	}

.paginateStat { margin-right: 8px;}