/* The main body of the entire forum. */

body {
	 line-height: 1.6;
	 font-family: Verdana, Trebuchet MS, Arial, Sans-Serif;
	 color: #C3BFD2;
	 font-size: 13px;
	 background: #7A7A7A url(../../../images/Granite/layout/bg.gif) repeat-x scroll 0 0;
	 padding: 12px 0 0 0;
	 margin: 0;
}

/* Normal, standard links. */

a:link {
	 color: #666;
	 text-decoration: none;
}
a:visited {
	 color: #666;
	 text-decoration: none;
}

a:hover, a:active {
	 text-decoration: underline;
	 color: #fff;
}

/* Ublock standard links. */

a#user:link, 
a#user_pm:link, 
a#member:link, 
a#register:link, 
a#pwd:link {
	 color: #5f8720;
	 text-decoration: none;
}
a#user:visited, 
a#user_pm:visited, 
a#member:visited, 
a#register:visited, 
a#pwd:visited {
	 color: #5f8720;
	 text-decoration: none;
}

a#user:hover, a#user:active, 
a#user_pm:hover, a#user_pm:active, 
a#member:hover, a#member:active, 
a#register:hover, a#register:active, 
a#pwd:hover, a#pwd:active {
	 text-decoration: underline;
	 color: #fff;
}

a#support:link,
a#subscribe:link {
	 color: #5fc01a;
	 text-decoration: none;
}
a#support:visited,
a#subscribe:visited {
	 color: #5fc01a;
	 text-decoration: none;
}

a#support:hover, a#support:active,
a#subscribe:hover, a#subscribe:active {
	 text-decoration: none;
	 color: #fff;
}

.smalltext {
	font-size: 11px;
}

.smalltext.users_browsing {
	padding-left: 10px;
}

.users_browsing_break {
	padding-bottom: 9px;
}

.navigation {
	padding: 5px;
}

#container {
	background: transparent;
	width: 96%;
	color: #ccc;
	margin: auto auto;
	text-align: left;
}

/* Input boxes */

input.button {
        color: #ccc;
        font-weight: normal;
	border: 1px solid #171717; 
        background: #15150f url(../../../images/Granite/gradients/button.png) top left repeat-x;
}

input.button:hover {
        color: #fff;
        font-weight: normal;
	border: 1px solid #171717; 
        background: #15150f url(../../../images/Granite/gradients/button_hover.png) top left repeat-x;
}

input.textbox {
	 color: #C3BFD2;
	 font-family: verdana, sans-serif;
	 background: #15150f;
	 border: solid 1px #313131;
}

input.text {
	 color: #C3BFD2;
	 font-family: verdana, sans-serif;
	 background: #15150f;
	 border: solid 1px #313131;
}

input {
        color: #ccc;
        font-weight: normal;
	border: 1px solid #171717; 
        background: #15150f url(../../../images/Granite/gradients/button.png) top left repeat-x;
}

textarea {
	background: #15150f;
	color: #ccc;
	border: 1px solid #2a2a2a;
        min-width: 500px; 
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 12px;
}

input.searchbox {
        color: #5f8720;
        font-weight: normal;
        font-style: italic;
	border: 1px solid #444;
        padding-left: 5px; 
        background: #15150f url(../../../images/Granite/ublock/searchbox_bg.png) top left repeat-x;
}

fieldset {
	border: 1px solid #121212;
}

legend {
	background: #171717;
	padding: 2px;
	border: 1px solid #121212;
}

select {
	background: #1f1f1f;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
        color: #ccc;
	border: 1px solid #2a2a2a;
	padding: 3px;
	font-size: 11px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #20201f;
	border: 1px solid #2a2a2a;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

#header {
	 position: relative;
	 height: 115px;
	 background: #20201F;
}

#logo {
	 position: absolute;
	 top: 1px;
	 left: 20px;
	 display: block;
	 /* width: 500px; */
	 height: 110px;
	 cursor: pointer;
	 margin-top: -70px;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(../../../images/Granite/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(../../../images/Granite/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(../../../images/Granite/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

img {
	border: none;
	vertical-align: middle;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#footer {
	 background: #20201f;
}

#footerarea {
	 text-align: center;
	 padding: 10px;
	 color: #999;
}

#footerarea a:link, #footerarea a:visited {
	 color: 999;
}

#footerarea a:hover {
	 color: #fff;
	 text-decoration: none;
}

.top {
	height: 118px;
	line-height: 118px;
	padding: 0 0 0 5px;
	margin-top: 0px;
	color: #20201F;
	font-weight: normal;
	background:  url(../../../images/Granite/layout/top.png) 0 0 repeat-x;
}

