/* Верстка: Халтамов Андрей [BaNru] admin@g63.ru */

/* reset v.0.002 beta :-) */

/* START reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* input[type="submit"] {border: 0;} */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, header, aside {
	display: block;
}
html {
	background: url("bg.png") rgba(0,75,75,.05);
	height: 100%;
}
body {
	color: #ccc;
	font: 100%/150% Verdana, Tahoma, Arial, sans-serif;
	width: 80%;
	margin: 0 auto;
	/*background-color:rgba(0,75,75,.05);*/
	padding: 0 40px;
	min-height: 100%;
	box-shadow: 0 0 10px #000;
}
header {
	background: url("bg1.png") no-repeat center 0;
	background-size: 100% 100%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sup {vertical-align: text-top;}
/* END reset */

/* START global */
a {
	color: #099;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

h1 {font-size: 2em;text-align: center;}
h2 {font-size: 1.75em;text-align: center;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
h6, section {font-size: .875em;}
/* header, footer {font-size: .8em;} */
h1,h2,h3,h4,h5,h6 {margin: 1em 0;line-height: 1.5em;}
p {margin: .375em 0;}

body > nav, body > header, body > #content, #tm1 li, .tm2 li, header aside > div,
.bookmark ul li, .bookmark li a {
	display: inline-block;
}

#temp {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-khtml-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-ms-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	box-shadow: 0 0 2px rgba(0, 0, 0, .5);
}
h1 {
	text-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
.h_z:hover, #menu li li a:hover {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-o-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-khtml-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
}
.search input, #subs input, .cat footer input, .single footer input {
	-webkit-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-moz-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-o-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-khtml-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-ms-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
}

#ul_index a  {
	transition: all .2s ease-in-out;
}
body > header, body > nav, #content, body > footer {width: 100%;}
/* END global */

/* INDEX */
#ul_index {
	text-align: center;
}
#ul_index li {
	display: inline-block;
	list-style: none;
	width: 350px;
	text-align: left;
	vertical-align: top;
	margin: 15px;
}
#ul_index a {
	min-height: 50px;
	border: 1px solid #222;
	border-radius: .5em;
	background-color: rgba(0,0,0,.8);
	padding: 20px 20px 20px 88px;
	display: block;
	vertical-align: middle;
	color: #ccc;
    text-decoration: none;
	box-shadow: 0 0 10px #000;
	opacity: .8;
}
#ul_index a:hover {
	border-color:#888;
	background-color: rgba(0,0,0,1);
	color: #ddd;
	opacity: 1;
}
#ul_index img {
	float: left;
    height: 48px;
    margin: 0 20px 0 -68px;
    width: 48px;
}