/* DEFAULT CLASSES */
.clearfix{ clear:both; }
.lft{ float:left; }
.rgt{ float:right; }

.noBorder{ border: 0px none!important; }

.bold{ font-weight:bold; }
.capital{ text-transform:capitalize; }
.italic{ font-style:italic; }
.lowecase{ text-transform:lowercase; }
.normal{ font-weight:normal; }
.uppercase{ text-transform:uppercase; }

/* TAG'S */

html, body, #wrapper{
	overflow: hidden;
}

#preload{
	position: absolute;
	top: -100000px;
}

a.one, a.two{
	display: none!important;
}

header{
	background-color: #670000;	
	height: 134px;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

footer{
	background: url(../img/bg/footer.png);
	bottom: 0;
	height: 110px;
	position: absolute;
	width: 100%;
}

footer.comic_footer{
	background: url(../img/comic/bg/footer.png);
	bottom: 0;
	height: 80px;
	position: absolute;
	width: 100%;
}

footer.landing_footer ul li.character a{
	margin-top: 7px;
}

footer.landing_footer ul li.name a#name_joe{
	margin-top: 21px;
}

footer.landing_footer ul li.name a#name_al{
	margin-top: 22px;
}

footer.landing_footer ul li.name a#name_anna{
	margin-top: 23px;
}

/* MENU  */
nav{
	background: url(../img/bg/header.png);
	height: 90px;
	right: 0;
	margin-top: 14px;
	position: absolute;
	width: 90%;
	z-index: 0;
}

nav ul#menu_nav{
	height: 53px;
	padding: 30px 0;
	text-align: center;
	margin-left: 0px;
}

nav ul#menu_nav li{
	display: inline-block;
	margin: 0 1.5%;
}

nav ul#menu_nav li a{
	display: block;
	height: 35px;
	background-size: 100%;
}

nav ul#menu_nav li a:hover{
	background-size: 100%;
}

nav ul#menu_nav li.social{
	margin-top: -0.8%;
	margin-left: 0;
	margin-right: 0;
}

nav ul#menu_nav li.social a{
	display: block;
	height: 53px;
	width: 53px;
	margin-top: 0;
}

nav ul#menu_nav li.mark{
	margin-left: 3%;
	margin-right: 0.8%;
}

a#logo{
	z-index: 1;
	width: 425px;
	height: 308px;
	background: url(../img/bg/logo.png) no-repeat 50% 0 transparent;
	position: absolute;
	background-size: 100%;
	left: 35px;
}

a#comic{
	background: url(../img/menu/comic_red.png) no-repeat 50% 0 transparent;
	width: 112px;
}

a#archive{
	background: url(../img/menu/archive_red.png) no-repeat 50% 0 transparent;
	width: 128px;
}

a#about{
	background: url(../img/menu/about_red.png) no-repeat 50% 0 transparent;
	width: 98px;
}

a#shop{
	background: url(../img/menu/shop_red.png) no-repeat 50% 0 transparent;
	width: 78px;
}

a#pasta{
	background: url(../img/menu/pasta_red.png) no-repeat 50% 0 transparent;
	/*width: 165px;*/ 
	width: 290px;
}

a#facebook{
	background: url(../img/social/facebook.png) no-repeat 50% 0 transparent;
}

a#twitter{
	background: url(../img/social/twitter.png) no-repeat 50% 0 transparent;
}

a#comic:hover{
	background: url(../img/menu/comic_yellow.png) no-repeat 50% 0 transparent;
	width: 112px;
}

a#archive:hover{
	background: url(../img/menu/archive_yellow.png) no-repeat 50% 0 transparent;
	width: 128px;
}

a#about:hover{
	background: url(../img/menu/about_yellow.png) no-repeat 50% 0 transparent;
	width: 98px;
}

a#shop:hover{
	background: url(../img/menu/shop_yellow.png) no-repeat 50% 0 transparent;
	width: 78px;
}

a#pasta:hover{
	background: url(../img/menu/pasta_yellow.png) no-repeat 50% 0 transparent;
	/*width: 165px;*/ 
	width: 290px;
	
}