.topleft {
	background-image: url(../../../images/Granite/layout/topleft.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 117px;
	position: relative;
	margin-left: -3px;
}

.topright {
	background: url(../../../images/Granite/layout/topright.png) 100% 0 no-repeat;
	padding-right: 117px;
	margin-right: -3px;
	position: relative;
}

.central {
	padding: 0;
	margin: 0;
	background: #20201F; 
}

.left {
	background: url(../../../images/Granite/layout/left.png) 0 0 repeat-y;
	margin-left:-3px;
	padding-left: 50px;
	position: relative;
}

.right {
	background:  url(../../../images/Granite/layout/right.png) 100% 0 repeat-y;
	padding-right: 50px;
	margin-right: -3px;
	position: relative;
}

.bottom {
	height: 120px;
	line-height: 120px;
	padding-top: 0px;
	margin: 0px;
	background: url(../../../images/Granite/layout/bottom.png) 0 0 repeat-x;
}

.bottom-l {
	background:  url(../../../images/Granite/layout/bottomleft.png) 0 0 no-repeat;
	padding-left: 117px;
	position: relative;
	margin-left: -3px;
}

.bottom-r {
	background:  url(../../../images/Granite/layout/bottomright.png) 100% 0% no-repeat;
	padding-right: 117px;
	margin-right: -3px;
	position: relative;
}

.menu ul {
	background: #20201f url(../../../images/Granite/gradients/nav_bg.gif) top left repeat-x;
	color: #fff;
	text-align: left;
	padding: 9px;
	border: 1px solid #051605;
	font-weight: bold;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.menu ul a:link {
	color: #fff;
	padding: 6px;
	text-decoration: none;
}

.menu ul a:visited {
	color: #fff;
	padding: 6px;
        text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	background: #1f1f1f url(../../../images/Granite/gradients/nav_hover.png) top left repeat;
	color: #fff;
	padding: 4px;
	border: 2px solid #484848;
	text-decoration: none;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

.spacer {
	background: transparent url(../../../images/Granite/gradients/spacer.png) no-repeat left;
        background-position: 0% 60%;
        padding-right: 8px; 
        padding-left: 6px;
}

#content {
	width: auto !important;
	line-height: 1.5;
}

#l_box {
       color: #ebd806;
       font-size: 12px;
       text-align: center;	
}

#ublock {
	background: transparent url(../../../images/Granite/ublock/ublock_bg.png) top left repeat;
	width: 260px;
	color: #ccc;
        font-size: 9px;
	padding: 5px;
	text-align: left;
	border: 1px solid #474747;
	float: right;
	margin: -50px 10px 0 0;
	top: -80px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#ublock .ublock_bar {
	background: transparent url(../../../images/Granite/ublock/ublock_box_bg.png) top left repeat;
	color: #fff;
	padding: 4px;
	border: 1px solid #404040;
	margin: 2px;
}

#ublock a {
	color: #fff;
	text-decoration: none;
}

#ublock img.shift {
	margin: 2px;
}

#ublock .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 5px;
        padding-right: 5px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

#copyright {
	font: 11px Verdana, Arial, Sans-Serif;
	margin: 0px;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	background: #212121;
	color: #fff;
	border: 1px solid #474747;
	border-bottom: 2px solid #474747;
	margin: 0;
	padding: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

blockquote cite {
	background: #282828;
	color: #fff;
	border-bottom: 1px solid #474747;
	display: block;
	margin: -5px -5px 2px -5px;
	padding: 5px;
	font-style: normal;
	font-weight: bold;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #212121;
	color: #36970b;
	border: 1px solid #474747;
	padding: 4px;
	margin-bottom: 5px;
}

