/* $Id: skin.css 584 2010-10-12 21:39:36Z martin $ */

div.mmCarousel-container {
    margin: 0 auto;
}
    .mmCarousel {
    	position: relative; /* important */
    	overflow: hidden; /* important */
        background: url(../images/content-bg.jpg) repeat-x left top #134351;
    }
        ul.mmCarousel-list {
            margin: 0;
            padding: 0;
        	position: absolute;
        	top: 0;
        }
            ul.mmCarousel-list li {
            	margin: 0;
            	padding: 0;
            	list-style: none;
            	display: block;
        		float: left;
            }
                .mmCarousel-item {
                    padding: 20px 35px;
                }

    .mmCarousel-controls {
        position: relative;
        background: #000;
        height: 60px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        border-top: 1px solid #494f51;
    }
        .mmCarousel-titles {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
        .mmCarousel-controls li {
            float: left;
            background: url(../images/control-split.png) no-repeat top left;
            margin: 0px;
            padding: 10px 17px;
            list-style: none;
            height: 60px;
            cursor: pointer;
            color: #9a9999;
            font-size: 10px;
        }
            .mmCarousel-controls li span {
                display: block;
                font-size: 12px;
                color: #afb4b5;
                font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
            }
            .mmCarousel-controls li.active span {
                color: #FFF;
            }
        .mmCarousel-controls .previous {
            padding: 0px;
            float: left;
        }
        .mmCarousel-controls .next {
            position: absolute;
            z-index: 99;
            right: 0px;
            top: 0px;
            padding: 0px;
            background: url(../images/control-split.png) no-repeat top left;
        }
        .mmCarousel-controls a {
            outline: none;
            display: block;
        }
            .mmCarousel-controls .next a, .mmCarousel-controls .previous a {
                width: 65px;
                height: 60px;
            }
                .mmCarousel-controls .next a:hover, .mmCarousel-controls .previous a:hover {
                    text-decoration: none;
                }

.mmCarousel-article {
    padding: 15px 35px 20px;
    color: #a8b5b8;
}
     .mmCarousel-article h2, .mmCarousel-article  h2 a {
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        text-decoration: none;
        margin: 10px 0px 10px 0px;
     }
        .mmCarousel-article span.author {
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article span.created {
            display: block;
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article div.introtext {
            font-size: 12px;
            line-height: 19px;
            padding: 5px 0px 10px 0px;
            color: #a8b5b8;
            margin-right: 20px;
        }
        .mmCarousel-article span.author {
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article span.modified {
            display: block;
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article a.read-more {
            float: right;
            display: block;
            color: #3aa0bc;
            font-weight: bold;
            margin-right: 20px;
            font-size: 13px;
            text-decoration: none;
            outline: none;
            font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
            background: url(../images/icon-read-more.png) no-repeat 0% 50%;
            padding-left: 20px;
            margin-bottom: 20px;
        }