/*  
Theme Name: Budget Gallery LA Classic
Theme URI: http://www.budgetgallery.org/la/
Description: Pop Culture, Pop Colors, and Pop Deconstruction
Version: 1.0
Author: Christopher Pawl
Author URI: http://www.radiosilent.com/

	Budget Gallery LA V1.0
	 http://www.killputer.com/
	 http://www.radiosilent.com/

	This theme was designed and built by Christopher Pawl
	after tweaking, creating, and of course "borrowing" from the best.
	
	WordPress Version 1.5 was used in creating this website.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	


*/

/* Not sure yet */

a img   {border: none}


#searchform {
	float:right;
	margin: 0px auto;
	padding: 0px 0px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 0px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}




/* 
-----------------------------------------------
  PAGE LAYOUT and BUILD
----------------------------------------------- */

body {
  margin:0;
  padding:0;
  background: #A4A9AC;
  font:small/1.6em 'Lucida Grande',Verdana,Sans-serif;
  text-align:center;
}

/* Site Design */


	
	
#wrapper	{
	color: #663;
	background: url("images/wrap.jpg") repeat-y;
	width: 755px;
	margin: 0 auto;
	padding:0 0px 0px 0px;
	text-align: left;
	position:relative;
	}
	
#gallerywrap{
	color: #663;
	background: url("images/galwrap.jpg") repeat-y;
	width: 755px;
	margin: 0 auto;
	padding:0 0px 0px 0px;
	text-align: left;
	position:relative;
	}


#header {
  float:left;
  padding-top:0px;
  margin:0;
  width:755px;
  border-bottom:19px solid #000;
  border-top:14px solid #A4A9AC;
  text-align:right;
}


.container {
  width:890px;
  margin:0 auto;
  text-align:left;
  color:#000;
  position:relative;
  
  }
  

#content {
  float:left;
  width:755px;
  margin:0;
  }

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content {
    margin-right:-3px;
    }
        

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content {
    margin-right:-3px;
    }
 
 /* Cheap image fix to design Main Site News */

 #contentframetop {
  float:left;
  margin:0;
  padding:0 0px 0px 0;
  width:396px;
  background-image: url(/images/topblock.jpg);	
  }
 
  #contentframebtm {
  float:left;
  margin:0;
  padding:0 0px 0px 0;
  width:396px;
  background-image: url(/images/btmblock.jpg);
  }


#divide{
	background: url("images/divide.gif") repeat-y;
	}
	
	
/* END */

/* Content Baby */


#maincolumn {
  background:#fff;
 }
 
 #galcolumn {
  background:#fff;
 }
 

#maincolumn {
  float:left;
  margin-left:0;
  padding:0 0px 0px 0px;
  width:396px;
  font:100%/1.6em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size: 11px;
	
  }
  
  #galcolumn {
  float:left;
  margin-left:0;
  padding:0 0px 0px 0px;
  width:696px;
  font:100%/1.6em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size: 11px;
	
  }
  
 
 


  
  
  /* All MAIN blogging content */
  .post {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 11px;
  padding:0 0px 0px 10px; 
  }
  
  .post {
  padding-top: .5em;
  }
  
  .postblock {
  border-bottom: 1px dashed #EC1872;
  }
  
  .post h1 {
    font-family: Georgia,"Times New Roman",Times,serif;
	padding-bottom: .5em;
	margin: 0;
	}
	
.post h2	{
	float: right;
	width: 95px;
	padding-right: 0px;
	background: #E2E0D9;
	margin: 0 5px 0em 0;
	font-family: Georgia,"Times New Roman",Times,serif;
  	font-size: 11px;
	font-variant: small-caps;
	letter-spacing: .1em;
	}

	
	.post h1 a:link {
  color: #000;
  text-decoration: none;
}


.post a:visited {
   color: #000;
   text-decoration: none;
}

.post a:hover {
  color: #EC1872;
  text-decoration: none;
}

