/*--------------------------------------*/
/* CSS Created by Penny Arcade - 2011 --*/
/* www.penny-arcade.com ----------------*/
/*--------------------------------------*/

/*---------------------*/
/* General ------------*/
/*---------------------*/
* {margin: 0;padding: 0;}
body {
	background: url(../img/bg_footer_tile.jpg) bottom center repeat;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #3d3831;
}
hr {display: none;}
img, fieldset {border: none;}
a:link, a:visited {color: #1e5a71;}
a:hover, a:active {color: #b52c2c;}
.content {
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
}
.txt {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
.btn {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	border: 0;
	text-transform: capitalize;
	cursor: pointer;
	border: 0;
}
.btn:hover {
	background-position: bottom !important;
}
/*---------------------*/
/* Brand Bar ----------*/
/*---------------------*/
#bb {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	height: 35px;
}
#bb ul {
	overflow: hidden;
	width: 719px;
	width: 749px;
	height: 35px;
	padding: 0 0 0 25px;
	margin: 0 auto;
	letter-spacing: 1px;
}
#bb li {
	float: left;
	display: inline;
	text-transform: uppercase;
	font-size: 11px;	
	list-style: none;
	list-style-position: outside;
}
#bb li a {
	color: #746a5d;
	text-decoration: none;
	opacity: 0.8;
	display: block;
	height: 35px;
	margin: 0 60px 0 0;
	padding: 11px 0 0 0;
}
#bb li a:hover {color: #332f29;opacity: 1;}
#bb .btnPA       {background: url(../img/sprite_bb.png) -0px 7px no-repeat;padding-left: 44px;}
#bb .btnPAR      {background: url(../img/sprite_bb.png) -4px -32px no-repeat;padding-left: 36px;}
#bb .btnPAX      {background: url(../img/sprite_bb.png) -6px -73px no-repeat;padding-left: 32px;}
#bb .btnTrenches {background: url(../img/sprite_bb.png) -5px -113px no-repeat;padding-left: 34px;}
#bb .btnCP       {background: url(../img/sprite_bb.png) -4px -160px no-repeat;padding-left: 38px;margin:0;}
/*---------------------*/
/* Modal --------------*/
/*---------------------*/
#stickyNote {
	background: url(../img/bg_sticky_note.png) top left no-repeat;
	left: 40%;
	top: 25%;
	width: 236px;
	height: 284px;
	position: absolute;
	z-index: 100;
	padding: 67px 50px 0 34px;
	font-size: 16px;
	line-height: 20px;
	color: #221f1b;
	font-weight: bold;
	text-align: center;
	display: none;
}
#stickyNote p {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	margin: 0 0 0 4px;
}
#stickyNote .txtPrintAdded {
	background: url(../img/txt_print_added.png) top left no-repeat;
	width: 221px;
	height: 34px;
	margin: 0 0 15px 0;
}
#stickyNote .txtWhatNext {
	background: url(../img/txt_what_next.png) top left no-repeat;
	width: 152px;
	height: 29px;
	margin: 19px 0 13px 48px;
}
#stickyNote .btnCheckout {
	background: url(../img/btn_go_to_checkout.png) top left no-repeat;
	width: 176px;
	height: 40px;
	margin: 0 0 8px 36px;
}
#stickyNote .btnBrowse {
	background: url(../img/btn_browse_store.png) top left no-repeat;
	width: 159px;
	height: 41px;
	margin: 0 0 0 46px;
}
#modal {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 90;
	display: none;
}
/*---------------------*/
/* Header -------------*/
/*---------------------*/
#header {background: url(../img/bg_header_tile.jpg) top center repeat-x;}
#header .content {padding: 8px 0 11px 0;}
#header #bb .content {padding: 0;}
#header h1 a {
	background: url(../img/logo_trenches.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 267px;
	height: 90px;
	float: left;
	display: inline;
	margin: 22px 0 0 0;
}
#header h1 a:hover {background-position: bottom;}
#header .ad {
	background: url(../img/bg_ad_leaderboard.png) top left no-repeat;
	width: 744px;
	height: 111px;
	float: right;
	display: inline;
	padding: 23px 0 0 21px;
	margin: 0 4px 0 0;
}
/*---------------------*/
/* Nav ----------------*/
/*---------------------*/
#nav {
	background: url(../img/bg_nav_tile.png) top center repeat-x;
	height: 61px;
}
#nav ul {
	width: 1050px;
	padding: 20px 0 0 0 !important;
}
#nav li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin: 0 38px 0 0;
}
#nav li a {
	background: top left no-repeat;
	height: 21px;
}
#nav li.active a {background-position: bottom;}
#nav .navHome    {background-image: url(../img/nav_home.png);    width: 67px; margin-left: 26px;}
#nav .navSeasons {background-image: url(../img/nav_seasons.png); width: 92px;}
#nav .navArchive {background-image: url(../img/nav_archive.png); width: 134px;}
#nav .navReaders {background-image: url(../img/nav_readers.png); width: 127px;}
#nav .navForums  {background-image: url(../img/nav_forums.png);  width: 86px;}
#nav .navStore   {background-image: url(../img/nav_store.png);   width: 70px;}
#nav .navAbout   {background-image: url(../img/nav_about.png);   width: 168px;}
/*---------------------*/
/* Subhead ------------*/
/*---------------------*/
#subhead {background: url(../img/bg_comic_tile.jpg) top center repeat;}
#subhead .content {
	background: url(../img/bg_subhead_watermark.png) top right no-repeat;
	height: 93px;
}
#subhead h2 {
	height: 42px;
	margin: 26px 0 0 26px;
	float: left;
	display: inline;
}
#subhead .txtSubheadError      {background: url(../img/txt_subhead_error.png) top left no-repeat; width: 138px;}
#subhead .txtSubheadSeasons    {background: url(../img/txt_subhead_seasons.png) top left no-repeat; width: 138px;}
#subhead .txtSubheadArchive    {background: url(../img/txt_subhead_archive.png) top left no-repeat; width: 493px;}
#subhead .txtSubheadSubmitTale {background: url(../img/txt_subhead_submit_tale.png) top left no-repeat; width: 493px;}
#subhead .txtSubheadReaders    {background: url(../img/txt_subhead_readers.png) top left no-repeat; width: 493px;}
#subhead .txtSubheadAbout      {background: url(../img/txt_subhead_about.png) top left no-repeat; width: 290px;}
#subhead .btnSubmitTale {
	background: url(../img/btn_submit_tale.png) top left no-repeat;
	width: 253px;
	height: 62px;
	float: right;
	display: inline;
	margin: 15px 20px 0 0;
}
#subhead .search {
	background: url(../img/bg_season_search_form.png) top left no-repeat;
	float: right;
	display: inline;
	margin: 15px 14px 0 0;
	width: 666px;
	height: 57px;
}
#subhead input#keywords {
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 0;
	background: none;
	padding: 3px 5px;
	line-height: 16px;
	width: 485px;
	margin: 25px 0 0 13px;
	color: #3d3831;
	float: left;
	display: inline;
}
#subhead .btnSearch {
	float: right;
	display: inline;
	background: url(../img/btn_season_search.png) top left no-repeat;
	width: 116px;
	height: 17px;
	margin: 27px 25px 0 0;
}
/*---------------------*/
/* Search Results -----*/
/*---------------------*/
#results {
	list-style: none;
	list-style-position: outside;
}
#results li {
	background: url(../img/bg_results_tile.png) top left repeat;
	padding: 15px 20px 15px 25px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
