/* Project: Re.Active Portfolio Author: A.Timofeev / Re.Active (www.reactant.ru) Version: 18 Oct 2008 */ /* Defaults ----------------------------------------------- */ html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;} * {font-size:100.01%;} /* -----------[ Main ]----------- */ html {width:100%;height:100%;} html {background:#FFF;} html, input, select, textarea {font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif;} body {width:1008px; margin:0 auto;} body {font-size:1.3em;} body {color:#383838;background:url(../i/gl/list_bg.gif) 100% 0 repeat-y;} input, select, textarea {font-size:0.9em;} h1,h2,h3,h4,h5,h6,pre,code {font-size: 1.3em; font-weight:normal;} /* -----------[ Elements ]----------- */ table {border-collapse:collapse;} fieldset {border: solid 0 transparent;} ul li {list-style:none;} a img,:link img,:visited img {border:none;} a:link, a:visited, a:focus, a:hover, a:active {text-decoration:underline;color:#449cda;} a:hover {text-decoration:none;} /* -----------[ Class ]----------- */ .Bo, .CLe {height:0;font-size:0;visibility:hidden;} .Bo {clear:both;} .CLe {clear:left;} .Hi {font-size:0; visibility:hidden;} .PngFix {behavior: url("s/pngfix/iepngfix.htc")} /* Global ----------------------------------------------- */ .GlMarT {margin-top:5px;} /* -----------[ Header ]----------- */ #Header {height:170px;overflow:hidden;} #Header {background:#€€€;} #Header .Inner {padding:6px 0;} /* -[ Logo ]- */ #Header .Inner .Logo {float:left; width:206px;height:150px; position:relative;} /* -[ Text logo ]- */ #Header .Inner .Logo strong {position:absolute;top:50px;left:20px;} #Header .Inner .Logo strong span {font-weight:normal; display:block; } /* -[ Image logo ]- */ #Header .Inner .Logo a {display:block; width:206px;height:150px; position:absolute;top:0;left:0;z-index:2; text-indent:-777em;} #Header .Inner .Logo a {background:url(../i/gl/logo.gif) no-repeat 50% 50%;} /* -[ Login form ]- */ #Header .Inner form {font-size:0.9em; width:138px;height:134px; float:right; margin:15px 20px 0 0;} #Header .Inner form .LoginInput {width:132px;padding:1px;} #Header .Inner form a {text-decoration:none; border-bottom:#449cda 1px dashed;} #Header .Inner form a:hover {border-bottom:none;} #Header .Inner form p {text-align:right; position:relative; height:50px;} #Header .Inner form p b {position:absolute;top:0;left:0;} #Header .Inner form p .LoginInput {position:absolute;top:19px;left:0;} /* -[ After-login form ]- */ #Header .Inner span {width:138px;height:134px; float:right; margin:15px 20px 0 0;} /* -[ Banner ]- */ #Header .Inner .Banner {margin:0 168px 0 206px;height:150px; text-align:center;} /* -----------[ Navigation top ]----------- */ #Navigation-Top {float:left;width:100%;} #Navigation-Top {background:#d62002; border-bottom:#bc1e22 1px solid;} #Navigation-Top, #Navigation-Top a {color:#FFF;} #Navigation-Top .Inner {position:relative;z-index:2;} #Navigation-Top ul li {float:left; margin-left:20px;padding:10px 0;} #Navigation-Top b {display:block;float:right; padding:10px;} #Navigation-Top b a {text-decoration:none; border-bottom:#FFF 1px dashed;} #Navigation-Top b a:hover {border-bottom:none;} /* -----------[ Content ]----------- */ #Content {width:100%;float:left;} /* -[ Tag list ]- */ #Content #List {float:right; width:180px;} #Content #List {background:url(../i/gl/list_bg.gif) 0 0 repeat-y;} #Content #List .Inner {padding:15px;} #Content #List .Inner ul li {margin-bottom:4px;} #Content #List .Inner .Level {padding-left:16px;} /* -[ Sidebar ]- */ #Content #Sidebar {float:left; width:270px;} #Content #Sidebar {background:#efefef;} #Content #Sidebar .Inner {padding:15px;} #Content #Sidebar .Inner .Banner {margin-bottom:36px;} /* -[ Top list ]- */ #Content #Sidebar .Inner .Top {margin-bottom:30px;} #Content #Sidebar .Inner .Top h3 {font-size:1.4em;margin-bottom:12px;} #Content #Sidebar .Inner .Top h3, #Content #Sidebar .Inner .Top h3 a {color:#333;} #Content #Sidebar .Inner .Top ol {padding-left:20px;} #Content #Sidebar .Inner .Top ol li {position:relative; height:20px; display:list-item;vertical-align:top;} #Content #Sidebar .Inner .Top ol li a {color:#0061bc;} #Content #Sidebar .Inner .Top ol li em {display:block; font-style:normal;font-size:0.8em; width:60px;position:absolute;top:0;left:160px; text-align:center;} #Content #Sidebar .Inner .Top ol li em {background:#CCC; border-radius:4px 4px;-webkit-border-radius:4px 4px;-moz-border-radius:4px 4px;} /* -[ TopA list ]- */ #Content #Sidebar .Inner .TopA {margin-bottom:30px;} #Content #Sidebar .Inner .TopA h3 {font-size:1.4em;margin-bottom:12px;} #Content #Sidebar .Inner .TopA h3, #Content #Sidebar .Inner .TopA h3 a {color:#333;} #Content #Sidebar .Inner .TopA ul {padding-left:20px;} #Content #Sidebar .Inner .TopA ul li {position:relative; display:list-item;vertical-align:top;padding-bottom:5px;} #Content #Sidebar .Inner .TopA ul li a {color:#0061bc;} #Content #Sidebar .Inner .TopA ul li em {display:block; font-style:normal;font-size:0.8em; width:60px;position:absolute;top:0;left:160px; text-align:center;} #Content #Sidebar .Inner .TopA ul li em {background:#CCC; border-radius:4px 4px;-webkit-border-radius:4px 4px;-moz-border-radius:4px 4px;} /* -[ Logo for Moderators ]- */ #Content #Sidebar .Inner .Logo {float:left; width:206px;height:150px; position:relative;} /* -[ Text logo ]- */ #Content #Sidebar .Inner .Logo strong {position:absolute;top:50px;left:20px;} #Content #Sidebar .Inner .Logo strong span {font-weight:normal; display:block; } /* -[ Image logo ]- */ #Content #Sidebar .Inner .Logo a {display:block; width:206px;height:150px; position:absolute;top:0;left:0;z-index:2; text-indent:-777em;} #Content #Sidebar .Inner .Logo a {background:url(../i/gl/logo.gif) no-repeat 50% 50%;} /* -[ Text ]- */ #Content #Text {margin:0 180px 0 270px;} #Content #Text .Inner {padding:20px;} /* -[ Search form ]- */ #Content #Text .Search {padding:13px;} #Content #Text .Search {background:#efefef; border-radius:4px 4px;-webkit-border-radius:4px 4px;-moz-border-radius:4px 4px;} #Content #Text .Search .SearchInputs {margin-bottom:10px;} #Content #Text .Search .SearchInputs input {font-weight:bold;} #Content #Text .Search .SearchField input {width:400px;padding:4px 4px 4px 20px;margin-right:3px;} #Content #Text .Search .SearchField input {background:#FFF url(../i/gl/srch-input_bg.gif) 4px 5px no-repeat; border:#d7d7d7 1px solid;} #Content #Text .Search select {margin:0 10px 0 3px;} #Content #Text .Search label {margin-right:5px;} /* -[ Info ]- */ #Content #Text #Info {margin-top:25px;} #Content #Text #Info h2 {font-size:1.4em; display:inline;} #Content #Text #Info h2 {color:#333;} #Content #Text #Info .Banner {margin-bottom:25px;text-align:center;} /* -[ Article ]- */ #Content #Text #Info .Article {margin-bottom:25px;} #Content #Text #Info .Article .Level {padding-left:50px;margin-top:15px;} #Content #Text #Info .Article .Level {background: url(../i/gl/artcl-level_bg.gif) 0 0 no-repeat;} /* -[ Title ]- */ #Content #Text #Info .Article dl .Title {margin-bottom:10px;} #Content #Text #Info .Article dl .Title h2 {font-size:1.2em;font-weight:bold; margin-bottom:3px;} #Content #Text #Info .Article dl .Title h2 a {color:#449cda;} #Content #Text #Info .Article dl .Title span, #Content #Text #Info .Article dl .Title span a {color:#444444;} /* 868686 */ #Content #Text #Info .Article dl .Title em {display:block; float:right;} #Content #Text #Info .Article dl .Title em a {color:#d62002;} /* -[ Data ]- */ #Content #Text #Info .Article dl .Data p {line-height:19px;} #Content #Text #Info .Article dl .Data p a {font-weight:bold; color:#198419;} /* -[ Statistic ]- */ #Content #Text #Info .Article .Stat {font-size:0.9em; padding:7px 10px;margin-top:15px;} #Content #Text #Info .Article .Stat {background:#efefef;} #Content #Text #Info .Article .Stat span {margin-right:8px;} #Content #Text #Info .Article .Stat span, #Content #Text #Info .Article .Stat span a {color:#575757;} /* -----------[ Comments ]----------- */ /* -[ List ]- */ .CommentList {margin-bottom:5px;padding-bottom:15px;} .CommentList {border-bottom:#CCC 1px dashed;} .CommentList h3 {font-size:1.4em; margin-bottom:5px;} .CommentList h3 {color:#000;} .CommentList dl {line-height:19px; margin-bottom:13px;} .CommentList dl dd {margin-bottom:3px;} .CommentList dl .Date {color:#868686;} /* -[ Form ]- */ .CommentForm {padding:10px; float:left;width:100%;} .CommentForm h3 {font-size:1.4em; margin-bottom:5px;} .CommentForm h3 {color:#000;} .CommentForm textarea {display:block; font-size:1.1em; width:490px;height:150px; padding:3px;margin-bottom:10px;} .CommentForm textarea {border-width:1px;border-style:solid;border-color:#CCC #d7d7d7 #d7d7d7 #CCC;} .CommentFormFields {width:100%;float:left;margin-bottom:10px;} .CommentFormFields p {float:left; padding-right:10px;} .CommentFormFields p input {margin-left:3px;} .CommentFormField {border:#CCC 1px solid;} .CommentFormField {padding:2px;width:110px;} ul.sections li a { color:#000000; } /* Global ----------------------------------------------- */ .Article-Big {color:#000;} .Article-Big p {font-size:1.1em;line-height:23px; margin-bottom:25px;} .Article-Big p strong {font-size:1.2em;} .Article-Big img {float:left; margin:0 10px 10px 0;} .Article-Big ul li {list-style:disc; margin-left:10px;margin-bottom:3px;} .Article-Big_All {font-size:0.9em; text-align:right; margin-bottom:15px;padding-bottom:5px;} .Article-Big_All {color:gray;border-bottom:1px dashed gray;} /* Branding ----------------------------------------------- */ #Header {position:relative;} #Header .Lacto {width:660px;height:202px; position:absolute;top:0;left:180px; text-indent:-777em;} .menu-lacto {background:#FFF;} .menu-lacto-lnk {display:block; padding:7px 7px 26px 7px;} .menu-lacto-lnk {background:url(../i/partner/lacto/menu.png) no-repeat 7px 26px; border:1px solid #000;} .menu-invit {} .menu-invit-lnk {display:block; padding:7px 7px 43px 7px;} .menu-invit-lnk {background:url(../i/partner/invit/menu.png) no-repeat 6px 5px; border:2px solid #000;} .menu-kanefron {} .menu-kanefron-lnk {display:block; padding:7px 7px 34px 7px;} .menu-kanefron-lnk {background:url(../i/partner/uroro/menu.gif) no-repeat 9px 7px; border:2px solid #000;} /* Sponsor ----------------------------------------------- */ .bl-sponsor { margin:5px 10px; } .bl-sponsor a { display:block; width:131px;height:31px; text-indent:-777em; border-width:2px;border-style:solid; background-position:50% 50%;background-repeat:no-repeat; background-color:#FFF; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }