/*  
 * CSS for Red.cr
 * Author: Evgueni Naverniouk, evgueni@linuxmagic.com
 * Copyright: 2010 LinuxMagic, Inc. All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

html, body {
	color: #333;
	height: 100%;
}

a {color: #731821}
a:focus {color: #671319}
a:hover {color: #000}

h1,h2,h3,h4,h5 {color: #980A2E}

.hr {
	border-bottom: 1px solid #980A2E;
	padding-top: 10px
}

.icon {
	display: inline-block;
	vertical-align: middle;
}

	.iconDownArrow {
		background: url(../img/downArrow.png) no-repeat;
		height: 26px;
		width: 29px;
	}

input[type="text"], input[type="password"] {
	background: #FFF url(../img/search.png) repeat-x;
	border: 1px solid #FFF;
	border-radius: 4px;
	color: #999;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.pink {color: #B9444A}

.vrLeft {border-left: 1px solid #980A2E}
.vrRight {border-right: 1px solid #980A2E}

/* Header */

#Header{
	background: #FFF url(../img/header.png) repeat-x;
	font-size: 14px;
	height: 140px;
}

	#Header a {
		color: #FFF;
		font-size: 14px;
	}

		#Header a:focus, #Header a:hover {color: #FB0}

	#Header .divider {color: #B84A54}

	#Logo {padding: 35px 0 0}

		#Logo a {
			background: url(../img/logo.png) no-repeat;
			display: block;
			height: 54px;
			margin: 0 auto;
			text-indent: -9000px;
			width: 134px;
		}

	.headerBlock {
		background: #E5E5E5;
		border-radius: 8px;
		margin: 30px 13px 0 0;
		-moz-border-radius: 8px;
		padding: 13px;
		-webkit-border-radius: 8px;
	}

		#Search .textinput {margin: 1px 10px 0 0}

			#Search input {
				font-size: 18px;
				height: 18px;
				padding: 9px 8px;
			}

		#Search a, #Register a {
			background: url(../img/searchButton.png) no-repeat;
			color: #FFF;
			display: inline-block;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			margin: 1px 0 0;
			text-align: center;
			text-shadow: #380404 0 0 1px;
			vertical-align: top;
			width: 126px;
		}

			#Search a:focus, #Search a:hover,
			#Register a:focus, #Register a:hover {
				color: #FFF;
				opacity: 0.9;
				text-decoration: none
			}

		#Register a {background: url(../img/registerButton.png) no-repeat}

	#Newsline {
		height: 20px;
		padding: 10px 20px
	}

		#Newsline p, #Newsline a {font-size: 12px}

		#Newsline p, #Newsline p a {color: #731821}

		#Newsline a:focus, #Newsline a:hover, #Newsline a:hover .pink {
			color: #731821;
			text-decoration: none;
		}

/* Content */

#PageContent {
	background: #FFF url(../img/header.png) repeat-x;
	padding: 10px 0 0;
}

/* Classifieds */

#Classifieds .item {
	border-bottom: 1px solid #D9646A;
	margin: 10px 0;
	padding: 0 0 10px;
}

	#Classifieds h5 {
		color: #333;
		font-family: Arial, Verdana, Tahoma, sans-serif;
		font-size: 12px;
	}
	
		#Classifieds a {font-size: 11px}

	#Classifieds .image {
		background: #F9F9F9;
		border: 1px solid #FFF;
		box-shadow: #AAA 0 0 1px;
		height: 30px;
		margin: 6px 6px 6px 0;
		-moz-box-shadow: #AAA 0 0 1px;
		-webkit-box-shadow: #AAA 0 0 1px;
		width: 40px;
	}

/* Sidebar */

#Webmail .textinput {margin: 0 0 4px}

	#Webmail input {width: 210px}

#Webmail li {line-height: 16px}

#LoginButton {
	background: url(../img/button.png) no-repeat;
	color: #FFF;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin: 1px 0 0;
	text-align: center;
	text-shadow: #380404 0 0 1px;
	width: 96px;
}

	#LoginButton:focus, #LoginButton:hover {opacity: 0.9}

/* Footer */

#Footer {
	background: #FFF url(../img/header.png) repeat-x;
	padding: 40px 0 20px;
}

	#Footer h2 {
		border-bottom: 1px solid #B9444A;
		margin: 0 10px 20px;
		padding: 0 0 0 10px;
	}
	
	#Footer li a {
		display: block;
		padding: 2px 32px;
	}

	#Footer p {
		border-top: 1px solid #DDD;
		color: #666;
		margin: 10px 0 0;
		padding: 10px 0 0
	}