.post a:active {
  color: #003;
  text-decoration: underline;
}

  
  p.categories {
  	background: #E6E6C2;
  	border-bottom:4px solid #E7E77F;
	color: #000;
	font-variant: small-caps;
	letter-spacing: .1em;
	text-align: center;
	text-transform: lowercase;
	text-indent: 0;
	margin:0;
	}

  
  /* Blog Entry Stylez */
  
  .storycontent {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 13px;
  padding:0 0px 0px 20px;
  }
 
.storycontent {
	margin: 0 0 40px;
	}
	
	
.feedback {
	color: #000;
	font-variant: small-caps;
	letter-spacing: .1em;
	text-align: center;
	text-transform: lowercase;
	text-indent: 0;
	margin: 1em 0;
	}
	
	
.search {
	float:right;
}



/* 
-----------------------------------------------
  SITE HEADLINE
----------------------------------------------- */	

#siteheadline {
  background:#fff;
 }
 

#siteheadline{
  float:left;
  margin-left:0;
  padding:0 0px 0px 0px;
  width:396px;
  font:100%/1.6em Georgia,"Times New Roman",Times,serif;
  font-size: 11px;
	
  }
  
  #siteheadline p {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 13px;
  padding:0 0px 0px 20px;
  }
  
 .right-home {
  position: relative;
  float: right;
}

.right-home img {
  display: block;
}

.right-home em {
  display: block;
  margin: 2px 0 15px 0;
  font-size: 85%;
  line-height: 1.5em;
}
/* 
-----------------------------------------------
  MAIN NAViGATiON
----------------------------------------------- */



#mainnav {
	clear: both;
	list-style: none;
	float: left;
	width: 755px;
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
	line-height: 30px;
	text-align: left;
	border-bottom:5px solid #EC1872;
	background: #E2E215;
	font-size: 11px;
	}
	
	
	#mainnav ul {
		display: inline;
		padding: 0 5px;
		}
		
	#mainnav li {
		display: inline;
		padding: 0 5px;
		}
		
		#mainnav li a:link, #mainnav li a:visited {
			font-weight: bold;
			color: #000;
			text-decoration: none;
			padding: 5px 0 0 10px;
			margin: 10px 0 0 0;
			}
			#mainnav li a:hover {
			border-bottom: 4px solid #EC1872;
			color: #EC1872;
			background: none;
			}


/* 
-----------------------------------------------
  LINKS
----------------------------------------------- */

a:link {
  color: #C62C2C;
  text-decoration:none;
}

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

a:hover {
  color: #333;
  text-decoration: underline;
}

a:active {
  color: #003;
  text-decoration: underline;
}


/* 
-----------------------------------------------
  HEADERS
----------------------------------------------- */
h1 {
  padding:  5px 0px 5px 10px;
  font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size:28px;	
  font-weight: bold;
  line-height: 1.2em;
  border-bottom:0px solid #E7E77F;
  margin: 0;
}

h2 {
  padding:  5px 0px 5px 10px;
  font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight: lighter;
  line-height: 1.2em;
  border-bottom:1px solid #ccc;
  margin: 0;
}

h3 {
  padding:  5px 0px 5px 10px;
  font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size:11px;
  font-weight: lighter;
  line-height: 1.2em;
  border-bottom:4px solid #E2E0D9;
  margin: 0;
}

h4 {
  padding:  5px 0px 5px 20px;
  font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight: lighter;
  line-height: 1.2em;
  bottom:0px;
  margin: 0;
}



/* 
-----------------------------------------------
MAIN COLUMN POSTING AREA
----------------------------------------------- */

#columnhome {
  height: 100%;
  margin: 0;
  padding: 5px 15px 0 15px;
}

#columnhome a{
	text-decoration: none;
	color: #000;
}
#columnhome a:hover{
	text-decoration: underline;
}


.topbox{
	width: 100%;
	border: 0px;
	padding: 0;
	margin: 0 0 10px 0;
}


/* 
-----------------------------------------------
	SECOND COLUMN POSTING AREA (featured artists)
----------------------------------------------- */

#sidebar {
	color:#EC1872;
	display:inline;
}


/* #sidebar-innen {
padding: 0 15px 10px 15px;
}
*/


