/* дизайн и верстка - Graf Mur 2008 */
 /* http://graf-mur.livejournal.com/ */

html,body{
margin:0;
padding:0;
}
body{
font-family:Comic Sans MS, sans-serif, Verdana;
font-size:13px;
background:#D6CDAE url(images/wood_120.jpg);
}
p{
margin:0 10px 10px;
}
img {
 border: 0px;
}
a{
font-size:12px;
color:#0000a0;
text-decoration: none;
}
h2 {
font-size: 14px;
font-weight: bold;
color: #d32525;
margin:3px 5px;
}
h3 {
font-size: 15px;
font-weight: bold;
color: #d32525;
margin:3px 5px;
}
h4 {
font-size: 14px;
font-weight: bold;
color: #0000a0;
margin:3px 5px;
text-align: center;
letter-spacing:2px;
}
h5 {
font-size: 14px;
font-weight: bold;
color: #0000a0;
margin:3px 5px;
}
blockquote {
font: 12px/15px arial, helvetica, verdana, sans-serif;
}
form {
display: inline;
}
input {
font-size: 12px;
}


#container{
margin:0 auto;
min-width:960px;
max-width:1400px;
}

#header{
float:left;
width:100%;
height:231px;
}
#header-center{
height:231px;
margin:0 220px;
text-align: center;
}
#header-right{
float:left;
width:205px;
height:231px;
text-align: left;
margin-left:-220px;
}
#header-right img{
margin:40px 0px 0px 90px;
text-align: right;
border: 0;
}
#header-left{
float:left;
width:220px;
height:231px;
text-align:center;
margin-left:-100%;
background:url(images/flash.gif) no-repeat;
}
#header-left img{
margin:80px 0px 0px 90px;
text-align: right;
border: 0;
}

#wrapper{
float:left;
width:100%;
height:100%;
}
#content{
margin:0 204px 0 193px;
}
#content a{
color:#cc2424;
letter-spacing:0,5px;
}
#content-f1{
margin:7px 1px;
background:#fff;
border: solid 1px #c0c0c0;
}
#content-f2{
margin: -5px 3px 5px -3px;
background:#fff;
border:solid 1px #c0c0c0;
}
#content2{
margin: 15px 5px -15px -5px;
background:#fff;
border: solid 1px #c0c0c0;
}
* html #content2{
margin: 15px 5px -30px -5px;
padding-left:5px;
border:0px;
}

#text{
margin:5px 5px;
font-style: justify;
clear: both;
}
#tema {
float:left;
width: 350px;
margin: 5px 7px;
text-align:center;
}
#razdel {
float:right;
width: 120px;
margin: 5px 7px;
text-align: center;
}
#red {
width: 100%;
height: 2px;
margin-top:20px;
background:#d32525;
}
* html #red {

height: 1px;
margin:0px 0px 0px 0px;
font-size:1px;
}

#links{
float:left;
width:184px;
margin-left:-100%;
}
#links1{
width:184px;
height:100%;
font-size:13px;
text-align: center;
background:url(images/links_1.gif) repeat-y;
}
#links2{
width:184px;
height:10px;
font-size:1px;
background:url(images/links_2.gif) no-repeat;
}

#article0{
float:left;
width:205px;
text-align: left;
margin-left:-205px;
}
#article1{
width:205px;
height:16px;
font-size:1px;
background:url(images/article_1.gif) no-repeat;
}
#article2{
width:205px;
margin-top:-3px;
background:url(images/article_2.gif) repeat-y;
font-size:13px;
border-bottom: solid 1px #fff;
}
#article3{
width:205px;
height:9px;
margin-top:-1px;
background:url(images/article_3.gif) no-repeat;
}



#footer{
float:left;
width:80%;
height:93px;
}
#footer-center{
width:202px;
height:93px;
margin:0 50%;
text-align: center;
background:url(images/footer.gif) no-repeat;
}
*:first-child+html #footer-center{
margin-top:-7px;
}

#footer p{
margin:0;
padding:10px 5px;
text-align: center;
font-size:11px;
}


 /* начало меню */
