/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
<meta name="google-site-verification" content="2jjuBzJQPvLFSZRlid5scpARYVYPNHs-RtD2BE3Ejkk" />
#container
{
/*background: #FFFEFF url(http://pa-solar-energy.com/pa/wp-content/themes/delegate/styles/green/bgtile5b.jpg) repeat-x top center;*/
background: #FFFEFF url(http://www.sundirected.com/wp-content/uploads/2010/03/bgLeft1.png) repeat-y top left;
}

/* Main window */
#main.box  { width: 580px; padding: 30px 20px; background: #fff; } /* default 540 michael was 680 */
#main.fullwidth  { width: 900px; }

/* Sidebar */
#sidebar{width:300px;} /*default 340px - michael was 200*/


#footer  { background-color: #384b61; }

.slider-nav ul li a  { color: #BBBBBB; }

/* Michael trying to change color of slider navigation bar to blue */
.slider-nav ul li.active a, .slider-nav ul li a:hover  { color: #fff; background: #5095D7 no-repeat center top; }

#footer .top  { border-bottom: 1px solid #EEEEEE; }
#footer .bottom  { border-top: 1px solid #EEEEEE; color:#555; }

/* 2.3 Header */
#header{padding:3px 0 25px;clear:both;position:relative;}

#logo  { margin-top:20px; float:left;}
#logo img  { }
#logo .site-title { margin-top:20px; }
#logo .site-title, #logo .site-description  { display: none; }
#logo .site-title a { font-size:42px; font-weight:bold; letter-spacing:-1px; line-height:40px; text-transform:uppercase;  }
#logo .site-title a:hover { text-decoration:none; }
#logo .site-description { color:#555; text-transform:uppercase; font-size:12px;}


/* #topad, #address { float: right; text-align: center; } 
#address  { margin: 15px 110px 0 0; color: #fff;  }
#address .name  { font: 25px "Lucida Grande", Helvetica, Arial, Sans-serif; font-weight: bold; }
#address .telephone, #address .street  { font-size: 20px; line-height: 25px; text-transform:uppercase; }
/* #address .telephone, #address .email, #address .street  { font: 25px Helvetica, Arial, Sans-serif; line-height: 35px; text-transform:uppercase;} */
#address .telephone { font-style: normal; }
#address .email { font-size: 20px; line-height: 35px; color: #ffcb17; }
#address  { text-shadow: 0px 0px 0 #ffcb17; }
*/

/* sliding login */

/* sliding panel 
#toppanel {
	position: absolute;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 130%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}
#panel {
	width: 100%;
	height: 280px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
	text-align: left;
}
#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}
#panel p {
	margin: 5px 0;
	padding: 0;
}
#panel a {
	text-decoration: none;
	color: #15ADFF;
}
#panel a:hover {
	color: white;
}
#panel a-lost-pwd {
	display: block;
	float: left;
}
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}
#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
}
#panel .content .border {
	border-left: 1px solid #333;
}
#panel .content .narrow {
	width:120px !important;
}
#panel .content form {
	margin: 0 0 10px 0;
}
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
#panel .content input:focus.field {
	background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
	top: 0;
	z-index: 999;
}
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	/* right: 150px; */
  	color: white;
  	font-size: 80%;
	text-align: center;
}
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
	color: #15ADFF;
}
.tab ul.login li a:hover {
	color: white;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}
.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}


*/