I/* reset */
body
{
margin: none;
padding: 1;
line-height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background: none;
text-align: center;
width: 100%;
}
*
{
outline: none;
}
a:link
{
color: green;
}
a:visited
{
color: blue;
}
img
{
border: 0;
}
form input, form textarea, select {border: solid 1px #663333; padding: 7px; background: #fff; min-width:;
}
hr
{
background-color: black;
border-color: black;
border-width: 3px;
}
ul, li
{
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
width: 100%;
}
table, td, tr
{
margin: 0px;
padding: 0px;
}
table, td, th {
border: 1px solid black;
}
li a{text-decoration: none;}
a {color:green;}
img{vertical-align: left;}
/* end reset */

.body_width
{
width: 300%;
margin: 0 auto;
float: none;
}
.status
{
background: #222; color:#FFFFFF; font-weight:bold;
}
.dotted { border-top: 1px

dotted #ffffff; height: 1px; }
.amdot {background-color: #663333; color: black; border-bottom-width: 1px; border-bottom-color: #663333; border-bottom-style: solid; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; padding-top: 4px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; font-size: small; text-align:center; }

.left
{
}
.msg
{
text-transform: none;
text-align: center;
font-weight: bold;
color: red;
border: solid 1px #fc0;
background-color: #EFEF00; -webkit-border-radius: 0.3em;
border-radius: 0.3em; margin: 6px;
padding: 6px;
tex }
}
.adv {
background: none repeat scroll 0 0 #B3DAEA;
border: medium none;
padding: 2px;
text-align: center;
}
.b_head
{
padding: 6px;
background: #663333;
color: #ffffff;
font-weight: bold;

}
.page_wrapper
{
border-right: 1px solid #663333;
border-left: 1px solid #663333;
padding: 8px;
background-color: white;
color: white;
width: 100%;
overflow: hidden;
}

#header
{
height: 50px;
background: white;
color: black;
border-bottom: 2px solid #663333;
width: 100%;
}

.wrapper div
{
font-size: 20px;
font-weight: bold;
color: none;
width: 100%;
}

.wrapper .sub
{
font-size: 14px;
} .d_board a { color: lime; } .d_board
{ border: 2px solid red;
border-bottom:none;
border-radius: 7px 7px 7px 7px;
background: white;
margin: 0;
margin-bottom: 0px;
color: none;  }
.dashboard_links
{
text-align: center;
margin-top: 12px;
margin: 0 auto;
}

.dashboard-links li
{
height:;
border:1px solid #663333;
padding:15px;
background: #decf9c;
font-size:11px;
line-height:1.4em;
text-decoration:none;
color:#000000;
margin-bottom: 5px;
}

.dashboard-links li a
{
text-decoration: none;
color:#000000;
}

.dashboard_button_heading
{
text-align: center;
font-size:14px;
padding: 2px;
margin: 2px;
}

.dashboard_button_heading
{
font-weight: bold;
}

.message-thread
{
border-bottom: 1px dotted #ccc;
}
.previous-messages
{
border-bottom: 1px dotted #ccc;
padding: 5px;
font-weight: bold;
background: #ffff00;
color: red;
}
.message-thread
{
border-bottom: 1px dotted #ccc;
padding: 5px;
text-align: left;
}
/**************** LIST ITEMS ************************/
div.file-list
{

}
div.file-list ul
{

}

ul.arrow-list li
{
margin-left:0px;
padding:0 0 2px 10px;
list-style:none;
}

div.file-list ul li
{
background:white;border: 2px solid #663333;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align:left;
margin-bottom: 5px;
display: block;
}
div.file-list ul li a
{
text-decoration: none;
}

.file-info ul li
{
margin-bottom: 3px;
margin-top: 3px;
text-align: left;
padding: 5px;
border: 1px solid #663333;
}

ul.file-cat-list
{

}

ul.file-cat-list li
{
padding: 10px;
border: 2px solid #663333;
margin-bottom: 3px;
}


div.user-list ul
{

}
div.user-list ul li
{
border: 2px solid #663333;
background:;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3px;
text-align: center;
margin-bottom: 5px;
display: block;
}
div.user-list ul li a
{
text-decoration: none;
}

ul.message-list li
{
padding: 5px;
background: none;
border: 1px solid #663333;
border-radius: 5px;
text-align: left;
margin-bottom: 4px;
}
ul.message-list ul li a
{
text-decoration: none;
}

div.user-info li
{
padding: 5px;
background: none;
border: 1px solid #663333;
border-radius: 5px;
text-align: left;
margin-bottom: 4px;
}
.dashboard_links
{
text-align: center;
margin-top: 12px;
margin: 0 auto;
}

.dashboard-links li
{
height:;
border:2px solid #663333;
padding:15px;
background: white;
font-size:11px;
line-height:1.4em;
text-decoration:none;
color:#000;
margin-bottom: 5px;
}

.dashboard-links li a
{
text-decoration: none;
color:#000;
}

.dashboard_button_heading
{
text-align: center;
font-size:14px;
padding: 2px;
margin: 2px;
}

.dashboard_button_heading
{
font-weight: bold;
}
.post_heading
{
background: #003300;
padding: 0px;
text-decoration: italic;
font-weight: small;
text-transform: none;
}
div.list ul li
{
padding: 30px; background: white; color:black;
border: 2px solid #663333;
margin: 5px;
}
div.list ul li a
{
text-decoration: none;
}

div.forum-list ul li
{
border: 1px solid #663333;
background:;
padding:;
text-align:left;
margin-bottom: 5px;
border-radius:5px;
}
.site_alert
{
background-color: #663333;
color: white;
font-weight:;
border:1px dotted #FF3300;
padding: 4px;
margin-top: 3px;
}


.infocenter
{
background-color: #cffef0;
color: #000;
font-weight:;
border:1px solid #663333;
padding: 4px;
margin-top: 3px;
}

.info_post
{
background-color: #ffffcc;
color: #000;
font-weight:;
border:1px solid #663333;
padding: 4px;
margin-top: 3px;
}
.info_posting
{
background-color: #b05f3c;
color: #000;
font-weight:;
border:1px solid #663333;
padding: 0px;
margin-top: 0px;
}
.tutorial-comment-text
{
padding: 10px;
text-align:left;
overflow: auto;
overflow: auto;
padding-top: 2px;
}
.message-view
{
padding: 8px;
border: 1px solid #663333;
border-radius: 5px;
text-decoration: none;
}
.message-view a
{
text-decoration: none;
}
.tutorial_head
{
background: #663333;
color:yellow;text-decoration:underline;
font-weight:bold;
padding: 8px;
}

.social_button
{
background: #003300;
padding: 8px;
}
.tutorial_info
{
background: #ffcc66;
padding: 8px;
font-weight:bold;
color:#000000;
position:relative;
}
.tutorial_info a
{
text-decoration: none;
color: #990000;
}
.tutorial_info .left, .tutorial_info .right
{
float: none;
display: block;
}
.tutorial_info .left
{
width: 30%;
float:left;
}
.tutorial_info .right
{
width: 40%;
float:right;
}
/* FBT TOPIC */
.fbt-topic-head
{
background:#663333;
padding: 8px;
font-weight:bold;
text-decoration:underline;
text-transform: uppercase;
}
.fbt-topic-info
{
background:#663333;
padding: 8px;
font-weight:bold;
color:#000000;
position:relative;
text-transform: uppercase;
}
.fbt-topic-info a
{
text-decoration: none;
color: #990000;
}


/*end FBT TOPIC */

/* fbt comment */
.comment_header
{
background: #663333;
margin: 2px;
padding: 4px;
text-align: left;
}
.fbt-topic-content
{
padding: 7px;
line-height: 160%;
}
.fbt-comment-holder
{
margin-bottom: 10px;
}
.fbt-comment-info
{
background: #000000;
padding: 5px;
text-align: left;
border-radius: 5px;
}
.fbt-comment
{
border: 0px solid #007700;
border-bottom: 1px dotted #999;
border-radius: 5px;
padding: 5px;
padding-top: 2px;
margin-bottom: 5px;
}
.fbt-comment-text
{
padding: 10px;
padding-top: 2px;
text-align:left;
overflow: auto;
}
/* end fbt comment */
/*  thread */
#post-head
{
background:#e9e9be;
color:black;padding: 8px;
text-decoration:none;
font-weight:bold;
text-transform: uppercase;
}
.post-infoing
{
background:#4B0082;
padding: 4px;
font-weight:;
text-color:white;
link-color:green;
text-transform: none;
}
.post-infomal
{
background: #b05f3c;
padding: 5px;
font-weight:;
text-color:;
link-color:green;
text-transform: none;
}
.post-infomal2
{
background: #decf9c;
padding: 0px;
font-weight:;
text-color:;
link-color:green;
text-transform: none;
}
#post-info
{
background:#b05f3c;
padding: 8px;
font-weight:bold;
color:white;
text-transform: uppercase;
}
#post-info2
{
background:#b05f3c;
padding: 8px;
font-weight:bold;
color:#ffffff;
text-transform: uppercase;
}
#post-info a
{
text-decoration: none;
color: #990000;
}


#main-post
{
border-bottom: 1px dotted #AAA;
padding: 7px;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}

#posts
{
border-bottom: 1px dotted #AAA;
padding: 7px;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}

/* end thread */

div.download_button
{
border: 1px solid #b05f3c;
text-align: center;
}
div.download_button a
{
background: #b05f3c;
color:white;
text-decoration: none;
padding: 10px;
width: auto;
clear: both;
display: inline-block;
margin-bottom: 5px;
}

div.link_button
{
border: 1px solid #b05f3c;

}
div.link_button a
{
background: #b05f3c;
color:#ffffff;
text-decoration: none;
padding: 10px;
min-width: 80px;
clear: both;
display:block;
margin-bottom: 5px;
}
.public_message
{
padding: 5px;
border: 2px solid #993300;
background:#EFEF00;
color:#993300;
font-weight: bold;
text-align: center;
margin: 5px;
border-radius: 10px;
}
.m_login
{
border-left: 1px solid #b05f3c;
}
/* pre */
.p_12{ padding: 12px;}
.p_6{padding: 6px;}
.p_bottom_6{padding-bottom: 6px;}

/* end pre */

#footer border: 3px solid #663333;{ height:60px;
color:#EEE; margin-top: 4px;}
#footer .shell{ padding-top:16px;}
#footer .footer_nav { white-space:nowrap; font-size:14px; text-align: center;}
#footer .footer_nav span{ padding:0 1px;}
#footer .footer_nav a{ text-decoration: none; color:#E6ED44;}
#footer .footer_nav a:hover{ color:#f6cb44;}

.tweak-info ul li
{
margin-bottom: 3px;
font-weight: bold;
margin-top: 3px;
text-align: center;
padding: 5px;
color: #00ff00;
}

.container {
background-color: #000;
padding: 2px;
width: 100%;
position: relative;
}

.cart {
background-size: contain;
background-repeat: no-repeat;
background-color: #663333;
width: 35px;
height: 35px;
border: 1px solid #fff;
outline: 3px solid #8174f7;
position: absolute;
right: 8px;
}
.badge {
position: absolute;
left: -12px;
bottom: -10px;
font-weight: 700;
font-family: sans-serif;
font-size: 20px;
color: #fff;
background-color: #663333;
border: 2px solid #fff;
padding: 3px;
width: 12px;
height: 12px;
text-align: center;
}
.badge:empty {
display: none;
}
.content {
background-color: #fff;
color: #000;
padding: 0px;
text-align:center;
margin-top: 30px;
}
.red {
color: red;
}
a {
color: #4C9CF1;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #555;
}
nav {
float: left;
padding: 20px;
}
#menu-icon {
display: hidden;
width: 30px;
height: 30px;
}
a:hover#menu-icon {
background-color: #444;
border-radius: 4px 4px 0 0;
}

