/*

Theme Name: Borderline Chaos
Description: Chaotic yet strangely in demand.
Author: Marianne
Tags: colorful, two column, flexible width, widget, threaded comments, custom header
WDP ID: 128
Version: 1.3.5

License: <A HREF="http://www.gnu.org/copyleft/lesser.html">GNU Lesser General Public License</A>

Please visit the <A HREF="http://theloo.org/2005/03/06/borderline-chaos/">Theme Homepage</A> for the changelog and latest version!

Thanks to <a href="http://www.thoughtmechanics.com/">Theron Parlin</a>, whose theme "Benevolence" provided the base files, and to <A HREF="http://wordpress.org/support/">Wordpress Support</a> members <a href="http://www.sekhu.net/">Jinsan</A> and <A HREF="http://moltenwords.net/">oriecat</A> for support and encouragement. Please see the README.html file for the changelog.

Installation: place the folder named "BorderlineChaos" into your Wordpress 1.5 wp-content/themes/ directory and activated in your Wordpress Control panel under the Presentation tab. 

Customization: If you'd like to change the color scheme, please find a Photoshop Document called "bkg.psd" in the images folder and modify it to fit your needs, saving it as bkg.jpg. Also, the main color definitions are listed at the top of the CSS. I've used <a href="http://www.somacon.com/color/colorchart.html">this color chart</a> as a reference.

Please feel free to contact me through the <A HREF="http://theloo.org/2005/03/06/borderline-chaos/">theme homepage/a> if you have any questions.


"I am an old woman named after my mother
My old man is another child that?s grown old
If dreams were lightning thunder was desire
This old house would have burnt down a long time ago"
*/

                                                                     
                                                                     
                                                                     
                                             
/* Captions and image alignment for wordpress */
pre {
	background: #f4f4f4;
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
	width: 80%;
	display: block;
	clear: both;
}
code, kbd {
	font-size: 90%;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
address {
	font-family: "Courier New", Courier, monospace;
	font-size: 115%;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 80%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

ul.children img.avatar {
   width: 20px; height: 20px;
}

div.aligncenter {
	display: block !important;
	margin: 0px auto;
}
div.alignleft {
	float: left !important;
	margin-right: 10px;
}
div.alignright {
	float: right !important;
	margin-right: 0px;
	margin-left: 10px;
}
.wp-caption {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #F8F8F8;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 16px;
	padding: 5px 4px;
	margin: 0;
	font-family: Arial, Tahoma, "Lucida Sans";
	color: #949494;
	font-style: normal;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	float: left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/* End captions and image alignment */


body {
	background-image: url(images/bkg.jpg); 
	background-repeat: repeat-y; 
	background-position: left;
	background-color: #333366;
  	font-family: Verdana, Arial;
	font-size: 8pt;
	margin: 0;
	padding: 0;
}

#masthead { 
	background-image: url(); 
	position: relative;
	top: 20px;
	background-color: #458B00;
	border-top: 7px solid black;
	border-bottom: 7px solid black;
 	width: 100%;
 	height: 45px;
	margin: 0px;
	margin-top: 0px;
}

#blogtitle {
	position: relative;
	width: 22%;
	top: 30px;
	left: 20px;
	color: #000;
	font-variant: small-caps;
	font-weight: bold;
	margin-left: 2px;
	background-color: #D6D6D6; 
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
    	font-family: Verdana, Arial;
	font-size: 17.5pt;
	}

#blogtitle a {
	color: #8B1C62;
}

#blogtitle a:visited {
	color: #8B1C62;
}

#blogtitle a:hover {
	color: #8B1C62;
border: 0px;
}

#sidebox {
	width: 70%;
	margin-left: 2px;
	background-color: #CD9B1D;
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
}

#sidebox1 {
	width: 70%;
	margin-left: 2px;
	background-color: #CD5555; 
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
}

#sidebox2 {
	width: 70%;
	margin-left: 2px;
	background-color: #104E8B;
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
}


#sidebox3 {
	width: 70%;
	margin-left: 2px;
	background-color: #9A32CD;
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
}

#sidebox4 {
	width: 70%;
	margin-left: 2px;
	background-color: #CD9B1D;
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
}

#sidebox5 {
	width: 70%;
	margin-left: 2px;
	background-color: #CD5555;
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
max-width: 120px;
}


#sidebox6 {
	width: 70%;
	margin-left: 2px;
	background-color: #104E8B;  
	text-align: left;
	border: 7px solid black;
	padding: 10px 10px 10px 10px;
}

a {
	color: #8C1C64;
	text-decoration: none;
}

a:visited {
	color: #8C1C64;
	text-decoration: none;
}

a:hover {

	color: #8B1C62;
	text-decoration: none;
	border-bottom: 1px solid #394651;
}

#content {	
	background-color: #ffffff;
	border: 7px solid black;
	margin-left: 50px;
    width: 70%;
    float:left;
	text-align: left;
    padding-bottom: 50px;
}

#contentwrapper {	
	margin-top: 55px;
}

#sidebar {position: relative;
	float: left;
	width: 170px;
	left: 40px;
	margin-top: 76px;
	text-align: left;
    	font-family: Verdana, Arial;
	color: #000;
	font-size: 7.5pt;
	line-height: 11pt;
	text-transform: uppercase;
} 
/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.entrytext table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    border-collapse: collapse;
    margin: 5px 0 10px;
}
.entrytext th {
    background: none repeat scroll 0 0 #EDEFF0;
}
.entrytext th, .entrytext td {
    border: 1px solid #CCCCCC;
    padding: 3px 10px;
    text-align: left;
    vertical-align: top;
}
#sidebar a {
	color: #000;
}

#sidebar a:visited {
	color: #000;
}

