/*
	Таблица стилей для временной страницы
	сайта "Байка"
*/

@import "reset.css";
@import "ptsans/stylesheet.css";

/* Типографика */
body {
	background: #fdfdfd url(../_img/bg-2.jpg) repeat-x; color: #000;	
	font: .85em/1.5em "PTSans", Arial, sans-serif;
	}
.clear {
	clear: both;
	}
.nobr {
	white-space: nowrap;
	}

h1, h2 {
	font-weight: bold;	
	color: #c00;
	}
h1 {
	font-size: 1.5em;
	}
h2 {
	font-size: 1.3em;
	}
h3 {
	font-weight: bold;
	}

strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}

a, a:link, a:hover, a:visited {
	color: #3876bd;
	}
	
.banner {
	margin-right: 1ex;
	}
	.banner img {
		border: none;
		}

#about {
	/*background: #adf;*/
	position: relative; z-index: 1;
	float: left; width: 27.1%; 
	padding-left: 11.7%; padding-top: 70px;
	}
	#about a {
		color: #c00;
		}
	#about p {
		padding-bottom: .8em;
		}
		#about p small {
			font-size: 1em;
			color: #666;
			font-style: italic;
			}
	#about h2 {
		margin-top: 1em; margin-bottom: .3em;
		font-size: 1em;
		}
		#about h3 a {
			font-size: 1.1em;
			}
	
	#about form#getmail {
		margin-bottom: .8em;
		}
		#about form.hidden {
			display: none;
			}
		#getmail input.text {
			width: 60%;
			font-family: "PTSans", Arial, sans-serif;
			}
		#getmail input.submit {
			vertical-align: 0px;
			//vertical-align: -2px;
			width: 3em;
			margin-left: .2em;
			}
		#about p#message {
			font-style: italic;
			color: #666;
			}
			#about p#message.error {
				color: #c00;
				}
				#about p#message.error a {
					text-decoration: none;
					border-bottom: 1px dotted;
					}
					
	
#magazine {	
	position: relative; z-index: 1;
	float: left; width: 27.1%;
	padding-left: 2%; padding-top: 7em;
	}
	img#cover {
		position: absolute; right: -170px;
		margin-right: -7.4%; margin-top: 4.7em;
		}
	div#notice {
		position: absolute; right: -82.4%;
		margin-top: 24em;
		width: 75%;
		line-height: none;
		}
		#notice div, #notice h2 {
			
			}
		#notice span {
			color: #fff;
			background: #c00;			
			padding: .2ex 1ex;
			}
		a.secret {
			display: block; margin: 13em 0 0 149px;
			width: 11px; height: 10px;
			background: url(../_img/cart.gif) no-repeat;
			}
			a.secret em {
				display: none;
				}
	#magazine h1 {
		font-size: 1.8em;
		margin-bottom: .6em;
		}
		#magazine h1 em {
			display: block; padding-top: .2em; padding-left: .1ex;
			font-size: .6em; color: #666;
			}
	#magazine h2 {
		color: #000;
		font-size: 1.3em;		
		text-transform: uppercase;
		padding: .5em 0 .3em;
		}
		#magazine h2 em {
			display: block; float: left;
			width: 2.1em; padding-right: .3em;
			color: #fff; background: #c00;
			font-size: .8em; font-style: normal; font-weight: bold;			
			text-align: right;
			}
	#magazine p {
		margin-bottom: 1.4em;		
		}
		#magazine p.first, #magazine p.signature {
			text-indent: 0;
			}
		#magazine p.signature {
			margin-top: .2em; margin-left: 1.4em;
			font-size: .9em;
			line-height: 1.3em;
			}

#contacts {
	position: relative; z-index: 1;
	width: 46.5%; padding-left: 40.8%; padding-top: 3em; padding-bottom: 70px;
	}
	#contacts div {
		float: left; width: 40%;
		padding-right: 9%;
		}
	#contacts p {
		padding-left: 1.5em;
		padding-bottom: 1em;
		}
	#contacts h2 {
		margin-bottom: .5em;
		}

/* Мотоцикл на фоне */
#bike {
	position: absolute; z-index: 0; top: 327px; left: 32%;
	width: 543px; height: 540px; margin-left: -543px;
	background: url(../_img/bike-2.jpg) no-repeat;
	}