/* Comic living css styles */

/* Basic styles */

body {
	background: #FFFFFF url('../gui/sitebg.gif') repeat-x;
	margin: 0;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #303030;
	font-weight: normal;
	margin-top: 0px;
}

#frontpagetxt H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #303030;
	font-weight: normal;
	margin-top: 0px;
}

#booktitle1 H1 {
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin-top: 0px;
}

#booktitle2 H1 {
	margin-top: 0px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#booktitle3 H1 {
	margin-top: 0px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#booktitle4 H1 {
	margin-top: 0px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#bigcomictitle H1 {
	font-weight: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#subpagetxt A:link, A:visited, A:active {
	text-decoration: none;
	color: #505050;
}

#subpagetxt A:hover {
	text-decoration: underline;
	color: #303030;
}


A:link, A:visited, A:active {
	text-decoration: none;
	color: #FFFFFF;
}

A:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

/* Divs */

#toplinks {
	z-index: 1;
	color: #FFFFFF;
	font-size: 11px;
	position: absolute;
	top: 65px;
	left: 760px;
}

#navipath {
	z-index: 1;
	color: #FFFFFF;
	font-size: 10px;
	position: absolute;
	top: 110px;
	left: 100px;
}

#header {
	background: url('../gui/headerbg.gif') no-repeat;
	width: 970px;
	height: 196px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logolink {
	width: 306px;
	height: 49px;
	position: absolute;
	top: 44px;
	left: 100px;
}

#contenttop {
	background: url('../gui/contenttopbg.gif') no-repeat;
	width: 884px;
	height: 77px;
	position: absolute;
	top: 119px;
	left: 93px;
}

#contentbg {
	background: url('../gui/contentbg.gif') repeat-y;
	width: 884px;
	height: 400px;
	position: absolute;
	top: 196px;
	left: 93px;

}

#contentbgsub {
	background: url('../gui/contentbg.gif') repeat-y;
	width: 884px;
	height: 840px;
	position: absolute;
	top: 196px;
	left: 93px;

}

#toolareabg {
	background: url('../gui/toolareabg.gif') no-repeat;
	width: 884px;
	height: 63px;
	position: absolute;
	top: 596px;
	left: 93px;

}


#toolareabgsub {
	background: url('../gui/toolareabg.gif') no-repeat;
	width: 884px;
	height: 63px;
	position: absolute;
	top: 1030px;
	left: 93px;

}

#toolareatxtsub {
	z-index: 1;
	color: #303030;
	font-size: 12px;
	position: absolute;
	top: 1049px;
	left: 173px;
}

#toolareabuttonssub {
	z-index: 1;
	position: absolute;
	top: 1044px;
	left: 220px;
}

#toolareabuttonssub img {
	padding-left: 10px;
}

#toolareaflagssub {
	z-index: 1;
	position: absolute;
	top: 1040px;
	left: 615px;
}

#toolareaflagssub img {
	padding-right: 10px;
}


#frontpagetxt {
	z-index: 1;
	width: 463px;
	position: absolute;
	top: 184px;
	left: 158px;
}

#subpagetxt {
	z-index: 1;
	font-size: 12px;
	color: #303030;
	width: 463px;
	position: absolute;
	top: 224px;
	left: 158px;
}

#frontpageimg {
	background: url('../gui/frontpageimg.gif') no-repeat;
	z-index: 2;
	width: 283px;
	height: 354px;
	position: absolute;
	top: 148px;
	left: 690px;
}

#subpageimg {
	z-index: 2;
	position: absolute;
	top: 148px;
	left: 660px;
}

#books {
	z-index: 1;
	position: absolute;
	top: 391px;
	left: 146px;
}


#toolareatxt {
	z-index: 1;
	color: #303030;
	font-size: 12px;
	position: absolute;
	top: 615px;
	left: 173px;
}

#toolareabuttons {
	z-index: 1;
	position: absolute;
	top: 610px;
	left: 220px;
}

#toolareabuttons img {
	padding-left: 10px;
}

#toolareaflags {
	z-index: 1;
	position: absolute;
	top: 606px;
	left: 615px;
}

#toolareaflags img {
	padding-right: 10px;
}

#bookselected1 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 125px;
}

#bookselected2 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 200px;
}

#bookselected3 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 275px;
}

#bookselected4 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 352px;
}

#topflags {
	z-index: 1;
	position: absolute;
	top: 140px;
	left: 700px;
}

#topflags img {
	padding-left: 10px;
}

#booktitle1 {
	z-index: 1;
	position: absolute;
	top: 187px;
	left: 185px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#booktitle2 {
	z-index: 1;
	position: absolute;
	top: 187px;
	left: 260px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#booktitle3 {
	z-index: 1;
	position: absolute;
	top: 187px;
	left: 335px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#booktitle4 {
	z-index: 1;
	position: absolute;
	top: 187px;
	left: 410px;
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#bookssmall1 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 350px;
}

#bookssmall1 img {
	padding-left: 20px;
}

#bookssmall2 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 520px;
}

#bookssmall2 img {
	padding-left: 20px;
}

#bookssmall3 {
	z-index: 1;
	position: absolute;
	top: 145px;
	left: 500px;
}

#bookssmall3 img {
	padding-left: 20px;
}


#topdivider {
	background: url('../gui/topdivider.gif') repeat-x;
	width: 830px;
	height: 2px;
	position: absolute;
	top: 230px;
	left: 120px;
}

#comictable {
	z-index: 1;
	position: absolute;
	top: 250px;
	left: 125px;
}


#comictable img {
	margin: 7px;
}


#activecomic {
	background: url('../gui/activebg.gif') no-repeat;
	width: 98px;
	height: 98px;
	margin-bottom: 10px;
}

#inactivecomic {
	background: url('../gui/inactivebg.gif') no-repeat;
	width: 98px;
	height: 98px;
	margin-bottom: 10px;
}

#bigcomic {
	background: url('../gui/bigcomicbg.gif') no-repeat;
	position: absolute;
	top: 248px;
	left: 380px;
	width: 300px;
	height: 334px;
}

#bigcomic img {
	margin: 11px;
}

#bigcomictitle {
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	position: absolute;
	top: 517px;
	left: 402px;
	width: 230px;
	margin-bottom: 5px;
}

#prevcomictitle {
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	position: absolute;
	top: 440px;
	left: 190px;
	width: 100px;
}

#nextcomictitle {
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	position: absolute;
	top: 440px;
	left: 796px;
	width: 100px;
}


#prevcomic {
	background: url('../gui/activebg.gif') no-repeat;
	position: absolute;
	top: 340px;
	left: 184px;
	width: 98px;
	height: 98px;
}

#prevcomic img {
	margin: 7px;
}

#nextcomic {
	background: url('../gui/activebg.gif') no-repeat;
	position: absolute;
	top: 340px;
	left: 790px;
	width: 98px;
	height: 98px;
}

#nextcomic img {
	margin: 7px;
}


#arrowleft {
	background: url('../gui/arrowleft.gif') no-repeat;
	position: absolute;
	top: 352px;
	left: 130px;
	width: 37px;
	height: 71px;
}

#arrowright {
	background: url('../gui/arrowright.gif') no-repeat;
	position: absolute;
	top: 352px;
	left: 905px;
	width: 37px;
	height: 71px;
}


/* Classes */

.bigtxt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #303030;
}

.smalltxt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #404040;
}