/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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

#system .title a { color: #444; }

#system small { color: #999; }


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

#system .item > header .meta,
#system .item > header .subtitle{ color: #92979e; }

#system .item > .links a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #5c819e;
	border-radius: 4px;
	background: #4c99d2;
	background: -o-linear-gradient(top, #60afee 0%, #579ed8 100%);
	background: -webkit-linear-gradient(top, #60afee 0%, #579ed8 100%);
	background: -moz-linear-gradient(top, #60afee 0%, #579ed8 100%);
	background: linear-gradient(to bottom, #60afee 0%, #579ed8 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),
				0 4px 3px -3px rgba(20,20,25,0.2);
	color: #dce3ea;
	text-shadow: 0 1px 1px rgba(20,20,25,0.5);
	background-clip: padding-box;
}

#system .item > .links a:hover { 
	background: -o-linear-gradient(top, #579ed8 0%, #60afee 100%);
	background: -webkit-linear-gradient(top, #579ed8 0%, #60afee 100%);
	background: -moz-linear-gradient(top, #579ed8 0%, #60afee 100%);
	background: linear-gradient(to bottom, #579ed8 0%, #60afee 100%);
	box-shadow: inset 0 0 2px rgba(20,20,25,0.2);
	color: #346993; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

#system .item > .links a:active {
	background: -o-linear-gradient(top, #5093ca 0%, #59a2dc 100%);
	background: -webkit-linear-gradient(top, #5093ca 0%, #59a2dc 100%);
	background: -moz-linear-gradient(top, #5093ca 0%, #59a2dc 100%);
	background: linear-gradient(to bottom, #5093ca 0%, #59a2dc 100%);
}

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

#system .items .item {
	margin: 20px -10px 0 -10px ;
	padding: 20px 20px 0 20px;
	border-top: 1px solid #ddd;
	background: -o-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px);
	background: -webkit-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px);
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #f6f6f6 40px);
	background: linear-gradient(to bottom,  #f0f0f0 0%, #f6f6f6 40px);
	box-shadow: inset 0 1px 0 #fff;
}

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

#system .items .width50 .item,
#system .items .width33 .item {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
}


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

#system .pagination a,
#system .pagination strong {
	overflow: hidden;
	border: 1px solid #dcdcdc;  
	border-radius: 4px;
	font-size: 11px;
	color: #92979E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

#system .pagination a {
	background: #fff;
	background: -o-linear-gradient(top, #fefefe 0%, #f0f1f1 100%);
	background: -webkit-linear-gradient(top, #fefefe 0%, #f0f1f1 100%);
	background: -moz-linear-gradient(top, #fefefe 0%, #f0f1f1 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f0f1f1 100%);
	box-shadow: inset 0 0 0 1px #fff,
				0 0 0 -1px #dcdcdc;
}

#system .pagination a:hover {
	border: 1px solid #c1c1c1;
	background: #e1e1e1;
	background: rgba(20,20,25,0.04);
	box-shadow: inset 0 0 3px rgba(20,20,25,0.15),
				0 1px 0 #fff;
}

#system .pagination a:active,
#system .pagination strong {
	border: 1px solid #c1c1c1;
	background: #e1e1e1;
	background: rgba(20,20,25,0.1);
	box-shadow: inset 0 0 3px rgba(20,20,25,0.15),
				0 1px 0 #fff;
}

#system .pagination a.previous,
#system .pagination a.next {
	width: 14px;
	line-height: 25px;
	font-size: 11px;
	background-image: url(../images/pagination.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-indent: 50px;
	overflow: hidden;
}

#system .pagination a.previous { background-position: 50% -30px; }


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

.searchbox {
	height: 45px;
	padding: 6px 6px 10px 6px;
	background: url(../images/serchbox_separator.png) 0 100% repeat-x;
}

.sidebar .searchbox { margin: -6px -6px 0 -6px; }

.searchbox input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 0 0 0 50px;
	border: 1px solid #53575c;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 4px;
	background-color: #3E4248;
	background-color: rgba(20,20,25, 0.2);
	background-image: url(../images/searchbox_magnifier.png);
	background-position:  10px 50%;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 1px 1px rgba(20,20,25,0.1);
	color: #9da2a6;
	font-size: 14px;
}

.searchbox input:-o-placeholder { color: #999; }
.searchbox input:-moz-placeholder { color: #999; }
.searchbox input::-webkit-input-placeholder { color: #999; }
.searchbox input.placeholder { color: #999; }

.searchbox.filled button {
	top: 6px;
	right: 6px;
	bottom: 10px;
	width: 30px;
	background: url(../images/searchbox_reset.png) 0 50% no-repeat; 
}

.searchbox.loading button { background: url(../images/searchbox_loader.gif) 0 50% no-repeat; }

/* Drop-Down Results */
.searchbox .results {
	top: 37px;
	left: 6px;
	right: 6px;
	width: auto;
	margin-top: 15px;
	border: 1px solid rgba(0,0,0,0.7);
	border-radius: 5px;
	background: #ffffff;
	background: -o-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f0f1f1 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f1f1 100%);
	background-clip: padding-box;
	box-shadow: 0 2px 5px rgba(20,20,25,0.2);
}

.searchbox .results li.result.selected { color: #fff; }

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

.breadcrumbs a,
.breadcrumbs > span {
	padding-right: 15px;
	background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
	font-size: 12px;
}

.breadcrumbs > strong { font-weight: normal; }

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

#system .author-box {
	padding: 15px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background: #fafafa;
}

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

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


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

/* Head */
#system #comments .comment-head {
	padding: 5px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background: #fafafa;
}

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

#system #comments .comment-head .author { color: #797e85; }

/* Body */
#system #comments ul.level1 ul { background: url(../images/comments_arrow.png) 0 0 no-repeat; }

/* Respond */
#system #respond h3 { color: #797e85; }


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

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

.comments-list .meta { color: #999; }