@import url(../../../stylesheets/application.css);

body{
    color:#303030;
    background:url(../images/bg.gif);
}

#wrapper {
    width: 980px;
    margin: auto;
}
#wrapper_left {
    padding-left: 10px;
    background:url(../images/wrapper_bl.gif);
}
#wrapper_right {
    padding-right: 10px;
    background:url(../images/wrapper_br.gif);
}
#wrapper_center {
    background:white;
}

#header {color:#222222;background:#FFFFFF;
    position: relative;
    top: -22px;
    background-position:10px 10px;
    background-repeat:no-repeat;
    height:21px;
    padding-bottom:50px;
    padding-left:155px;
    padding-top:5px;
}
div#top-menu {
  width:100%;
  padding:10px 0 0 0;
  position:absolute;
  left:0;
  font-size: 80%;
  height:23px;
  background-color: #ffffff;
  background:url(../images/wrapper_rount_tr.gif) no-repeat top right;
}
#top-menu a { font-weight: normal; color: #222222; }
#account ul { padding: 0 2px 0 10px; margin: 0; }
#account li { padding: 0 5px 0 5px; margin: 0; }
#header h1 { margin-left: 11px; color:#ffffff; padding-top:64px;font-size:1%;display:none; }
#header h1 a.ancestor,
#header h1 a.root { margin-left: 6px; color:#ffffff; font-size: 1%;display:none;  }
#quick-search { margin-right: 6px; background:#ffffff; padding-top: 20px; }
#quick-search a { color:#222222; }
#header img { margin-right:14px;float:left;padding-top:5px;padding-left:5px; }

#footer {
  border: 0;
  text-align: right;
  background:url(../images/footer_left.gif) no-repeat;
  padding: 0 0 0 12px;
  height: 18px;
  line-height: 18px;
}
#footer div.right {
  background: #333 url(../images/calcmenu_right.gif) no-repeat right;
  padding: 0 15px 0 2px;
  color: #fff;
}
#footer a { color: white }
#footer .copycalc { float: left }

#main { font:100% "Droid Sans",Verdana,Tahoma,Arial,sans-serif; background: #e8eaec; }
#main a { color: #995505;}
#main a:hover { color: #FAA419; text-decoration: underline; }
#content {
background: #fff;
width: auto;
min-height: 450px !important;
border:none;
padding-left: 18px;
padding-right: 18px;
}
#content .tabs ul { bottom:-1px; }

h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; margin-bottom: 0; padding: 9px 0 5px 0; color:#222222;font-family: "Droid Sans", Verdana, Trebuchet MS,Georgia,"Times New Roman",serif;}
.wiki h1 { letter-spacing:-1px; color:#222222;}
.wiki h1 { padding-bottom: 20px }
.wiki p { margin: 2.5pt 0; }
h4 { border-bottom: dotted 1px #c0c0c0; }


div.wiki table.noborder,
table.noborder td,
table.noborder tr,
table.noborder th {border-width:0px}
table.noborder td {padding:4px !important}
div.wiki table.nospace,
table.nospace td,
table.nospace tr,
table.nospace th {border-width:0px}
table.nospace td {padding:0}


/* CSS Document */
div#top-menu {
  position: relative;
  left:0px;
  top:0px;
  width:100%;
  z-index: 10;
  color:#ffffff;
}

div#calcmenu {
  left:200px;
  position:absolute;
  top:73px;
  width:747px;
  background:url(../images/calcmenu_left.gif) no-repeat;
  padding-left:13px;
}

div#calcmenu .right {
  background:url(../images/calcmenu_right.gif) no-repeat right;
  padding-right: 13px;
}

div#calcmenu ul {
	background: #333;
        margin: 0;
        border: 0 none;
        padding: 0;
        list-style: none;
        height: 18px;
        font: bold 11px/18px "Droid Sans",Verdana, Arial;
}


div#calcmenu ul li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 18px;
}

div#calcmenu ul ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 200px;
        list-style: none;
        display: none;
        position: absolute;
        top: 18px;
        left: 0;
}

