Проблема со слоями и списком

Тема в разделе "Веб-дизайн", создана пользователем k0missar, 18 июн 2011.

Модераторы: zek24
  1. k0missar

    k0missar

    Регистр.:
    20 сен 2008
    Сообщения:
    200
    Симпатии:
    25
    Сделал меню в простом хтмле все было гладко. Как только добавил в тему шаблона все стало не совсем так как хотелось.
    Вот css код а на скрине приведены ошибки
    Код:
    /*
    Theme Name: pwc
    Theme URI: www.hostermonster.com
    Version: 1.0
    Author: proWebCreative
    Tags: fixed width, three columns, valid XHTML, widgets
    */
    .row{clear: both;}
    .col1{width: 200px; float: left; padding: 0 10px;}
    .col2{width: 200px; float: right;  padding: 0 10px;}
    body
    {
    	margin: 0 auto;
    	padding: 0;
    	background-color: #C8DEEA;
    }
    
    .Main
    {
    	position: relative;
    	width: 100%;
    	left: 0;
    	top: 0;
    }
    
    
    
    
    .PageBackgroundSimpleGradient
    {
    	position: absolute;
    	background-image: url('images/Page-BgSimpleGradient.jpg');
    	background-repeat: repeat-x;
    	top:0;
    	width: 100%;
    	height: 1px;
    }
    
    .cleared
    {
    	float: none;
    	clear: both;
    	margin: 0;
    	padding: 0;
    	border: none;
    	font-size:1px;
    }
    
    
    form
    {
    	padding:0 !important;
    	margin:0 !important;
    }
    
    table.position
    {
    	position: relative;
    	width: 100%;
    	table-layout: fixed;
    }
    /* end Page */
    
    /* begin Box, Sheet */
    .Sheet
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	width: 1000px;
    	min-width:41px;
    	min-height:41px;
    }
    
    .Sheet-body
    {
    	position: relative;
    	z-index:1;
    	padding: 5px;
    }
    
    .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
    {
    	width: 60px;
    	height: 60px;
    	background-image: url('images/Sheet-s.png');
    }
    
    .Sheet-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 30px, 30px, auto);
    }
    
    .Sheet-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 30px, 30px);
    }
    
    .Sheet-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(30px, 30px, auto, auto);
    }
    
    .Sheet-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(30px, auto, auto, 30px);
    }
    
    .Sheet-tc, .Sheet-bc
    {
    	left: 30px;
    	right: 30px;
    	height: 60px;
    	background-image: url('images/Sheet-h.png');
    }
    
    .Sheet-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 30px, auto);
    }
    
    .Sheet-bc
    {
    	bottom: 0;
    	clip: rect(30px, auto, auto, auto);
    }
    
    .Sheet-cr, .Sheet-cl
    {
    	top: 30px;
    	bottom: 30px;
    	width: 60px;
    	background-image: url('images/Sheet-v.png');
    }
    
    .Sheet-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 30px);
    }
    
    .Sheet-cl
    {
    	left:0;
    	clip: rect(auto, 30px, auto, auto);
    }
    
    .Sheet-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 30px;
    	left: 30px;
    	right: 30px;
    	bottom: 30px;
    	background-color: #334B5B;
    }
    
    
    .Sheet
    {
    	margin-top: 10px !important;
    }
    
    .PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare
    {
    	min-width:1000px;
    }
    
    /* end Box, Sheet */
    
    /* begin Menu */
    /* menu structure */
    
    .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
    {
    	text-align:left;
    	text-decoration:none;
    	outline:none;
    	letter-spacing:normal;
    	word-spacing:normal;
    }
    
    .artmenu, .artmenu ul
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	list-style-type: none;
    	display: block;
    }
    
    .artmenu li
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	display: block;
    	float: left;
    	position: relative;
    	z-index: 5;
    	background:none;
    }
    
    .artmenu li:hover
    {
    	z-index: 10000;
    	white-space: normal;
    }
    
    .artmenu li li
    {
    	float: none;
    }
    
    .artmenu ul
    {
    	visibility: hidden;
    	position: absolute;
    	z-index: 10;
    	left: 0;
    	top: 0;
    	background:none;
    }
    
    .artmenu li:hover>ul
    {
    	visibility: visible;
    	top: 100%;
    }
    
    .artmenu li li:hover>ul
    {
    	top: 0;
    	left: 100%;
    }
    
    .artmenu:after, .artmenu ul:after
    {
    	content: ".";
    	height: 0;
    	display: block;
    	visibility: hidden;
    	overflow: hidden;
    	clear: both;
    }
    .artmenu, .artmenu ul
    {
    	min-height: 0;
    }
    
    .artmenu ul
    {
    	background-image: url(images/spacer.gif);
    	padding: 10px 30px 30px 30px;
    	margin: -10px 0 0 -30px;
    }
    
    .artmenu ul ul
    {
    	padding: 30px 30px 30px 10px;
    	margin: -30px 0 0 -10px;
    }
    
    
    
    
    /* menu structure */
    
    .artmenu
    {
    	padding: 0px 10px 0px 10px;
    }
    
    .nav
    {
    	position: relative;
    	height: 36px;
    	z-index: 100;
    }
    
    .nav .l, .nav .r
    {
    	position: absolute;
    	z-index: -1;
    	top: 0;
    	height: 36px;
    	background-image: url('images/nav.png');
    }
    
    .nav .l
    {
    	left: 0;
    	right:10px;
    }
    
    .nav .r
    {
    	right: 0;
    	width: 990px;
    	clip: rect(auto, auto, auto, 980px);
    }
    
    /* end Menu */
    
    /* begin MenuItem */
    .artmenu ul li
    {
    	clear: both;
    }
    
    .artmenu a
    {
    	position:relative;
    	display: block;
    	overflow:hidden;
    	height: 36px;
    	cursor: pointer;
    	text-decoration: none;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    
    
    .artmenu a .r, .artmenu a .l
    {
    	position:absolute;
    	display: block;
    	height: 108px;
    	background-image: url('images/MenuItem.png');
    }
    
    .artmenu a .l
    {
    	left:0;
    	right:0px;
    }
    
    .artmenu a .r
    {
    	width:400px;
    	right:0;
    	clip: rect(auto, auto, auto, 400px);
    }
    
    .artmenu a .t 
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	padding: 0 12px;
    	margin: 0 0px;
    	line-height: 36px;
    	text-align: center;
    }
    
    .artmenu a:hover .l, .artmenu a:hover .r
    {
    	top:-36px;
    }
    
    .artmenu li:hover>a .l, .artmenu li:hover>a .r
    {
    	top:-36px;
    }
    
    .artmenu li:hover a .l, .artmenu li:hover a .r
    {
    	top:-36px;
    }
    .artmenu a:hover .t
    {
    	color: #FFFFFF;
    }
    
    .artmenu li:hover a .t
    {
    	color: #FFFFFF;
    }
    
    .artmenu li:hover>a .t
    {
    	color: #FFFFFF;
    }
    
    
    .artmenu a.active .l, .artmenu a.active .r
    {
    	top: -72px;
    }
    
    .artmenu a.active .t
    {
    	color: #FCFCFC;
    }
    
    
    /* end MenuItem */
    
    /* begin MenuSeparator */
    .nav .separator
    {
    	display: block;
    	width: 2px;
    	height: 36px;
    	background-image: url('images/MenuSeparator.png');
    }
    
    /* end MenuSeparator */
    
    /* begin MenuSubItem */
    .artmenu ul a
    {
    	display:block;
    	text-align: center;
    	white-space: nowrap;
    	height: 26px;
    	width: 180px;
    	overflow:hidden;
    	line-height: 26px;
    	margin-right: auto;
    
    
    	background-image: url('images/subitem-bg.png');
    	background-position: left top;
    	background-repeat: repeat-x;
    	border-width: 1px;
    	border-style: solid;
    	border-color: #5A84A0;
    }
    
    .nav ul.artmenu ul span, .nav ul.artmenu ul span span
    {
    	display: inline;
    	float: none;
    	margin: inherit;
    	padding: inherit;
    	background-image: none;
    	text-align: inherit;
    	text-decoration: inherit;
    }
    
    .artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
    {
    	text-align: left;
    	text-indent: 12px;
    	text-decoration: none;
    	line-height: 26px;
    	color: #F2F2F2;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    }
    
    .artmenu ul ul a
    {
    	margin-left: auto;
    }
    
    .artmenu ul li a:hover
    {
    	color: #EBF1F4;
    	border-color: #5A84A0;
    	background-position: 0 -26px;
    }
    
    .artmenu ul li:hover>a
    {
    	color: #EBF1F4;
    	border-color: #5A84A0;
    	background-position: 0 -26px;
    }
    
    .nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
    {
    	color: #EBF1F4;
    }
    
    .nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
    {
    	color: #EBF1F4;
    }
    
    
    /* end MenuSubItem */
    
    /* begin Header */
    div.Header
    {
    	margin: 0 auto;
    	position: relative;
    	z-index:0;
    	width: 990px;
    	height: 150px;
    }
    
    
    div.Header-jpeg
    {
    	position: absolute;
    	z-index:-1;
    	top: 0;
    	left: 0;
    	width: 990px;
    	height: 150px;
    	background-image: url('images/Header.jpg');
    	background-repeat: no-repeat;
    	background-position: center center;
    }
    /* end Header */
    
    /* begin Logo */
    .logo
    {
    	display : block;
    	position: absolute;
    	left: 350px;
    	top: 58px;
    	width: 861px;
    }
    
    h1.logo-name
    {
    	display: block;
    	text-align: left;
    }
    
    h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
    {
    	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    	font-size: 32px;
    	text-decoration: none;
    	padding:0;
    	margin:0;
    	color: #152B37 !important;
    }
    
    /* end Logo */
    
    /* begin ContentLayout */
    .contentLayout
    {
    	position: relative;
    	margin-bottom: 2px;
    	width: 990px;
    }
    /* end ContentLayout */
    
    /* begin Box, Block */
    .Block
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:15px;
    	min-height:15px;
    }
    
    .Block-body
    {
    	position: relative;
    	z-index:1;
    	padding: 3px;
    }
    
    .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .Block-tr, .Block-tl, .Block-br, .Block-bl
    {
    	width: 14px;
    	height: 14px;
    	background-image: url('images/Block-s.png');
    }
    
    .Block-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 7px, 7px, auto);
    }
    
    .Block-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 7px, 7px);
    }
    
    .Block-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(7px, 7px, auto, auto);
    }
    
    .Block-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(7px, auto, auto, 7px);
    }
    
    .Block-tc, .Block-bc
    {
    	left: 7px;
    	right: 7px;
    	height: 14px;
    	background-image: url('images/Block-h.png');
    }
    
    .Block-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 7px, auto);
    }
    
    .Block-bc
    {
    	bottom: 0;
    	clip: rect(7px, auto, auto, auto);
    }
    
    .Block-cr, .Block-cl
    {
    	top: 7px;
    	bottom: 7px;
    	width: 14px;
    	background-image: url('images/Block-v.png');
    }
    
    .Block-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 7px);
    }
    
    .Block-cl
    {
    	left:0;
    	clip: rect(auto, 7px, auto, auto);
    }
    
    .Block-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 7px;
    	left: 7px;
    	right: 7px;
    	bottom: 7px;
    	background-color: #46667C;
    }
    
    
    .Block
    {
    	margin: 7px;
    }
    
    /* end Box, Block */
    
    /* begin BlockHeader */
    .BlockHeader
    {
    	position:relative;
    	z-index:0;
    	height: 30px;
    	padding: 0 8px;
    	margin-bottom: 7px;
    }
    
    .BlockHeader .t
    {
    	height: 30px;
    	color: #FCFCFC;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	white-space : nowrap;
    	padding: 0 8px;
    	line-height: 30px;
    }
    
    .BlockHeader .l, .BlockHeader .r
    {
    	display:block;
    	position:absolute;
    	z-index:-1;
    	height: 30px;
    	background-image: url('images/BlockHeader.png');
    }
    
    .BlockHeader .l
    {
    	left:0;
    	right:7px;
    }
    
    .BlockHeader .r
    { 
    	width:990px;
    	right:0;
    	clip: rect(auto, auto, auto, 983px);
    }
    
    
    
    
    
    .header-tag-icon
    {
    	display:inline-block;
    	background-position:left top;
    	background-image: url('images/BlockHeaderIcon.png');
    	padding:0 0 0 21px;
    	background-repeat: no-repeat;
    	min-height: 13px;
    	margin: 0 0 0 5px;
    }
    
    
    /* end BlockHeader */
    
    /* begin Box, BlockContent */
    .BlockContent
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:1px;
    	min-height:1px;
    }
    
    .BlockContent-body
    {
    	position: relative;
    	z-index:1;
    	padding: 8px;
    }
    
    
    
    .BlockContent-body
    {
    	color:#B2D1E1;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    }
    
    .BlockContent-body a:link
    {
    	color: #91BDD4;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
    
    .BlockContent-body a:visited, .BlockContent-body a.visited
    {
    	color: #91BDD4;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: underline;
    }
    
    .BlockContent-body a:hover, .BlockContent-body a.hover
    {
    	color: #B6D3E2;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    }
    
    .BlockContent-body ul
    {
    	list-style-type: none;
    	color: #000000;
    	margin:0;
    	padding:0;
    }
    
    .BlockContent-body li
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    }
    
    .BlockContent-body ul li
    {
    	padding:0px 0 0px 13px;
    	background-image: url('images/BlockContentBullets.png');
    	background-repeat:no-repeat;
    	margin:0.5em 0 0.5em 0;
    	line-height:1.2em;
    }
    
    /* end Box, BlockContent */
    
    /* begin Box, Post */
    .Post
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:1px;
    	min-height:1px;
    }
    
    .Post-body
    {
    	position: relative;
    	z-index:1;
    	padding: 3px;
    }
    
    
    
    .Post
    {
    	margin: 7px;
    }
    
    /* Start images */
    a img
    {
    	border: 0;
    }
    
    .article img, img.article
    {
    	margin: 1em;
    }
    
    .metadata-icons img
    {
    	border: none;
    	vertical-align: middle;
    	margin:2px;
    }
    /* Finish images */
    
    /* Start tables */
    
    .article table, table.article
    {
    	border-collapse: collapse;
    	margin: 1px;
    	width:auto;
    }
    
    .article table, table.article .article tr, .article th, .article td
    {
    	background-color:Transparent;
    }
    
    
    .article th
    {
    	text-align:center;
    	vertical-align:middle;
    	padding: 7px;
    }
    
    /* Finish tables */
    /* end Box, Post */
    
    /* begin PostHeaderIcon */
    .PostHeaderIcon-wrapper
    {
    	text-decoration:none;
    	margin: 0.2em 0;
    	padding: 0;
    	font-weight:normal;
    	font-style:normal;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-variant:normal;
    	text-decoration:none;
    	font-variant:normal;
    	text-transform:none;
    	text-align:left;
    	text-indent:0;
    	line-height:inherit;
    	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    	font-size: 22px;
    	color: #C8DEEA;
    }
    
    .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
    {
    	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    	font-size: 22px;
    	color: #C8DEEA;
    }
    
    /* end PostHeaderIcon */
    
    /* begin PostHeader */
    .PostHeader a:link
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #BDD7E5;
    }
    
    .PostHeader a:visited, .PostHeader a.visited
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #BDD7E5;
    }
    
    .PostHeader a:hover, .PostHeader a.hovered
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #4F95BA;
    }
    /* end PostHeader */
    
    /* begin PostIcons */
    .PostHeaderIcons
    {
    	padding:1px;
    }
    
    .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	color: #DAE9F1;
    }
    
    .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
    {
    	margin:0;
    }
    
    .PostHeaderIcons a:link
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    	color: #98C1D7;
    }
    
    .PostHeaderIcons a:visited, .PostHeaderIcons a.visited
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-style: italic;
    	font-weight: normal;
    	text-decoration: none;
    	color: #98C1D7;
    }
    
    .PostHeaderIcons a:hover, .PostHeaderIcons a.hover
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-style: italic;
    	font-weight: normal;
    	text-decoration: underline;
    	color: #000000;
    }
    /* end PostIcons */
    
    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      color: #95BFD6;
    }
    
    .PostContent
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      color: #95BFD6;
    }
    
    
    /* Start Content link style */
    /*
    The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
    http://www.w3schools.com/CSS/css_pseudo_classes.asp
    http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
    */
    a
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #98C1D7;
    }
    
    /* Adds special style to an unvisited link. */
    a:link
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #98C1D7;
    }
    
    /* Adds special style to a visited link. */
    a:visited, a.visited
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #98C1D7;
    }
    
    /* :hover - adds special style to an element when you mouse over it. */
    a:hover, a.hover
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      color: #FFFFFF;
    }
    
    /* Finish Content link style */
    
    /* Resert some headings default style & links default style for links in headings*/
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
    {
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
    }
    
    
    /* Start Content headings Fonts & Colors  */
    h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 29px;
      color: #98C1D7;
    }
    
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 22px;
      color: #98C1D7;
    }
    
    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 17px;
      color: #BDD7E5;
    }
    
    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      color: #D9D9D9;
    }
    
    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      color: #D9D9D9;
    }
    
    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 10px;
      color: #D9D9D9;
    }
    /* Finish Content headings Fonts & Colors  */
    /* end PostContent */
    
    /* begin PostBullets */
    /* Start Content list */
    ol, ul
    {
    	color: #DAE9F1;
    	margin:1em 0 1em 2em;
    	padding:0;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    }
    
    li ol, li ul
    {
    	margin:0.5em 0 0.5em 2em;
    	padding:0;
    }
    
    li 
    {
    	margin:0.2em 0;
    	padding:0;
    }
    
    ul
    {
    	list-style-type: none;
    }
    
    ol
    {
    	list-style-position:inside;
    	
    }
    
    
    
    .Post li
    {
    	padding:0px 0 0px 13px;
    	line-height:1.2em;
    }
    
    .Post ol li, .Post ul ol li
    {
    	background: none;
    	padding-left:0;
    }
    
    .Post ul li, .Post ol ul li 
    {
    	background-image: url('images/PostBullets.png');
    	background-repeat:no-repeat;
    	padding-left:13px;
    }
    
    
    /* Finish Content list */
    /* end PostBullets */
    
    /* begin PostQuote */
    /* Start blockquote */
    blockquote p
    {
    	color:#060C0F;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
    
    blockquote
    {
    		margin:10px 10px 10px 50px;
    	padding:5px 5px 5px 41px;
    	background-color:#95BFD6;
    	background-image:url('images/PostQuote.png');
    	background-position:left top;
    	background-repeat:no-repeat;
    }
    
    
    /* Finish blockuote */
    /* end PostQuote */
    
    /* begin PostIcons */
    .PostFooterIcons
    {
    	padding:1px;
    }
    
    .PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	color: #DAE9F1;
    }
    
    .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
    {
    	margin:0;
    }
    
    .PostFooterIcons a:link
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    	color: #98C1D7;
    }
    
    .PostFooterIcons a:visited, .PostFooterIcons a.visited
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    	color: #98C1D7;
    }
    
    .PostFooterIcons a:hover, .PostFooterIcons a.hover
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    	color: #000000;
    }
    /* end PostIcons */
    
    /* begin Button */
    .Button
    {
    	display:inline-block;
    	width: auto;
    	outline:none;
    	border:none;
    	background:none;
    	line-height:28px;
    	margin:0;
    	padding:0;
    	overflow: visible;
    	cursor: default;
    	text-decoration: none !important;
    	z-index:0;
    }
    
    .Button .btn
    {
    	display:block;
    	position:relative;
    	float:left;
    	height: 28px;
    	overflow:hidden;
    	white-space: nowrap;
    	width: auto;
    	color: #1C1C1C;
    }
    
    .Button .btn .t
    {
    	display:block;
    	height: 28px;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	white-space: nowrap;
    	text-align: left;
    	padding: 0 11px;
    	line-height: 28px;
    	text-decoration: none !important;
    }
    
    input, select
    {
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    }
    
    .Button .hover, .Button:hover
    {
    	color: #696969;
    	text-decoration: none !important;
    }
    
    .Button .active
    {
    	color: #EFF3F6;
    }
    
    .Button .btn .l, .Button .btn .r
    {
    	display:block;
    	position:absolute;
    	z-index:-1;
    	height: 84px;
    	background-image: url('images/Button.png');
    }
    
    .Button .btn .l
    {
    	left:0;
    	right:9px;
    }
    
    .Button .btn .r
    {
    	width:407px;
    	right:0;
    	clip: rect(auto, auto, auto, 398px);
    }
    
    .Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
    {
    	top: -28px;
    }
    
    .Button .btn.active .l, .Button .btn.active .r
    {
    	top: -56px;
    }
    
    
    /* end Button */
    
    /* begin Footer */
    .Footer
    {
    	position:relative;
    	z-index:0;
    	overflow:hidden;
    	width: 990px;
    	margin: 5px auto 0px auto;
    }
    
    .Footer .Footer-inner
    {
    	height:1%;
    	position: relative;
    	z-index: 0;
    	padding: 25px;
    	text-align: center;
    }
    
    .Footer .Footer-background
    {
    	position:absolute;
    	z-index:-1;
    	background-repeat:no-repeat;
    	background-image: url('images/Footer.png');
    	width: 990px;
    	height: 150px;
    	bottom:0;
    	left:0;
    }
    
    
    .Footer .Footer-text p
    {
    	margin: 0;
    }
    
    .Footer .Footer-text
    {
    	display:inline-block;
    	color:#C7C7C7;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    }
    
    .Footer .Footer-text a:link
    {
    	text-decoration: none;
    	color: #4388AD;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    }
    
    .Footer .Footer-text a:visited
    {
    	text-decoration: none;
    	color: #ABABAB;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    }
    
    .Footer .Footer-text a:hover
    {
    	text-decoration: none;
    	color: #86B6D0;
    	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    }
    /* end Footer */
    
    /* begin PageFooter */
    .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
    {
    	font-family:Arial;
    	font-size:10px;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-style:normal;
    	font-weight:normal;
    	text-decoration:none;
    	color:#ccc;
    }
    
    .page-footer
    {
    	margin:0em;
    	text-align:center;
    	text-decoration:none;
    	color:#ccc;
    }
    /* end PageFooter */
    
    /* begin LayoutCell */
    .contentLayout .sidebar1
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 155px;
    }
    /* end LayoutCell */
    
    /* begin LayoutCell */
    .contentLayout .content
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 595px;
    }
    .contentLayout .content-sidebar1
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 792px;
    }
    .contentLayout .content-sidebar2
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 792px;
    }
    .contentLayout .content-wide
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 989px;
    }
    /* end LayoutCell */
    
    /* begin LayoutCell */
    .contentLayout .sidebar2
    {
    	position: relative;
        margin: 0;
    	padding: 0;
    	border: 0;
    	float: right;
    	overflow: hidden;
    	width: 240px;
    }
    /* end LayoutCell */
    
    
    
    .commentlist, .commentlist li
    {
    	background: none;
    }
    
    .commentlist li li
    {
    	margin-left:30px;
    }
    
    .commentlist li .avatar
    {
    	float: right;
    	border: 1px solid #eee;
    	padding: 2px;
    	margin:1px;
    	background: #fff;
    }
    
    .commentlist li cite
    {
    	font-size:1.2em;
    }
    
    #commentform textarea
    {
    	width: 100%;
    }
    
    img.wp-smiley
    {
    	border:none;
    	margin:0;
    	padding:0;
    }
    
    .navigation
    {
    	display: block;
    	text-align: center;
    }
    
    /* Recommended by http://codex.wordpress.org/CSS */
    /* Begin */
    .aligncenter, div.aligncenter, .article .aligncenter img, .aligncenter img.article, .aligncenter img, img.aligncenter
    {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .alignleft
    {
    	float: left;
    }
    
    .alignright
    {
    	float: right;
    }
    
    .alignright img, img.alignright
    {
    	margin: 1em;
    	margin-right: 0;
    }
    
    .alignleft img, img.alignleft
    {
    	margin: 1em;
    	margin-left: 0;
    }
    
    .wp-caption
    {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    }
    
    .wp-caption img
    {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption p.wp-caption-text
    {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }
    /* End */
    
    
    .hidden
    {
    	display: none;
    }
    
    /* Calendar */
    #wp-calendar {
    	empty-cells: show;
    	margin: 10px auto 0;
    	width: 155px;
    }
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    }
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    }
    
    #wp-calendar a {
    	display: block;
    }
    
    #wp-calendar caption {
    	text-align: center;
    	width: 100%;
    }
    
    #wp-calendar td {
    	padding: 3px 0;
    	text-align: center;
    }
    
    .sponsor
    {
      font-family: Tahoma, Arial, Helvetica, Sans-Serif;
      color: #95BFD6;
      padding: 20px;
      text-align: justify;
    }
    .begun {
        padding: 5px;
        text-align: center;
    }
    #top {
        height: 4px;
        width: 220px;
        position: relative;
        list-style: none;
        background: #46667C;
        border-radius:10px 10px 0 0; 
        -webkit-border-radius:10px 10px 0 0; 
        -moz-border-radius:10px 10px 0 0; 
        -khtml-border-radius:10px 10px 0 0;
    }
    #foot {
        height: 4px;
        width: 220px;
        position: relative;
        list-style: none;
        background: #46667C;
        border-radius:0 0 10px 10px; 
        -webkit-border-radius:0 0 10px 10px; 
        -moz-border-radius:0 0 10px 10px; 
        -khtml-border-radius:0 0 10px 10px;
    }
    .navigator {
        width: 224px;
        border: none;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        border: 1px solid;
        border-color: #5a84a0;
        border-radius:10px 10px 10px 10px; 
        -webkit-border-radius:10px 10px 10px 10px; 
        -moz-border-radius:10px 10px 10px 10px; 
        -khtml-border-radius:10px 10px 10px 10px;
    }
    .navigator li {
        padding: 2px;
        position: relative;
        list-style: none;
        background: #46667C;
    }
    .navigator li a {
        text-shadow: #000 1px 1px 1px;
        text-decoration: none;
        font-size: 13px;
        color: #bdd7e5;
    }
    .navigator li:hover {
        color: #46667C;
        background: #bdd7e5;
        
    }
    .navigator li ul {
        width: 240px;
        color: #000;
        list-style: none;
        margin: 0;
        padding: 0px;
        background: #46667C;
        border: 1px solid;
        border-color: #5a84a0;
        border-radius:10px; 
        -webkit-border-radius:10px; 
        -moz-border-radius:10px; 
        -khtml-border-radius:10px;
        position: absolute;
        left: -244px;
        top: 0;
        display: none;
    }
    .navigator li:hover ul {
        display: block;
    }
    
    И еще чтоб не было проблем с закруглением я создал два пустых li
    Можно ли от них избавиться без потери округления.
    Округляться должен верх или низ списка а если применить ко всем то все строки li будут округляться
    Код:
    #top {
        height: 4px;
        width: 220px;
        position: relative;
        list-style: none;
        background: #46667C;
        border-radius:10px 10px 0 0; 
        -webkit-border-radius:10px 10px 0 0; 
        -moz-border-radius:10px 10px 0 0; 
        -khtml-border-radius:10px 10px 0 0;
    }
    #foot {
        height: 4px;
        width: 220px;
        position: relative;
        list-style: none;
        background: #46667C;
        border-radius:0 0 10px 10px; 
        -webkit-border-radius:0 0 10px 10px; 
        -moz-border-radius:0 0 10px 10px; 
        -khtml-border-radius:0 0 10px 10px;
    }
     

    Вложения:

  2. rombikr

    rombikr Постоялец

    Регистр.:
    9 июн 2011
    Сообщения:
    50
    Симпатии:
    4
    Чтобы закруглить только определенный угол можно написать border-bottom-left-radius: 10px;