.codeblock .title {
	background: #282828;
	border-bottom: 1px solid #474747;
	margin: -4px -4px 4px -4px;
	padding: 5px;
	font-weight: bold;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

table {
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 12px;
}

.tborder {
	background: #2a2a2a;
	width: 100%;
	color: #9b9b9b;
	margin: auto auto;
	border: 1px solid #474747;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.tborder2 {
	background: #2a2a2a;
	width: 100%;
	color: #9b9b9b;
	margin: auto auto;
	border: 1px solid #474747;
}

.tcat {
	background: #191b19 url(../../../images/Granite/gradients/tb_bg.png) top left repeat;
	color: #ccc;
	font-size: 12px;
        padding-lefT: 8px;
}

.tcat a:link {
	color: #8fa38b;
}

.tcat a:visited {
	color: #8fa38b;
}

.tcat a:hover, .tcat a:active {
	color: #bd862f;
}

.trow1 {
        background-color: #20201f;
	border: 0px solid #474747;
        color: #ccc;

}

.trow2 {
        background-color: #20201f;
	border: 0px solid #474747;
}

.trow3 {
	background: #242424;
	color: #fff;
	border-bottom: 1px solid #171717;
        border-right: 1px solid #171717;
}

.trow4 {
        background: #20201f;
        border: 1px solid #20201f;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.trow_shaded {
	background: #3a3a3a;
        color: #000;
}

.trow_selected td {
	background: #20201f url(../../../images/Granite/gradients/td_selected_bg.png) top left repeat-x;
	color: #fff;
        height: auto;
        opacity: 0.5;                    /* Firefox, Safari(WebKit), Opera */
        -ms-filter: "alpha(opacity=50)"; /* IE 8 */
        filter: alpha(opacity=50);       /* IE 4-7 */
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.trow_sep {
	background: #191b19 url(../../../images/Granite/gradients/trow_sep.png) top left repeat;
	color: #ee5330;
	font-size: 13px;
	font-weight: bold;
        padding-left: 0px;
}
td.trow_sep {
	background: #191b19 url(../../../images/Granite/important_threads.png) no-repeat;
        background-position: 3px 50%;
	color: #ee5330;
	font-size: 13px;
	font-weight: bold;
        padding-left: 24px;
}
.trow_sep_normal {
	background: #191b19 url(../../../images/Granite/gradients/trow_sep.png) top left repeat;
	color: #e5e200;
	font-size: 13px;
	font-weight: bold;
        padding-left: 0px;
}
td.trow_sep_normal {
	background: #191b19 url(../../../images/Granite/normal_threads.png) no-repeat;
        background-position: 3px 50%; 
	color: #e5e200;
	font-size: 13px;
	font-weight: bold;
        padding-left: 24px;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu {
	background: #444;
	color: #fff;
	border: 1px solid #333;
}

.popup_menu .popup_item {
	background: #20201f;
	color: #fff;
}

.popup_menu .popup_item:hover {
        background: #20201f url(../../../images/Granite/gradients/popup_hover.png) top left repeat-x;
        color: #fff;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.subject_editable {
	font-weight: bold;
}

.highlight {
        color: #000;
	background: #ecb81a;
	padding: 3px;
}

.pm_alert {
	background: #2b2b2b;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	font-size: 11px;
}

.high_warning {
	color: #6acc00;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #478e3b;
	border-bottom: 2px solid #478e3b;
	background: #515151;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #98e098;
	background: url(../../../images/Granite/error.gif) no-repeat 0;
}

div.error.ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.thead {
	height: 27px;
	line-height: 27px;
	color: #FFFFFF;
        padding-left: 8px;
        padding-right: 8px;
	background: transparent url(../../../images/Granite/gradients/catbg.png) top left repeat-x; 
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 5px;
	font-size: 11px;
}

.pagination a {
	background: #20201f url(../../../images/Granite/gradients/nav_bg.gif) top left repeat-x;
	color: #ccc;
	border: 1px solid #444;
}

.pagination .pagination_current {
	background: #cdcdcd url(../../../images/Granite/gradients/pagination_bg.png) top left repeat-x;
	color: #2c9408;
	border: 1px solid #7b7b7b;
	padding: 2px 8px;
	font-weight: bold;
}

.pagination a:hover {
	color: #bfe338;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.strong {
	font-weight: normal;
}


.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(../../../images/Granite/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.bottommenu {
	background: transparent url(../../../images/Granite/ublock/ublock_bg.png) top left repeat;
	color: #fff;
        font-weight: bold;
	padding: 10px;
	border: 1px solid #191b19;
        margin-top: 20px;
        text-align: center;
}

/* image attachment */
.attachment_img {
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px; 
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px; 
    -webkit-border-top-right-radius: 5px; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    background-color: #131313; 
    border: 0 none; 
    color: #fff; 
    display: block; 
    font-size: 9px;
    margin: 5px 5px 5px 0; 
    float: left; 
    /* min-height: 180px; */ /* thumbnail height + 20px */ 
    overflow: hidden; /* fixes margin in ie when float */ 
    padding: 5px; 
    text-align: center; 
    width: auto;
}

.attachment_img span {}
img.attachment {
    background-color: none; 
    border: none; 
    display: block; 
    margin: 0 auto;
}