#results .imgTmb {
	overflow: hidden;
	width: 300px;
	height: 95px;
	border: 5px solid #fff;
	background: #fff;
	float: left;
	display: inline;
}
#results .imgTmb img {
	width: 300px;
}
#results li .title {
	float: right;
	display: inline;
	width: 285px;
	margin: 10px 0 0 0;
}
#results .title h4 {
	background: url(../img/bg_season_divider.png) bottom left repeat-x;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
}
#results .title h4 a {
	font-size: 16px;
	color: #b52c2c;	
	text-decoration: none;
}
#results .title p {
	font-weight: bold;
	color: #746a5d;
	font-size: 13px;
}
#results p.paginate {
	margin: 15px 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}
#results p.paginate a {
	background: url(../img/bg_results_tile.png) top left repeat;
	padding: 2px 5px;
	text-decoration: none;
}
#results p.paginate a:hover {
	background: #fff;
}
/*---------------------*/
/* Comic --------------*/
/*---------------------*/
#comic             {background: url(../img/bg_comic_tile.jpg) top center repeat; padding: 0 0 30px 0;}
#comic .comic      {background: url(../img/bg_folder_tile.png) 2px 0 repeat-y;}
/*#comic .comic .top {background: url(../img/bg_folder_top.png) top left no-repeat; min-height: 650px;}*/
#comic .comic .top {background: url(../img/bg_folder_top.png) top left no-repeat;}
/*NO COMMENTS*/
/*#comic .comic .btm {background: url(../img/bg_folder_btm.png) bottom left no-repeat;}*/
#comic .comic .btm {background: url(../img/bg_folder_no_com_btm.png) bottom left no-repeat; padding-bottom: 60px;}
#comic h2,
#comic p {
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	display: inline;
	margin: 33px 0 10px 25px;
	width: 840px;
}
#comic h2 a {
	text-decoration: none;
	color: #3d3831;
}
#comic h2 a:hover {color: #b52c2c;}
#comic p {
	font-size: 22px;
	float: right;
	margin: 30px 40px 0 0;
	width: 120px;
}
#comic img {
	margin: 20px 0 10px 30px;
	clear: both;
}
#comic p.txtNewComics {
	font-size: 12px;
	width: auto;
	text-align: center;
	float: none;
	display: block;
	margin: 0;
	display: none;
}
/*---------------------*/
/* Comic Tabs ---------*/
/*---------------------*/
#comic .tabs {
/*	background: url(../img/bg_folder_tabs.png) top left no-repeat;*/
	background: url(../img/bg_folder_tabs_buy.png) top left no-repeat;
	margin: 13px 0 0 0;
	height: 62px;
}
#comic .pagination {
	width: 188px;
	float: left;
	display: inline;
	margin: 18px 0 0 28px;
}
#comic .pagination li {
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#comic .pagination li a {
	width: 45px;
	height: 44px;
	float: left;
	display: inline;
}
#comic .btnFirst  {background: url(../img/btn_comic_first.png) top left no-repeat;}
#comic .btnPrev   {background: url(../img/btn_comic_prev.png) top left no-repeat; margin: 0 8px 0 0;}
#comic .btnNext   {background: url(../img/btn_comic_next.png) top left no-repeat;}
#comic .btnLatest {background: url(../img/btn_comic_latest.png) top left no-repeat;}
#comic .btnBuyPrint {
	background: url(../img/btn_buy_print.png) top left no-repeat;
	float: left;
	display: inline;
	width: 172px;
	height: 40px;
	margin: 4px 0 0 222px;
}
#comic .share {
	float: right;
	display: inline;
	width: 159px;
	margin: 11px 56px 0 0;
}
#comic .share li {
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#comic .share li a {
	width: 29px;
	height: 27px;
	margin: 0 0 0 6px;
	float: left;
	display: inline;
}
#comic .share p {
	background: url(../img/txt_comic_share.png) top left no-repeat;
	float: left;
	display: inline;
	width: 84px;
	height: 27px;
	margin: 0 5px 0 0;
}
#comic .share .btnTwt {background: url(../img/btn_comic_twt.png) top left no-repeat; width: 28px;}
#comic .share .btnFb  {background: url(../img/btn_comic_fb.png) top left no-repeat;}
#comic .share .btnRSS  {background: url(../img/btn_comic_rss.png) top left no-repeat; width: 28px; height: 28px; margin-left: 25px;}
/*---------------------*/
/* Comic Comment Btns -*/
/*---------------------*/
#comic .commentBtns {
	list-style: none;
	list-style-position: outside;
	overflow: hidden;
	height: 82px;
	margin: 0 0 0 25px;
}
#comic .commentBtns li {
	float: left;
	display: inline;	
}
#comic .commentBtns .btnComicCmnts {
	background: url(../img/btn_comic_cmnts.jpg) top left no-repeat;
	float: right;
	display: inline;
	height: 77px;
	margin: 5px 0 0 0;
}
#comic .commentBtns .btnComicCmnts a {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	width: 189px;
	height: 33px;
	display: block;
	margin: 10px 0 0 0;
	padding: 12px 0 0 48px;	
}
#comic .commentBtns .btnPostComment {
	background: url(../img/btn_comic_post_cmnt.png) top left no-repeat;
	width: 223px;
	height: 42px;
	margin: 25px 0 0 0;
}
/*---------------------*/
/* Comments -----------*/
/*---------------------*/
#comments {
	margin: 10px 0 20px 0;
	background: url(../img/bg_divider.png) top left repeat-x;
}
#comments li {
	background: url(../img/bg_divider.png) bottom left repeat-x;
	list-style: none;
	list-style-position: outside;	
	padding: 10px 5px 0 5px;
	overflow: hidden;
}
#comments .copy {
	float: right;
	display: inline;
	width: 500px;
}
#comments .copy p {
	margin: 0 0 10px 0;
	line-height: 22px;
	font-size: 13px;
}
#comments h4 {	
	font-size: 15px;
	float: left;
	display: inline;
	width: 140px;
	line-height: 18px;
	color: #b52c2c;
	margin: 0 0 10px 0;
}
#comments h4 strong {
	font-size: 13px;
	display: block;
	margin: 3px 0 0 0;
	color: #3d3831;
}
/*---------------------*/
/* Comment Form -------*/
/*---------------------*/
#comment_form {
	overflow: hidden;
}
#body form label em {
	font-weight: normal;
	font-size: 12px;
}
#body form label.label {
	display: block;
	float: left;
	display: inline;
	width: 140px;
	clear: left;
	font-weight: bold;
	font-size: 14px;
}
#body form input.text,
#body form textarea,
#recaptcha_widget_div {
	float: left;
	display: inline;
	font-size: 12px;
	padding: 2px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 10px 10px;
	width: 500px;
	color: #3d3831;
}
#body form input.text {
	width: 400px;
}
#body form label.check {
	clear: both;
	display: block;
	margin: 0 0 5px 150px;
	width: 500px;
	font-size: 13px;
}
#body form .btnSubmit {
	clear: both;
	background: url(../img/btn_submit.png) top left no-repeat;
	width: 132px;
	height: 42px;
	margin: 15px 0 0 150px;
}
/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#main      {background: url(../img/bg_main_tile.jpg) top center repeat;}
#main .top {background: url(../img/bg_main_tile_top.png) top center repeat-x;}
#main .btm {background: url(../img/bg_main_tile_btm.png) bottom center repeat-x;}
/*---------------------*/
/* Main Body ----------*/
/*---------------------*/
#main #body {
	width: 660px;
	float: left;
	display: inline;
	margin: 45px 0 0 25px;
	padding: 0 0 40px 0;
}
#body .header {
	overflow: hidden;