.comic_content span a{
	height: 24%;
	width: 11%;
	display: block;
	bottom: -42%;
	left: 17%;
}

.comic_content span a.one{
	margin: 0 0 30px 0;
}

#error404,#first_line,#second_line{
	width: 80%!important;
	margin: 0 auto!important;
	right: auto!important;
	bottom: auto!important;
	position: relative!important;
	font-weight: bold;
	font-family: arial;
	color: white;
	text-align: center;
}

#error404{
	height: 200px;
	font-size: 200px;
	color: #670000;
}

#first_line,#second_line{
	font-size: 25px;
	padding: 35px;
}

/* FOOTER */

footer ul li{
	display: inline-block;
}

footer.landing_footer ul li.character{
	margin-left: 90px;
}

footer.landing_footer ul li a{
	display: block;
	background-size: 100%!important;
}

footer.landing_footer ul li a#learn_about{
	background: url(../img/bg/learn_about.png) no-repeat 50% 0 transparent;
	width: 530px;
	height: 71px;
	margin-top: 23px;
	margin-left: 70px;
}

footer.landing_footer ul li a#avatar_joe{
	background: url(../img/avatar/avatar_joe.png) no-repeat 50% 0 transparent;
	width: 98px;
	height: 98px;
}

footer.landing_footer ul li a#name_joe{
	background: url(../img/avatar/name_joe.png) no-repeat 50% 0 transparent;
	width: 103px;
	height: 77px;
}

footer.landing_footer ul li a#avatar_al{
	background: url(../img/avatar/avatar_al.png) no-repeat 50% 0 transparent;
	width: 98px;
	height: 98px;
}

footer.landing_footer ul li a#name_al{
	background: url(../img/avatar/name_al.png) no-repeat 50% 0 transparent;
	width: 103px;
	height: 77px;
}

footer.landing_footer ul li a#avatar_anna{
	background: url(../img/avatar/avatar_anna.png) no-repeat 50% 0 transparent;
	width: 98px;
	height: 98px;
}

footer.landing_footer ul li a#name_anna{
	background: url(../img/avatar/name_anna.png) no-repeat 50% 0 transparent;
	width: 148px;
	height: 73px;
}

footer.comic_footer ul li#previous{
	margin-right: 35px;
}

footer.comic_footer ul li a{
	display: block;
	background-size: 100%!important;
	height: 66px;
}

footer.comic_footer ul li#last a{
	background: url(../img/comic/control/last.png) no-repeat 50% 0 transparent;
	width: 330px;
}

footer.comic_footer ul li#next a{
	background: url(../img/comic/control/next.png) no-repeat 50% 0 transparent;
	width: 292px;
}

footer.comic_footer ul li#previous a{
	background: url(../img/comic/control/previous.png) no-repeat 50% 0 transparent;
	width: 292px;
}

footer.comic_footer ul li#first a{
	background: url(../img/comic/control/first.png) no-repeat 50% 0 transparent;
	width: 330px;
}

/* CONTENT SECTION */

#wrapper{ 
	height: 100%;
	width: 100%;
}

#content{
	background-position: center center!important;
	/*background-size: cover!important;*/
	background-color: black!important;
	background-size: auto 100%!important;
	background-repeat: no-repeat no-repeat!important;
	position: relative;
	z-index: 0;
}

div.landing_content#content{
	background: url(../img/bg/landing.jpg);
}

div.comic_content#content span{
	background-position: center center;
	/*background-size: cover;*/
	background-color: black;
	background-size: auto 100%;/*black background*/
	background-repeat: no-repeat no-repeat;
	display: none;
	position: relative;
	width:100%!important;
	height:100%!important;
}

#content div{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 28px 35px 0;
}

#content #new_comic{
	background: url(../img/menu/new_red.png) no-repeat 50% 0 transparent;
	background-size: 100%;
	width: 390px;
	height: 78px;
	display: block;
}

