/* Theme Name: autohifi */


@import "normalize.css";

body {
	font: normal 12px/16px sans-serif; 
	margin:0 auto;
	padding: 0;
	background: #000000;
	max-width: 1600px;
}

a, a:visited	{ color:#442324; }
a:hover	{ text-decoration:none; color:#544c40; }

.wrapper	{
	position:relative;
	width: 100%;
	height: 100%;
	min-width: 960px;
	max-width: 1280px;
	margin: 0 auto;
	overflow: visible;
}

#header	{
	position:relative;
	height: 115px;
}

#logo	{
	position:absolute;
	left: 15px;
	bottom: 23px;
}

#slogan	{
	position:absolute;
	bottom: 21px;
	left: 28%;
	font: normal 1.2em times new roman;
}

#slogan p { color:#fff; line-height: 0.2em; font-size: 1.3em; }
#slogan p+p { color:#999; font-size: 1em; }
#slogan p+p+p { color:#999; }

#phones	{
	position:absolute;
	left: 58%;
	bottom: 25px;
}

#phones p	{
	font: normal 1.2em times new roman;
	color:#999;
	margin: 0px;
	padding: 0px;
	line-height: 2em;
}

#phones p+p	{
	font: normal 2em times new roman;
	color:#fff;
	margin: 0px;
	padding: 0px;
}

#splash	{
	position:relative;
	overflow:hidden;
	height: 280px;
	background: url('bg-splash-8bit.png') center -100px no-repeat;
}

#clocks	{
	position:absolute;
	width: 106px;
	height: 106px;
	top: -54px;
	left: 29%;
	background: url('splash-clocks.png');
}

#bigclock	{
	position:absolute;
	z-index: 5;
	right: 0px;
	top: 14px;
	width: 295px;
	height: 462px;
	background: url('clock.png');
}

#mainmenu	{
	position:relative;
	background: #442424;
	height: 38px;
}

#mainmenu ul	{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

#mainmenu ul li	{
	list-style-type: none;
	float:left;
	margin-right: 6%;
}

#mainmenu ul li a	{
	margin-top: 8px;
	display:block;
	color:#fff;
	font: normal 1.5em times new roman;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

table#main { width: 100%; }

#content	{
	background: url('bg-nut-8bit.png');
	padding: 2em;
	padding-right: 8em;
	vertical-align: top;
	padding-bottom: 2em;
}

#sidebar	{
	position:relative;
	background: #2a2620 url('bg-sidebar.png') left top repeat-y;
	width: 283px;
	vertical-align: top;
	padding-top: 3em;
}

#sidebar .inner	{
	padding-left: 2em;
	padding-right: 2em;
	margin-bottom: 2em;
}

#cart	{
	position:absolute;
	width: 200px;
	height: 70px;
	left: -10px;
	top: 0px;
	font: normal 1em/1.5em arial;
	color:#fff;
	background: url('bg-cart.png') left bottom;
}

#cart.empty { height: 33px; } 
#cart .inner { padding: 0.5em; padding-left: 1.5em;}

#cart a { color:#c7b299; }
#cart a.white { color:#fff; }

.widget	{
	font: normal 1em/1.5em arial;
	color:#fff;
	padding: 1em;
	background: #322e27;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior: url('js/PIE.htc');
}

ul.catalog-menu	{
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}

ul.catalog-menu	li {
	list-style-type: none;
	line-height: 2em;
	padding-left: 4em;
	border-bottom: 1px solid #544c40;
}	

ul.catalog-menu	li  a{
	color:#fff;
	font-family: georgia;
}	

ul.catalog-menu li a:hover	{ color: #c7b299; }

.catalog-home	{
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow:visible;
	margin-top: 3em;
}

.catalog-home li	{
	position:relative;
	overflow:visible;
	height: 100px;
	list-style-type: none;
	width: 33%;
	float:left;
	background: #fff url('bg-catalog2.png') right top repeat-y;
	border-bottom: 1px solid #2e1d0d;
	text-align:right;
	margin-bottom: 1em;
	
}

.catalog-home li#n1	{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	behavior: url('js/PIE.htc');
}

.catalog-home li#n3	{
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	behavior: url('js/PIE.htc');
}

.catalog-home li a	{
		display:block;
		margin-top: 0.5em;
		padding-right: 10px;
}

.catalog-home li p	{
	position:absolute;
	right: 10px;
	width: 60%;
	font: normal 0.8em verdana;
	color:#2a2620; 
}

.catalog-home li img {
	position:absolute;
	display:block;
	left: 10px;
	bottom: 10px;
}

.product-photo	{
	background: #fff url('bg-catalog3.png') right top repeat-y;
	border: 1px solid #dcc890;
	float:left;
	margin-right: 1em;
	padding: 1em;
	width: 150px;
	color:#000;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	behavior: url('js/PIE.htc');	
}

.product-details	{
	margin-left: 200px;
}

table.cart	{
	width: 100%;
}

table.cart th	{
	background: #442424;
	color:#fff;
	padding: 1em;
	border: 1px solid #534741;
}

table.cart td	{
	background: #fff url('bg-catalog2.png') right top repeat-y;
	border: 1px solid #534741;
	padding: 1em;
}

table.cart h3 { margin: 0px; padding: 0px; }

form#order p { margin: 0px; padding:0.5em; }
form#order input[type=text]	{ width: 40%; }
form#order input[type=submit]	{ margin-top: 0.5em; }
form#order textarea	{ width: 40%; }

ul.gallery	{
	margin: 0px;
	padding: 0px;
	overflow:auto;
	margin-bottom: 1em;
}

ul.gallery li	{
	list-style-type: none;
	width: 25%;
	float:left;
}

ul.gallery li a	{
	display:block;
	width: 90%;
	border: 3px solid #fcfbf7;
}


ul.gallery li a img	{
	display:block;
	width: 100%;
}

.pages	{
	margin: 0px;
	padding: 0px;
}

.pages li 	{
	list-style-type: none;
	float: left;
	padding: 5px;
	background: #efd199;
	margin-right: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	behavior: url('js/PIE.htc');	
	color:#8a795a;
}

.pages li.current 	{
	background: #534741;
}

.pages li.current a	{
	color:#fff;
	text-decoration: none;
}

.footer	{
	padding: 1em;
	padding-top: 2em;
	background: #2b1717;
	border-top: 1px solid #be8542;
	vertical-align: top;
	color:#fff;
}

.footer a { color:#c7b299;  }

#footer1	{

}

#footer1 .inner1	{
	float:left;
	width: 25%;
}

#footer1 .inner2	{
	float:left;
	width: 30%;
}

#footer1 .inner3	{
	float:left; 
	width: 45%;
}

#footer2	{

}

h1{
	font: italic 2.1em georgia;
	color:#362f2d;
	/* text-shadow: 1px 1px 1px #000; */
}

h2	{
	font: italic 1.8em georgia;
	color:#362f2d;
	/* text-shadow: 1px 1px 1px #000; */
}

h3	{
	font: italic 1.5em georgia;
	color:#362f2d;
	/* text-shadow: 1px 1px 1px #000; */
}

h1 a {	color: #fff; }
h1 a:hover {	color: #000; }
h1 a:visited { color: #fff; }

h2 a {	color: #fff; }
h2 a:hover {	 color: #000; }
h2 a:visited { color: #fff; }

h3 a {	color: #fff; }
h3 a:hover {	 color: #000; }
h3 a:visited { color: #fff; }