ul{
list-style: none;
}
li {
display: inline-block;
float: right;
}
section {
margin: 80px auto 40px;
max-width: 980px;
position: relative;
padding: 20px}
/*MEDIA QUERY*/
@media only screen and (max-width: 640px) {
header {
position: absolute;
}
#menu-icon {
display: inline-block;

}

nav{

display:flex;

}

nav ul,
nav:active ul {

display: none;

padding: 6px 0px 0px 1px;

margin-left: 15px;
margin-top: 0px;

border: 2px solid #000;

border-radius: 4px 0 4px 4px;

}

nav li {

padding: 4px 8px 10px 5px;

margin: 0;

}

nav:hover ul {

display: block;

}
form.index-search-form {
position: relative;
display: inline-flex;
}

button[name="submit"] {
position: absolute;
top: 0;
right: 0;
background: #663333;
}

input.search-box {
width: 250px;
font-family: FontAwesome;
padding: 2px 0;
}
romage {
display: block;
margin: 20px;
}
.rotate {
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
outline: 0;
}

.rotate:focus {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.conmsg img {
float: left;
margin: 10px 2px 2px 40;
}
.alignleft {
float: left;
width:33.33333%;
text-align:left;
}
.aligncenter {
float: left;
width:33.33333%;
text-align:center;
}
.alignright {
float: left;
width:33.33333%;
text-align:right;
}
button {
overflow: visible;
width: auto;
}
button.link {
font-family: "Verdana" sans-serif;
font-size: 1em;
text-align: left;
color: green;
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;

-moz-user-select: text;

}
button.link span {
text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
color: blue;
}