/* ///// SCREEN CSS FOR DJVU.ORG - by Opendoc Srl 2007 ///// */


/* FIXING DEFAULT FONT STYLES */
body, div, p, th, td, li, dd {
	font-family:verdana, arial, helvetica, sans-serif;	
	color:#333;
	font-weight:normal;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	}

htm>body,
html>body div,
html>body p,
html>body th,
html>body td,
html>body li,
html>body dd {
	font-size:small;
	}

h1, h2, h3, h4, h5, h6, legend {
	font-family:trebuchet ms, verdana, arial, helvetica, sans-serif;
	margin-top:0px;
	font-weight:bold;
	color:#333;
	}

h1 {
	font-size:1.3em;
	margin-bottom:20px;
	}

h2 {
	font-size:1em;
	margin:0 0 10px 0;
	}

h2 span.preTitle {
	font-style:italic;
	font-weight:normal;
	font-size:1.1em;
	display:block;
	margin-bottom:5px;
	}

h2 span.title {
	font-size:1.5em;
	}

h2 span.subTitle {
	font-style:italic;
	font-weight:normal;
	font-size:0.9em;
	display:block;
	margin-top:5px;
	}


h2.tabLight {
	line-height:25px;
	padding-left:20px;
	background-image: url('/images/bkg_tabLight.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	height:26px;
	margin-top:30px;
	}
	
h3 {
	font-size:1.1em;
	margin:25px 0 0 0;
	}

h4 {
	font-size:1em;
	margin:25px 0 0 0;
	}

a:link {
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	}

a:visited {
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	}

a:hover {
	color:#B2041F;
	border-bottom:1px dotted #B2041F;
	}

a:active {
	}

a:hover#anchor {
	color:#000;
	}

h2 a:hover {
	border-bottom:none;
	color:#333;
	}

ul {
	list-style-type:square;
	}

li {
	line-height:1.5em;
	}

img {
	border:none;
	}

img.imgInline {
	float:right;
	border:1px solid #ccc;
	margin:10px;
	}

p.indent {
	text-indent:20px;
	}

p.credit {
	border-top:1px solid #ccc;
	padding-top:10px;
	margin-top:30px;
	font-size:0.8em;
	color:#666;
	font-style:italic;
	}
	
span.listLike {
	display:block;
	margin-left:20px 0 10px 20px;
	}
/* END */

/* MAIN OBJECTS RULES */
body {
	height:100%;
	margin:0;
	padding:0;
	background-image: url("/images/bkg_main.gif");
	background-repeat: no-repeat;
	background-position:0 0px;
	background-color:#fff;
	}

body.gallery {
	background-image:none;
	}
#pageHeader {
	width:274px;
	height:62px;
	position:absolute;
	top:60px;
	left:60px;
	background-image:url("/images/djvu.org_logo.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:1;
	}

/* Negative value trick - the text header is invisible still exhists in page */
#pageHeader a {
	display:block;
	text-indent:-800px;
	width:274px;
	height:47px;
	border:none;
	}
	
#any2djvu {
	position:absolute;
	top:-2px;
	left:429px;
	width:101px;
	height:97px;	
	background-image:url("/images/bkg_any2djvu.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:2;	
	}

#any2djvu a {
	display:block;
	text-indent:-800px;
	height:97px;
	width:101px;
	border:none;
	}

#getDjVu {
	margin-top:50px;
	}

#getDjVu a {
	border:none;
	}

#pageBody {
	position:absolute;
	left:50px;
	top:25px;
	width:809px;
	min-height:768px;
	padding:20px 0 0 50px;
	margin:0;
	}

/* Main Menu */
#menu {
	position:absolute;
	left:710px;
	top:30px;
	width:240px;
	margin:0;
	}

#menu ul {
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
	}

#menu li {
	font-family:trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	}

#menu li#news {
	background-image: url("/images/bkg_li_news.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height:80px;
	}

#menu li#whatis {
	background-image: url("/images/bgk_li_whatis.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height:80px;
	}

#menu li#gallery {
	background-image: url("/images/bgk_li_gallery.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height:78px;
	}

#menu li#forum {
	background-image: url("/images/bgk_li_forum.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height:94px;
	}

#menu li#resources {
	background-image: url("/images/bgk_li_files.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height:75px;
	}

#menu li#links {
	background-image: url("/images/bgk_li_links.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height:84px;
	}

#menu a {
	border-bottom:none !important;
	}

.menuVoice {
	display:block;
	padding-top:35px;
	padding-left:80px;
	}

#menu li#resources .menuVoice {
	padding-top:20px;
	}

/* End */

#intro {
	background-image: url("/images/ico_what_is_djvu.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0 0 120px;
	height:96px;
	}

div.breadcrumbs {
	margin-bottom:20px;
	font-size:0.9em;
	font-style:italic;
	}
	
div.breadcrumbs a {
	border:none;
	}

