/***********************
Theme Name: chaoticsoul 
Theme URI: http://sandbox.avalonstar.com/
Description: A dark 2 column theme based off of a certain designer's old website. 
Version: 1.3 
Author: Bryan Veloso 
Author URI: http://avalonstar.com/
******************************************************************************/
/******************************************************************* |  Globals  | *****/

body {  background-color: #161410; 
        color: #B3B3B3; font: 62.5%/125%  Helvetica, Arial, Tahoma, sans-serif;
        margin: 0; padding: 0;   }

/* hr { display: none; } */

.hr   { width: 998px; height: 10px; background-color: #22201d;
        margin: 10px 0; border: 1px solid #363430; }
    
a:link    { color: #FFFFFF; text-decoration: none; }
a:visited { color: #E6E8FA; text-decoration: none; }
a:hover   { color: #527F76; text-decoration: none; }
a:active  { color: #D8D7D3; text-decoration: none; }

a img     { border: 0; }

ul        { list-style: none; }

input, 
textarea  { background-color: #161410; 
            font-size: 11px; color: #9c9890; text-decoration: none; 
            padding: 5px; border: 1px solid #363430; }
    
blockquote { width: 90%; background: #1B1814;
             color: #A6A6A6; text-align: justify;
             margin: 16px 5% 10px 5%; padding: 6px 10px;
             border-bottom: 2px double #35302a; }

.top blockquote      { font-size: 0.95em; }
.lastfive blockquote { font-size: 1.00em; }

table      { width: 100%; border-collapse: collapse; }
th         { text-align: left; border-bottom: 1px solid #35302a; }

pre        { padding: 5px 0;
             border-top: 1px dotted #35302A; border-bottom: 1px dotted #35302A; }

/*************************************************************************** |  Typography  | *****/

h1, h2, h3, 
h4, h5, h6 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; }

h1         { text-transform: lowercase; color: #fff; font-size: 2.2em; margin: 0 0 8px; }
h1:before, 
h1:after   { content: " . . "; color: #444; }
h1 span    { color: #D59D69; }

h2         { display: inline; color: #D59D69; font-size: 1.20em; 
             margin: 0 0 4px; padding: 4px 0 4px; border-bottom: 1px solid #333333;}

h3         { display: inline; color: #D59D69; font-size: 1.15em;
             padding: 2px 0 4px; border-bottom: 1px solid #333333;}

.post h2 a     { color: #D59D69; }
.post h2.first,
.post h2.lastfive { display: block; border-bottom: 1px solid #333333;}    

.post h2.first    { font-size: 1.60em; padding-bottom: 15px; }
.post h2.lastfive { font-size: 1.30em; padding-bottom: 10px; }

.widecolumn h2.title { background: #161410;
                       font-size: 1.60em; color: #D59D69; display: block;
                       margin: 0 0 15px; padding: 13px 10px; }

.post h3     { padding: 20px 0px 2px; border-bottom: 1px solid #333333;}
.comments h3 { margin: 0 0 10px 0; color: #D59D69; }

.description { color: #D59D69; font-size: 1.0em; font-weight: bold; }

/*************************************************************** |  STRCTURE  | *****/
    
#page           { width: 999px; margin: 50px auto 25px; padding: 0; }
    
#header         { text-align: center; }
#headerimg      { width: 999px; position: relative; }

#wrapper        { background: url('images/content_bkg.gif') repeat-y top left;
                  width: 999px; position: relative;}

#header-overlay { position: absolute; top: 0; left: 0;
                  width: 999px; height: 151px; z-index: 5; 
                  background: url('images/header_overlay.gif') no-repeat top left; }

/*************************************************** | POST STRUCTURE | *****/

.post             { padding: 10px 0 0; }
.widecolumn .post { padding: 0; margin: 0; }
    
.top      { margin-bottom: 15px; padding: 15px 10px 20px; border-bottom: 3px double #35302a; }
.lastfive { margin-bottom: 15px; padding: 15px 10px 20px; border-bottom: 3px double #35302a; }
    
.postmetadata   { font-size: 0.9em; margin: 3px 0; padding: 0; }
.postmetadata a { font-weight: bold; }
        
.continue     { font-weight: bold; font-size: 1.3em; }

.entry   { padding: 2.0em 1.0em;}
    
.top .entry   { font-size: 1.1em; }

.post ul, 
.post ol  { margin-left: 20px; padding: 0;}


.post li  { line-height: 1.5em; }

/************************************************************* CONTENT *****/

#content    { width: 685px; float: left; overflow: hidden;
              font-size: 1.2em; padding: 0 10px; 
              border-left: 1px solid #363430; border-right: 1px solid #363430; }

#content h2 { margin: 0 0 10px; }

#content p  { line-height: 1.5em; }
    
.entrytext h2 {  display: block; border-bottom: 1px solid #333333;}

.entrytext    { font-size: 1.1em; padding: 0 10px 0; line-height: 2em;}
.entrytext ul { list-style-type: square; }
.entrytext ul, 
.entrytext ol { margin-left: 20px; padding: 0;}
.entrytext li { line-height: 1.5em; }

#footer     { color: #999; font-family: Helvetica, "Times New Roman", serif; }

/************************************************************** SIDEBAR *****/

#sidebar { border-left: 0; float: right; width: 270px; }
#sidebar { overflow: hidden; padding: 0 10px; 
           border-left: 0px solid #363430; border-right: 1px solid #363430; }
    
#sidebar h3   { color: #D59D69; margin: 15px 0 5px; font-variant: small-caps; font-size: 12px; }
#sidebar h3 a { color: #D59D69; }

#sidebar ul, 
#akismetwrap { margin: 10px 0px; padding: 0; 
               border-top: 1px solid #363430; border-bottom: 1px solid #363430; }
    
#sidebar li, 
#akismetwrap      { display: block; background: #22201d; 
                    font-size: 1.05em; padding: 4px 10px; margin: 1px 0; }
#sidebar li:hover { background: #363430; }

#sidebar ul ul           { list-style: disc; margin: 0; padding: 4px 10px; border: 0; }
#sidebar ul ul li:before { content: "\2022 \20"; }
#sidebar ul ul li        { font-size: 1.00em; margin: 0px; }

#sidebar .postmetadata { line-height: 1.5em; }
#sidebar li.linkcat    { background-color: #161410; list-style: none; margin: 0; padding: 0;}

        
#searchform { background: #22201d; margin: 10px 0px; padding: 10px 0px; text-align: center; }
#s          { width: 150px; }

ul.navigation          { border-top: 1px solid #363430; border-bottom: 1px solid #363430; }    
ul.navigation li       { display: block; background: #22201d; margin: 1px 0; padding: 4px 10px;}
ul.navigation li:hover { background: #363430; }

/************************************************* COMMENTS STRUCTURE *****/

#comments      { padding: 20px;}  

#commentform p { float: left; margin: 0 10px 10px 0; }

.comments      { position: relative; background: #1b1814; 
                 margin-top: 15px; padding: 10px;  border-top: 1px solid #35302a; }
   
.commentlist      { background: #1b1814; list-style: none; font-size: 0.9em; 
                    margin: 0; padding: 0; }
.commentlist li   { background: #161410; margin-top: 10px; padding: 5px 20px; }
.commentlist li p { margin: 0; padding: 5px 20px; }

.commentlist li p.commentmetadata { background: #181612; margin-top: 10px; padding: 5px 10px; 
                                    border-top: 3px double #35302a;  }

textarea#comment   { margin: 20px 0px; padding: 0.5em;}
    
ul.archive    { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; } 
ul.archive li { display: inline; }

/*  -----|  Miscellaneous  |------------------------------------------------  */

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

.clearfix       { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.goleft  { float: left; }
.goright { float: right; }

.avatar { float: right; margin: -26px 0 0;  padding: 2px; border: 1px solid #35302a; }

.navigation  { margin-top: 10px;  padding: 10px; border-top: 1px solid #35302a;  }
.navigation .left { float: left; }
.navigation .right { float: right; }

.authormeta { font-size: 10px; color: #fff; font-weight: bold;
              padding-top: 10px; border-top: 0px solid #35302a; }

/******************************************** COMMENTS QUICKTAGS *****/

* html #ed_toolbar input, 
*:first-child+html #ed_toolbar input { overflow: visible; }

#ed_toolbar input, 
#ed_toolbar span  { background: transparent; display: inline-block; line-height: 18px;
	            width: auto; min-width: 26px;
                    color: #A0A0A0; font-size: 12px; text-align: center;
	            margin: 3px 1px 4px; padding: 2px 4px; border: 3px double #333333;	
         	    /*-moz-border-radius: 3px;
	            -khtml-border-radius: 3px;
	            -webkit-border-radius: 3px;
	            border-radius: 3px;*/ }

#ed_toolbar input:hover { background: transparent; border-color: #FFFFFF; }

#ed_strong { font-weight: bold !important;}
#ed_link   { text-decoration: underline !important; color: #00f !important; }
#ed_del    { text-decoration: line-through !important;}
#ed_em     { font-style: italic !important;}

/****************************************************** PLUGINS *****/

.ctc        { text-align: justify; padding: 10px 4px;}
.postbyline { font-size: 90%; padding-bottom: 0px;}

#related-posts { margin: 30px 10px; }
#related-posts ul { list-style-type: circle;}
#related-posts li { font-size: 0.9em; }

#useronline-count { margin-left: 20px; padding-top: 10px;}