div#calcmenu ul ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

div#calcmenu ul ul li {
        width: 250px;
        float: left;
        display: block !important;
        display: inline;
}

/* Main Menu */
div#calcmenu ul a {
        border: 0px;
        padding: 0 10px;
        float: none !important;
        float: left;
        display: block;
	color: #ffffff;
        font: normal 11px/18px "Droid Sans",Verdana, Arial;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}

/* Main Menu Hover #FBBB53*/
div#calcmenu ul a:hover,
div#calcmenu ul li:hover a,
div#calcmenu ul li.iehover a {
        background: #FAA419; 
        color:#222222;
	padding-top:0px;
        font: normal 11px/18px "Droid Sans",Verdana, Arial;
        border-top:#ffffff 0px solid;
}

/* Second Menu */
div#calcmenu ul li:hover li a,
div#calcmenu ul li.iehover li a {
        border-top: 1px solid #eeeeee;
        float: none;
        background: #f5e8c6;
        color: #333;
}

/* Second Menu Hover */
div#calcmenu ul li:hover li a:hover,
div#calcmenu ul li:hover li:hover a,
div#calcmenu ul li.iehover li a:hover,
div#calcmenu ul li.iehover li.iehover a {
        color:#222222;
        background: #FAA419;
        border:#ffffff 1px solid;
        border-top: 1px solid #eeeeee;
        border-left: 0px;
}

div#calcmenu ul ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

div#calcmenu ul li:hover ul ul,
div#calcmenu ul li.iehover ul ul {
        display: none;
}

div#calcmenu ul li:hover ul,
div#calcmenu ul ul li:hover ul,
div#calcmenu ul li.iehover ul,
div#calcmenu ul ul li.iehover ul {
        display: block;
} 

#account,
#langmenu,
#loggedas,
table.list { font-size:110%}


#top-menu #account { height:auto;
	color: #222222;
	float:right; 
	display: block;
	top: 0px;
	left: 0px;
}

#langmenu ul { padding: 0px 0px 0px 0px; margin: 0px; }
#langmenu li { padding: 0px 0px 0px 0px; margin: 0px; }

#top-menu #langmenu { height:auto;
	color: #222222;
	float:right; 
	display: block;
	top: 0px;
	left: 0px;
	margin-right: 0px;
}

div#top-menu div#loggedas {
        color: #222222;
	margin-left: 8px;
	margin-right: 0px;
}

div#activity dl,#search-results {
	font-size: 110%;
}

#main {
  position: relative;
}

h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: none; color: #ddd; }

.icon22-tags {
  background-repeat: no-repeat;
  padding-left: 25px;
}

#orphus {
  font-size:0.99em;
  padding:5px 5px 5px 14px;
  clear:both;
}


/* Logo to home button*/
a#logo {
  position: absolute;
  display: block;
  width: 142px;
  height: 82px !important;
  background: white;
  left:9px;
  top:10px;
  z-index: 11;
  color:#ffffff;
  background-repeat:no-repeat;
  background-image: url(../images/calculatelinux-142x82.gif);
  /*background-image: url(../images/calculatelinux-142x82-fr.gif);*/
  font-size: 0pt;
}

.contextual {
float:none;text-align:right;margin:0;
position:absolute;
right:20px;
top:-12px;
}
.issue .contextual,
.wiki .contextual,
.message .contextual,
#comments .contextual {
float: right;
position: static;
margin-top:5px;
}

.message .wiki { padding-top: 2px}

#comments h4 {padding-top:0;margin-top:0}
#comments .wiki {margin-bottom:20px}

div.wiki { font-size: 110%; line-height: 130% }
div.wiki table.main {
  background:url(../images/tablebg.png) no-repeat;
  position: relative;
  left: -10px;
  width: 960px;
  height: 219px;
}
div.wiki table.main,
div.wiki table.main td,
div.wiki table.main tr,
div.wiki table.main th {border-width:0px}

