/* BASE STYLING FOR TTD WIDGET */

/* STYLING FOR OLD STACK */

#ttd-widget * {padding: 0; margin: 0;}

#ttd-widget-content li { list-style-type: none; }

#ttd-widget-content li img {border: none;}

#ttd-widget-content p {font-family: Arial, sans-serif;}

/* WIDGET MAIN */

#ttd-widget {
    /* Layout */
    /* Styling */
	background-color: #f6f5e8;
    /* Typography */
	font-size: 13px;
}

#ttd-widget-header {
    /* Layout */
	padding: 16px 16px 8px; position: relative;
    /* Styling */

    /* Typography */
	font-family: "Helvetica Neue", Helevetica, Arial, sans-serif;
}

#ttd-widget-content {
    /* Layout */
	overflow: auto; padding: 8px 16px; zoom: 1;
    /* Styling */
	
    /* Typography */
}

#ttd-widget-footer {
    /* Layout */
	clear: left; overflow: auto; padding: 8px 16px 16px; zoom: 1;
    /* Styling */
	background-color: #dfe9c0;
    /* Typography */
}

#ttd-widget p {
    /* Layout */

    /* Styling */

    /* Typography */
	color: #666;
}

#ttd-widget a:hover {
    /* Layout */

    /* Styling */

    /* Typography */
	color: #333;
}

/* TTD-WIDGET-HEADER */

#ttd-widget-header h2 {
    /* Layout */
	margin-bottom: 8px;
    /* Styling */

    /* Typography */
	color: #333; font-size: 1.846em; letter-spacing: -1px;
}

#ttd-widget-header p {
    /* Layout */

    /* Styling */

    /* Typography */
	color: #666; font-size: 0.857em; font-weight: bold;
}

#ttd-widget-header #ttd-widget-header-image {
    /* Layout */
	display: block; position: absolute; top: -10px; right: 2px; width: 115px; height: 77px;
    /* Styling */
	background: url(../img/widget/ttd-widget-header-image.png) no-repeat;
    /* Typography */
}

/* TTD-WIDGET-CONTENT */

#ttd-widget-content li {
    /* Layout */
	margin-bottom: 8px; overflow: auto; zoom: 1;
    /* Styling */

    /* Typography */
}

#ttd-widget-content li img {
    /* Layout */
	float: left; padding-right: 8px;
    /* Styling */

    /* Typography */
}

#ttd-widget-content li .date-block {
    /* Layout */
	display: inline-block; padding-bottom: 6px;
    /* Styling */
	background: url(../img/widget/ttd-widget-date-arrow.gif) no-repeat center bottom;
    /* Typography */
	color: #fff; font-family: "Helvetica Neue", Helevetica, Arial, sans-serif; font-size: 0.846em; font-weight: bold; line-height: 1.455em;
}

#ttd-widget-content li .date {
    /* Layout */
	display: inline-block; padding: 0 8px;
    /* Styling */
	background-color: #6e6d65;
    /* Typography */
}

#ttd-widget-content li .date .month {
    /* Layout */

    /* Styling */

    /* Typography */
	color: #ccc;
}

#ttd-widget-content li h3 {
    /* Layout */
	
    /* Styling */

    /* Typography */
	font-family: "Helvetica Neue", Helevetica, Arial, sans-serif; font-size: 1.231em; line-height: 1em;
}

#ttd-widget-content li h3 a {
    /* Layout */

    /* Styling */

    /* Typography */
	color: #507117; text-decoration: none;
}

#ttd-widget-content p {
    /* Layout */
	
    /* Styling */

    /* Typography */
	line-height: 1.231em;
}

#ttd-widget-content p a {
    /* Layout */

    /* Styling */

    /* Typography */
	color: #507117; font-weight: bold; text-decoration: none;
}

/* TTD-WIDGET-FOOTER */

#ttd-widget-footer label {
    /* Layout */
	display: block; margin-bottom: 8px;
    /* Styling */

    /* Typography */
	color: #666; font-family: "Helvetica Neue", Helevetica, Arial, sans-serif; font-weight: bold;
}


#ttd-widget-footer form {
    position: relative;
}

#ttd-widget-footer .search-wrapper {
    /* Layout */
        padding-right: 28px; overflow: hidden;
}

#ttd-widget-footer .submit-wrapper {
    /* Layout */
        position: absolute; right: 0; top: auto; margin-top: -22px;
    
}

#ttd-widget-footer #ttd-widget-search {
    /* Layout */
	height:22px; padding: 0px 25px 0 3px; display: block; width: 100%;
        
    /* Styling */
	border: none; border-color: transparent; /* border-color styling for IE 6 */ 
        background: #ffffff url(../img/widget/search_button_black.png) no-repeat 100% 50%;
    /* Typography */
	color: #333;
}

#ttd-widget-footer #ttd-widget-search-btn {
    /* Layout */
	position: relative; float: right; padding: 0; width: 22px; height: 22px; line-height: 22px; margin-left: -22px;
    /* Styling */
	cursor: pointer; border: none; background: transparent;
    /* Typography */
	font-size: 0; line-height: 0; text-indent: -9999px;
}

@media all and (max-width: 380px) {
    #ttd-widget-header #ttd-widget-header-image {
        display: none;
    }
}