#navi {
	width: 100%;
	height: 62px;
	margin-bottom: 5px;
	padding: 0;
    background:#e8e8e8;
}

#ie_height_fix {
	width: 1px;
	height: 60px;
	margin: 0;
	padding: 0;
}
ul#menu {
    width: 550px;
    height: 60px;
	padding: 0;
    margin: 0;
	list-style: none;
	list-style-type: none;
	position: relative;
}
ul#menu li {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	list-style-type: none;
	position: absolute;
	z-index: 2;
	font-size: 8pt;
}
ul#menu a.menitem:link, ul#menu a.menitem:visited {
		background-position: left top;
		opacity: .8;
	}
ul#menu a.menitem:hover, ul#menu a.menitem:active {
		background-position: left bottom;
		background-color: transparent;
		opacity: .9;
	}
ul#menu li a.menitem span, ul#menu li a.menitem strong, ul#menu li a.menactive span, ul#menu li a.menactive strong {
	display: none;
}
ul#menu li a.menitem:hover strong {
	display: block;
	text-align: left;
	position: absolute;
	width: 100px;
	border-bottom: 1px solid #ffdb5e;
	padding: 2px 0 2px 0;
	margin: 0 0 0 5px;
	color: #333;
	left: 30px;
	top: 62px;
	z-index: 2;
}
ul#menu li a.menitem:hover span {
	display: block;
	position: absolute;
	width: 180px;
	text-align: left;
	border: 1px solid #ffe897;
	background-color: #ffefb7;
	padding: 20px 2px 2px 2px;
	color: #333;
	left: 30px;
	top: 62px;
	z-index: 1;
}

ul#menu a {
	border: 0;
	position: absolute;
	width: 60px;
	height: 60px;
}
#home {
	top: 2px;
	left: 2px;
	background-image: url('images/home_menu.gif');
}
#work {
	top: 2px;
	left: 62px;
	background-image: url('images/work_menu.gif');
}
#foto {
	top: 2px;
	left: 122px;
	background-image: url('images/foto_menu.gif');
}
#izm {
	top: 2px;
	left: 182px;
	background-image: url('images/izm_menu.gif');
}
#draft {
	top: 2px;
	left: 242px;
	background-image: url('images/draft_menu.gif');
}
#quote {
	top: 2px;
	left: 302px;
	background-image: url('images/quote_menu.gif');
}
#other {
	top: 2px;
	left: 362px;
	background-image: url('images/other_menu.gif');
}
 /* конец меню */


/* рамки раздела и темы */
.rndbxg b.trg, .rndbxg b.brg { display: block }
.rndbxg b.trg *, .rndbxg b.brg * { display: block; height: 1px; overflow-y: hidden; font-size: 0 !important; border-width: 0 1px; border-style: none solid}
.rndbxg b.trg b, .rndbxg b.brg b { margin: 0 4px; }
.rndbxg b.trg i, .rndbxg b.brg i { margin: 0 2px; }
.rndbxg b.trg u, .rndbxg b.brg u { margin: 0 1px !important }
.rndbxg .rndbxCg { border-width: 0 1px; border-style: none solid; padding: 0; overflow: hidden }
.rndbxg b.trg u, .rndbxg b.brg u { height: 2px; }
.rndbxg b.trg i, .rndbxg b.brg i { border-width: 0 2px; }
.rndbxg b.trg b, .rndbxg b.brg b { border-width: 0 }
.wrndbxg b.trg b, .wrndbxg b.brg b { background: #d32525;}
.wrndbxg b.trg i, .wrndbxg b.brg i, .wrndbxg b.trg u, .wrndbxg b.brg u, .wrndbxg .rndbxCg { background: #ffffff; border-color: #d32525; }
.grndbxg b.trg *, .grndbxg b.brg *, .grndbxg .rndbxCg { background: #d32525 !important; border-color: #d32525 !important }


/* подсветка найденного текста при поиске */
.hilite {
font-weight: bold;
background-color: #D3EFD0;
color: #ff0000;
}
.article {
text-align:right;
color:#ff0000;
margin:3px 5px;
font-size:12px;
}
.other {
text-align: center;
}