p.breadcrumb {font-size:11px}

#sidebar_popup {
cursor:default;
float:right;
font: normal 11px/18px "Droid Sans",Verdana, Arial;
padding: 0 8px;
background-color:#333333;
}
#sidebar_popup:hover {
background: #FAA419;
color:#222222;
}
#sidebar_popup:hover #sidebar { display: block }
#sidebar_popup:hover #main-menu { display: block }

#sidebar {
width:auto;
display: none;
background: #F5E8C6;
color:#222222;
min-height:0;
position: absolute;
right:13px;
top:18px;
}
#sidebar h3 { margin-top:0 }

#sidebar #sidebar-left {
float:left;
padding: 0 50px 10px 10px;
background: #F5E8C6;
width:150px;
}
#sidebar #sidebar-left #admin-menu ul { background: none;height:auto; }
#sidebar #sidebar-left #admin-menu ul li { float: none; }
#sidebar #sidebar-left #admin-menu ul li a { padding-left: 20px; color:#222222; }
#sidebar #sidebar-left .contextual { float:right; position:relative; right:-65px;top:18px; }
#sidebar #sidebar-left #watchers ul { background:none }
#sidebar #sidebar-left #watchers ul li:hover a,
#sidebar #sidebar-left #watchers ul li a:hover { background:none;text-decoration:underline; }
#sidebar #sidebar-left #watchers ul li { padding-bottom:2px }
#sidebar #sidebar-left #watchers ul li a { display: inline; color: #222222; }
#sidebar #sidebar-right {
float:right;
background: #F5E8C6;
width:185px;
}
#sidebar #sidebar-right ul {
height: auto;
border-left: 1px solid #eeeeee;
background-color:#F5E8C6;
}
#sidebar #sidebar-right ul li {
float:none;
display:block;
background: #F5E8C6;
}
#sidebar #sidebar-right ul li a { color:#222222; padding: 0 58px 0 8px; margin:0 }

.last_releases,
.glsa_last { float: right; margin: 0 0 16px 10px !important; width:100% }
.last_releases h2,
.glsa_last h2 { padding-top: 0 }
.last_releases ul,
.glsa_last ul { list-style:none;padding-left:0;margin:3px 0 8px 0 }
.last_releases ul,
.glsa_last li { text-indent: -41px;padding-left:41px }
.last_releases .atom,
.glsa_last .atom { float:right; padding-top:0;padding-bottom:0 }

.last_topics .body { overflow:hidden;width:579px }
.last_topics p { margin-top:4px }
.last_topics .reply { text-transform:lowercase }
.last_topics .footer a { float:left }
.last_topics .footer span { float:right }
.last_topics .odd,
.last_topics .even { margin-bottom:14px }


.glsa_list  { padding-top:10px }
.glsa_list div { font-size:110%; padding-bottom: 10px }

#portage_category_list {width:100%;clear:both}
#portage_category_list .col {padding:0 15px;vertical-align:top}
#portage_category_list .col a {
clear:both;
float:left;
font-size:9.6pt;
line-height:1.15em;
}

.last_packages table {width:100%;clear:both}
.last_packages td {vertical-align:top;width:33%}
.last_packages div div {padding:0 0 5px 20px}
.last_packages div div div {padding:0}
.last_packages div div a {font-size:9.6pt;line-height:1.15em}
.last_packages h1 {float:left}
.packages-filter {float:right;padding-top:7px}
.packages-filter select {margin-left:14px}
.packages-filter label {padding:1px 4px 1px 0}

.portage_package table.versions th {text-align:center;width:50px}
.portage_package table.versions td {text-align:center}
.portage_package table.versions td.v {text-align:left;white-space:nowrap}

