/**  
* @brief    wordpress-theme css
*           Original theme:
*           Theme Name: ChaoticSoul http://sandbox.avalonstar.com/ by Bryan Veloso Version 1.0
*           An old version of the beloved Avalonstar, remade into a WordPress theme.
* @author   Modified by Stephan Spies http://optima-software.de
* @version  1.0
* @date     2006/08/03
* @license  GPL                                                 
**/

/**
page:             #161410
font:             #999
green:            #2E7808
page-gray:        #161410
border-gray:      #35302a
gray-bright:      #1b1814   
gray-bright-font: #22201D    
red-error:        #ff0000   
**/      

/*  -----|  Imports  |------------------------------------------------------  */

@import url('css/code-dark.css');

/*  -----|  Globals  |------------------------------------------------------  */

body { 
	background-color: #161410;
	color: #999;
	font: 12px 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#advertise{
				z-index: 99;
				position: absolute;
				top: 0;
				left: 0;
				width: 140px;
				height: 140px;
				background-color: transparent;
}
#advertise a, #advertise a img {
				border: 0;
				padding: 0; 
				margin: 0;
				background: none;
}

hr {
        background-color: #22201d;
	border: 0;
	border: 1px solid #363430;
	height: 10px;
	margin: 10px 0;
        width: 760px;
	color: #22201d; /**for stupid IE**/
}

* html hr {
        margin: 5px 0; /**for stupid IE**/
}
a { white-space: normal; /** be nice to opera **/ }        
a:link, a:visited, a:active { color: #d8d7d3; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

#content a.external, 
#content a.external:visited { 
	padding-left: 16px;
	background: url('images/arrow.gif') no-repeat  left; 
}
#content a.external:hover, 
#content a.external:active { 
	background: url('images/arrow_hover.gif') no-repeat  left; 
}

a.pdf, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	padding-left: 16px;
	background: url('images/pdf.gif') no-repeat  left; 
}

ul { list-style: none; }

input, textarea, select {
	color: #9c9890;
	text-decoration: none; 
	background-color: #161410; 
	border: 1px solid #363430;
	padding: 3px;
}

input:hover, input:active, 
select:hover, select:active,
textarea:hover, textarea:active {
        background-color: #22201d;   
}    
textarea {
        overflow: auto; /** for IE **/
        font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
        font-size: 1em;
        width: 98%;
}    
address {
        line-height: 1.5em;   
}    

acronym, abbr { cursor:help; font-variant: normal; /** be nice to opera **/ }

label {
      width: 150px;
      white-space: nowrap;   
      padding-right: 5px;
			float: left;
			text-align: left;
}    
#submit {
        cursor: pointer;
}

blockquote {
	background: #1b1814 url('images/quote.png') no-repeat top left;
	padding: 1px 15px 5px;
	border-bottom: 1px solid #35302a;
}

table { width: 100%; border-collapse: collapse; margin-bottom: 5px; line-height: 1.5em;}
th { border-bottom: 1px solid #35302a; text-align: left; padding: 0 10px 3px 2px;}
table.projects th { border: 0; text-align: left;}
td { padding-right: 10px;}
table.inline {
        width: auto;
        display: inline;
}
caption {
        text-align: left;
        /*border-top: 1px solid #35302a;*/
        padding: 2px 1px;
}  

/*  -----|  Structure  |----------------------------------------------------  */
	
#page {
        margin: 15px auto 15px;
	padding: 0;
	width: 760px;
}
	
/*  -----|  Header, Wrapper  |--------------------------------------------  */
        
#header {
				text-align: center;
}
#header img{
        border: 0;
        margin: 0;
        padding: 0;
}
#wrapper, #headerimg { width: 760px; }
#wrapper { background: url('images/content_bkg.gif') repeat-y top left;}

#headerimg img {
  			border: 1px solid #363430;
				height: 149px;
}
#headerimg{
				position: relative;
}
	
/*  -----|  Footer  |----------------------------------------------------  */

#footer {
	font-family : "Bitstream Vera Sans Mono", monospace;
        text-transform : uppercase;
        font-size: .8em;
	color: #999;
        margin-bottom: 10px;
}
#footer p {
        padding: 0;
        margin: 0;
}	

/*  -----|  Content  |----------------------------------------------------  */

#content, #sidebar { 
	border-left: 1px solid #363430;
	border-right: 1px solid #363430;
	padding: 0 10px; 
}
	
