// Joomla 3 Overrides
body {
	ol {
		padding-left: 15px;
		margin: 0 0 10px 25px;
	}
	ul {	
		margin: 0 0 10px 25px;
		li {
			padding: 0;
			margin: 0;
			a {
				font-size: 100%;
			}
		}
		li.author {
			margin: 0;
			letter-spacing: 1px;
			list-style: none;
			font-weight: bold;
			text-align: right;
			span {
				display: block;
				font-weight: normal;
				margin-bottom: 10px;
				line-height: 1em;
			}
		}
		li.date {
			margin: 0;
			letter-spacing: 1px;
			list-style: none;
			text-align: right;
			font-weight: bold;
			span {
				display: block;
				font-weight: normal;
				margin-bottom: 10px;
				line-height: 1em;
			}
		}
		li.comments {
			list-style: none;
			text-align: right;
			font-weight: bold;
			span {
				display: block;
				font-weight: normal;
				margin-bottom: 10px;
				line-height: 1em;
		}
		}
		ul {
			margin-left: 25px;
			padding: 5px 0;
		}
	}
	.component-content {
		.display-limit {
			text-align: left;
		}
		#member-profile {
			a {
				background-image: none;
			}
		}
	}
}


/* Categores Lists */
ul.category {
	margin: 0 0 0 20px;
	padding:0;
}
.category li {
	padding: 5px;
	list-style-type: none;
	margin: 0;
	background: none;
	border: none;
}
.category ul ul {
	margin-left: 15px;
}
.category dl dt, 
.category dl dd {
	display: inline;
}
.cat-children {
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
}

/* Article */
body {
	.component-content {
		.pagenav {
			padding: 2px;
			clear: both;
			margin-top: 20px;
			margin-left: 0;
			overflow: hidden;
			li {
				.border-radius(4px);
				a {
					padding: 4px 10px;
					font-size: @baseFontSize;
					.border-radius(4px);
				}
			}
			.pagenav-prev, .previous {
				float: left;
			}
			.pagenav-next, .next {
				float: right;
			}
		}
		.article-info {
			dd {
				display: block;
			}
		}
		.actions {
			i {
				background-image: none !important;
			}
		}
	}
}

/* Archived Article */
.archive {
	.filter-search {
		float: none;
	}
	.filters {
		margin-bottom: 25px;
	}
	#archive-items {
		list-style: none;
		margin: 0 0 10px 0;
	}
	.page-header {
		.createdby {
			margin: 0 0 0 15px;
		}
	} 
	.article-info {
		margin: 0 0 0 10px;
		padding: 0 0 10px 0;
		i {
			display: none;
		}
	}
}

// Pagination
.component-content {
	.pagination {
		margin: 10px 0;
		padding: 10px 0;
		clear: both;
		text-align: center;
		.counter {
			text-align: center;
			margin: 0;
			font-weight: bold;
			margin-bottom: 5px;
		}
		ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
			box-shadow: none;
			li {
				display: inline-block;
				text-align: center;
				vertical-align: middle;
				a, span {
					margin: 0 10px;
					padding: 10px 14px;
					font-size: 1em;
					line-height: 1.3em;
					border: 1px solid #dddddd;
					.border-radius(15px);
					background-color: transparent;
				}
			}
		}
	}
	.pagination-start, .pagination-next, .pagination-end, .pagination-prev {
		border: 0;
	}
	.pagination-start {
		padding: 0;
		span {
			padding: 0;
		}
	}
}

/* Core Components - Member Access */
// Member Access
.component-content {
	#password-lbl, #username-lbl {
		font-size: 1.2em;
		line-height: 2em;
	}
	.login {
		.control-label {
			padding-top: 0;
		}
	}
	.login-fields {
		margin-bottom: 5px;
		#remember-lbl {
			display: inline-block;
			margin-right: 5px;
		}
		#remember {
			margin: 0;
		}
		#username, #password {
			padding: 4px 8px;
			.border-radius(15px);
			line-height: 1.6em;			
		}
	}
}
.component-content .login + div ul li a {
	background: none !important;
	display: block;
}
.component-content .login + div ul li a:before, #login-form a:before {
	font-family: FontAwesome;
	content: "\f059";
	margin-right: 4px;
}