table.border1 { border-collapse:collapse }
table.border1,
table.border1 td,
table.border1 tr,
table.border1 th { border:0 none !important; padding:0 }
table.border1 .t { background: url(../images/glsa-t.gif) repeat-x top }
table.border1 .r { background: url(../images/glsa-r.gif) repeat-y right }
table.border1 .b { background: url(../images/glsa-b.gif) repeat-x bottom }
table.border1 .l { background: url(../images/glsa-l.gif) repeat-y left }
table.border1 .tr { background: url(../images/glsa-tr.gif) no-repeat top right }
table.border1 .tl { background: url(../images/glsa-tl.gif) no-repeat top left }
table.border1 .br { background: url(../images/glsa-br.gif) no-repeat bottom right }
table.border1 .bl { background: url(../images/glsa-bl.gif) no-repeat bottom left }
table.border1 .tr,
table.border1 .tl,
table.border1 .br,
table.border1 .bl { width: 10px; height: 10px }
table.border1 .t,
table.border1 .b { height: 10px; min-height: 10px }
table.border1 .r,
table.border1 .l { width: 10px; min-width: 10px }

table.panel { border-collapse:collapse;margin:0 0 14px 14px !important;float:right }
table.panel,
table.panel td,
table.panel tr,
table.panel th { border:0 none !important }
table.panel .a,
table.panel .t,
table.panel .r,
table.panel .b,
table.panel .l,
table.panel .tl,
table.panel .br { background: url(../images/panel-a.gif)}
table.panel .bl { background: url(../images/panel-bl.gif) no-repeat bottom left }
table.panel .tr { background: url(../images/panel-tr.gif) no-repeat top right }
table.panel .tr,
table.panel .tl,
table.panel .br,
table.panel .bl { width: 13px; height: 13px }
table.panel .t,
table.panel .b { height: 13px; min-height: 13px }
table.panel .r,
table.panel .l { width: 13px; min-width: 13px }

.ebuild {width:100%}
.ebuild pre {margin:0}

table.filecontent {width:100% !important}