#mainContent {
	position: absolute;
	z-index: 4;
	top: 130px;
	left: 60px;
	width: 590px;
	height:900px;
	background-image: url("/images/bkg_box_separator.gif");
	background-repeat: repeat-y;
	background-position: right top;
	padding:30px 20px 0 0;
	}

.clear {
	margin-bottom:100px;
	}

ul.newsBox {
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	list-style-type:none;
	}

#newsSec ul.newsBox {
	margin:20px 0 0 0;
	padding:0 0 0 0;
	}

li.newsItem {
	margin:10px 0 10px 0;
	padding:0px;
	font-size:0.95em;
	line-height:1.5em;
	}

.date {
	font-weight: normal;
	font-style:italic;
	margin-right:5px;
	}

li.newsItem span.title {
	font-weight: bold;
	display: block;
	margin:0 0 5px 0;
	}

li.newsItem .topicTitle  {
	font-style:normal;
	
	}

div.forumTopic {
	margin:20px 0 0 0;
	padding:0 0 0 0;
	font-weight: normal;
	font-style:italic;
	margin-right:5px;
	}

div.forumTopic a.topicLink {
	font-style:normal;
	}

div.forumTopic li {
	margin-bottom:3px;
	}

.moreLink {
	text-align: right;
	font-size: 10px;
	margin: 5px 0 0 0;
	padding: 0 20px 0 0;
	background-image: url("/images/ico_arrow_next.gif");
	background-repeat: no-repeat;
	background-position: right 2px;
	height:15px;
	}

div.backHeader {
	background-color: #FFF;
	background-image: url("/images/bkg_frame_top.gif");
	text-align: left;
	height: 24px;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid #666;
	background-repeat: no-repeat;
	background-position: left top;
	}

img.popupLogo {
	float:right;
	padding:1px 5px 0px 0px;
	border:0px;
	}

a.topLink {
	margin-left:10px;
	font-size:0.9em;
	color:#333;
	font-style:italic;
	background-color:#fff;
	text-decoration:none !important;
	border-bottom:none;
	}
	
a:hover.topLink {
	color:#B2041F;
	}

#footer {
	position:relative;
	margin-top:50px;
	width:300px;
	}
	
.downloadDing {
	padding-left:25px;
	list-style-type: none;
	background-image: url('/images/download_dingbat.gif');
	background-repeat: no-repeat;
	background-position: left center;
}
/* Hidden elements */
hr {
	display:none;
	}
	
.hidden {
	display:none;
	}

li.hidden {
	display:none;
	}

div.tabBox {
	border-top:1px solid #E1E1E1;
	padding:15px;
	background:url("/images/bkg_download_box.gif")  no-repeat bottom right;
	margin-bottom:30px;
	margin-top:0px;
	}
	
div>div.tabBox {
	margin-top:1px;
	}

/* /// Tabbed Nav Rules /// */
#resourcesSect ul.tabnav {
	width: 100%;
	height: 20px;
	margin: 10px 0 0px 0;
	padding: 0 0 0 0;
	line-height:normal;
	list-style-type: none;
	position:relative;
	}

#resourcesSect ul.tabnav li {
	float:left;
	margin:1px;
	padding:2px 6px 2px 6px;
	font-size: 11px;
	line-height: 15px;
	border:1px solid #ccc;
	background:url("/images/bkg_article_nav.gif")  no-repeat top left;
	}

#resourcesSect ul.tabnav li.selected {
	background:url("/images/bkg_article_nav_sel.gif")  no-repeat bottom left;
	font-weight:bold;
	}

#resourcesSect .tabnav a:link {
	text-decoration:none;
	border-bottom:none;
	}

#resourcesSect .tabnav a:visited {
	text-decoration:none;
	border-bottom:none;
	}
	
#resourcesSect .tabnav a:hover {
	text-decoration:none;
	border-bottom:none;
	}
	
#resourcesSect .tabnav a:active {
	text-decoration:none;
	border-bottom:none;
	}

/* /// End Tabbed Nav Rules /// */

label {
	display:block;
	}

/* IMAGE GALLERY */
.galleryImg ul {
	margin:10px 0 0px 140px;
	padding:0;
	}

.galleryImg li {
	font-size:0.9em;
	margin:0;
	padding:0;
	}

div.galleryImg {
	margin-top: 20px;
	height: 180px;
	background-image: url('/images/bkg_box_separator_h.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	
p.galleryItem {
	margin-top:15px;
	}
	
img.galleryImg {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	border: 1px solid #666;
	}

/** NEWS PAGINATOR **/
.paginator {
	width:95%;
	text-align:center;
	margin:25px 0 30px 0;
	padding:10px;
	background-image: url('/images/bkg_box_separator_h.gif');
	background-repeat: repeat-x;
	background-position: left top;
	}

/** ANY2DJVU **/
fieldset {
	border:1px solid #ccc;
	margin-top:20px;
	padding:10px;
	}

legend {

	}

.submit {
	margin-top:15px;
	text-align:center;
	width:100%;
	}