/*  

Theme Name: pixelpusherBoxen

Description: Boxy and colorful
Version: 1.0

Author: PixelPusher

Author URI: http://pixelism.info

*/


body {
	background-color:#B8B8B8;
	margin: 0px;
	padding: 0px;
	text-align: center;
	align: center;
	color: black;
	font-size: 12px;
	font-family: Trebuchet MS, sans-serif;
}
	
img { border:0; }


a
{
/*	color: #B05FA4; */
	color: rgb(148, 51, 137); 
	text-decoration:none;
	background-color: transparent;

}

a:hover
{

	text-decoration:none;
	background-color: rgb(240,229,144);
}

h4, h5, h6 
{ }

h1 { font-size: 24px;}
h2 { font-size: 18px;}
h3 { font-size: 14px;}

ul {

	margin:0;

	padding:0;

	list-style: none;

}

ul li {
	background-position: top left;
	background: transparent url(images/purpledot.png) no-repeat scroll center left;

	margin-bottom:6px;

	padding-left:12px;

}

.categories {
	list-style: list-style: square inside;
	background-color: transparent;
	background-image: none;
}

.tagsblock {
	background-color: white;
	border: 1px solid black;
	font-color: black;
	font-size: 12px;
	padding: 2px 10px;
	margin-bottom: 15px;
}
.tagsblock a {font-weight: LIGHT; padding:2px 6px; margin:0}
.tagsblock a:hover
{

	text-decoration:none;
	background-color: #EDEDED;
}

.input_box
{
	font-size: 9px;
	height: 15px;
	background-color: rgb(245,233,147);
	color: black;
	border: 1px solid rgb(203,194,120);
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	vertical-align: top;
}

.submit_btn
{
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	font-color: black;
/*	font-color: rgb(148, 51, 137); */
	border: 1px dotted;
	margin: 0px;
	padding: 0px;
}

#headercontainer
 {
	position:relative;
	top:0px;
	left: 0px;
	width:825px;
	height:auto;
	background-color: #EDEDED;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
}

#contentcontainer {
	position:relative;
	top:0px;
	left: 0px;
	width:825px;
	height:auto;
	background-color: #EDEDED;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
}


#header_bg {
	width:740px;
	height:151px;
	background: url('images/title-bg01.png') no-repeat;
	padding: 0px;
}

#subheader {
	width:700px;
	height:auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #EDEDED;
	text-align: left;
}


.left_col {
	width:540px;
	height:auto;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 20px;
	margin: 0px;
	background-color: #EDEDED;
	float: left;	
}

.right_col {
	width:220px;
	height:auto;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 20px;
	margin: 0px;
	background-color: #EDEDED;
	float: right;
}


#main-btn_ {
	position:absolute;
	left:246px;
	top:24px;
	width:149px;
	height:53px;
	float: right;
}

#shows-btn_ {
	position:absolute;
	left:395px;
	top:24px;
	width:149px;
	height:53px;
}

#info-btn_ {
	position:absolute;
	left:544px;
	top:24px;
	width:149px;
	height:53px;
}


#visuals-btn_ {
	position:absolute;
	left:395px;
	top:87px;
	width:149px;
	height:53px;
}

#software-btn_ {
	position:absolute;
	left:544px;
	top:87px;
	width:149px;
	height:53px;
}

#main-btn_ a:hover,
#visuals-btn_ a:hover,
#shows-btn_ a:hover,
#info-btn_ a:hover,
#software-btn_ a:hover {background-color: transparent;}


.post { 
	height:auto; 
	width: 495px; 
	padding-left: 20px; 
	padding-right: 5px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	background: url("images/contentbg-mid.gif"); 
	overflow: hidden;
	text-align: left;
	font-size: 12px;
}


.post h1 { 
	font-size: 16px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}
.post h2 { 
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: light;
}

.post h3 { 
	font-size: 18px;
	padding: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}



.post_top { 
	height: 10px;
	width: 520px;
	background: url("images/contentbg-top.gif") bottom center no-repeat;
}



.post_bottom {
	height: 10px;
	width: 520px;
	background: url('images/contentbg-bot.gif') top center no-repeat;
	margin-bottom: 5px;
}

.righty {float: right; margin: 0; padding: 0; vertical-align: top}

.sectionheader { 
	height:auto; 
	width: 195px; 
	padding-left: 20px; 
	padding-right: 10px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	background: url("images/section-header01-mid.gif"); 
	overflow: hidden;
	text-align: left;
	letter-spacing:0.1em;
	font-size: 14px;
}