#sidebar h2 {
color: #000;
font: 1.4em veradana, sans-serif;
margin: .8em 0 .2em 0;
border-bottom: 0px;
}

#sidebar ul {
list-style: none;
margin: .4em 0 1em 0;
padding: 0;
}

#sidebar ul li ul {
margin: .8em 0 .4em .5em;
}

#sidebar a {
text-decoration: none;
font-weight: bold;
}






#secondcol {
  float:right;
  margin:0;
  padding:0 0 0px 0;
  width:354px;
  height: auto;
  background: #E7E77F;
  font:80%/1.5em Verdana,Sans-serif;
  }
  


.cont_2 {
	width: 170px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 6px;
	

	
}
.cont_2 ul{
	list-style: none;
	font:85%/1.3em Verdana,Sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0px 0 0 0px;
}
.cont_2 li{
	margin-bottom: 10px;
	padding: 0px 0px 0px 3px;
	text-decoration: none;
}

.cont_2 h2 {
font: 1.4em veradana, sans-serif;
font-weight:bold;
font-variant: small-caps;
letter-spacing: .1em;
margin: .8em 0 .2em 0;
border:none;
}

/* Featured Aritst Section */




#fmenu {
  height: 100%;
  margin: 0;
  padding: 0px 0px 0 0px;
}

#fmenu a{
	text-decoration: none;
	color: #000;
}
#fmenu a:hover{
	color: #EC1872;
	text-decoration: none;
}



.thumbnails img	{
	padding: 4px;
	border: 0px solid #ccccd6;
	margin: 0 0 .5em 0;
	}

.thumbnails	{
	float: left;
	padding-right: 0px;
	margin: 0 0px 1em 0;
	}

.thumbnails a	{
	border-bottom: none;
	}

.thumbnails a:hover img	{
	background-color: #fbedca;
	}

.thumbnails img	{
	margin: 0 0px 0 0px;
	}




/* .featured {
	width: 175px;
	float: left;
	background: #FFF;
	border: 1px dotted #EC1872;
	border-width: 0 1px 0 0;
	margin: 0;
	margin-right: 0px;
	padding: 3px 3px 0 3px; */
	
.featured {
	width: 170px;
	height: auto;
	float: left;
	border-right: 1px dotted #EC1872;
	margin: 0;
	padding: 0px 0px 0px 6px;

}

.featured{
  font:85%/1.3em Verdana,Sans-serif;
  font-size: 11px;
  margin:0px 0 0px 0;
  padding:0px 0 0px 0;
}


.featured ul{
	list-style: none;
	font:85%/1.3em Verdana,Sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0px 0 0 0px;
}
.featured li{
	margin-bottom: 10px;
	padding: 0px 0px 0px 3px;
	text-decoration: none;
}

.featured h2 {
font: 1.4em Veradana, Sans-serif;
font-weight:bold;
font-variant: small-caps;
letter-spacing: .1em;
margin: .8em 0 .2em 0;
border:none;
}

.featured h3 {
background: #FFF;
font: 1.4em Veradana, Sans-serif;
font-weight:bold;
font-variant: small-caps;
letter-spacing: .1em;
margin: .8em 0 .2em 0;
border:none;
}





dd.featureheader {
height: 100%;
  margin: 0;
  padding: 0px 0px 17px 12px;
  background: #000;
 
}

dd.featureheader img {
	float: left;
	margin: 0;
	padding: 0px 5px 0 5px;
}

.featureheader {
	clear: both;
	margin: 0 0 5px 0;
}

dd.featurefooter {
height: 100%;
  margin: 0;
  padding: 0px 0px 17px 12px;
  background: #000;
 
}

dd.featurefooter img {
	float: left;
	margin: 0;
	padding: 0px 5px 0 5px;
}

.featurefooter {
	clear: both;
	margin: 0 0 5px 0;
}


		
dd.featurepost {
height: 100%;
  margin: 0;
  padding: 10px 0px 0 0px;
  background: #E6E6C2;
  border-bottom:2px solid #F5F5A7;
}

dd.featurepost img {
	float: left;
	margin: 0;
	padding: 0px 5px 10px 10px;
}

dd.featurepost a:hover {
	background-color: #fbedca;
	}
	
