/*
Style Sheet for BibDesk home page
2009 by Sven-S. Porst
*/


* {	padding:0px; margin:0px; }

body {
	background: #eee;	
	font-family: Helvetica, sans-serif; 
	max-width:80em; 
	margin:auto;  
	width: 50em; 
	line-height: 160%; 
}

a {	color:#00b; text-decoration: none; }
a:hover {color:#00f; text-decoration: underline; }
a:active {color:#f00; }
a:visited {	color:#609; }
p {	margin: 1em 0em; }
ul { list-style: none; margin-bottom: 1em; }
img { border: 0px; }
.hidden { display:none; }



h1 {
	font-size: 240%; 
	padding-left: 144px; 
	margin:0.5em 0em 0.5em -144px; 
	height: 128px; 
	background: url(icon128.png) no-repeat left center; 
	line-height: 128px;
}

@media (min-resolution: 2dppx),
       (-webkit-min-device-pixel-ratio: 2) {
    h1 {
        background: url(icon128@2x.png) no-repeat left center;
        background-size: auto 100%;
    }
}

h2 {
	float: left; 
	position:absolute;
	left: -11em; 
	width: 10em; 
	font-size: 100%;  
/*	text-transform: uppercase;  */
	text-align: right; 
}

/*
h2:before {	content: "["; }
h2:after { content: "]"; }
*/


* html h2 {	left:-2em; }

#titlenote {
	font-weight: normal; 
	text-transform: uppercase; 
	font-size: 50%;
}

#main {
	position: relative; 
	margin-left: 11em; 
}


h2#downloads { line-height: 200%; } /* match height of .maindownloadlink */

.maindownloadlink {
	font-weight:bold; 
	font-size: 160%;
}

.rssLink {
	background: url(RSS.png) no-repeat 0 0;
	padding: 0 0 0 20px;
}

.latexA {
	position: relative; 
	bottom: 0.3em;
	margin-left: -0.35em;
	margin-right: -0.1em; 
	font-size: 80%; 
	text-transform: uppercase;
}

.texE {
	position: relative; 
	bottom: -0.2em; 
	margin-left: -0.2em; 
	margin-right: -0.1em; 
	text-transform: uppercase;
}

h2#screenshots {
	display:none;
}

#screenshotlist {
	position: relative;
	float:right; 
	width: 200px; 
	margin: -3em 0em 1em 1em; 
	padding:0.9em 0.8em 0em 0.8em;
	background:#fff;  
	text-align:center; 
/*	text-transform: uppercase; */
	font-size:90%; 
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	z-index: 100;
}

#screenshotlist li {
	list-style: none; 
	padding:0px; 
	margin-bottom: 1em;
}

#screenshotlist li:last-child {
	margin-bottom: 0.5em;
}
#screenshotlist li img { width:200px; }
#screenshotlist a { text-decoration:none; }
#screenshotlist a:hover .caption {	text-decoration:underline; }
#screenshotlist .title { position:relative; top: -6px;}
#largescreenshots div p { margin-bottom: 1em; }

.features li { position: relative; }
.features li a { text-decoration: none; }
.features li a:hover { background:#fff; color: #000; }
.features li a:after { content:'»'; }
.features li .more {  
	display: none; 
	position: absolute; 
	bottom: -1em; 
	padding: 0.5em 1em;
	background: #fff;
	color: #000;
	font-size:90%; 
	font-weight: normal; width:30em; 
	border: 3px double #999;
	-webkit-box-shadow: 2px 3px 6px #666; 
	-moz-box-shadow: 2px 3px 6px #666;
	z-index: 200;
}
.features li a:hover .more { display:inline; }


.links h4 {display:inline;}


#foot {
	clear:both;
	margin-top: 1em;
	text-align: center;
	font-style: italic;
	color: #333;
	border-top: 1px solid #aaa;
}

#foot a {
	color: #333; 
	text-decoration: none;
}

#foot:hover a {
	color:#00b;
	text-decoration:underline;
}

#foot a:hover {
	color:#00f;
}