.component-content .login + div ul {
	margin-left: 0;
}
#contact-form dd input, 
#contact-form dd textarea, 
#modlgn-username, 
#modlgn-passwd, 
#jform_email, 
#member-registration dd input, 
#search-searchword, 
.finder .inputbox, 
#mod-finder-searchword, 
#roksearch_search_str {
	padding: 4px 8px;
	.border-radius(15px);
	line-height: 1.6em;
}

// Tables
.component-content .hits {
	text-align: left;
}
.component-content .pull-right {
	float: right;
}
.component-content .pull-left {
	float: left;
}

/* Side Menu */
body {
	.nav {
		> li {
			> a:hover {
				background-color: transparent;
			}
		}
	}
}

/* Web Links */
.weblink-category {
	.category {
		margin-left: 0;
	}
}

/* Newsfeed */
.newsfeed-category {
	.category {
		margin-left: 0;
		li {
			line-height: 24px;
		}
		br {
			clear: both;
		}
	}
}

/* Typography */

// Horizontal-specific styles
// --------------------------

.form-horizontal {
  // Increase spacing between groups
  .control-group {
    margin-bottom: @baseLineHeight;
    .clearfix();
  }
  // Float the labels left
  .control-label {
    float: left;
    width: @horizontalComponentOffset - 20;
    padding-top: 5px;
    text-align: right;
  }
  // Move over all input controls and content
  .controls {
    // Super jank IE7 fix to ensure the inputs in .input-append and input-prepend
    // don't inherit the margin of the parent, in this case .controls
    *display: inline-block;
    *padding-left: 20px;
    margin-left: @horizontalComponentOffset;
    *margin-left: 0;
    &:first-child {
      *padding-left: @horizontalComponentOffset;
    }
  }
  // Remove bottom margin on block level help text since that's accounted for on .control-group
  .help-block {
    margin-bottom: 0;
  }
  // And apply it only to .help-block instances that follow a form control
  input,
  select,
  textarea {
    + .help-block {
      margin-top: @baseLineHeight / 2;
    }
  }
  // Move over buttons in .form-actions to align with .controls
  .form-actions {
    padding-left: @horizontalComponentOffset;
  }
}

.search .btn {
	padding: 4px 4px 4px 13px;
}

.btn i {
	background-image: none !important;
}

// Horizontal forms & lists
// -------------------------
@horizontalComponentOffset:       180px;

/* Popup Login */

#rt-popuplogin {
	#modlgn-passwd, #modlgn-username {
		width: 165px;
	}
	#modlgn-remember {
		margin-left: 10px;
		float: left;
	}
	ul {
		margin-left: 0;
	}
}

/* Frontend Editor */
body .component-content .modal-button.btn {
	border: 1px solid #D5D5D5;
	padding: 4px 14px !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	font-weight: normal;
	margin-left: 5px !important;
	display: inline-block;
	line-height: 20px;
	background-color: #F1F1F1;
	background-image: -moz-linear-gradient(top,white,#DDD);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#DDD));
	background-image: -webkit-linear-gradient(top,white,#DDD);
	background-image: -o-linear-gradient(top,white,#DDD);
	background-image: linear-gradient(to bottom,white,#DDD);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
}
.component-content .input-prepend .btn.modal {
	position: relative;
	left: 0;
	width: auto;
	box-shadow: none;
	margin-top: auto;
	margin-bottom: auto;	
	margin-right: 0;	
	border-color: rgba(0, 0, 0, 0.15);
	border-bottom-color: rgba(0, 0, 0, 0.25);	
}
body #adminForm .btn [class^="icon-"],
body .component-content .input-prepend .btn [class^="icon-"], 
body .component-content .input-prepend .btn [class*=" icon-"] {
	display: inherit;
}
body .well .row {display: block;}
body .well [class*="span"] {width: auto;}
.manager {
	.height-80 {height: 80px;}
	.width-80 {width: 80px;}
	&.thumbnails {
		> li {
			float: left;
			margin-left: 20px;
		}
	}
}
body .well .actions {float: none;}
body #adminForm {
 	th {
	background: none;
	}
	.filters {
		clear: both;
	}
}	
.component-content .edit legend {color: inherit;}

body .alert .close {right: 0;}