/**

 *	This element is created inside your target element

 *	It is used so that your own element will not need to be altered

 **/

.time_circles {

    position: relative;

    width: 100%;

    height: 100%;

}



/**

 *	This is all the elements used to house all text used

 * in time circles

 **/

.time_circles > div {

    position: absolute;

    text-align: center;

}



/**

 *	Titles (Days, Hours, etc)

 **/

.time_circles > div > h4 {

    margin: 0px;

    padding: 0px;

    text-align: center;

    text-transform: uppercase;

    font-family: 'Century Gothic', Arial;
	font-size: 10px !important;
    line-height: 9px !important;

}



/**

 *	Time numbers, ie: 12

 **/

.time_circles > div > span {

    display: block;

    width: 100%;

    text-align: center;

    font-family: 'Century Gothic', Arial;

    font-size: 300%;

    margin-top: 0.4em;

    font-weight: bold;

}

.sidebarbas .textwidget {text-align: center;font-size: 100%;font-weight: 300;color: #000;}
.sidebarbas .textwidget h1{font-size: 18px;padding-bottom: 6px;border-bottom: 1px solid #f5f5f5;}
.sidebarbas .textwidget p{background: #f6f6f6;width: 133px;padding: 6px 0px;font-size: 15px;margin: auto;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}