#content { float: left; width: 517px; font-size: 1.1em;}
#content p { line-height: 1.5em; clear: both;}
#content img {
        border: 1px solid #363430; 
        background-color: #161410;
        padding: 2px;
        margin: 5px 5px 5px 0;
        float: left; 
}
#content ul {
        line-height: normal;
        list-style-type: square;
}
div.image_caption{
        padding: 0;
        margin: 0 5px 5px 0;
        float: left; 
        width: 133px !important;
}

#content td img {
        border: 0;
        padding: 0;
        margin: 0;
        float: none;
}
#content a img,
#content a:visited img {
        filter: alpha(opacity=80);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        -moz-opacity: 0.80; opacity:0.8;
}

#content a:hover img { 
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.00; opacity:1;
}

/*  -----|  Sidebar  |----------------------------------------------------  */

#sidebar { border-left: 0; float: right; width: 200px;}
#sidebar h3 { color: #2E7808; margin: 15px 0 5px; }
#sidebar ul { 
        margin: 1px 0 1px 0; 
        padding: 0;  
        border-top: 1px solid #363430; 
        border-bottom: 1px solid #363430; 
}
#sidebar li { 
        padding: 0; 
        margin-bottom: 1px; 
        line-height: 0; /** for stupid IE **/   
}

#sidebar li ul {
        border: 0;
}       
                         
#sidebar li a, #sidebar li a:visited{
        display: block;
        background: #22201d; 
        line-height: 2em;        
        padding-left: 10px;  
        margin-top: 1px;    
}   
#sidebar li a:hover, #sidebar li a:active{
        background: #363430; 
}
#sidebar ul li.current_page_item a, 
#sidebar ul li.current_page_item a:visited {
        background: #363430; 
}
#sidebar li.current_page_item li a, 
#sidebar li.current_page_item li a:visited {
        background: #22201d url('images/submen.gif') no-repeat 7px; 
}
#sidebar li.current_page_item li a:hover, 
#sidebar li.current_page_item li a:active {
        background: #363430 url('images/submen_hover.gif') no-repeat 7px; 
}
#sidebar li ul li a, 
#sidebar li ul li a:visited, 
#sidebar li.current_page_item ul li a, 
#sidebar li.current_page_item ul li a:visited{
        padding-left: 25px;   
        background: #22201d url('images/submen.gif') no-repeat 7px;      
}
#sidebar li ul li a:hover, 
#sidebar li ul li a:active, 
#sidebar li.current_page_item ul li a:hover, 
#sidebar li.current_page_item ul li a:active{  
        cursor: pointer; /** for opera 9.0 dont know why**/
        background: #363430 url('images/submen_hover.gif') no-repeat 7px;      
}
#sidebar li ul li.current_page_item a, 
#sidebar li ul li.current_page_item a:visited{   
        background: #363430 url('images/submen.gif') no-repeat 7px;      
}
#sidebar .postmetadata { 
        line-height: 1.5em; 
        white-space: normal;
}
#sidebar .postmetadata p { 
        
}
#sidebar div.post_info{            
        border-top: 1px solid #363430; 
        border-bottom: 1px solid #363430; 
}
.post_info p{
        font-size: .9em;
        margin: 1px 0 1px 0;
        background: #22201d; 
        padding: 3px 3px 3px 10px;
}
/*  -----|  Sidebar Linklis  |-----------------------------------------------  */

#linklist {
        padding-bottom: 1px;      
}

#linklist br {
        line-height: 2px;
        height: 2px !important;
        margin: 0;
        padding: 0;
}
#linklist li a, #linklist li a:visited, #linklist li a:hover, #linklist li a:active {
        display: inline;
        background: transparent; 
        padding: 0;  
        margin: 0;         
}       
#linklist li{
        line-height: 1.1em;
        font-size: .9em;
        background: #22201d;         
        padding: 0 10px 3px 10px;
        margin-top: 1px;
        border: 0;    
} 

/*  -----|  Searchform  |----------------------------------------------------  */

#searchform { background: #22201d; padding: 10px; text-align: center; }
#s { width: 160px; }
	
.goleft { float: left; }
.goright { float: right; }

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

/*  -----| Post Structure  |----------------------------------------------------  */

.post { padding: 10px 0 0; }
.widecolumn .post { padding: 0; margin: 0; }
	