#sidebar a:hover {
	color: #CD9B1D;
}

#sidebox a {
	color: #000;
}

#sidebox a:visited {
	color: #000;
}

#sidebox a:hover {
	color: #8B1C62;
}

blockquote
 { position: relative;
	margin-bottom: 10px;
	background-color: #D6D6D6; 
	text-align: left; 
	border-left: 2px solid #000000;
	padding: 5px;
}

.postmetadata { position: absolute;
	top: 152px;
	right: 8px;
	background-color: #D6D6D6; 
	text-align: left;
     width: 34em;
	border: 3px solid black;
	padding: 8px;
}

#wrapper {
	position: relative;
	height: 100%;
	margin: 0 auto;
} 

#insideWrapper {
	top: 40px;
	height: 100%;
	margin: 0px;
	text-align: left;
	padding: 20px;
}

#insideWrapper:after{
	content: "."; 
	display: block; 
	line-height: 1px; 
	font-size: 1px; 
	clear: both;}

.post {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 10px 3%;
	text-align: left;
	width: 94%;
	display: block;
}

#custom-img-header {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 30px 3% 0px 3%;
	text-align: left;
	width: 94%;
    overflow: hidden;
	display: block;
}

.singlepost {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 10px 3%;
	text-align: left;
	width: 94%;
	display: block;
    float:left;
}

#footer {
    font-size: 10px;
	position: relative;
	color: #fff;
    float:right;
	text-align: right;
    line-height: 18px;
	padding: 3%;
    width: 94%;

}

#footer a {
	color: #fff;
}

#footer a:visited {
	color: #fff;

}

#footer a:hover {
	color: #ff3333;
	border: 0px;
}


.footerLink {
	color: #666;
	text-decoration: underline;
}

a.footerLink {
	color: #666;
	text-decoration: underline;
}
div.post, div.page {
  float: left;
}


.entrytext {
	padding-top: 10px;
	max-width: 100%;
    float:left;
	font-size: 12px;
    padding: 0px 0px 34px;
	line-height: 20px;
}
.entrytext ul li {
  list-style: square !important;
}
.entrytext ul  {
  margin-left: 40px !important;
}

div.pwrap {
  width: 100%;
  float: left;
  padding: 0px;
  line-height: 135%;
}


.post p {
	font-size: 12px;
	line-height: 20px;
}
a.footerLink:visited {
	color: #666;
	text-decoration: underline;
}

a.footerLink:hover {
	color: #999;
	text-decoration: underline;
}

.title {
    	font-family: Verdana, Arial;
	color: #000000;
	font-size: 9pt;
	font-variant: small-caps;
	font-weight: bold;
}


a.title {
	color: #000000;
}

a.title:visited {
	color: #000000;
}

a.title:hover {
	color: #000000;
	border: 0px;
}

.posttitle {
	font-family: Verdana, Arial;
	color: #333;
	font-size: 12.9pt;
	font-variant: small-caps;
	font-weight: bold;
	padding-right: 2%;
	margin: 0px;
	width: 98%;
}

a.posttitle {
	color: #000000;
	text-decoration: underline;
}

a.posttitle:visited {
	color: #000000;
	text-decoration: underline;
}

a.posttitle:hover {
	color: #8B1C62;
	border: 0px;
	text-decoration: underline;
}

h2 {
	color: #000000;
	font-size: 14px;
	text-align: left;
}

ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	display: block;
}


li {

	margin-left: 0px;
}

li li {

	margin-left: 0px;
}

/*
"Make me an angel that flies from montgom'ry
Make me a poster of an old rodeo
Just give me one thing that I can hold on to
To believe in this living is just a hard way to go"
*/

.navigation { 
	padding: 15px;

}

.left {
	float: left;
	margin: 0px 5px 0px 10px;
}

.right {
	float: right;
	margin: 0px 5px 0px 10px;
}


a img {
	border: none;
	}

.centeredImage {
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
}


/*
"When I was a young girl well, I had me a cowboy
He weren't much to look at, just free rambling man
But that was a long time and no matter how I try
The years just flow by like a broken down dam."
*/

.cite {
	font-size: 7pt;
	color:#000000;
}

code {
	font-family: "Courier New", Courier, monospace;
	text-align:left;
	color:#000000;
	font-size: 8pt;
}

input {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding: 0px;
}


/*
"Make me an angel that flies from montgom'ry
Make me a poster of an old rodeo
Just give me one thing that I can hold on to
To believe in this living is just a hard way to go"
*/


.comments { 
	padding: 20px;
	margin-top: 20px;
}

.commentBox {
	position: relative;
	margin: 0 auto;
	background-color: #f5f5f5; 
	text-align: left; 
	border: 1px solid #000000; 
	padding: 5px;
}

.commentPos {
	font-family: 'Verdana';
	font-size: 8pt;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-variant: small-caps;
}

a.commentPos {
	font-family: 'Verdana';
	color: #ff3333;
}

a.commentPos:visited {
	color: #ff3333;
}

a.commentPos:hover {
	color: #000;
	border: 0px;
}

/*
"There's flies in the kitchen I can hear 'em there buzzing
And I ain't done nothing since I woke up today.
How the hell can a person go to work in the morning
And come home in the evening and have nothing to say."
*/
.widecolumn { 
	padding-top: 
	20px; padding-left: 20px; 
	padding-right: 20px; 
	padding-bottom: 20px;
}

.narrowcolumn { 	
	padding-top: 20px; 
	padding-left: 60px; 
	padding-right: 60px; 
	padding-bottom: 20px;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.center {
	text-align: center;
	}

/*

"Make me an angel that flies from montgom'ry
Make me a poster of an old rodeo
Just give me one thing that I can hold on to
To believe in this living is just a hard way to go"
~ John Prine
*/