/*	margin: 0 0 30px 0;*/
}
#body .txtTales,
#body .txtComments {
	background: url(../img/txt_tales_from_trenches.png) top left no-repeat;
	width: 359px;
	height: 42px;
	float: left;
	display: inline;
	margin: 0 0 30px 0;
}
#body .txtComments {background: url(../img/txt_comments.png) top left no-repeat;margin: 0;}
#body .pagination {
	width: 279px;
	float: right;
	display: inline;
}
#body .pagination li {
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#body .pagination li a {
	width: 42px;
	height: 42px;
	float: left;
	display: inline;
}
#body .txtReadMore {
	background: url(../img/txt_tales_read_more.png) top left no-repeat;
	float: left;
	display: inline;
	width: 118px;
	height: 18px;
	margin: 13px 0 0 0;
}
#body .pagination .btnFirst  {background: url(../img/btn_tales_first.png) top left no-repeat;}
#body .pagination .btnPrev   {background: url(../img/btn_tales_prev.png) top left no-repeat;}
#body .pagination .btnNext   {background: url(../img/btn_tales_next.png) top left no-repeat;}
#body .pagination .btnLatest {background: url(../img/btn_tales_latest.png) top left no-repeat; width: 35px !important;}
/*---------------------*/
/* Main Article -------*/
/*---------------------*/
#body .post {padding: 0 0 10px 0;}
#body .post h3,
#body .post h3 a {
	color: #b52c2c;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	margin: 0 0 10px 0;
}
#body .post h3 a:hover {color: #822121;}
#body .post .copy {
	line-height: 22px;
	margin: 15px 0 0 0;	
}
#body .post img {
	display: block;
	margin: 0 auto 15px auto;
}
#body .post .copy p {
	margin: 0 0 15px 0;
}
#body .post .copy a {
	font-weight: bold;
}
#body .post .copy ul,
#body .post .copy ol {
	margin: 0 0 15px 35px;
}
#body .post .copy li {
	margin: 0 0 5px 0;
}
#body .post .copy blockquote {
	font-style: italic;
	padding: 20px;
}
/*---------------------*/
/* Article Comments ---*/
/*---------------------*/
#body .commentBtns {
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
}
#body .commentBtns li {display: inline;}
#body .btnPostComment {
	background: url(../img/btn_tales_post_cmnt.png) top left no-repeat;
	width: 223px;
	height: 42px;
	float: left;
	display: inline;
	margin: 10px 0 0 0;
}
#body .commentBtns .iconComment {
	font-weight: bold;
	margin-top: 15px !important;
}
/*---------------------*/
/* Article Meta -------*/
/*---------------------*/
#body .meta {
	padding: 8px 0 0 0;
	background: url(../img/bg_divider.png) top left repeat-x;
	overflow: hidden;
}
#body .meta li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	width: 280px;
	margin: 4px 0 0 0;
}
#body .meta .iconComment,
#body .commentBtns .iconComment {
	background: url(../img/icon_tales_cmnt.png) top left no-repeat;
	width: auto;
	float: right;
	display: inline;
	text-align: right;
	margin: 2px 0 0 0;
	padding: 0 0 0 22px;
}
#body .meta .share {
	margin: 0;
	/*NO COMMENTS*/
	/*	width: 105px;*/
	width: 90px;
	float: right;	
}
#body .share p {
	float: left;
	display: inline;
	color: #1e5a71;
	margin: 0 5px 0 0;
}
#body .share a {
	width: 19px;
	height: 19px;
	float: left;
	display: inline;
	margin: 0 2px 0 0;
}
#body .share .btnTwt {background: url(../img/btn_tales_twt.png) top left no-repeat;}
#body .share .btnFb  {background: url(../img/btn_tales_fb.png) top left no-repeat;}
/*---------------------*/
/* Main Sidebar -------*/
/*---------------------*/
#main #sidebar {
	width: 340px;
	float: right;
	display: inline;
	margin: 35px 0 40px 0;
	list-style: none;
	list-style-position: outside;
}
#sidebar li.ad {
	background: url(../img/bg_ad_rectangle.png) top left no-repeat;
	width: 318px;
	height: 270px;
	padding: 20px 0 0 20px;
}
#sidebar .btnNewMerch {
	background: url(../img/btn_new_merch.png) top left no-repeat;
	width: 335px;
	height: 179px;
	margin: 0 0 7px 0;
}
#sidebar .btnNewMerch a {
	display: block;
	width: 321px;
	height: 150px;
	padding: 10px 0 0 14px;
}
#sidebar .btnNewMerch p a {
	display: inline;
	padding: 0;
}
#sidebar .btnNewMerch:hover {background-position: bottom;}
#sidebar .btnNewMerch a img {display: block;}
#sidebar .btnNewMerch p {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
#sidebar .btnNewReader {
	background: url(../img/btn_new_reader.png) top left no-repeat;
	width: 337px;
	height: 115px;
}
#sidebar .btnSubmitTale {
	background: url(../img/btn_sidebar_submit_tale.png) top left no-repeat;
	width: 254px;
	height: 62px;
	margin: 18px auto 0 auto;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer {
	overflow: hidden;
	padding: 22px 0 35px 0;
}
#footer .content {
	background: url(../img/logo_mark_sewn.png) 0 32px no-repeat;
}
#footer .creators {
	float: right;
	display: inline;
	width: 320px;
	margin: 7px 0 0 0;
}
#footer .creators ul {
	overflow: hidden;
}
#footer .creators li {
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#footer .creators a {
	float: left;
	display: inline;
}
#footer .creators h4 {
	background: url(../img/txt_footer_creators.png) top left no-repeat;	
	width: 149px;
	height: 33px;
	float: left;
	display: inline;
	margin: 42px 0 0 -160px;
}
#footer .logoPA {
	background: url(../img/logo_pa_sewn.png) top left no-repeat;
	width: 163px;
	height: 102px;
	margin: 8px 5px 0 0;
}
#footer .logoPVP {
	background: url(../img/logo_pvp_sewn.png) top left no-repeat;
	width: 147px;
	height: 115px;
}
/*---------------------*/
/* Footer Nav ---------*/
/*---------------------*/
#footer .nav {
	width: 404px;
	overflow: hidden;
}
#footer .nav.left {
	width: 162px;
	float: left;
	display: inline;
	margin: 0 0 0 105px;
}
#footer .nav.right {
	width: 215px;
	float: left;
	display: inline;
	margin-left: 27px;
}
#footer .nav li a {height: 12px;line-height:0;float: left;display: inline;}
#footer .nav li {
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
	margin: 18px 0 0 0;
	float: left;
	display: inline;
	width: 100%;
	line-height: 0;
}
#footer .navHome    {background-image: url(../img/nav_footer_home.png);    width: 73px;}
#footer .navSeasons {background-image: url(../img/nav_footer_seasons.png); width: 103px;}
#footer .navArchive {background-image: url(../img/nav_footer_archive.png); width: 162px;}
#footer .navReaders {background-image: url(../img/nav_footer_readers.png); width: 151px;}
#footer .navForums  {background-image: url(../img/nav_footer_forums.png);  width: 97px;}
#footer .navStore   {background-image: url(../img/nav_footer_store.png);   width: 79px;}
#footer .navAbout   {background-image: url(../img/nav_footer_about.png);   width: 215px;}
#footer p {
	text-align: left;
	float: left;
	display: inline;
	margin: 104px 0 0 -215px;
	color: #746a5d;
	line-height: 22px;
	font-size: 14px;
}
#footer p a {color: #b52c2c;}
#footer p a:hover {color: #822121;}
/*---------------------*/
/* Tales Archive ------*/
/*---------------------*/
#body .archivePagination {
	background: url(../img/bg_archive_pagination.png) top left no-repeat;
	overflow: hidden;
	margin: 0 0 30px 0;
}
#body .archivePagination li{
	list-style: none;
	list-style-position: outside;
	display: inline;
}
#body .archivePagination li a {
	float: left;
	display: inline;
	width: 50px;
	height: 49px;
}
#body .archivePagination .txt {
	width: 50px;
	float: left;
	display: inline;
}
#body .archivePagination .btnFirst  {background: url(../img/btn_archive_first.png) top left no-repeat; margin: 4px 0 0 0;}
#body .archivePagination .btnPrev   {background: url(../img/btn_archive_prev.png) top left no-repeat; margin: 4px 0 0 0;}
#body .archivePagination .btnNext   {background: url(../img/btn_archive_next.png) top left no-repeat; float: right;}
#body .archivePagination .btnLatest {background: url(../img/btn_archive_latest.png) top left no-repeat; float: right;}
/*---------------------*/
/* Seasons ------------*/
/*---------------------*/
#seasons {
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
}
#seasons li {
	background: url(../img/bg_season.png) top left no-repeat;
	width: 588px;
	height: 87px;
	margin: 0 0 25px 0;
	padding: 24px 30px 25px 32px;
}
#seasons h3.txt {
	float: left;
	display: inline;
	width: 340px;
	height: 31px;
	margin: 5px 0 14px 0;
}
#seasons .txtSeason01 {background: url(../img/txt_season001.png) top left no-repeat;}
#seasons .txtSeason02 {background: url(../img/txt_season002.png) top left no-repeat;}
#seasons .txtSeason03 {background: url(../img/txt_season003.png) top left no-repeat;}
#seasons .txtSeason04 {background: url(../img/txt_season004.png) top left no-repeat;}
#seasons .txtSeason05 {background: url(../img/txt_season005.png) top left no-repeat;}
#seasons .txtSeason06 {background: url(../img/txt_season006.png) top left no-repeat;}
#seasons .btnReadComics {
	background: url(../img/btn_read_comics.png) top left no-repeat;
	width: 174px;
	height: 42px;
	float: right;
	display: inline;
}
#seasons ul {
	background: url(../img/bg_season_divider.png) top left repeat-x;
	list-style: none;
	list-style-position: outside;
	clear: both;
	overflow: hidden;
	padding-top: 13px;
}
#seasons ul li {
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 300px;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #746a5d;
}
#seasons ul li.num {
	float: right;
	width: 100px;
	text-align: right;
}
/*---------------------*/
/* New Readers --------*/
/*---------------------*/
#body .personnel {
	margin: 0 0 15px -25px;
}
.personnel .txtPersonnelFile {
	background: url(../img/txt_personnel_file.png) top left no-repeat;
	width: 687px;
	height: 36px;
}
#body .personnel .title {
	overflow: hidden;
	margin: 0 0 9px 0;
}
.personnel .fileMid {background: url(../img/bg_personnel_tile.png) top left repeat-y;}
.personnel .fileTop {background: url(../img/bg_personnel_top.png) top left no-repeat; height: 57px;}
.personnel .fileBtm {background: url(../img/bg_personnel_btm.png) bottom left no-repeat;
	min-height: 234px;
	height: 290px !important;
	overflow: hidden;
	padding: 0 0 10px 0;
}
.personnel .title h3,
.personnel .title p {
	float: left;
	display: inline;
	margin: 26px 0 0 22px;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}
