/* Standard Stuff */
html{ min-height: 100%;}
body{ margin:0; padding:0; font-family: sans-serif; color: black; min-width: 1150px;}
form{ margin:0; padding:0; }
img{border:0;}
table{border-collapse: collapse; margin: 0; padding:0;}
td{vertical-align: top;}
a{color: #2b3e73; text-decoration: none;}
a:hover{text-decoration: underline;}
a div{cursor: pointer;}
hr{border: 1px solid black;}
ul.ul_nondescript{ margin:0; padding:0; list-style:none;}
ul.ul_nondescript li{ margin:0; padding:0.2em 0;}
input, textarea, select{ color: black; font-size: 1em; line-height: 1.3em; padding: 0.1em;
	border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; margin: 0.1em; 
	background: #F8F8F8 url('/img/fieldbg.gif') repeat-x top;
}

/* Main Layout */
body{ 
	background-color: #003db9; margin-top: 1.2em; font-size: 9.6pt; line-height: 1.15em;
	background: -moz-linear-gradient(top,#003db9 40%, #cccccc 100%);
	background: -o-linear-gradient(top,#003db9 40%, #cccccc 100%);
	background: -ms-linear-gradient(top,#003db9 40%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#003db9), color-stop(100%,#cccccc));
	background: linear-gradient(top,#003db9 40%, #cccccc 100%);
}

#top{ background: white url(img/requinangle.png) no-repeat 10% 50%; padding: 0; text-align: center; border-bottom: #8f9cb4 solid 1px; border-top: #8f9cb4 solid 1px;}
#top div{ width: 900px; margin: auto; text-align: center;}

#top div h1{ text-align: center; margin: 0; padding:0; text-decoration: none;}
#top div h1 a{ text-decoration: none; color: black;}
	
#top div #sbox{ text-align: left; width: 500px;}
#top div span{ font-weight: bold; }
#top div #searchbox{ border: 1px solid #555; width: 98%; margin: 0.2em }
#searchbox_completion{ background: white;}
#searchbox_completion ul{ margin:0; padding:0; list-style: none; border: 1px solid black; border-top:0; max-height: 320px; overflow:auto;}
#searchbox_completion ul li{text-align: left;}
#searchbox_completion ul li a{color: black; text-decoration:none; display:block; padding: 0.2em 0.5em; }
#searchbox_completion ul li.selected {background: #ECF3F9;}
#searchbox_completion ul li span.hint {color: green; display: block; clear:right; margin-top: -1.2em; float:right; width: 110px; text-transform:capitalize; text-align:right;}

#top div #subbox{margin: 0.4em 0 0.1em 0; font-size: 0.9em;}

#top #loginboxouter{ width: 500px;padding: 0 0.5em; }
#top .loginbox, .loginbox{ text-align: left; padding: 0.5em 0;}
#top .loginbox div, .loginbox div{ text-align: left; float: left; width: 8em; line-height: 1.7em;}
#top #mainloginbox{width:200px; border: 1px solid #555;}
#top #mainpasswordbox{width: 200px; border: 1px solid #555; margin-top: 0.1em;}
#top #mainloginsubmit{border: 1px solid #555; margin-top: 0.1em;}

#top div #tabs{ margin-top: 1.7em; width: 1085px; height: 1.6em;}
#top div #tabs a { color: #666666; font-size: 12px; }
#top div #tabs a:hover span{ background: url('/img/arrow.jpg') no-repeat top center; border: 1px solid #8f9cb4; border-bottom: none;}
#top div #tabs span{border-radius: 10px 10px 0px 0px / 30px 30px 0px 0px; display: block; width: 105px; background: #f0f0f0; float: left; text-align: center; height: 1em; padding: 0.30em 0; border: 1px solid #8f9cb4;  border-bottom: none; text-decoration: none; margin-left: 2px; margin-right: 2px;}
#top div #tabs span.selected{background: #71acd6; color: white; border: 1px solid #8f9cb4; border-bottom: #71acd6 solid 1px;}
#top div #tabs a:hover span.selected{ background: #3072be; border: 1px solid #8f9cb4; border-bottom: #5481d6 solid 1px;}

#contentContainer{margin: 1em 0; text-align: center; }
#contentContainer #googad {float: right; width: 120px; margin-right: -122px; }
#contentContainer #content{ margin: 0.5em auto; text-align: left; width: 1000px;}
#contentContainer #errorbox{background: white; padding: 0.8em 1em; font-weight: bold;}
#contentContainer #errorbox div{ background: #003db9; color: white; padding: 0.5em 0.6em; }
#contentContainer #content #contentInner{ padding: 6px 15px; background: white; border-radius: 5px 10px;}

#footerContainer{margin: 1em 0; text-align: center;}
#footerContainer #footer{margin: auto; text-align: center; width: 700px; font-weight: bold; background: #F0F0F0; padding: 1em 0; font-size: 0.9em;}

/* Content */

h2{margin: 0.4em 0;}
h3,h4,h5,h6{margin: 0.4em 0;}

#rssbox{float: right;}

.half{width:49%;}
.third{width:33%;}
.newPackages{border: 1px solid #3072be; width: 92%; margin: auto; background: white; }
.newPackages h3{margin:0; padding: 0.3em 0; text-align:center; background: #3072be; color: white;}
.newPackages ul{margin: 0.2em 0.5em; padding: 0; list-style:none;}
.newPackages ul li{margin:0; padding:0.1em 0; cursor: hand; overflow: hidden;}
.newPackages ul li div{display: none; color: black; text-decoration: none; background: #ECF3F9; position: absolute; margin-left: 150px; width: 200px; height: 80px;}
.newPackages ul li:hover div{display: block;}
.mininav{ width: 110px; float:left; margin-left: -125px; background: #3072be;}
.mininav a span{ display: block;color: white; width: 98px; padding: 2px 2px; text-align: right; padding-right: 10px; border-bottom: 1px solid white;}
.mininav a:hover span{ background: white; color: #3072be;}
.mininav a span.selected{ color: black; background: white; text-decoration: none;}

div.plist div{padding: 0.2em 0.5em; width: 80%;}
div.plist div:hover{background: #ECF3F9;}
div.plist2 {padding: 0.25em;}
div.plist2 div{float: left; width: 16em;}
div.plist2 span{display: block; color: gray; overflow: hidden; height: 1em; line-height: 1.1em;}

#website_list{margin-top: 1em;}
#ebuild_list{margin-top: 1em; margin-bottom: 0.2em;}
/*
#ebuild_list ul{font-size: 0.9em; width: 78%; margin:0; padding:0; list-style:none;}
*/
#ebuild_list ul{font-size: 0.9em; margin:0; padding:0; list-style:none;}
#ebuild_list ul li.oddebuildrow{box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 0.8em; margin-top: 0.8em; background: #D9D9D9;}
#ebuild_list ul li.evenebuildrow{box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 0.8em; margin-top: 0.8em; background: white;}
/*
#gentoo{ background: blue; padding: 0.5em;}
#funtoo{ background: purple; padding: 0.5em;}
*/
#gentoo{ background: url(img/gentoo.png) no-repeat; padding: 0 0 0 100px;}
#funtoo{ background: url(img/funtoo.png) no-repeat; padding: 0 0 0 100px;}
/*
#image_list{float:right; width: 146px; margin-right: -10px; text-align: center; border: 1px solid white; background: white;}
#image_list_inner{border:1px solid #93a2be;}
#image_list h3{margin:0; padding: 0.3em 0; text-align:center; background: #93a2be; color: white;}
*/
#image_list{display: none;}
#package_voting{text-align: center; width: 250px;}
#packagetabs a{text-decoration: none;}
#packagetabs{border-bottom: 1px solid #555; margin-top: 2em; margin-bottom: 1em; height: 1.4em;}
#packagetabs span{margin: 0; padding: 0.4em 0.3em; border: 1px solid #555; font-size: 0.9em;}
#packagetabs span.selected{border-bottom: 1px solid white;}

.changelog{font-size: 1em; margin-right: 0.4em; border: 1px dashed #555; padding: 0.5em; font-family: monospace; overflow: auto;}
.useflag{margin-bottom: 1.5em;}
.useflag div+div{margin-left: 3em;}
.comment{border-bottom : 1px solid #555;border-left : 1px solid #555; padding: 0.5em; padding-bottom: 0.1em; margin-top: 1em;}
.comment div{color: gray; font-size: 0.9em; text-align: right}
#uploadimg{margin: 0.25em auto;}
#bug_table{width: 595px; vertical-align: top;}
#bug_table td, #bug_table th{padding: 0.5em 0.3em;}
.depbox{margin-left: 2em; background: #ECF3F9; padding: 1em;}

#search_results { border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px;}
#search_results a:hover div{ background: #ECF3F9;}
#search_results div {padding: 0.5em 0.8em;}
#search_results div div {padding: 0em 0em; padding-left: 10em; color: gray; font-size: 0.8em;}
.pager{ padding: 0.2em 0;}
.pager span{ float: right;}
.pager a{text-decoration: underline;}
.pager img{margin-bottom: -3px;}

.pagenote{font-style: italic; margin-top: 1.5em; margin-bottom: 1em;}

.thumb{width: 160px; text-align: center; display: table; background: #E5E5E5; margin: 9px; padding: 5px;}
.thumb div.title{ height: 1em; display: table-row; text-align: left;}
.thumb div.img{height: 160px; vertical-align: middle; display: table-cell;}

.newsitem {margin-bottom: 2em;}
.newsitem h3{border-bottom: 1px solid #555; padding-left: .6em;}
.newsitem a{text-decoration: none;}
.newsitem blockquote{border: 1px solid gray; background: #EEE; color: #444; padding: 1em;}
.newscomment{border-left : 7px solid #555; padding: 0.5em; padding-bottom: 0.1em; margin-top: 1em; background: #F0F0F0;}
.newscomment div{color: gray; font-size: 0.9em; text-align: right}

.usetable{ border-collapse: collapse;}
.usetable th{border-bottom: 1px solid #555; padding: 0.2em 0.5em; vertical-align: bottom;}
.usetable td{border-bottom: 1px solid #555; padding: 0.3em 0.5em 0.2em 0.5em; vertical-align: top;}

pre.ebuild{overflow: auto; border:1px dashed #555; height: 355px; padding: 0.3em;}

/* user content */
.userebuilds{ padding: 0.4em; margin: 0.25em; width: 45%; overflow: hidden; height: 5.2em;}
.userebuilds div{ padding: 0.2em;}
.userebuilds h4{}
.userebuilds h5{margin-left: 2em; font-size: 1em;}

/* Misc */
.oddrow, .oddrowh{background: #D9D9D9;}
.evenrow, .evenrowh{}

.gray{color: gray;}
.red{color: red;}
.bold{font-weight: bold;}
.left{float: left;}
.right{float: right;}
.small{font-size: 80%;}
.clearall{clear: both;}
.clearleft{clear: left;}
.bgtint{background: #ECF3F9;}
.center{text-align:center;}
.hilight_gray{background: #D9D9D9;}
.padd{padding: 0.5em;}


.tooltip{
width: 300px; color:#000;
font:lighter 11px/1.3 sans-serif;
text-decoration:none;text-align:left;}

.tooltip{border-radius: 10px; border: 1px solid #8ac4ff; background: #cee6ff; padding: 0.5em; margin: 0.2em;}

.tooltip .ebuild{ font-weight: bold; font-size: 1.2em; margin-bottom: 0.3em; }
.tooltip .desc:before{ content: "Description: "; font-weight: bold;  }
.tooltip .keywords:before{ content: "Keywords: "; font-weight: bold;  }
.tooltip .overlay:before{ content: "Overlay: "; font-weight: bold;  }
.tooltip .latest_image {text-align: center;}
.tooltip .latest_image img{ border:0; }

.homepage { border:0; }
input[type=search] { font-size: medium; font-size: 14px; border: 1px inset #777; border-radius: 10px; width: 150px; background: white; padding: 3px; padding-left: 20px; }

@media (max-width: 580px) {
    #top {
	background-size: 10% 10%;
    }
    #top div #sbox {
	width: 80%;
    }
    body {
	min-width: 0px;
	width: 100%;
    }
    
    #contentContainer #content {
	width: 100%;
    }
    
    #top div {
	width: 100%;
    }
    #day3,
    #day2 {
	display: none;
    }
    .third{width:100%;}
    #footerContainer #footer { width: 100%; }

}