/*
This file is only for SIDEBAR control.
To customize anything, copy it and paste it into the 'customized.css'
*/

#sidebar-left {
	float:left;
	width:360px; /* This plus #content must equal the width of #wrapper (above)  */
	}
	
#sidebar-right {
	float:right;
	width:360px; /* This plus #content (below) must equal the width of #wrapper (above)  */
	}

#sidebar {
	text-align:left;
	color:#999;
	}

#sidebar .inner {
	padding:0 0 30px 0;/* so you dont have to mess with the math - add padding and margin with impunity. Just no width! */
	background-color:#000;
}

#sidebar .widget {
	padding:10px;
	margin:0 0 4px 0;
	background-color:#353F1F;
}

#sidebar .widget h3{
	padding:0 0 5px 0px;
	font-size:22px;
	color:#CCC;
	}

#sidebar .alt1 {
	background-image:url(../images/widget-alt-1.jpg);
	background-position:top;
}

#sidebar .alt1 h3 {
	color:#999;
}
#sidebar .alt1 a {
	color:#ccc;
}
#sidebar .alt1 a:hover {
	color:#C30;
}

#sidebar .alt2 {
	background-image:url(../images/widget-alt-2.jpg);
	background-position:top;
}
#sidebar .alt2 h3 {
	color:#999;
}
#sidebar .alt2 a {
	color:#ccc;
}
#sidebar .alt2 a:hover {
	color:#C30;
}

#sidebar .alt3 {
	background-image:url(../images/widget-alt-3.jpg);
	background-position:top;
	color:#fff;
}
#sidebar .alt3 h3 {
	color:#000;
}
#sidebar .alt3 a {
	color:#300;
}
#sidebar .alt3 a:hover {
	color:#C30;
}


#sidebar .alt4 {
	background-image:url(../images/widget-alt-ribbon-red.png?cache=0);
	background-position:left top;
	background-repeat:no-repeat;
	color:#fff;
	text-align:right;
}

#sidebar .alt4 h3 {
	color:#ff0;
}
#sidebar .alt4 a {
	color:#fff;
}
#sidebar .alt4 a:hover {
	color:#fcc;
}




#sidebar .widget ul {
	padding:0px;
}

#sidebar .widget ul li {
	padding:3px;
	display:block;
	list-style-type:none;
}

#sidebar .widget ul li ul {
	padding:0px;
}


#sidebar .widget ul li ul li {
	display:list-item;
	margin:0px 13px;
	padding:1px 0px;
	list-style-type:square;
	font-size:11px;
}


/* These are the split sidebars */


#sidebar .widget-split-left {
	float:left;
	width:152px;
	padding:0 10px 20px 10px;
	margin:0 0 4px 4px;
}

#sidebar .widget-split-right {
	float:right;
	width:152px;
	padding:0 10px 20px 10px;
	margin:0 4px 4px 0;
}

#sidebar .widget-split-left .alt1 {
	padding:5px;
}

#sidebar .widget-split-right .alt2 {
	padding:5px;
}

#sidebar .widget-split-left h3, #sidebar .widget-split-right h3 {
	padding:10px 5px;
}

#sidebar .widget-split-left ul, #sidebar .widget-split-left ul {
	padding:5px;
}

#sidebar .widget-split-left ul li, #sidebar .widget-split-right ul li  {
	padding:3px;
	display:block;
	list-style-type:none;
}

#sidebar .widget-split-left ul li ul, #sidebar .widget-split-right ul li ul {
	padding:0px;
}

#sidebar .widget-split-left ul li ul li, #sidebar .widget-split-right ul li ul li {
	display:list-item;
	margin:0px 13px;
	padding:1px 0px;
	list-style-type:square;
	font-size:11px;
}

#sidebar .widget-split-left h3, .widget-split-right h3 {
	padding:10px 0 5px 0px;
	font-size:16px;
	color:#CCC;
	}
	
.sidebarCenter {
	margin: auto;
	padding-right: 45px;
}
