/********************************************************************
	WIDGET CONTAINER
	<aside id="categories-3" class="widget widget_categories cf">
********************************************************************/

/* Widget container, contains all parts of a widget */
.widget {
	font-size: 14px;
	line-height: 		1.3;
	color: 				#666666;
	margin-bottom: 	30px;
}

/* Widget container, when hovered */
.widget:hover { 
  	color: 				#000000;
}


/********************************************************************
	Links inside Widgets
********************************************************************/

/* All links inside widgets */
.widget a { 
  	color: 				#000000;
}

/* Links inside widgets, when parent .widget is hovered */
.widget:hover a { 
  	color: 				#0090d3;
}


/********************************************************************
	WIDGET TITLES
	<h3><i></i><span><span class="firstpart">Widget</span> Title</span></h3>
********************************************************************/

/* Widget title h3 container, contains all parts of widget title */
.widget > h3 {
	color: 				#0090d3;
	margin: 				0 0 15px 0; /* turning off default h3 margins, leaving only margin-bottom */
	font-size:			32px;
	line-height: 		29px;
}

/* Widget title h3 container, when parent .widget is hovered */
.widget:hover > h3 { 
  	color: 				#000000;
}

/* Widget title text */
.widget > h3 > span {
}

/* First part of widget title text */
.widget h3 span .firstpart {
	color: 				#000000;
	text-decoration: 	none;
}

/* Global widget title icon */
.widget > h3 i {
	display: 			inline-block;
	width: 				24px;
	height: 				24px;
	margin-right: 		15px;
	background-color: #ffffff;
	background-image: url( %tpldir%/images/icons.png );
}

/* Individual widget title icons */ 
.widget > h3 i 						{ background-position: -120px -216px }
.widget_archive > h3 i 				{ background-position: -120px -24px }
.widget_tag_cloud > h3 i 			{ background-position: -120px 0px }
.widget_recent_comments > h3 i 	{ background-position: -120px -72px }
.widget_links > h3 i				{ background-position: -120px -96px }
.widget_pages > h3 i 				{ background-position: -120px -120px }
.widget_recent_entries > h3 i 	{ background-position: -120px -144px }
.widget_meta > h3 i 					{ background-position: -120px -192px }
.widget_categories > h3 i 			{ background-position: -120px -168px }

/* Individual widget title icons, when the parent .widget is hovered */ 
.widget:hover > h3 i 						{ background-position: -96px -216px }
.widget_archive:hover > h3 i 				{ background-position:  -96px -24px }
.widget_tag_cloud:hover > h3 i 			{ background-position:  -96px 0px }
.widget_recent_comments:hover > h3 i 	{ background-position:  -96px -72px }
.widget_links:hover > h3 i 				{ background-position:  -96px -96px }
.widget_pages:hover > h3 i 				{ background-position:  -96px -120px }
.widget_recent_entries:hover > h3 i 	{ background-position:  -96px -144px }
.widget_meta:hover > h3 i 					{ background-position:  -96px -192px }
.widget_categories:hover > h3 i 			{ background-position:  -96px -168px }


/********************************************************************
	"UL" Unordered lists inside WIDGETS
	Widgets displaying lists of something usually print them as "UL" list, e.g. 
	these default WP widgets: Recent Posts, Categories, Recent Comments, Pages...
********************************************************************/

/* All UL lists, including 2nd+ levels */
.widget ul {
	list-style: 			none;
	margin-top: 			0px;
	margin-bottom: 		0px;
	margin-left: 			0px;
	padding-left: 			0;
}

/* Only 1st level UL */
.widget > ul { 
  	border-top: 			solid 1px #eeeeee 
}

/* 2nd+ level UL's */
.widget ul ul {
	padding-left: 			0px;
	margin-left: 			0px;
}

/* LI's of first level UL's */
.widget > ul  > li {
	margin: 					0;
	padding: 				7px 0 8px 0;
	border-bottom: 		solid 1px #eeeeee;
}


/* Uncomment to have a > character in front of LI items. Using CSS ISO codes and 
the :before or :after pseudo selectors. An alternative to images. For other CSS ISO codes 
see http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/ */ 
.widget > ul > li:before {
	content: '\203a \00a0\00a0'; 
	margin-left: -10px;
}
.widget > ul  > li {
	padding-left: 10px;
}


/* All LI's on hover */
.widget li:hover { 
  	background: 			#f7f7f7 
}

/* 2 columns for widgets that usually have rather short links 
and are (or can be: categories) displayed as flat list */
.widget_categories > ul > li, 
.widget_archive li, 
.widget_meta li {
	float: 					left;
	width: 					50%;
}
@media only screen and (max-width: 959px) {	
.widget_categories > ul > li, 
.widget_archive li, 
.widget_meta li {
	float: 					none;
	width: 					auto;
}
}

/********************************
 Uncomment to add icons to list items:
 ********************************/
/*
.widget > ul  > li {
	padding-left: 			20px;
}
.widget ul li i {
	display: 				inline-block;
	width: 					12px;
	height: 				12px;
	background: 			transparent url("%tpldir%/images/icons.png") 0 -120px no-repeat; 
	margin-right: 			8px;
	margin-left: 			-20px;
	vertical-align: 		-1px;
}
*/