/* .sectionheader a {	color: #CB7692; } */

 .sectionheader a {	color: black; font-weight: bold;}
 .sectionheader a:hover
{

	background-color: rgb(240,229,144);
	color: rgb(148, 51, 137);
}


/* Makes whole div clickable.  "block" property changes a from surrounding text to a fixed width, height */
/*.sectionheader a {display:block; width: 100%; height:100% }*/



.sectionheader_top {
	height: 7px;
	width: 225px;
	background: url("images/section-header01-top.gif") bottom center no-repeat;
}



.sectionheader_bottom {
	height: 7px;
	width: 225px;
	background: url('images/section-header01-bot.gif') top center no-repeat;
	margin-bottom: 10px;
}



.sidebar { 
	height:auto; 
	width: 190px; 
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	background: url("images/sidebar-mid.gif"); 
	overflow: hidden;
	text-align: left;
}


.sidebar_top_pink {
	height: 19px;
	width: 210px;
	background: url("images/sidebar-top-pink.gif") bottom center no-repeat;
}




.sidebar_top_blk {
	height: 19px;
	width: 210px;
	background: url("images/sidebar-top-blk.gif") bottom center no-repeat;
}




.sidebar_bottom {
	height: 6px;
	width: 210px;
	background: url('images/sidebar-bottom.gif') top center no-repeat;
	margin-bottom: 8px;
}

.sidebar h1 {
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 5px;
	font-weight: 600;
}

.subheader { 
	height:auto; 
	width: 630px; 
	padding-left: 20px; 
	padding-right: 20px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	background: url("images/subheader-mid.gif"); 
	overflow: hidden;
	text-align: left;
}




.subheader_top {
	height: 20px;
	width: 670px;
	background: url("images/subheader-top.gif") bottom center no-repeat;
}




.subheader_bottom {
	height: 20px;
	width: 670px;
	background: url('images/subheader-bot.gif') top center no-repeat;
	margin-bottom: 15px;
}



/* ------------------------------ Comments -----------------------------------*/

#response {
 margin: 0px 0px;

}





#commentlist {

 padding: 0px 10px 0px 10px;

 margin-left: 10px;

 margin-right: 10px;

 color: #7b7b7b;

 list-style-type: none; 

 text-align: justify;

}





#commentlist li  p{

 padding: 0px;

 margin: 8px 0px 0px 0px;

}





.commentname {

 width: 220px;

 float: left;

 font-size: 0.9em;

 margin: 0;

 padding: 0  0 2px 0;

}





.commentinfo{

 width: 350px;

 float: right;

 text-align: right;

}





.commenttext {

 clear: both;

 padding-top: 0px;

 margin-top: 0px;

 margin-bottom: 70px;

 border-top: 1px solid #e4ebef;

}





/* ----------------------------- Comment Form ------------------------------- */

h2#postcomment {

 margin: 40px 0px 0px 0px;

 padding: 0 0 20px 10px;

}





#commentform {

 background: #f5f6f7; 

 padding: 1px 20px;

 margin-top: 0px;

 margin-bottom: 0px;

}





#commentboxes {

 width: 100%;

 float: left;

 color: #7b7b7b;

 font-size: 0.9em;

}





p.instructions {

 margin: 14px 0 0 0px;

 color: #7b7b7b;

 font-size: 0.9em;

 text-align: justify;

 border-left-width: 1px;

 border-left-style: solid;

 border-left-color: #d5d7db;

 padding-left: 15px;

 /* position: relative; */

}





#inputbox {

 clear: both;

 color: #7b7b7b;

 font-size: 0.9em;

}





#button{

 padding-top: 0.5em;

}





#commentsbottom { 

 margin: 0;

 padding: 0;

 height: 22px;

}



/*--------------------------- 'Comment Edit' Buttons ------------------------ */

#ed_toolbar {

 background: #d5d7db; 

 border: 1px solid #d5d7db;

 padding-left: 5px;

}





#ed_bold {

 background: url(images/bold.gif) no-repeat top;

 height: 22px;



 width: 22px;

 border: 0px none;

}





#ed_italic {

 background: url(images/italic.gif) no-repeat top;

 height: 22px;

 width: 22px;

 border: 0px none;

 margin-left: 5px;

}





#ed_link {

 background: url(images/link.gif) no-repeat top;

 height: 22px;

 width: 22px;

 border: 0px none;

 margin-left: 5px;

}





#ed_close{

 background: url(images/close.gif) no-repeat top;

 height: 22px;

 width: 22px;

 border: 0px none;

 margin-left: 25px;

}



/* Thanks to http://www.positioniseverything.net/easyclearing.html for 	this! */
/* lets elements containing floating elements scale to the proper vertical size */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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