/*  

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

Author: Bryan Veloso

Author URI: http://avalonstar.com/

*/





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



body { 

	

	color: #999;

	font: 62.5%/125% 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
        
        
        background:#000000 url(http://www.proctorsurf.com/2002/bg.jpg) repeat-x fixed 0% !important;


	margin: 0;

	padding: 0;

	}



/* hr { display: none; } */



hr {

	background-color: #le;

	border: 1px solid #363430;

	height: 10px;

	margin: 10px 0;

	width: 1250px;

	}

	

a:link, a:visited, a:active { color: #B6F367; text-decoration: none; }
a:link2, a:visited, a:active { color: #363430; 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 0;

	border-top: 1px dotted #35302a;

	border-bottom: 1px dotted #35302a;

}







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

	

#page {

	background: #1b1814;
        margin: 0px auto 25px;

	padding: 0;

	width: 1250px;

	}

	

#header {

	text-align: center;

	}



#wrapper, #headerimg { width: 1250px; }

#wrapper { clear:both; background: url('') repeat-y top left;}



.image {

	background: #22201d url('images/image_left.png');

	border: 0px solid #363430;

	height: 289px;

	width: 625px;	

	}

	

	.bkgleft { background: url('images/image_left.jpg'); float: left; }

	.bkgright { background: url('images/image_right.jpg'); float: right; }


#header2 {

	text-align: center;

	}


	

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

	color: #999;

	}

	
	

#content, #sidebar1 { 

	border-left: 1px solid #363430;

	border-right: 1px solid #363430;

	padding: 0 10px; 
	
	


	}
	* html #sidebar { width: 250px; }
	

	

	#content { float: left; font-size: 1.1em; width:740px; }
	#content2 { float: left; font-size: 1.1em; width:940px; }

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

	#content p { line-height: 1.5em; }

	

	#sidebar1 { border-left: 0; float: right; width: 258px; }

	#sidebar1 h2 { color: #B6F367; margin: 15px 0 5px; }

	#sidebar1 ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; font-size: 1.1em; }

	#sidebar1 li { display: block; padding: 4px; background: #22201d; margin: 1px 0; }

	#sidebar1 li:hover { background: #363430; }
	


	
	
	
	
#content, #sidebar2 { 

	border-left: 1px solid #363430;

	
	padding: 0 10px; 
	

	}

#sidebar2, #sidebar1 {
	padding:0;
}	

	

	

	#sidebar2 { border-left: 0; float: left; width: 228px; padding:none; }

	#sidebar2 h2 { color: #9c9890; margin: 15px 0 5px; font-variant: small-caps; }

	#sidebar2 ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; font-size: 1.1em; }

	#sidebar2 li { display: block; padding: 4px; background: #22201d; margin: 1px 0; }

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

	.widecolumn .post { padding: 0; margin: 0; }

	

.top { padding: 10px 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: 0 10px 0; line-height: 2em; font-size: 1.1em; }

	


	.entrytext h2 { border-bottom: 1px solid #9c9890; display: block; }



	.entrytext ul { list-style-type: square; }

	


	

ul.archive { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; }	

ul.archive li { display: inline; }





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



h1, h2, h4, h5, h6 { font-family: Georgia, 'Times New Roman', serif; font-weight: normal; }
h22,  { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }
h3 { font-family: Century Gothic; font-weight: normal; }
h6 { color: #fff; font-family: Century Gothic; font-size: .77em; }

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

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

h22 { color: #9C9890; font-size: 1em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid #35302a; }
	.post h22 a { color: #4E4943; }
	.post h22.first { font-size: 1.75em; }
	
	.widecolumn h22.title { 
		display: block; 
		padding: 13px 10px;
		background: #1b1814;
		margin: 0 0 15px; 
		border-bottom: 1px solid #35302a; 
		font-size: 1.75em; }

h3 { color: #6cb335; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid #35302a; }
h3:before { content: " . . "; color: #444; }, h1:after { content: " . . "; color: #444; }
	.post h3 a { color: #0099ff; }
	.post h3.first { font-size: 1.75em; }

h33 { color: #9C9890; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid #35302a; }
	.post h33 a { color: #4E4943; }
	.post h33.first { font-size: 1.75em; }

h333 { color: #0099ff; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 0px solid #35302a; }
h333:before { content: " . . "; color: #444; }, h1:after { content: " . . "; color: #444; }
	.post h33 a { color: #4E4943; }
	.post h33.first { font-size: 1.75em; }

h4 { color: #89aec1; }

hp { 
	background-color: #161410;
	color: #9C9890;
	font: 80%/125% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
	

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

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








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



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}