@charset 'utf-8';
/* tag design */
body {
    font: 75%/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif", sans-serif;
    line-height: 1.7em;
    letter-spacing: 0.025em;
    color: #aaa;
    height: 100%;
}

#wrap {
    background-image: url(/_img/bg/wrap.jpg);
    background-position: center;
    background-repeat: repeat-y;
    min-height: 90%;
    overflow: hidden;
    border-left: 1px solid #444;
    border-right: 1px solid #666;
    padding: 0 2px;
    padding-bottom: 10%;
}

#navigation ul li,
#navigation_member ul li {
    line-height: 1.5em;
    color: #f63;
    padding-left: 0.5em;
    margin-bottom: 2px;
    border-style: solid;
    border-color: #f93;
    border-left-width: 0.5em;
}
#navigation_member ul li {
    border-color: #888;
}
#navigation ul li.current,
#navigation_member ul li.current {
    border: 0;
    margin: 0.5em 0;
    background-color: #f93;
}
#navigation_member ul li.current {
    background-color: #888;
    color: #fff;
}
#navigation a,
#navigation_member a {
    color: #fff;
}
#navigation a:hover,
#navigation_member a:hover {
    color: #fff;
}
#navigation ul li.current a,
#navigation_member ul li.current a {
    color: #000;
}

#navigation_member h5 {
    color: #888;
}

#home {
    float: right;
    padding-top: 1.5em;
    background-image: url(/_img/logo.header.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 70px;
}

#home a {
    font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
    font-size: 2em;
    font-variant: small-caps;
    letter-spacing: 0.05em;
}
#home span {
    display: block;
    font-size: 1em;
    letter-spacing: 0.25em;
}

h1, h2 {
    font-size: 2em;
    /*line-height: 1.1em;*/
    margin: 0.5em 0 0.5em 0;
    font-weight: normal;
}
h3, h4 {
    font-size: 1.6em;
    margin: 0.5em 0 0.25em 0;
    font-weight: bold;
}
h5, h6 {
    font-size: 1.2em;
    margin: 0 0.5em 0 0;
    font-weight: bold;
}

h1 {
    font-family: "Lucida Fax", Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
    letter-spacing: 0.05em;
}

p, ul, dl, ol {
    margin: 0.25em 0 1em 0;
    font-size: 1em;
}

del {
    font-style: italic;
    text-decoration: line-through;
}

ins {
    font-weight: bold;
}

abbr {
    border-bottom: 1px dashed #000;
}

big { font-size: 2em; }
big.highlight {
    margin: 0.5em 0 1em 0;
    padding: 0.5em 1em;
    font-weight: bold;
    letter-spacing: 0.2em;
    display: block;
    /*line-height: 1.25em;*/
}

dt { font-weight: bold; }

blockquote {
    padding: 0.5em 2.5em 0.5em 4em;
    line-height: 1.5em;
	margin: 1em 2.5em 1em 0;
    border-style: solid;
    border-width: 1px;
	border-width:0;
	border-left-width: 0px;
    font-style: italic;
    background-image: url(/_img/blockquote.png);
    background-position: top left;
    background-repeat: no-repeat;
	color: #aaa;
}


/*blockquote[cite]:after {
    content:"— "attr(cite)"";
	*/
blockquote .blockquote-footer {
    font-style: normal;
    display: block;
    font-weight: bold;
	color: #666;
}


label {
    display: block;
    margin-top: 0.5em;
}
label:after { content: ""; }

input, textarea, select {
    border-width: 0;
    border-style: solid;
    margin: 0;
    text-indent: 0.25em;
    padding: 1%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    width: 98%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif", sans-serif;
    font-size: 100%;
    letter-spacing: 1px;
}
select {
    padding: 0;
    width: 100%;
}


div.state-input { display: block; }
div.state-input label {
    display: inline;
}
div.state-input label:after { content:"" }

input[type="checkbox"], input.checkbox,
input[type="radio"], input.radio {
    width: auto;
    padding: 0;
    display: inline;
    vertical-align: middle;
    margin: 0;
    margin: 0.25em 0.5em 0.25em 0;
}

input[type="reset"], input.reset, input.cancel, input[type="submit"], input.submit, input[type="button"], input.button {
    width: auto;
    padding-left: 20px;
    margin-bottom: 1px;
    background-position: 5px center;
    background-repeat: no-repeat;
}

input[type="button"], input.button { background-image: url(/_img/icons/cog.png); }
input[type="submit"], input.submit { background-image: url(/_img/icons/accept.png); }
input[type="reset"], input.reset, input.cancel { background-image: url(/_img/icons/cancel.png); }