.personnel .title p {
	float: right;
	width: 200px;
	font-size: 18px;
	margin: 23px 25px 0 0;
}
.personnel img {
	margin: 0 0 0 12px;
	float: left;
	display: inline;
}
.personnel .copy {
	float: right;
	display: inline;
	width: 310px;
	margin: 20px 0 0 0;
	padding: 0 15px 0 0;
	font-size: 15px;
	line-height: 21px;
}
.personnel .copy h4 {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 0 0;
}
.personnel .copy li {
	background: url(../img/icon_plot_points.png) center left no-repeat;
	list-style: none;
	list-style-position: outside;
	padding: 1px 0 0 17px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;	
}
.personnel .copy li a       {color: #822121;}
.personnel .copy li a:hover {color: #b52c2c;}
/*---------------------*/
/* About the Artist ---*/
/*---------------------*/
.artist {
	background: url(../img/bg_season_divider.png) top left repeat-x;
	padding: 30px 0 0 0;
	margin: 30px 0 0 0;
	overflow: hidden;
}
.artist img {
	float: left;
	display: inline;
}
.artist h3 {
	float: left;
	display: inline;
	width: 430px;
	margin: 10px 0 0 20px !important;
}
.artist .copy {
	float: left;
	display: inline;
	width: 430px;
	margin: 10px 0 0 20px !important;
}