/* $Id: css.css 1879 2008-10-30 07:37:53Z alexc $ */

/**
 * TangoCMS default 'Cappuccino' Theme for 2.0
 *
 * @patches submit all patches to patches@tangocms.org
 *
 * @author Alex Cartwright
 * @copyright Copyright (c) 2008, Alex Cartwright
 * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU/GPL 2
 * @package TangoCMS_Themes
 */

	@import url( template.css ); /* Basic template layout */
	@import url( module.css );  /* Module specific styles */
	@import url( wikieditor.css );  /* Wikieditor specific styless */
	@import url( jquery_lightbox.css );
	@import url( thickbox.css );
	
	/**
	 * General Styles
	 * A few tweaks to elements to help make it easier to code the theme
	 */
	* {
		margin: 0px;
		padding: 0px;
	}

	.bumper {
		clear: both;
	}

	img {
		border-width: 0px;
	}

	.hidden {
		display: none;
	}

	.center {
		text-align: center;
	}

	p {
		margin: 1em 0px;
	}

	hr {
		color: #eeeeee;
		border: 1px solid #dddddd;
		margin: 15px;
	}

	ul {
		margin: 10px;
	}

	ol {
		margin: 5px 5px 5px 10px;
	}

	li {
		margin-left: 10px;
	}

	dl {
		margin-bottom: 10px;
		line-height: 1.4em;
	}

	dt {
		font-weight: bold;
		margin-top: 5px;
	}
	dd {
		margin-left: 15px;
		margin-bottom: 3px;
	}

	form {
		display: inline;
	}

	label {
		display: block;
		font-weight: bold;
		margin-bottom: 3px;
	}

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

	code {
		background-color: #F8F6F2;
		border-width: 1px 1px 1px 3px;
		border-style: solid;
		border-color: #BFB5AB;
		padding: 5px;
		margin: 10px 0px;
	}

	/**
	 * Headings
	 */
	h1, h2, h3, h4, h5 {
		color: #1c1c1c;
		line-height: normal;
		font-size: 1em;
		margin: 1.2em;
	}

	h1, h1 a, h1 a:hover {
		font-size: 1.6em;
		font-weight:normal;
		margin: 0.8em 1em 0.5em 0em;
		text-transform: uppercase;
	}
	h1:first-letter {
		font-size:1.6em;
	}
	
	h2 {
		font-size: 1.4em;
		margin: 0.4em 0.5em 0.4em 0em;
	}

	h3 {
		font-size: 1.2em;
		margin: 1em 1em 1em 0em;
	}

	h4 {
		font-size: 1.1em;
		margin: 1.5em 0.8em 0.3em 0em;
	}

	#site-slogan {
		color: #ffffff;
		font-weight: normal;
		font-style: italic;
		font-size: 1.1em;
		line-height: 1.1em;
		float: left;
		width: 100%;
	}

	#content-title {
		color: #d54a38;
		font-size: 1.6em;
		border-bottom: 1px solid #bfb5ab;
		padding-bottom: 6px;
		margin-bottom: 0.7em;
	}

	/**
	 * Generic Link Styles
	 */
	a {
		color: #d54a38;
		text-decoration: none;
		outline: none;
	}

	a:hover {
		color: #5f504e;
	}

	.img_link, .img_link:hover {
		background-color: transparent;
	}

	#main-footer a, #main-footer a:hover {
		border-width: 0px 0px 1px 0px;
		border-style: dashed;
		border-color: #000000;
		color: #888872;
		text-decoration: none;
	}

	a img {
		border: none;
	}

	/**
	 * Pagination (the Next, Previous, Last, First thing)
	 */
	.pagination {
		margin: 6px 3px 3px 3px;
		font-weight: bold;
		padding: 2px;
	}

	.pagination-num, .pagination-current {
		border: 1px solid #BFB5AB;
		padding: 1px 4px;
		margin: 0px 3px;
	}

	.pagination-current {
		background-color: #d9d2c8;
	}

	/**
	 * All Table styles for _tabular_ data.
	 * Don't you get ideas and start making templates out of Tables! oooohhh no you don't!
	 */
	.general-table {
		color: #61533b;
		width: 654px;
		border-width: 0px;
		border-collapse: collapse;
		margin-bottom: 3px;
		margin-top: 10px;
	}

	.general-table .input-text {
		width: 200px;
	}

	.general-table-heading {
		font-weight: bold;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #c9bfb5;
	}

	.general-table-heading td {
		padding: 15px 0px 3px 0px;
	}
	.general-table-subheading td {
		background-color: #c9bfb5;
		border-bottom: 1px solid #BFB5AB;
		margin-bottom: 10px;
		font-weight: bold;
	}

	tr.even td {
		background-color: #f3f1ed;
		border-bottom: 1px solid #BFB5AB;
		padding-left: 3px;
	}

	tr.odd td {
		background: none;
		border-bottom: 1px solid #BFB5AB;
	}

	tr.odd td, .general-table-subheading td, tr.even td {
		padding: 3px 6px 3px 3px;
	}

	.general-table-subheading h4, tr.odd h4, tr.even h4 {
		padding: 0px;
		margin: 0px 0px 1px 0px;
	}

	.general-table-subheading p, tr.odd p, tr.even p {
		margin: 0px;
		padding: 0px;
	}
	
	/**
	 * Sidebar table styles
	 */
	table {
		width: 720px;
		margin: 0px;
	}
	
	#main-sidebar table {
		width: 180px;
	}
	
	table a {
		color: #708090;
		text-decoration: none;
	}
	
	table a:hover {
		text-decoration: underline;
		color: red;
	}
	
	thead tr {
		color: #636363;
		font-variant: small-caps;
		font-weight: 600;
		text-align: center;
	}
	
	thead td {
		padding: 2px;
	}
	
	tbody td {
		padding: 6px;
		border-bottom: 1px dashed #ccc;
		font-size: 11px;
	}
	
	/**
	 * Event Feedback, such as Error and Success messages
	 */
	#event-error, #event-success {
		border-width: 1px;
		border-style: solid;
		font-weight: bold;
		text-align: center;
		padding: 2px;
		margin: 5px auto;
	}

	#event-error {
		border-color: #bf1126;
		color: #bf1126;
	}

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

	/**
	 * All Comments Styles
	 */
	#comments-container {
		overflow: hidden;
		margin-top: 10px;
	}

	.comment-even, .comment-odd {
		padding: 5px;
		background-color: #ffffff;
	}

	.comments-title {
		color: #3f5d6d;
		border-width: 0px 0px 2px 0px;
		border-style: solid;
		border-color: #c0c7cd;
		background-color: #EDEFEE;
		padding: 1px 10px 1px 10px;
		margin-bottom: 0px;
		overflow: hidden;
	}

	.comments-title_details {
		float: left;
	}

	.comments-title_options {
		float: right;
		position: relative;
		top: 6px;
	}

	.comments-body {
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #d8dadc;
		padding: 5px 3px 5px 10px;
		margin: 0px 0px 10px 0px;
	}

	/**
	 * Pages Links
	 * These are those links you find on some modules that provide a
	 * sort of sub-menu just for that module. Well, these are the styles for them
	 */
	.page-links {
		background-color: #F8F6F2;
		border: 1px solid #d9d2c8;
		font-weight: bold;
		list-style-type: none;
		margin: 20px 10px;
		overflow: auto;
		padding: 2px 0px 2px 0px;
	}

	.page-links li {
		float: left;
	}

	.page-links li a {
		padding: 2px 4px;
	}

	.page-links li a:hover {
		background-color: #d9d2c8;
	}

	/**
	 * Inputs such as Text, Textarea etc etc
	 */
	.input-text {
		background-color: #ffffff;
		width: 180px;
		border-color: #BBBBBB;
		border-width: 1px;
		border-style: solid;
		margin: 0px 0px 3px 0px;
		font-size: 1em;
		color: #000000;
	}

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

	.input-area-content, .input-textarea {
		background-color: #ffffff;
		width: 640px;
		border-color: #BBBBBB;
		border-width: 1px;
		border-style: solid;
		height: 100px;
		margin-bottom: 5px;
		font-size: 1.4em;
	}

	.input-text:hover, .input-text:focus, .input-textarea:hover, .input-textarea:focus {
		border-color: #5c5b4d;
		border-width: 1px;
	}

	.input-radio {
		margin-right: 5px;
	}

	.general-table .input-textarea {
		width: 99%;
	}	

	select {
		padding: 1px 4px 1px 1px;
		vertical-align: middle;
	}

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

	a.general-button {
		float: left;
		display: block;
		padding: 1px 4px 2px 4px;
		margin: 5px 5px 3px 3px;
	}

	a.general-button:hover {
		background-color: #ffffff;
		color: #666666;
	}

	/**
	 * The quick captcha form styles
	 */
	.captcha {
		overflow: hidden;
		background-image: url( images/content-left-corner.gif );
		background-repeat: no-repeat;
		padding-left: 5px;
	}

	.captcha-image {
		float: left;
		padding: 0px;
		margin-top: 5px;
	}

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

	.captcha-input label {
		display: block;
	}

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

	.category_list a {
		color: #d29c33;
		margin: 0px;
		padding: 0px;
	}

	.category_list a:hover {
		color: #B38026;
		background: none;
	}

	.category_list ul {
		margin: 0px;
		padding: 0px;
	}

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

	/**
	 * Wrapper DIV that is placed around the Share/Submission
	 * links such as Digg, Reddit etc
	 */
	.submission_wrap {
		margin: 10px;
	}

	/**
	 * For self-clearing container.
	 */
	.clearfix:after {
		display: block;
	    content: ".";
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	/**
	 * General rules for the ACL form/table
	 */
	td.acl_role {
		width: 80px;
	}

	fieldset.acl {
		border-width: 0px;
	}

	/**
	 * Media Flash Player container
	 */
	.media_player {
		width: 470px;
		margin: 20px auto;
	}
	
	.sidebar_box {
		color: #414135;
		text-transform: uppercase;
		text-align: center;
		background-color: #e7e3be;
		padding-top: 6px;
		padding-bottom: 1px;
		width: 178px;
		margin: 20px auto;
	}
	
	.sidebar_box h1 {
		font-size: 1em;
		margin: 0.2em;
	}
	
	.sidebar_box dl {
		font-weight: bold;
		font-size: 0.9em;
		background-color: #f0efdd;
		padding: 4px 5px;
		text-align: left;
		width: 144px;
		margin: 0 auto 10px auto;
	}
	
	.sidebar_box dd {
		margin-left: 0px;
	}
	
	.llanamynech-map {
		float: right;
		border: 2px solid #cecec3;
		margin-top: 60px;
	}