/*  
Theme Name: ChaoticSoul
Theme URI: http://sandbox.avalonstar.com/
Description: An old version of the beloved Avalonstar, remade into a WordPress theme.
Version: 1.0.1
Author: Bryan Veloso
Author URI: http://avalonstar.com/
*/



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


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

div.flashmovie {
	margin: 1em auto;
	}

/* hr { display: none; } */

hr {
	background-color: #22201D;
	border: 1px solid #363430;
	height: 14px;
	margin: 10px 0;
	/* Changed from Width from 760px to 1024px to Widen Theme - QuintusPhoto.com */
	width: 1024px;
	/* Done */
padding: 0;
/* padding: 0px 14px; */
/* list-style-type: none; */
text-align: justify;
/* text-indent: 40px; */
/* display: inline; */
}

	
	

a:link, a:visited, a:active { color: #d8d7d3; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

ul { list-style: none; }

input, textarea {
	color: #9c9890;
	font-size: 11px; 
	text-decoration: none; 
	background-color: #161410; 
	border: 1px solid #363430;
	padding: 5px;
	}
	
blockquote {
	background: #1b1814;
	padding: 1px 15px 5px;
	border-bottom: 1px solid #35302a;
}

table { width: 100%; border-collapse: collapse; }

	th { border-bottom: 1px solid #35302a; text-align: left; }

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



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


/* Added */
#page {
	margin: 50px auto 25px;
	padding: 0;
	/* Changed from Width from 760px to 1024 px to Widen Theme - QuintusPhoto.com */
	width: 1024px;
	/* Done */
	}
	
#header {
	text-align: center;
	}
	


/* #wrapper {
width: 1024px; */
/* background-color: #22201D; */
/* margin-top: 1px; */
/* margin-bottom: 1px; */
/* margin-left: -1px; */
/* margin-right: 0px; */
/* padding: 0px; */
/* border: 1px solid #363430; */
/* } */


/* Commented out Image Below - QuintusPhoto.com - BEGIN */
/* Changed from Width from 760px to 1024px to Widen Theme - QuintusPhoto.com */
/* #wrapper, #headerimg { width: 1024px; } 8?
/* Commented out Image Below - QuintusPhoto.com - END */

/* Commented out Image Below - QuintusPhoto.com - BEGIN */

/* #wrapper { background: url() repeat-y top left;} */

/* Commented out Image Below - QuintusPhoto.com - END */


/* Commented out Images Below - QuintusPhoto.com - BEGIN */

/*.image {
	background: #22201d url('images/image_left.png');
	border: 1px solid #363430;
	height: 149px;
	width: 372px;
	} */
	
	/* Changed float to center - QuintusPhoto.com */
	/* .bkgleft { background: url('images/image_left.jpg'); float: left; } */
	/* Done */
	/* .bkgright { background: url('images/image_right.jpg'); float: right; } */

/* Commented out Images Below - QuintusPhoto.com - END */

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

/* Added */
/* #content */
/* { */
/* width:1024px; */
/* float:left; */
/* display:inline; */
/* text-align:left; */
/* font-size:120%; */
/* padding: 0px; */
/* border: 1px solid #363430; */
/* } */

/* Added */



#content, #sidebar { 
	border-left: 1px solid #363430;
	border-right: 1px solid #363430;
	padding: 0px 10px;
	}
	
/*width: 1024px; */	
/* background-color: #22201D; */
/* margin-top: 1px; */
/* margin-bottom: 1px; */
/* margin-left: -1px; */
/* margin-right: 0px; */
/* padding: 0px; */	
/*border: 1px solid #363430; */




	
	/* Changed Width from - 760 or 781? - 517px to 781px to Widen Theme - (1024 - 760 = 264) QuintusPhoto.com */
	#content { float: left; font-size: 1.1em; width: 781px; }
	/* Done */
	#content h2 { margin: 0 0 10px; }
	#content p { line-height: 1.5em; }
	/* Changed Width from 200x to 243px to Widen Theme - QuintusPhoto.com */
	
	#sidebar { border-left: 0; float: right; width: 200px; }
	
	/* Changed Width from 200x to 100% - QuintusPhoto.com */
	
	/* Done */

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

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

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

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

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

	#sidebar h3 { color: #bd934f; margin: 15px 0 5px; } 
	#sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; } 
	#sidebar li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; } 
	#sidebar li:hover { background: #363430; }