.portage_package .info {vertical-align:top;width:100%;padding:0 !important}
.portage_package .info th {
text-align:left;
font-weight:normal;
padding:0 12px 0 0 !important;
white-space:nowrap;
vertical-align:top;
}
.portage_package .info td {padding:0 !important;width:100%}
.portage_package .info .changelog th,
.portage_package .info .changelog td {padding:4px 15px 0 0 !important}
.portage_package .legend {vertical-align:bottom;padding:0 !important}
.portage_package .legend ul {margin:0;list-style:none;padding:0}
.portage_package .legend li {white-space: nowrap}
.portage_package .legend li span {padding: 0 5px;line-height:17px}
.portage_package table {width:100%}
.portage_package table table {margin:0;width:auto}
.stable {background-color:#64c224}
.unstable {background-color:#FFD241}
.hardmask {background-color:#EF541C}
.white {background-color:white}

.flag_packages #description {padding-bottom:8px}
.flag_packages table {width:100%}

.portage_license div {float:left}
.portage_license pre {font-size:110%;float:left}
.portage_license .packages {padding-left:14px}
.portage_license .packages li a {font-size:110%}
.portage_license ul {list-style:none;padding-left:0}

.wiki_menu_left,
.wiki_menu_right {vertical-align:top}
.wiki_menu_left div {
padding-right:7px;
margin-right:7px;
border-right:1px solid black;
}
.wiki_menu_right div {
padding-left:7px;
margin-left:7px;
border-left:1px solid black;
}
.wiki_menu_top {
padding-bottom:7px;
margin-bottom:7px;
border-bottom:1px solid black;
}
.wiki_menu_bottom {
padding-top:7px;
margin-top:7px;
border-top:1px solid black;
}

p.other-formats {clear:both; margin: 1em 0px 0px;}

#reply_subject {width:99%}

.hr {
background:#c9c9c9;
height:1px;
margin-top:5px;
}

#message_subject { width:99% }

.subscribe_message blockquote { margin-left:0 }
.subscribe_messages ul { list-style:none;padding-left:0 }
.subscribe_messages ul ul { list-style:none;padding-left:40px }

.subscribe_index ul { list-style:none;padding-left:0 }

#content_meta_title,
#content_meta_keys,
#content_comments,
#content_meta_desc { width:99% } 

#top-menu a.irc-help {
left:200px;
position:relative;
top:45px;
color:#995505;
background: url(../images/quest.gif) no-repeat 0 1px;
padding-left:17px;
}
#top-menu a.irc-help:hover { color:#FAA419 }

table.boards { line-height:13pt }
table.boards td { padding:5px }
table.boards td small span { white-space:nowrap }

.bottom_menu {
background: url(../images/bottom_menu.png) repeat-x;
}
.bottom_menu table {
width:100%;
font-size: 8pt;
line-height:13pt;
padding:0 7px;
}
.bottom_menu ul {
list-style:none;
padding:0;
margin: 0;
}
.bottom_menu a { color: #303030 }
.bottom_menu a:hover { color: #303030 }
.bottom_menu td {
vertical-align: top;
padding:0 7px;
}
.bottom_menu p { margin:8px 0 }

.company { padding:14px 0; position: relative }
.company table { border-collapse: collapse }
.company th,
.company td { vertical-align: top; padding: 0 }
.company td { padding-left: 14px }
.company .first { padding-top: 0 }
.company .author {
position:relative;
top:-5px;
}
#companies .contextual {
float: right;
right: 0;
top: 22px;
}
a.icon-distrs { background-image: url(../../../images/text_list_bullets.png) !important; background-repeat: no-repeat !important; }


.share { text-align:right; clear:both; padding: 1em 0px 0px; }
.share span { padding-left: 5px }
.share span span { padding-left: 0 }
.share a {
display:inline-block;
height:16px;
position:relative;
top:1px;
width:16px;
opacity:0.5;
}
.share a:hover { opacity:1 }
.twitter a { padding-top:1px; background:url("../images/bg-icon-twitter.gif") no-repeat }
.facebook a { padding-top:1px; background:url("../images/bg-icon-facebook.png") no-repeat }
.vkontakte a { padding-top:1px; background:url("../images/bg-icon-vk.png") no-repeat }
.vkontakte img { opacity:0.5 }
.vkontakte img:hover { opacity:1 }

/*** twitter widget ***/
.wiki .twtr-widget .twtr-tweet-wrap,
.wiki .twtr-widget .twtr-hd { padding-left: 0; padding-bottom:0; padding-right:0;padding-top:0}
.wiki .twtr-widget .twtr-bd {padding-top:4px}
.wiki .twtr-widget { float:left; font-family: "Droid Sans",Verdana,Tahoma,Arial,sans-serif; padding-bottom:12px; }
.wiki .twtr-ft { display:none }
.wiki .twtr-widget .twtr-tweets {font-family: "Droid Sans",Verdana,Tahoma,Arial,sans-serif }
.wiki .twtr-widget .twtr-tweets .twtr-tweet { padding-top:3px !important;padding-bottom:7px !important }
.wiki .twtr-widget h4 { border-bottom: none }

.header .avatar { display:none !important; }
.tweet .header { padding-left: 0px !important; }

div.wiki table.shadow,
table.shadow {padding:0px !important;border: 0px;}
table.shadow {margin-top:13px;padding:0px !important;border: 0px;}
.shadow_tr {background: url(../images/shadow_tr.png) repeat-x right top;height:5px; }
.shadow_r  {background: url(../images/shadow_r.png) repeat right top;width:5px; }
.shadow_b  {background: url(../images/shadow_b.png) repeat bottom;height:5px; }
.shadow_bl {background: url(../images/shadow_bl.png) repeat-y bottom left;height:5px;width:5px; }
.shadow_br {background: url(../images/shadow_br.png) no-repeat right bottom;height:5px;width:5px; }
table.shadow td,tr { border:0px;padding:0px !important; }

pre {font-family: "Droid Sans Mono",Verdana,Tahoma,Arial,monospace } 
textarea {font-family: "Droid Sans Mono",Verdana,Tahoma,Arial,monospace } 
tt, code, kbd, samp {font-family: "Droid Sans Mono",Verdana,Tahoma,Arial,monospace }
input,select {font-family: "Droid Sans",Verdana,Tahoma,Arial,sans-serif }

@font-face {
  font-family: 'Droid Sans';
  src: url('http://www.calculate-linux.ru/themes/calculate/fonts/DroidSansWin.ttf');
  src: local('Droid Sans'), local('DroidSans'), url('http://www.calculate-linux.ru/themes/calculate/fonts/DroidSans.ttf');
}

@font-face {
  font-family: 'Droid Sans Mono';
  src: url('http://www.calculate-linux.ru/themes/calculate/fonts/DroidSansMonoWin.ttf');
  src: local('Droid Sans Mono'), local('DroidSansMono'), url('http://www.calculate-linux.ru/themes/calculate/fonts/DroidSansMono.ttf');
}

@font-face {
  font-family: 'Droid Sans';
  font-weight: bold;
  src: url('http://www.calculate-linux.ru/themes/calculate/fonts/DroidSansBoldWin.ttf');
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('http://www.calculate-linux.ru/themes/calculate/fonts/DroidSansBold.ttf');
}

.main-motd {font-family: "Droid Sans Mono",Verdana,Tahoma,Arial,monospace } 
div.preview {margin: 1em 1em 0px 0px; padding: 6px; border: 1px solid #E4E4E4; background: url(../../../images/draft.png); }
div.legend { color: #484848;position: relative; top: -16px; background-color: white;display:inline;padding-left: 4px;padding-right: 4px; }

table.panel {padding:0px !important;border: 0px;}
table.panel {padding:0px !important;border: 0px;}
table.panel td,tr { border:0px;padding:0px !important; }
div#monitor {position: relative; top: -17px;}
div.handbook-menu-top {float:right;}
div.handbook-menu-bottom {text-align: right;padding: 5px 0px 5px;}
span.bluecode {color:#cc8110;font-family: "Droid Sans Mono",Verdana,Tahoma,Arial,monospace; }

/***** Media print specific styles *****/
img#logo { display:none; }

div.wiki ul.toc li.heading1 { display:none; }
div.wiki ul.toc li.heading2 { margin-left: 0px; }
div.wiki ul.toc li.heading3 { margin-left: 6px; }
div.wiki ul.toc li.heading4 { margin-left: 12px; }
.wiki h2 { font-size: 17px }
.wiki h3 { font-size: 16px }
.glsa_last h2, .last_releases h2, .twtr-widget { font-size: 16px !important; }

@media print {
  #wrapper_left,#wrapper_right { padding:0px;background:none; }
  .atom, div.share, div.bottom_menu, #header,
  #main-menu, #sidebar, #footer, .contextual,
  #account,#loggedas,#langmenu,#calcmenu,.box,
  .attachments, .other-formats { display:none !important; }
  .splitcontentleft25 { float:none !important; }
  .splitcontentright75 { width: 100% !important; }
  div#top-menu { background:none; width:auto !important; height:auto;margin-bottom: 2.6em;}
  img#logo { display:block; }
  a#logo { display:none;}
  #main { background: #fff; }
  #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
	#wiki_add_attachment { display:none; }
  .hide-when-print, .handbook-menu-top, .handbook-menu-bottom { display: none; }
  #main {font-size: 140%; }
  h3, .wiki h2 { font-size: 22px; }
  h2, .wiki h1 { font-size: 28px; }
  h4, .wiki h3 { font-size: 17px; }
}

table.footer { width:100%;background: #303030;border-spacing: 0px; }
td.footer { width:33%;padding:0px;background: #303030;color:white;border-spacing: 0px; }
#td.footer-right { background: #333 url(../images/calcmenu_right.gif) no-repeat right }
.legend_text {width:50px;display:inline-block;padding-left:5px;padding-right:12px;}

.noindent85 {
	position: relative;
	left: -85px;
}

.noindent45 {
	position: relative;
	left: -45px;
}

.noindent5 {
	position: relative;
	left: -5px;
}