footer.large_footer, footer.about_footer{
	background: url(../img/bg/large.png);
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

footer.large_footer .main_footer, footer.about_footer .main_footer{
	height: 100%;
	border-left: 14px solid #680000;
	border-right: 14px solid #680000;
	background-color: #2e2e2e;
	overflow-y: auto;
	overflow-x: hidden;
	width: 65%;
	margin: 0 auto;
}

footer.large_footer .main_footer .label_archive, footer.about_footer .main_footer .label, footer.large_footer .main_footer .label_character{
	background-size: 100%!important;
	height: 70px;
	width: 545px;
	background-repeat: no-repeat!important;
	top: 10px;
}

footer.large_footer .main_footer .label_archive{
	background: url(../img/archive/archive_label.png);
	margin-left: 90px;
}

footer.large_footer .main_footer .label_character{
	background: url(../img/character/character_label.png);
	margin-left: 90px;
}

footer.large_footer .main_footer .content .bio, footer.large_footer .main_footer .content .persons{
	width: 100%;
	background-color: black;
}

footer.large_footer .main_footer .content .bio{
	height: 400px;
}

footer.large_footer .main_footer .content .persons{
	height: 150px;
	margin-top: 14px;
}

footer.large_footer .main_footer .content .bio .bio_photo{
	width: 45%;
	height: 80%;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 36px 0px 36px 30px;
}

footer.large_footer .main_footer .content .bio .bio_photo.joe{
	background: url(../img/character/brand/brand_joe.png);
}

footer.large_footer .main_footer .content .bio .bio_photo.al{
	background: url(../img/character/brand/brand_al.png);
}

footer.large_footer .main_footer .content .bio .bio_photo.anna{
	background: url(../img/character/brand/brand_anna.png);
}

footer.large_footer .main_footer .content .bio .bio_photo.don{
	background: url(../img/character/brand/brand_don.png);
}

footer.large_footer .main_footer .content .bio .bio_photo.bandigo{
	background: url(../img/character/brand/brand_bandigo.png);
}

footer.large_footer .main_footer .content .bio .bio_photo.jesse{
	background: url(../img/character/brand/brand_jesse.png);
	display: none;
}

footer.large_footer .main_footer .content .bio .bio_info{
	width: 47%;
	height: 80%;
	float: right;
	margin: 36px 20px;
	overflow-y: auto;
	overflow-x: hidden;
}

footer.large_footer .main_footer .content .bio .bio_info .title{
	height: 62px;
	background-size: 100%!important;
	background-repeat: no-repeat no-repeat!important;
}

footer.large_footer .main_footer .content .bio .bio_info p{
	color: #888;
	font-family: arial;
	margin: 14px 0;
	font-size: 18px;
}

footer.large_footer .main_footer .content .bio .bio_info a{
	text-decoration: underline;
	font-family: arial;
}

footer.large_footer .main_footer .content .bio .bio_info a:hover{
	text-decoration: underline;
	color: purple;
}

footer.large_footer .main_footer .content .bio .bio_info .title.joe{
	background: url(../img/character/title/title_joe.png);
	width: 380px;
}

footer.large_footer .main_footer .content .bio .bio_info .title.al{
	background: url(../img/character/title/title_al.png);
	width: 350px;
}

footer.large_footer .main_footer .content .bio .bio_info .title.anna{
	background: url(../img/character/title/title_anna.png);
	width: 197px;
}

footer.large_footer .main_footer .content .bio .bio_info .title.don{
	background: url(../img/character/title/title_don.png);
	width: 488px;
}

footer.large_footer .main_footer .content .bio .bio_info .title.bandigo{
	background: url(../img/character/title/title_bandigo.png);
	width: 312px;
}

footer.large_footer .main_footer .content .bio .bio_info .title.jesse{
	background: url(../img/character/title/title_jesse.png);
	display: none;
	width: 209px;
}

footer.large_footer .main_footer .content .persons div#wra{
	width: 85%;
	height: 100%;
	margin: 0 auto;
}

footer.large_footer .main_footer .content .persons .personal{
	display: inline-block;
	/*width: 16%; with JESSE */
	margin: 7px 0;
	width: 19%;
}

footer.large_footer .main_footer .content .persons .name, footer.large_footer .main_footer .content .persons .avatar{
	background-size: 100%!important;
	background-repeat: no-repeat no-repeat!important;
	margin: 0 auto;
	cursor: pointer;
}