* html #content, * html #sidebar {
	overflow: hidden; /* For IE */

}
		
		
#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; }
	ul.navigation li:hover { background: #363430; }

/* Post Structure */

.post { padding: 10px 0px 0px; }
	.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; }
		#sidebar .postmetadata { line-height: 1.5em; }
	.continue { font-weight: bold; font-size: 1.3em; }
	
	.top .entry { font-size: 1.1em; }
	.entrytext { padding: 0px 10px 0px; line-height: 2em; font-size: 1.1em; }
	
	.entrytext h2 { border-bottom: 1px solid #bd934f; display: block; }
	.entrytext ul { list-style-type: square; }
	
/* Comments Structure */

.comments { padding: 10px; margin-top: 15px; background: #1b1814; border-top: 1px solid #35302a; position: relative; }
	#commentform p { float: left; margin: 0 10px 10px 0; }
	
.commentlist { background: #1b1814; list-style: none; margin: 0; padding: 0; }
	.commentlist li { background: #161410; margin-top: 10px; padding: 5px 0px 0px; }
	.commentlist li p { padding: 5px 10px 0px; margin: 0; }
	.commentlist li p.commentmetadata { border-bottom: 1px solid #35302a; background: #181612; padding: 5px 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-family: Georgia, 'Times New Roman', serif; font-weight: normal; }

h1 { color: #fff; font-size: 2em; margin: 0 0 8px; }
h1:before, h1:after { content: " . . "; color: #444; }
h1 span { color: #bd934f; }

h2 { color: #bd934f; font-size: 1.25em; margin: 0; padding: 1px 0px; display: inline; border-bottom: 1px solid #35302a; }
	.post h2 a { color: #bd934f; }
	.post h2.first { font-size: 1.75em; line-height: 1.20em; }
	
	.widecolumn h2.title { 
		display: block; 
		padding: 13px 10px;
		background: #1b1814;
		margin: 0 0 15px; 
		border-bottom: 1px solid #35302a; 
		font-size: 1.75em;
		line-height: 1.20em; }

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

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



/*  -----|  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 */


/*  -----|  CSS_horizontal_navigation_list  |------------------------------------------------  */
/*  -----|  CSS_horizontal_navigation_list  |------------------------------------------------  */
/*  -----|  CSS_horizontal_navigation_list  |------------------------------------------------  */

/* Tutorial 4 - Horizontal lists */
/* http://css.maxdesign.com.au/listutorial/horizontal01.htm */
/* http://www.w3.org/TR/REC-CSS2/selector.html */

/* #22201d; Darker Background */
/* #363430; = Lighter Background - HR Border Color */
/* #bd934f; = Orange Text*/

/* NAVCONTAINER */
/* NAVCONTAINER */
/* NAVCONTAINER */

/*
hr {
	background-color: #22201d;
	border: 1px solid #363430;
	height: 10px;
	margin: 10px 0;
	width: 1024px;
	}
*/
	
.navcontainer ul {
border: 1px solid #363430;
background-color: #22201D;

/* height: 12px; */
/* margin: 1px 1px 1px 1px; */
width: 799px;
height: 13px;
padding: 0;
list-style-type: none;

text-align: justify;
text-indent: 40px;

/* padding-left: 35px; */



/* Changed from Width from 760px to 1024px to Widen Theme - QuintusPhoto.com */

/* width: 781px; */

/* width: 1024px; */

}




.navcontainer ul li
{

display: inline;





/* padding: 2px 10px; */
padding: 0px 14px;
/* text-align: justify; */


/* padding: 2px 6px; */

/* background-color: #22201D; */

}


.navcontainer ul li a
{
/* text-decoration: underline; */
/* text-decoration: none; */ /* This Removes the Underline on the Link */
/* text-decoration: none; */

/* padding: .2em 1em; */
/* padding: 2px 10px; */

color: #bd934f;

/* width: 781px; */
/* width: 1024px; */
/* text-align: justify; */



/* color: #363430; */

/* background-color: #22201D;
border: 1px solid #363430; */
}


.navcontainer ul li a:link
{
color: #bd934f;
/* background-color: #363430; */



/* background-color: #22201D;
border: 1px solid #363430; */

/* width: 781px; */
/* width: 1024px; */
/* text-align: justify; */


/* color: #363430; */
/* text-decoration: none; */
}

/*
#navcontainer ul li a:visited
{
color: #bd934f;
*/
/* color: #363430; */
/* text-decoration: none; */
/*} */




.navcontainer ul li:hover
{

/* background-color: #363430; */
/*  text-align: justify; */
/* width: 781px; */

/* width: 1024px; */

/* color: #363430; */
/* text-decoration: none; */

/* color: #bd934f; */
/* height: 1%; */ /* For IE */
/* position: relative; */ /* For IE */
/*display: block;  */ /* For IE */
}



.navcontainer ul li a:hover
{

/* background-color: #22201D;
color: #363430; */

color: #E7E7E6;
/* background-color: #22201D; */

/* text-align: justify; */
/* width: 781px; */
/* width: 1024px; */

/* color: #363430; */
/* text-decoration: none; */

/* color: #bd934f; */
/* height: 1%; */ /* For IE */
/* position: relative; */ /* For IE */
/* display: block;  */ /* For IE */

}

/* NAVCONTAINER */
/* NAVCONTAINER */
/* NAVCONTAINER */


/* Tutorial 4 - Horizontal lists */
/* http://css.maxdesign.com.au/listutorial/horizontal01.htm */
/* http://www.w3.org/TR/REC-CSS2/selector.html */



/* IE Hover */


/*** Nav bar styles ***/

ul.nav,
.nav ul {
/* Remove all spacings from the list items */
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	/* Was:
	display: block;
	*/
	display: inline-block;
}

ul.nav{
	display: table;
/* Just add the following properties and values */
	width: 100%;
	table-layout: fixed;
}

ul.nav>li{
	display: table-cell;
	float: left; /* For IE */
	width: 100%; /* For IE */
	padding: 2px 6px;
	position: relative; /* For IE */
}

ul.nav li>ul{
/* Make the sub list items invisible */
/*	display: block;  */ 
	display: block; 
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/* When hovered, make them appear */
/*	display: block;  */ 
	position: absolute; /* For IE */
	/* position: relative; */ /* For IE */
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block; 
/*	display: block;  */ 
	padding: 2px 10px;
	height: 1%; /* For IE */
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #22201D;
	color: #bd934f;
/*	display: block;  */ /* For IE */
	display: block;  /* For IE */
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #363430;
	color: #bd934f;
  	height: 1%; /* For IE */
	
	/* position: relative; */ /* For IE */
 	position: relative; /* For IE */
	
	/*	display: block;  */ /* For IE */
	display: block;  /* For IE */
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #363430;
	color: #bd934f;
  	height: 1%;
	/*  display: block; */  /* For IE */
	display: block;
	}

ul.nav,
.nav ul{
	border: 1px solid #363430;
/*      position: absolute; */ /* For IE */
	position: absolute; /* For IE */

}

.nav a{
/*	text-decoration: none; */
	height: 1%; /* For IE */
	display: block; /* For IE */
/*      display: block; */ /* For IE */
}


/* Done */

/*  -----|  CSS_horizontal_navigation_list  |------------------------------------------------  */
/*  -----|  CSS_horizontal_navigation_list  |------------------------------------------------  */
/*  -----|  CSS_horizontal_navigation_list  |------------------------------------------------  */