/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* General
----------------------------------------------------------------------------------------------------*/

	#system .title a { color: inherit; }
	#system small { color: #999; }

/* Item
----------------------------------------------------------------------------------------------------*/

	#system .item > header .meta {
		color: #999;
		padding-bottom: 14px;
		padding-left: 0;
		margin-top: 15px;
		text-transform: uppercase;
		letter-spacing: 3px;
	}
	.yoo-zoo .item > header .meta { padding-left: 0 !important;}
	#system .item > header.results .meta { margin-left: 0;}
	#system .item > header .subtitle{ color: #777; }

/* Items
----------------------------------------------------------------------------------------------------*/

	#system .items .item {
		margin-bottom: 12px;
		padding-bottom: 18px;
	}

	#system .items .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border: none;
	}


/* Pagination
----------------------------------------------------------------------------------------------------*/

	#system .pagination a.last,
	#system .pagination a.first{
		padding:0 10px;
	}
	
	#system .pagination a, 
	#system .pagination strong{
		line-height: 27px; 
		height: 28px;
		margin-left: 0;
	}
	
	#system .pagination a.previous, 
	#system .pagination a.next{
		line-height: 28px !important;
		font-family: monospace;
	}

	#content .pagination{
		margin-bottom: 20px;
    	text-align: left;
	}

	#content .pagination a.previous, 
	#content .pagination a.next, 
	#content .pagination a, 
	#content .pagination strong {
    	margin-right: 6px;
    	text-align: center;
	}

	#content .pagination > *:first-child {
		margin-right: 5px;
	}

/* Search Box
----------------------------------------------------------------------------------------------------*/

	.searchbox {
		margin: 13px 10px 5px;
		width: 170px;
		height: 16px;
		padding: 0 15px 5px;
		-webkit-border-radius: 20px;
		   -moz-border-radius: 20px;
		        border-radius: 20px;
	}

    .searchbox{
        background-color: rgba(0,0,0,0.055);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.1) inset;
           -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.1) inset;
                box-shadow: 0 1px 0 rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.1) inset;
    }

    .uk-search-field:active,
    .uk-search-field:focus,
    .searchbox:focus, 
    .searchbox:hover{
    	border: 0;
    	background-color: rgba(0,0,0,0.085);
    	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2) inset;
           -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2) inset;
                box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2) inset;
    }

	.searchbox input{
		font-size: 12px;
		text-shadow: none;
		margin-left: 12px;
		border: 0;
	}

	.uk-search:before {
		line-height: 1.5
	}

	.searchbox.filled button {
		width: 25px;
		background-color: transparent;
	}

	/* Drop-Down Results */
	.searchbox .results {
		top: 41px;
		right: -1px;
		width: 300px;
		border: 1px solid rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	}

	.searchbox .results li.result,
	.searchbox .results li.results-header, 
	.searchbox .results li.more-results { 
		border-bottom: 1px solid rgba(0,0,0,0.03); 
		border-top: 1px solid rgba(255,255,255,0.075);
	}

	.searchbox .results li.results-header + li.result { border-top: none; }
	.searchbox .results li.result.selected { background: rgba(0,0,0,0.03); }
	li.result, li.more-results, li.results-header {margin-bottom: 0}

/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

	.breadcrumbs a,
	.breadcrumbs > span {
		padding-right: 2px;
		height: 40px;
	}

	.breadcrumbs i{
		padding-right: 10px
	}

	.breadcrumbs a,
	.breadcrumbs strong{
		line-height: 45px
	}

	#breadcrumbs{
		background: rgba(0,0,0,0.035);
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.045);
		   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.045);
				box-shadow: 0 1px 0 rgba(255, 255, 255, 0.045);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	#breadcrumbs .wrapper{padding: 0 10px;}
	.breadcrumbs {line-height: 35px;}
	.breadcrumbs strong{font-weight: normal;}
	a.home{margin: 10px 10px 5px 0; float: left;}

/* Author Box
----------------------------------------------------------------------------------------------------*/

	#system .author-box {
		padding: 15px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: #fafafa;
	}

	#system .author-box .avatar {
		padding: 3px;
		border: 1px solid #ddd;
		background: #fff;
	}

	#system .author-box .name { color: #444; }


/* Comments
----------------------------------------------------------------------------------------------------*/

	/* Head */
	#system #comments .comment-head {
		padding: 15px 15px 10px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		background: rgba(0, 0, 0, 0.03);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
		-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
		box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
	}

	#system #comments .comment-byadmin .comment-head {
		border: 1px solid #dce6be;
		background: #faffe6;
	}

	#system #comments h3.comments-meta, .yoo-zoo .item .element > h3, .yoo-zoo .item .pos-related > h3{
		font-size: 24px;  padding-bottom: 15px;
	}

	#system #comments .comment-head .author {font-weight: normal;}

	/* Respond */
	#system #respond h3 { color: #444; font-size: 24px; padding-bottom: 15px;}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

	.comments-list > article { border-top: 1px solid #ddd; }
	.comments-list > article:first-child { border: none; }

	.comments-list .meta { color: #999; }
	.zoo-comments-list .author {font-size: 16px;}