/* $Id: css.css 1852 2008-10-16 15:23:17Z 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 */

	/**
	 * 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;
		margin: 5px;
	}

	.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-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: #ffffff;
		line-height: normal;
		font-size: 1em;
		margin: 1.2em;
	}

	h1, h1 a, h1 a:hover {
		color: #ffffff;
		font-size: 1.2em;
		margin: 0.8em 1em 0.5em 0em;
	}

	h2 {
		color: #d54a38;
		font-size: 1.3em;
		margin: 0.4em 0.5em 0.4em 0em;
	}

	h3 {
		color: #5c5547;
		font-size: 1.2em;
		margin: 1em 1em 1em 0em;
	}

	h4 {
		color: #5f504e;
		font-size: 1.1em;
		margin: 1em 0.8em -0.5em 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: #ffffff;
		border-bottom: 1px dashed #858585;
		font-size: 1.3em;
		padding: 7px;
		margin: 0.4em 0.3em 0.7em 0.3em;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 4px;
		font-weight: normal;
	}

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

	a:hover {
		color: #944799;
	}

	.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: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}

	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: 855px;
		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, tr.odd td {
		color: #858585;
		
		border-bottom: 1px solid #BFB5AB;
		padding-left: 3px;
	}

	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;
	}

	/**
	 * 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: #6b6b6b;
		border: 1px solid #313131;		
		font-weight: bold;
		list-style-type: none;
		margin: 20px 10px;
		overflow: auto;
		padding: 0;
		
		opacity: 0.8;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.page-links li {
		float: left;
	}

	.page-links li a {
		padding: 3px 6px;
	}

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

	/**
	 * 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: 835px;
		border-color: #BBBBBB;
		border-width: 1px;
		border-style: solid;
		height: 150px;
		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%;
	}

	.general-button {
		background-repeat: no-repeat;
		background-color: #262727;
		border: 1px solid #9d9d9d;
		color: #A7D54C;
		margin: 2px 5px 2px 2px;
		font-size: 1em;
		font-weight: bold;
		padding: 3px 4px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	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;
		padding-left: 0px;
		margin-top: 35px;
	}
	
	.captcha p, .captcha img {
		margin: 0;
	}

	.captcha-image {
		padding: 0px;
	}

	.captcha-input {
		margin: 5px 2px 2px 0px;
	}

	.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;
	}
	
	.slider-prev, .slider-next {
		position: absolute;
		z-index: 500;
		top: 35px;
	}
	
	.slider-prev {
		left: 8px;
	}
	
	.slider-next {
		right: 1px;
	}
.style1 {
	font-family: Tahoma;
	color: #F9E706;
	font-size: 12px;
}
body {
	background-image: url(backgr.jpg);
}
.style2 {color: #999999}