dd.featurepost p{
padding: 0px 15px 0px 15px;
}

dd.featurepost h3{
padding:  5px 0px 5px 10px;
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight: lighter;
line-height: 1.2em;
font-size: 11px;
border: 0;
margin: 0;
}
	
.featurelist {
	clear: both;
	margin: 0 0 5px 0;
}

/*
-----------------------------------------------
PROMOTIONAL SECOND COLUMN BLOCK
_____________________________________________*/


dd.promo {
  height: 100%;
  margin: 0;
  padding: 10px 0px 0 0px;
  background: #E3E6E8;
  border-top:1px solid #A4A9AC;
  border-bottom:1px solid #A4A9AC;
}

dd.promo img {
	margin: 0;
	padding: 0px 0px 5px 16px;
}

dd.promo a:hover {
	background-color: #fbedca;
	}
	
dd.promo p{
color: #333;
font-size: 1.2em;
font-variant: small-caps;
letter-spacing: .1em;
margin: 15px;
padding: 0px 0px 0px 0px;

}
	
.promopost {
	clear: both;
	margin: 0 0 5px 0;
}

/*
-----------------------------------------------
STAFF IMAGES
_____________________________________________*/


.stafflist {
	clear: both;
	margin: 0 0 5px 0;
}


dd.staffpost {
height: 100%;
  margin: 0;
  padding: 10px 0px 0 0px;
  background: #E3E6E8;
  border-bottom:2px solid #F5F5A7;
}

dd.staffpost p{
padding: 0px 15px 0px 15px;
}

dd.staffpost img {
	float: left;
	margin: 0;
	padding: 0px 5px 10px 10px;
}

dd.staffpost a:hover {
	background-color: #fbedca;
	}
	
	
	
/*
-----------------------------------------------
Artist Gallery for iimage gallery 
_____________________________________________*/

.gallery {
	margin: 1em auto 1em auto;
	border: 0px solid #313131;
	padding: 0 0 6px 0;
	text-align: center;
	background-color: #FFF;
}

.gallery_item img{
	display: inline;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
}




/*
-----------------------------------------------
Alternative: Simple PHP Gallery 
_____________________________________________*/

#spg {
	margin: 0 0 0 0;
	text-align: left;
}

#spg #prev {
	float:left;
}
#spg #next {
	float:right;
}
#spg #spgimage {
	text-align:center;
	margin-bottom: 40px;
}
#spg .imgwrapper {
	float: left;
	margin: 0 0 15px 25px;
	padding: 2px;
	height:130px;
}
#spg .imgwrapper span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}
#spg .imgwrapper img {
	background-color: #fff;
	border: 1px solid #ddd;
	/*-moz-border-radius:5px;*/
	padding: 4px;
}
#spg .imgwrapper a:visited img {
	background-color:#fff;	
}
#spg .imgwrapper a:hover img, .imgwrapper a:focus img {
	background-color: #036;
}
#spg .imgwrapper a:hover, .imgwrapper a:focus {
	color:#000;
}
#spg #single {
	padding:3px;
	border:1px solid #aaa;
	/*-moz-border-radius:5px;*/
	background:#ddd;
}
#spg #spgdesc {
	border-color:#000;
	border-style:solid;
	border-width:1px;
	text-align:center;
	clear:both;
	margin:5px 40px;
	padding:5px;
}
#spg #credit {
	background:#036;
	border-top:4px solid #333;
	/*-moz-border-radius:0 0 20px 20px;*/
	color:#fff;
	font-size:9px;
	text-align:center;
	margin:10px 0 0;
	padding:3px 0;
	clear:both;
}
#spg #credit a {
	color:#fff;
}
#spg #directories, #breadcrumb {
	border-bottom:1px solid #ddd;
	margin:0;
}
#spg #breadcrumb {
	padding:5px;
	border-top:1px solid #CCC;
	border-bottom:5px solid #E6E77F;
	background:#E3E6E8;
	color:#666;
	margin-bottom:10px;
}
#spg #breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active {
	color:#EC1872;
}
#spg #spgdirdesc {
	padding:4px;
	border-bottom:1px solid #ddd;	
}
#spg #spggallery {
	margin:10px 5px 5px;
}


