/**
 * TangoCMS "carbon" theme
 *
 * @copyright Copyright (C) 2009, 2010 Alex Cartwright
 * @license X11/MIT (see COPYING file)
 * @package TangoCMS_Themes
*/

/** Resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
	/*line-height: 1.3em;*/
	margin: 0;
	padding: 0;
}

fieldset, img, abbr, acronym {
	border: 0;
}

caption, th {
	text-align: left;
}

/** Main */
body {
	font-size: 62.5%;
	/*line-height: 1em;*/
}

p {
	/*line-height: 1.5em;*/
	margin: 0 0 1em 0;
}

* p:last-child {
	margin-bottom: 0;
}

hr {
	border: 1px solid #EBEBED;
	margin: 15px;
}

img {
	border-width: 0;
}

ul, ol {
	margin: 1em;
}

li {
	margin: 0.2em 0 0.2em 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 10px;
	margin-left: 1em;
}

dl :last-child {
	margin-bottom: 0;
}

label {
	color: #42413F;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

label.horizontal {
	display: inline;
	margin: 0 0 2px 0;
}

blockquote {
	background-color: #f9f9f9;
	border-left: 2px solid #ccc;
	margin: 0 0 1em 1em;
	padding: 3px 6px;
}

code, pre {
	background-color: #F8F6F2;
	border-width: 1px 1px 1px 3px;
	border-style: solid;
	border-color: #BFB5AB;
	display: block;
	font-size: 1.1em;
	padding: 3px 6px;
	margin: 1em 0;
}

.hidden {
	display: none;
}

/**
 * All Headings
 */
h1, h2, h3, h4, h5 {
	/*line-height: 1.1;*/
}

h1 {
	border-bottom: 1px solid #BFB5AB;
	font-size: 1.75em;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.25em;
	margin: 1.3em 0 0.4em;
}

h4 {
	font-size: 1.15em;
	margin: 1.2em 0.8em 0.5em 0;
}

h5 {
	font-size: 0.95em;
	margin: 1.2em 0.8em 0.5em 0;
}

/**
 * Generic Link Styles
 */
a[href] {
	color: #3366bb;
	outline: none;
	text-decoration: none;
	padding-bottom: 1px;
}

a[href]:hover {
	border-bottom: 1px dashed #3366bb;
	padding-bottom: 0;
}

/**
 * Various Input styles
 */
input {
	background-color: #fff;
	border: 1px solid #bbb;
	color: #000;
	font-size: 1.05em;
	padding: 1px 2px;
	width: 190px;
}

input.error {
	border-color: #cd310d !important;
	color: #cd310d;
}

textarea {
	color: #000;
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1.3em;
	height: 160px;
	padding: 2px 3px;
	width: 99%;
}

textarea.editor_body {
	height: 200px;
}

input[type="submit"], input[type="button"], a.general-button {
	background-color: #F3F1EE;
	border: 1px solid #c9c8c2;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #6a6a63;
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 0;
	padding: 3px;
	width: auto;
}

a.general-button, a.general-button:hover {
	border: 1px solid #c9c8c2;
	display: inline-block;
	padding: 2px 9px;
}

input[type="radio"], input[type="checkbox"],
input[type="radio"]:hover, input[type="checkbox"]:hover
input[type="radio"]:focus, input[type="checkbox"]:focus {
	background: #fff;
	border-width: 0 !important;
	font-size: auto;
	margin: auto 3px 3px auto;
	width: auto;
}

option {
	font-size: 1.0em;
	padding-right: 0.8em;
}

input[type="submit"]:hover, input[type="button"]:hover, a.general-button:hover {
	border-color: #B1B0AC;
	color: #5f504e;
	cursor: pointer;
	text-decoration: none;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color: #838271;
	border-width: 1px;
}

input[readonly], input[readonly]:hover, input[readonly]:focus,
textarea[readonly], textarea[readonly]:hover, textarea[readonly]:focus {
	border-color: #bbb;
	background-color: #F8F8F8;
}

input[disabled], input[disabled]:hover, input[disabled]:focus,
textarea[disabled], textarea[disabled]:hover, textarea[disabled]:focus {
	border-color: #a1a1a1;
	background-color: #E6E6E6;
	color: #515151;
}

/**
 * All Table styles
 */
table {
	border-collapse: collapse;
	color: #61533b;
	margin: 6px 0;
	width: 100%;
}

thead {
	border-bottom: 1px dotted #aba792;
	color: #46453a;
	font-weight: bold;
}

th, td {
	padding: 0.6em;
	text-align: left;
}

th {
	padding-bottom: 0.2em;
	white-space: nowrap;
}

tr.even, tr.odd {
	border-bottom: 1px solid #ddd;
}

tr.even {
	background-color: #f9f9f9;
}

tr.odd {
	background: none;
}

tr.ondrop {
	background-color: #f3f9d1;
	border-color: #BFB5AB;
	color: #4e5e32;
}

table.contentdata tbody tr:hover {
	background-color: #f9f9db;
}

td.confcol {
	width: 24%;
}

td.checkcol, th.checkcol {
	width: 1em;
}

td.managecol {
	white-space: nowrap;
}

tr.subheading {
	background-color: #ddd;
	border-bottom: 1px solid #BDBDBD;
	color: #7A7875;
	font-weight: bold;
	margin-bottom: 10px;
}

tr.subheading td {
	padding: 0.4em 0.6em;
}

/** Table specific element overrides */
td.confcol input {
	width: 244px;
}

td.confcol input[type="checkbox"], td.confcol input[type="radio"] {
	width: auto;
}

td.confcol textarea {
	height: 100px;
	width: 244px;
}

table dd {
	margin-bottom: 0;
}

/**
 * Pages Links. These are those links you find
 * on some modules that provide a sub-menu.
 */
#pagelinks {
	background-color: #F8F6F2;
	border: 1px solid #d9d2c8;
	box-shadow: 0 3px 10px #f3f3f3;
	-moz-box-shadow: 0 3px 10px #f3f3f3;
	-webkit-box-shadow: 0 3px 10px #f3f3f3;
	font-weight: bold;
	list-style-type: none;
	margin: 10px 0 20px;
	overflow: auto;
	padding: 4px 2px;
}