footer.large_footer .main_footer .content .persons .name{
	height: 45px;
}

footer.large_footer .main_footer .content .persons .name.joe{
	background: url(../img/character/name/name_joe.png);
	width: 53px;
}

footer.large_footer .main_footer .content .persons .name.al{
	background: url(../img/character/name/name_al.png);
	width: 59px;
}

footer.large_footer .main_footer .content .persons .name.anna{
	background: url(../img/character/name/name_anna.png);
	width: 80px;
}

footer.large_footer .main_footer .content .persons .name.don{
	background: url(../img/character/name/name_don.png);
	width: 110px;
}

footer.large_footer .main_footer .content .persons .name.bandigo{
	background: url(../img/character/name/name_bandigo.png);
	width: 122px;
}

footer.large_footer .main_footer .content .persons .name.jesse{
	background: url(../img/character/name/name_jesse.png);
	display: none;
	width: 73px;
}

footer.large_footer .main_footer .content .persons .avatar.joe{
	background: url(../img/character/avatar/avatar_joe.png);
}

footer.large_footer .main_footer .content .persons .avatar.al{
	background: url(../img/character/avatar/avatar_al.png);
}

footer.large_footer .main_footer .content .persons .avatar.anna{
	background: url(../img/character/avatar/avatar_anna.png);
}

footer.large_footer .main_footer .content .persons .avatar.don{
	background: url(../img/character/avatar/avatar_don.png);
}

footer.large_footer .main_footer .content .persons .avatar.bandigo{
	background: url(../img/character/avatar/avatar_bandigo.png);
}

footer.large_footer .main_footer .content .persons .avatar.jesse{
	background: url(../img/character/avatar/avatar_jesse.png);
	display: none;
}

footer.large_footer .main_footer .content .persons .avatar{
	width: 90px;
	height: 90px;
}

footer.large_footer .main_footer .rows{
	margin: 14px 0;
}

footer.large_footer .main_footer .thumbnail{
	width: 19%;
	display: inline-block;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	opacity: 0.4;
	cursor: pointer;
}

footer.large_footer .main_footer .numbers, footer.large_footer .main_footer .number{
	color: #888;
	font-weight: bold;
	font-size: 40px;
	font-family: arial;
	cursor: pointer;
}

footer.large_footer .main_footer .numbers{
	margin: 0 3px;
}

footer.large_footer .main_footer .number{
	margin: 0 14px;
}

footer.about_footer .main_footer .label{
	background: url(../img/about/about_label.png);
	margin-left: 90px;
}
	
footer.about_footer .main_footer .content{
	width: 100%;
	height: 100%;
	top: -35px;
}

footer.large_footer .main_footer .content{
	margin: 104px 21px 21px;
}

footer.large_footer .main_footer .content.cha{
	margin: 18px 0 0 0;
}

footer.about_footer span.photo_joe{
	background: url(../img/about/photo_joe.png);
	background-size: 100%;
	height: 365px;
	width: 250px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	margin: 0 14px 7px 0;
}

footer.about_footer .content p{
	width: 95%;
	color: white;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-family: arial;
	margin: 50px auto;
	top: 21px;
}

footer.about_footer a.resume_joe{
	background: url(../img/about/resume_joe.png);
	background-size: 100%;
	height: 30px;
	width: 237px;
	display: block;
	background-repeat: no-repeat;
	margin-top: 28px;
}