#spgdirectories {
float:left;
  margin-left:10px;
  padding:0 0px 0px 0px;
}

#spg #spgdirectories ul {
	list-style:circle;
	padding-bottom:5px;
}
#spg #directories li {
	margin:2px 0;
}
#spg #directories h2 {
	font:14px georgia, garamond, times, serif;
	font-weight:bold;
	text-indent:15px;
	margin:0;
}
#spg #directories h3 {
	font:12px georgia, garamond, times, serif;
	font-weight:bold;
	text-indent:20px;
	margin:0;
}

/* End Gallery */


/* 
-----------------------------------------------
COMMENTS
----------------------------------------------- */

.comment {
	color: #666;
	}

.comment, .commentadmin {
	clear: both;
	padding-bottom: 1em;
	}

.comment p, .commentadmin p {
	text-indent: 0;
	margin-bottom: 1em;
	}


/* Comments Part two - */

h3.postman {
  padding:  5px 0px 5px 10px;
  color: #003366;
  font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-weight: lighter;
  line-height: 1.2em;
  font-size: 11px;
   border-top:1px dashed #A4A9AC;
  border-bottom:1px dashed #A4A9AC;
  margin: 0;
}

h4.commentheader	{
	font-weight: bold;
	letter-spacing: .2em;
	color: #933;
	margin-bottom: 0;
	}

h5.commentfeed {
	padding:  5px 0px 5px 10px;
	font-size: 11px;
  	line-height: 1.2em;
   	border-top:4px solid #A4A9AC;
  	border-bottom:4px solid #A4A9AC;
  	margin: 0;
}

#postcomment	{
	display: block;
	clear: both;
	margin-left: 20px;
	padding: 1em 0;
	}

#postcomment label {
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 1em;
	color: #C66023;
	letter-spacing: .1em;
	text-transform: uppercase;
	}

.commentfield	{
	display: block;
	width: 170px;
	}

#commentform	{
	clear: both;
	margin-left: 10px;
	margin-bottom: 1em;
	}

.inputbutton, .submitbutton	{
	padding: 0 .1em;
	margin: .75em 0;
	}

.submitbutton	{
	color: #fff;
	font-variant: small-caps;
	letter-spacing: .1em;
	text-transform: lowercase;
	text-align: center;
	background-color: #ccccd6;
	}


.guidelines	{
	clear: both;
	font-style: italic;
	text-indent: 0;
	padding-top: 1em;
	border-top: 1px dashed #ccccd6;
	margin-top: 1.5em;
	}

.guidelines code	{
	font-style: normal;
	}


/* Comments end */ 



/* 
-----------------------------------------------
  FOOTER
----------------------------------------------- */
#footer {
  clear: both;
  height: 1%;
  width: 755px;
  margin: 0 0 0 0px;
  padding: 0px 0;
  border-top:19px solid #000;
  }
  
#footer p {
  background:#EC1872;
  margin:0;
  color:#FFF;
  font-size: 1.2em; 
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  text-align:center;
  font-variant: small-caps;
  letter-spacing: .1em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */

#footer a:link, #footer a:visited{
  color:#000;
  text-decoration: underline;
}

#footer a:hover{
  color:#666;
  text-decoration: underline;
}

#footer a:active{
  color:#333;
  text-decoration: underline;
}

h1.foothead {
  background:#EC1872;
  color:#FFF;
  text-align:center;
  font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-size: 1.2em; 
  font-variant: small-caps;
  letter-spacing: .1em;
  bottom:0px;
  margin: 0;
}



#admin {
z-index: 20;
width: 100%;
margin: 0;
background: #666;
border-bottom: 2px solid #fff;
color: #fff;
font-size: 12px;
font-family: verdana, sans-serif;
text-align: center;
}

#admin li {
display: inline;
padding: 5px;
}

#admin li a {
color: #eee;
text-decoration: none;
letter-spacing: 1px;
}

#admin li a:hover {
color: #bbb;
text-decoration: none;
}