input[type="submit"]:active, input[type="button"]:active {
    position: relative;
    top: 1px;
}

input.nob, textarea.nob { border: 0; }

small {
    font-size: 0.7em;
    font-weight: normal;
}

a.skiplink,
.antiabuse,
.reader-only {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

code {
	font-family: Consolas,"Courier New", monospace;
    font-size: 1.1em;
    display: inline;
}

a.more[href]:before {
    content: "";
}

img.icon {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}

img.emoteicon {
    vertical-align: middle;
    margin-left: 0.25em;
    margin-right: 0.25em;
}


/********* table design **********/
table {
    width: 100%;
    border-collapse: collapse;
}
table img { vertical-align: middle; }

table td,
table th {
    padding: 0.25em 1ex;
    border: 1px solid #333;
    background-color: #444;
    vertical-align: top;
}
table thead th {
    color: #f93;
    background-color: #555;
}

table thead tr.filter td input {
    color: #777;
    /*line-height: 1.5em;*/
    font-size: 0.9em;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0.25em 0;
    text-indent: 0.25em;
    border: 0;
}
table thead tr.filter td input:focus {
    color: #fff;
}

table caption {
    color:#888;
    padding: 0.25em 0;
}

th.header {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
}
th.headerSortUp {
    background-image: url(/_img/icons/bullet_arrow_up.png);
    background-color: #555;
}
th.headerSortDown {
    background-image: url(/_img/icons/bullet_arrow_down.png);
    background-color: #555;
}


table .nop { padding:0; }

table td.alert {
    background-color: #500 !important;
    color: #fff !important;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #777 !important;
}

/********* gallery table design ********/
table.gallery td {
    padding: 1em 1ex;
    text-align: center;
    vertical-align: middle;
}

/********* board table design **********/
table.board {
    width: 100%;
    border-collapse: collapse;
}

table.topic td,
table.topic th {
    border: 0;
}

table.board caption {
    clear: both;
    font-size: 1.6em;
    margin: 0.25em 0 0.5em 0;
    font-weight: bold;
    color: #fff;
}

table.board img { margin-top: 0.25em; }

table.board td,
table.board th {
    padding: 0.5em 2ex;
    background-color: #444;;
    vertical-align: top;
}

table.board .author img {
    margin-top: 0.5em;
}

table.board th {
    background-color: #555;
    color: #fff;
    border-top: 1px solid #777;
    border-bottom: 1px solid #333;
}

table.board tr.spacer td {
    background-color: transparent;
    border-top: 1px solid #333;
}

table.board tr.additional td {
    border-top: 1px solid #333;
    padding: 0.25em 2ex;
    font-size: 90%;
}

table.board thead td {
    background-color: #555;
    color: #ddd;
}
table.board thead th {
    color: #f93;
}

table.board .index tr {
    border-top: 1px solid #333;
}

/********* classes **********/
.clear { clear: both; }
.hidden { display: none; }
.scroll { overflow: auto; }
.submit { margin-top: 10px; }
.asblock { display: block; }


/* clearfix for floating elements */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix {
    display: block;
    overflow: hidden;
}

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

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

.cat-listing li { border-bottom: 1px dashed #ccc; }
.cat-listing li:before { content: " - "; }

.box-bordered,
.box-bordered-right {
    border-style: dashed;
    border-color: #555;
    border-width: 1px 0 0 0;
}

.boxed-image {
    background-color: #444;
    margin: 1em;
    overflow: hidden;
    height: 12em;
    border: 1px solid #666;
    text-align: center;
    vertical-align: middle;
}
.boxed-image h5 {
    margin: 0;
    padding: 0.1em 0.25em;
    background-color: #555;
    border-bottom: 1px #666 solid;
}

.boxed-image img { margin: 1em 0.5em; }

.box-bordered-right {
    border-width: 0 0 1px 0;
}

.box-list-item {
    padding: 1.25em;
}

.category {
    border-bottom: 1px dashed #666;
    padding: 0 0.25em 0.25em 0;
    font-variant: small-caps;
    text-align: center;
    font-size: 1.3em;
    letter-spacing: 2px;
    margin-bottom: 0.25em;
}
.tags {
    padding: 0 0.25em 0.25em 0;
}
.post-info {
    border-top: 1px dashed #666;
    padding: 0.5em 0 0.25em 0;
    font-size: 1em;
}
.teaser { font-weight: bold; }

.comment img.author {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    margin-right: 1.25em;
}

.post-content { overflow: hidden; }

.post-content img {
    /*background-color: #000;
    border: 5px solid #000;
    padding: 0;*/
}

.post-content img.fright { margin-left: 1em; margin-bottom: 1em; }
.post-content img.fleft { margin-right: 1em; margin-bottom: 1em; }

.post-content a[href]:before { content: ""; }
.post-content a[href][rel=external]:before { content: ""; }
/*
.post-content a[href]:hover { content: ""attr(href)""; }
.post-content a[href][rel=external]:hover { content: ""attr(href)""; }
*/

.post-content img a.more[href]:before ,
.post-content a.full-image[href]:before,
.post-content a.full-image[href]:hover {
    content: inherit;
}

.post-content img[title]:after {
    content: ""attr(title)"";
    width: 110px;
    font-style: italic;
    font-size: 0.9em;
    padding: 5px 5px;
    line-height: 1.3em;
    color: #fff;
}
.post-content img[title].fright:after {
    clear: right;
    float: right;
    float: none;
    text-align: right;
    display: block;
}
.post-content img[title].fleft:after {
    clear: left !important;
    float: none;
    float: none;
    text-align: left;
    display: block;
}

.read-full-article {
    font-size: 1em;
    text-decoration: none;
    letter-spacing: 1px;
    position: absolute;
    right: 1em;
    bottom: -1.5em;
    color: #6699cc;
    font-family: Trebuchet MS;
}
.read-full-article:after { content: " »"; }

.inline,
.inline li {
    display: inline;
}
.unordered li {
    margin-left: 1.25em;
    list-style-type: square;
	display: list-item;
}

.parallel dt,
.parallel dd,
.parallel-parted dt,
.parallel-parted dd {
    float: left;
    width: 50%;
}
.c3 dt,
.c3 dd {
    width: 33%;
}
.c3 dt {
    width: 34%;
}

.parallel dt,
.parallel-parted dt { clear: left;}

.parallel-parted dt,
.parallel-parted dd { margin-top: 0.5em; }

.parted {}
.parted dt,
.parted dl { margin-top: 0.75em; }

.nowrap { white-space: nowrap; }

.icon {
    padding-left: 20px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: left center;
}
.icon.right {
    padding-left: inherit;
    margin-left: inherit;
    padding-right: 20px;
    margin-right: 3px;
    background-position: right center;
}

.icon.chart         { background-image: url(/_img/icons/chart_bar.png); }
.icon.true          { background-image: url(/_img/icons/accept.png); }
.icon.false         { background-image: url(/_img/icons/cancel.png); }
.icon.profile       { background-image: url(/_img/icons/user.png); }
.icon.date          { background-image: url(/_img/icons/date.png); }
.icon.link          { background-image: url(/_img/icons/link.png); }
.icon.edit          { background-image: url(/_img/icons/page_edit.png); }
.icon.notify        { background-image: url(/_img/icons/page_lightning.png); }
.icon.delete        { background-image: url(/_img/icons/bullet_delete.png); }
.icon.comment       { background-image: url(/_img/icons/comment.png); }
.icon.comments      { background-image: url(/_img/icons/comments.png); }
.icon.article       { background-image: url(/_img/icons/zoom.png); }
.icon.accept,
.icon.true          { background-image: url(/_img/icons/accept.png); }
.icon.exclamation,
.icon.false         { background-image: url(/_img/icons/exclamation.png); }
.icon.tag           { background-image: url(/_img/icons/tag_blue.png); }

.nolist {
    list-style-type: none !important;
}

.pagination a {
    padding: 0 0.5em;
    font-weight: bold;
}

.ac_results {
    padding: 0;
    margin: 0;
    background-color: #000;
    color: #ccc;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    border-width: 0;
    border-style: solid;
    margin: 0;
    text-indent: 0.25em;
    padding: 1%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    width: 98%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif", sans-serif;
    font-size: 100%;
    letter-spacing: 1px;
    overflow: hidden;
}

.ac_loading {
    background-image: url('/_img/ac_indicator.gif');
    background-position: 99% center;
    background-repeat: no-repeat;
}

.ac_odd {
    background-color:#222;
}

.ac_over {
    background-color: #f93;
    color: #000;
}


#login input {
    border: 0;
    background: none;
    color: #fff;
    background-color: #333;
    border-bottom: 1px solid #555;
    font-size: 1em;
    padding: 0.25em;
    text-indent: 0.25em;
    margin: 1ex 0;
}

#login input.submit {
    background: none;
    border: 0;
    color: #fff;
    background-image: url(/_img/icons/bullet_go.png);
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

#login input.button {
    background: none;
    border: 0;
    color: #fff;
    background-image: url(/_img/icons/bullet_go.png);
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

#login img {
    margin-right: 1em;
    padding: 0.25em;
    background-color: #000;
    border: 1px solid #444;
}

#loginform #username { }
#loginform #password { }