/* width of 1024 to 1279 */
@media only screen 		
and (min-width : 1024px)
and (max-width : 1279px){

	header{
		height: 115px;
	}

	.comic_content span a{
		height: 24%;
		width: 11%;
		display: block;
		bottom: -38%;
		left: 8%;
	}

	.comic_content span a.one{
		margin: 0 0 30px 0;
	}
	
	a#logo{
		width: 333px;
		height: 241px;
		left: 28px;
	}
	
	nav{
		width: 80%;
		height: 80px;
	}
	
	nav ul#menu_nav{
		margin-left: 50px;
		padding: 27px 0;
	}
	
	nav ul#menu_nav li a{
		height: 25px;
	}
	
	a#comic, a#comic:hover{
		width: 80px;
	}
	
	a#archive, a#archive:hover{
		width: 95px;
	}
	
	a#about, a#about:hover{
		width: 72px;
	}
	
	a#pasta, a#pasta:hover{
		width: 205px;
	}
	
	#content #new_comic{
		width: 280px;
		height: 55px;
	}
	
	div.comic_content#content span{
		background-size: 100% auto!important;
	}
	
	footer{
		height: 90px;
	}
	
	footer.landing_footer ul li a#learn_about{
		width: 350px;
		height: 48px;
		margin-left: 55px;
	}
	
	footer.landing_footer ul li.character{
		margin-left: 35px;
	}
	
	footer.landing_footer ul li a#avatar_joe, footer.landing_footer ul li a#avatar_al, footer.landing_footer ul li a#avatar_anna{
		width: 76px;
		height: 76px;
	}
	
	footer.landing_footer ul li a#name_joe{
		width: 68px;
		height: 60px;
	}
	
	footer.landing_footer ul li a#name_al{
		width: 65px;
		height: 60px;
	}
	
	footer.landing_footer ul li a#name_anna{
		width: 95px;
		height: 60px;
	}
	
	footer.comic_footer{
		height: 60px;
	}
	
	footer.comic_footer ul li#next a, footer.comic_footer ul li#previous a{
		width: 210px;
		height: 50px;
	}
	
	footer.comic_footer ul li#first a, footer.comic_footer ul li#last a{
		width: 236px;
		height: 50px;
	}
	
	footer.large_footer .main_footer .content{
		margin: 77px 21px 21px;
	}
	
	footer.large_footer .main_footer .numbers{
		margin: 0;
	}
	
	footer.large_footer .main_footer .thumbnail{
		width: 16%;
	}
	
	footer.large_footer .main_footer .number{
		margin: 0 11px;
	}
	
	footer.large_footer .main_footer .label_archive, footer.about_footer .main_footer .label, footer.large_footer .main_footer .label_character{
		width: 400px;
		height: 50px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info{
		width: 40%;
		margin: 36px 2px 36px 20px;
		padding-right: 40px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title{
		height: 36px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.joe{
		width: 220px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.al{
		width: 203px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.anna{
		width: 115px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.bandigo{
		width: 180px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.don{
		width: 280px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.jesse{
		width: 123px;
		display: none;
	}
	
	footer.large_footer .main_footer .content .persons div#wra{
		width: 99%;
	}
	
	footer.large_footer .main_footer .content .persons .name.bandigo{
		width: 110px;
	}
	
	footer.large_footer .main_footer .content .persons .name.don{
		width: 95px;
		left: 7px;
		top: 5px;
	}
}

/* width of 1280 to 1439 */
@media only screen 		
and (min-width : 1280px)
and (max-width : 1439px){

	header{
		height: 120px;
	}

	a#logo{
		width: 351px;
		height: 255px;
		left: 30px;
	}
	
	.comic_content span a{
		height: 24%;
		width: 11%;
		display: block;
		bottom: -42%;
		left: 11%;
	}

	.comic_content span a.one{
		margin: 0 0 30px 0;
	}
	
	nav{
		width: 80%;
		height: 85px;
	}
	
	nav ul#menu_nav{
		margin-left: -150px;
		padding: 30px 0;
	}
	
	nav ul#menu_nav li a{
		height: 28px;
	}
	
	a#comic, a#comic:hover{
		width: 90px;
	}
	
	a#archive, a#archive:hover{
		width: 105px;
	}
	
	a#about, a#about:hover{
		width: 80px;
	}
	
	a#pasta, a#pasta:hover{
		width: 228px;
	}
	
	#content #new_comic{
		width: 290px;
		height: 58px;
	}
	
	div.comic_content#content span{
		background-size: auto 100%!important;
	}
	
	footer{
		height: 95px;
	}
	
	footer.landing_footer ul li a#learn_about{
		width: 405px;
		height: 55px;
		margin-left: 55px;
	}
	
	footer.landing_footer ul li.character{
		margin-left: 55px;
	}
	
	footer.landing_footer ul li a#avatar_joe, footer.landing_footer ul li a#avatar_al, footer.landing_footer ul li a#avatar_anna{
		width: 83px;
		height: 83px;
	}
	
	footer.landing_footer ul li a#name_joe{
		width: 80px;
		height: 60px;
	}
	
	footer.landing_footer ul li a#name_al{
		width: 80px;
		height: 60px;
	}
	
	footer.landing_footer ul li a#name_anna{
		width: 110px;
		height: 60px;
	}
	
	footer.comic_footer{
		height: 65px;
	}
	
	footer.comic_footer ul li#next a, footer.comic_footer ul li#previous a{
		width: 240px;
		height: 54px;
	}
	
	footer.comic_footer ul li#first a, footer.comic_footer ul li#last a{
		width: 272px;
		height: 55px;
	}

	footer.large_footer .main_footer .content{
		margin: 77px 21px 21px;
	}
	
	footer.large_footer .main_footer .numbers{
		margin: 0 2px;
	}
	
	footer.large_footer .main_footer .thumbnail{
		width: 17%;
	}
	
	footer.large_footer .main_footer .number{
		margin: 0 13px;
	}
	
	footer.large_footer .main_footer .label_archive, footer.about_footer .main_footer .label, footer.large_footer .main_footer .label_character{
		width: 460px;
		height: 60px;
		margin-left: 60px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info{
		width: 41%;
		margin: 36px 14px 36px 20px;
		padding-right: 40px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title{
		height: 44px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.joe{
		width: 273px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.al{
		width: 250px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.anna{
		width: 140px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.bandigo{
		width: 222px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.don{
		width: 346px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.jesse{
		width: 147px;
		display: none;
	}
	
	footer.large_footer .main_footer .content .persons div#wra{
		width: 99%;
	}
	
	footer.large_footer .main_footer .content .persons .name.bandigo{
		width: 110px;
	}
	
	footer.large_footer .main_footer .content .persons .name.don{
		width: 95px;
		left: 7px;
		top: 5px;
	}
}

/* width of 1440 to 1599 */
@media only screen 		
and (min-width : 1440px)
and (max-width : 1599px){

	header{
		height: 120px;
	}

	a#logo{
		width: 375px;
		height: 272px;
		left: 30px;
	}
	
	.comic_content span a{
		height: 24%;
		width: 11%;
		display: block;
		bottom: -42%;
		left: 14%;
	}

	.comic_content span a.one{
		margin: 0 0 30px 0;
	}
	
	nav{
		width: 80%;
		height: 85px;
	}
	
	nav ul#menu_nav{
		margin-left: -150px;
		padding: 30px 0;
	}
	
	nav ul#menu_nav li a{
		height: 28px;
	}
	
	a#comic, a#comic:hover{
		width: 90px;
	}
	
	a#archive, a#archive:hover{
		width: 105px;
	}
	
	a#about, a#about:hover{
		width: 80px;
	}
	
	a#pasta, a#pasta:hover{
		width: 228px;
	}
	
	#content #new_comic{
		width: 330px;
		height: 66px;
	}
	
	div.comic_content#content span{
		background-size: auto 100%!important;
	}
	
	footer{
		height: 95px;
	}
	
	footer.landing_footer ul li a#learn_about{
		width: 450px;
		height: 60px;
		margin-left: 55px;
		margin-top: 19px;
	}
	
	footer.landing_footer ul li.character{
		margin-left: 90px;
	}
	
	footer.landing_footer ul li a#avatar_joe, footer.landing_footer ul li a#avatar_al, footer.landing_footer ul li a#avatar_anna{
		width: 83px;
		height: 83px;
	}
	
	footer.landing_footer ul li a#name_joe{
		width: 80px;
		height: 60px;
	}
	
	footer.landing_footer ul li a#name_al{
		width: 80px;
		height: 60px;
	}
	
	footer.landing_footer ul li a#name_anna{
		width: 110px;
		height: 60px;
	}
	
	footer.comic_footer{
		height: 70px;
	}
	
	footer.comic_footer ul li#next a, footer.comic_footer ul li#previous a{
		width: 260px;
		height: 60px;
	}
	
	footer.comic_footer ul li#first a, footer.comic_footer ul li#last a{
		width: 295px;
		height: 60px;
	}
	
	footer.large_footer .main_footer .content{
		margin: 92px 21px 21px;
	}
	
	footer.large_footer .main_footer .numbers{
		margin: 0 2px;
	}
	
	footer.large_footer .main_footer .thumbnail{
		width: 18%;
	}
	
	footer.large_footer .main_footer .number{
		margin: 0 13px;
	}
	
	footer.large_footer .main_footer .label_archive, footer.about_footer .main_footer .label, footer.large_footer .main_footer .label_character{
		width: 510px;
		height: 65px;
		margin-left: 60px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title{
		height: 50px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.joe{
		width: 306px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.al{
		width: 270px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.anna{
		width: 156px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.bandigo{
		width: 245px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.don{
		width: 390px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.jesse{
		width: 166px;
		display: none;
	}
	
}

/* widht of 1600 to more large */
/* width of 1440 to 1599 */
@media only screen 		
and (min-width : 1900px){

	header{
		height: 145px;
	}

	a#logo{
		width: 465px;
		height: 337px;
		left: 40px;
	}
	
	.comic_content span a{
		height: 24%;
		width: 11%;
		display: block;
		bottom: -42%;
		left: 20%;
	}

	.comic_content span a.one{
		margin: 0 0 30px 0;
	}
	
	nav{
		height: 105px;
	}
	
	nav ul#menu_nav{
		padding: 35px 0;
	}
	
	footer{
		height: 118px;
	}
	
	footer.landing_footer ul li a#learn_about{
		width: 548px;
		height: 74px;
		margin-top: 28px;
	}
	
	footer.landing_footer ul li.character a{
		margin-top: 5px;
	}
	
	#content #new_comic{
		width: 424px;
		height: 84px;
	}
	
	footer.landing_footer ul li a#avatar_joe, footer.landing_footer ul li a#avatar_al, footer.landing_footer ul li a#avatar_anna{
		width: 109px;
		height: 109px;
	}
	
	footer.landing_footer ul li a#name_joe{
		width: 103px;
		height: 77px;
	}
	
	footer.landing_footer ul li a#name_al{
		width: 100px;
		height: 73px;
	}
	
	footer.landing_footer ul li a#name_anna{
		width: 148px;
		height: 73px;
	}
	
	footer.landing_footer ul li.character{
		margin-left: 120px;
	}
	
	footer.comic_footer{
		height: 90px;
	}
	
	footer.comic_footer ul li#next a, footer.comic_footer ul li#previous a{
		height: 84px;
	}
	
	footer.comic_footer ul li#first a, footer.comic_footer ul li#last a{
		height: 84px;
	}
	
	footer.comic_footer ul li#last a{
		width: 421px;
	}
	
	footer.comic_footer ul li#next a, footer.comic_footer ul li#previous a{
		width: 374px;
	}
	
	footer.comic_footer ul li#first a{
		width: 424px;
	}

	footer.large_footer .main_footer .content{
		margin: 122px 21px 21px;
	}
	
	footer.large_footer .main_footer .numbers{
		margin: 0 7px;
	}
	
	footer.large_footer .main_footer .number{
		margin: 0 18px;
	}
	
	footer.large_footer .main_footer .label_archive, footer.about_footer .main_footer .label, footer.large_footer .main_footer .label_character{
		width: 664px;
		height: 84px;
		margin-left: 60px;
	}
	
	footer.about_footer span.photo_joe{
		width: 315px;
		height: 462px;
	}

	footer.large_footer .main_footer .content .bio .bio_info .title{
		height: 69px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.joe{
		width: 435px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.al{
		width: 378px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.anna{
		width: 216px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.bandigo{
		width: 342px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.don{
		width: 531px;
	}
	
	footer.large_footer .main_footer .content .bio .bio_info .title.jesse{
		width: 233px;
		display: none;
	}
	
}