Arabia.dark.theme

@-moz-document domain("arabia.io") {

@font-face {
font-family: 'Amiri';
font-style: normal;
font-weight: 400;

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/amiri/v2/Amiri-Regular.woff) format('woff');
}
html{
background-color: #111;
}
body {
font-family: 'Amiri';
background-color: #111;
color: darkorange;
line-height:1.8;
font-size:13pt;
display:none;animation-delay:1s;
}
* {font: messagebox;}
#header{
background: #000 !important;
}

body .post_content, .post_content p {
font-family: 'Amiri';

color: darkorange;
line-height:1.8;
font-size:inherit;
}

#content #page .comment_vote ,#content #page  .post_vote {
font-family: sans-serif;
}

/* ************************************************************************************ */
.user_nav {
line-height:0.4;
}

#menu { background:#222;}
#menu  .nav{ zoom:0.8;}
/*********************************************************
content nav
*******/
#content #page #content_nav ul li a, #content #page .content_nav ul li a {
padding: 0 10px 0 10px;
}
/*********************************************************
POST SIDE BAR
*******/
#content #page .sidebar {
opacity:0.4;
}
#content #page .sidebar #sidebar_post_votes {
padding: 10px 0 10px 10px;
background: inherit;
}

#content #page .sidebar:hover {
opacity:1;
}
/*********************************************************/


/*********************************************************
PAGE HEADR
*******/

#header #user_nav a{
color: hsla(33, 40%, 50%);
}
#header #user_nav a:hover{
color: hsl(33, 100%, 50%);
}
/*********************************************************/


/*********************************************************
POST SIDE BAR
*******/
#content #page #content_nav #nav_title a,  #content #page #content_nav .nav_title a{
color:#FFF
}
.post_content, .post_content p {
line-height: 1.7em;
overflow-wrap: normal;
color: hsl(48, 57%, 87%);
font-size: 13pt;
}

.post_content h2 {
font-size: 18px;
margin: .8em 0;
color: #E96969;
}

.post_content h3 {
font-size: 16px;
margin: .6em 0;
color: #FFF;
}




.post_comment {
background: rgba(100,100,180,0.06);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.8);
-moz-box-shadow: 0 0px 6px rgba(0,0,0,.8);
margin-bottom: 10px;
}

.redyComment .post_comment {
background: rgba(180,100,100,0.03);
}
.ion_highlight {
background: hsla(211, 62%, 23%, 0.6);
}

#content #page #post #post_comments .comment_meta,  #content #page #questions .question_meta,  #content #page #question .question_meta {
font-size: 14px;
color: #777;
padding: 5px;
height: 16px;
font-family: sans-serif;
font-weight: 100;
background: inherit;
}

#content #page #post #post_comments .comment_meta {
border-bottom:1px dashed hsla(0, 0%, 83%,0.3);
}
blockquote {
border-right: 4px solid #d3d3d3;
padding: 1px 20px 1px 5px;
margin: 15px;
background: rgba(128,128,128,0.5);
color: #FFF;
}
code {
margin-left: 15px;
}
/*********************************************************/
input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
textarea {
background-color: black;
color:hsl(48, 100%, 93%);;
font-family: sans-serif;
font-size: 14pt;
}

#add_comment textarea,
#add_comment textarea.largearea,
#post_comments textarea,
#post_comments textarea.largearea,
textarea.post_textarea {
color:hsl(48, 100%, 93%);
}
#footer {
border-top: 25px solid hsl(0, 0%, 83%);
background: hsl(0, 0%, 95%);
padding: 10px 0 30px;
}
/*
.comment_wrapper:first-child
{
margin-bottom: 30px;
}**/

#content #page #post #post_comments .comment_content p {
margin-top: 1.2em;
margin-left: 1em;
text-align:justify;
}
#content #page #post #post_comments .subcomment.postWriter {
border-right: 1px dashed hsl(308, 85%, 40%);
}
#content #page #user #user_profile .left_col {
float: left;
margin-right: 15px;
background: hsl(0, 66%, 18%);
padding: 6px 20px;
line-height: 1.7em;
font-size: 12px;
border-radius: 5pt;
}
iframe {
border:0px;
overflow:hidden;
height:100%;
width:100%
}
body {

display:initial;
}
#content #page .post_upvote, #content #page .post_downvote, #content #page .post_points, #content #page .comment_upvote, #content #page .comment_downvote, #content #page .comment_points{
font-size: 18px;
margin-top: 8px;
margin-bottom: 8px;
}


#content #page .comment_vote, #content #page .post_vote {
margin-left: 5px;
}

#content #page .post_points,#content #page .comment_points {
color: #95a5a6;
}

#footer {
border-top: 25px solid hsl(0, 1%, 15%);
background: hsl(0, 1%, 15%);
}
#content #page #post #post_comments .comment_content p {
color: hsl(218, 50%, 89%);
}
.dropdown .dropdown-menu {
font-size: 11pt;
}
#content #page .sidebar #latest_comments .comment_content a {
color: hsl(204, 100%, 85%);
}
.tobic {
padding: 0px 3px 2px 3px;
border-radius: 5px;
font-family: sans-serif;
font-size: 10px;
}
#content #page #questions_social{
background: hsl(0, 1%, 15%);
}

#content_nav ul li, #content #page .content_nav ul li {
padding : 0;

}

#content_nav ul li a, #content #page .content_nav ul li a {
padding: 0 3px 0 3px;

}
#content #page #content_nav ul li a:hover{
border-bottom: 0;
color: hsl(33, 100%, 50%);
}
code, kbd, pre, samp {
font-family: monospace,serif;
_font-family: 'courier new',monospace;
font-size: 14px;
}
#content_nav ul li.active {
background:#95a5a6;
border-bottom: 3px solid hsl(0, 100%, 100%);
}

#content_nav ul li.active a {
color: hsl(271, 100%, 3%);
}

#content #page .post_meta, #content #page .comment_meta, #content #page .question_meta {
font-size: 15px;
color: hsl(0, 50%, 0%);
}

#content #page #post #post_comments .comment_content a {
word-wrap: break-word;
font-family: tahoma;
font-size: 12px;
}
#content #page #posts a {
color:#e67e22;
}
#content #page .post_meta, #content #page .comment_meta, #content #page .question_meta {
font-size: 13px;
color: hsl(226, 51%, 75%);
}

#menu #nav a {
color: hsl(194, 100%, 98%);
}
}