#pagelinks li {
	float: left;
	margin: 0 0.7em;
}

/**
 * Event Feedback, such as Error and Success messages
 */
#eventmsg {
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	margin: 15px auto;
	padding: 6px 2px;
	text-align: center;
}

#eventmsg p {
	margin: 0;
}

#eventmsg.error {
	border-color: #A4260E;
	color: #A4260E;
}

#eventmsg.success {
	border-color: #c8e88b;
	color: #7cac20;
}

/**
 * Pagination
 */
.pagination {
	list-style-type: none;
	margin: 10px 2px;
}

.pagination li {
	display: inline-block;
	/*line-height: 1.2em;*/
	margin: 0 2px 0 0;
	padding: 1px 5px;
}

.pagination li.digit, .pagination li.current {
	border: solid 1px #c7c7c7;
}

.pagination li.digit a {
	color: #000;
}

.pagination li.digit a:hover {
	text-decoration: none;
}

.pagination li.current, .pagination li:hover {
	background-color: #F6F6F6;
	border-color: #D3D6D0;
	color: #7A7875;
	font-weight: bold;
}

.pagination li.first, .pagination li.previous, .pagination li.next, .pagination li.last {
	background: none;
	border: none;
	font-weight: normal;
	padding: 1px 3px;
}

/**
 * Actions
 */
div.actions input:last-child {
	margin-bottom: 0;
}

/**
 * Captcha
 */
.captcha {
	overflow: hidden;
}

.captcha .image {
	float: left;
	padding: 0;
	position: relative;
	top: 5px;
}

.captcha .input {
	float: left;
	margin-left: 10px;
}

/**
 * General rules for the ACL form/table
 */
div.acl table td > span {
	font-weight: bold;
	white-space: nowrap;
}

div.acl table td.checkcol {
	width: 2em;
}

div.acl table td.aclrole {
	width: 10em;
}

/**
 * Category selector list that gets displayed sometimes
 * when a module wants to display breifly it's category
 * Such as /article and /media
 */
.categorylist {
	background-color: #F8F6F2;
	border: 7px solid #D9D2C8;
	color: #339999;
	font-size: 1em;
	font-weight: bold;
	margin: 15px;
	overflow: hidden;
	padding: 10px 25px;
}

.categorylist a {
	color: #339999;
	margin: 0;
	padding: 0;
}

.categorylist a:hover {
	background-color: #F9F9F4;
	color: #006666;
}

.categorylist ul {
	margin: 0;
	padding: 0;
}

.categorylist li {
	float: left;
	list-style-type: disc;
	margin: 0 20px 0 0;
	padding: 0;
}

/**
 * Commom Search/Filter box that takes advantage of JavaScript
 */
div.jsSearchBox {
	margin: 20px 5px 5px 5px;
	display: none;
}

div.jsSearchBox input[type="text"] {
	width: 250px;
}