.top { padding: 15px 10px 0px; background: #1b1814; margin-bottom: 15px; border-bottom: 1px solid #35302a; }
.lastfive { padding-left: 10px; padding-right: 10px; }
.postmetadata { margin: 3px 0; padding: 0; }
.postmetadata a { font-weight: bold; }
.continue { font-weight: bold; font-size: 1.3em; }

.top .entry { /*font-size: 1em;*/ }
.entrytext { padding: 0 10px 0; line-height: 2em; }

.entrytext h2 { /*border-bottom: 1px solid #2E7808; */display: block; }
.entrytext ul { list-style-type: square; }
	
/*  -----| Page navigation  |----------------------------------------------------  */
        
div.page_navigation {
        background: #1b1814;
        color: #2E7808;
        border-top: 1px solid #35302a;
        padding: 3px 0 3px 10px;
        margin-top: 10px;
        margin-bottom: 0;
}
div.page_navigation p {
        padding: 0;
        margin: 0;
}
/*  -----| Comments Structure  |----------------------------------------------------  */

.comments { 
        padding: 10px; 
        margin-top: 15px; 
        background: #1b1814; 
        border-top: 1px solid #35302a; 
}
#commentform p { float: none; margin: 0 10px 10px 0; }
	
.commentlist { background: #1b1814; list-style: none; margin: 0; padding: 0; }
.commentlist li { background: #161410; margin-top: 10px; padding: 5px 0 0;}
.commentlist li p { padding: 5px 10px 0; margin: 0; float: none;}
.commentlist li p.commentmetadata { 
        border-top: 1px solid #35302a; 
        background: #181612;
        padding: 5px 5px 0 10px; 
        margin-top: 10px;
}
ul.archive { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; }	
ul.archive li { display: inline; }


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

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { color: #fff; font-size: 2em; margin: 0 0 8px; }
/*h1:before, h1:after { content: " . . "; color: #444; }
h1 span { color: #2E7808; }*/
h2 { 
        color: #2E7808; 
        font-size: 1.4em; 
        margin: 10px 0 5px 0; 
        padding: 1px 0; 
        border-bottom: 1px solid #35302a; 
}

h3 {
        font-size: 1.2em;
        font-weight: bold; 
        color: #2E7808;
        margin-bottom: 5px; 
}
h4 {
        font-weight: bold; 
        margin: 0;
        padding: 0;
}

.post h2 a, 
.post h2 a:visited, .post h2 a:hover, .post h2 a:active{ 
        color: #2E7808; 
        margin-right: 5px;
}
.post h2.first { 
        font-size: 1.6em;
        margin: 0 0 10px 0; 
        padding-bottom: 10px; 
        padding-top: 0;
}
	
.narrowcolum h2.title { 
        font-size: 1.6em;
        display: block; 
        position: relative;
        padding: 13px 10px;
        background: #1b1814;
        margin: 0 0 15px; 
        border-bottom: 1px solid #35302a;
}

h2.title span {
        text-align: right;
        position: absolute;
        left: 80%;
        top: 1%;
        color: #22201D;
        font-size: .8em;   
        white-space: nowrap;     
}

* html h2.title span {  /** for stupid IE **/
        top: 0;
        left: 75%
}

.description { color: #666; font-weight: bold; }

.comments h3 { margin: 0 0 10px 0; color: #2E7808;}

/*  -----| banners  |--------------------------------------------------------  */

#banners {
        margin: 0;
        padding: 0;
}
#banners img {
        border: 0;
        margin: 0;
}
 
#banners a img,
#banners a:visited img {
        filter: alpha(opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        -moz-opacity: 0.50; opacity:0.5;
}

#banners a:hover img { 
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.00; opacity:1;
}

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

div.page_edit {
        border-top: 1px solid #35302a; 
        background: #181612;
        padding: 5px 5px 5px 10px; 
        margin-top: 10px;
}

p.error, span.error, div.error {
        color: #ff0000;
}

div.clear {
        height: 1px;
        float: none; 
        clear: both; 
        line-height: 1px;
        padding: 0;
        margin: 0;
}
div.clear br {
        line-height: 1px;
        height: 1px;
} 
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clear {
	display: inline-block; 
	width: 100%;
}

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

/*  -----|  Contact Form   |------------------------------------------------  */

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

a.highlight {
	display: block;
	text-align: center;
	padding: 3px;
	margin: 3px 0;
	background: #1b1814;
	border: 1px solid #35302a;
}
a.highlight:hover, a.highlight:active {
	background: #363430;
}
div.html {
	overflow: auto;
}