* {margin:0;padding:0;}

/*html, body {height: 100%;}*/

@font-face {
  font-family:'Comicfont';
  src:url('http://fonts.googleapis.com/css?family=Comic+Sans+MS');
}

body
{
	font-family: "comic sans ms", "comic sans", "Comic Sans", "Comicfont", tahoma, verdana, arial;
	font-size: 18px;
	color: #000000;
}

#wrap
{
	/*min-height: 100%;*/
}

#main {
  overflow:auto;
  padding-bottom: 3em; /* must be same height as the footer */
}

#logo
{
	/*font-family: "comic sans ms";*/
	/*font-size: 3.5em;*/
	color: #000000;
  text-shadow: 4px 4px 10px #F79713;
}

.blurry
{
	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

#logo_and_menu
{
	text-align: center;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  padding-left: 1.5em;
  z-index:10;
}

#ModalCanvas
{
	display: none;
	position: fixed;
	background: rgba(0,0,0,0.9);
	z-index:9990;
}

#NewsModalWindow
{
	position: fixed;
	display:none;
  z-index:9999;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
}

.home_comics_container{margin-top: 4.8em; padding-bottom: 40px;}
.comics_container{margin-top: 4em;padding-bottom: 40px;}
.default_page{margin-top: 5.4em;}
.small_container{margin-top: 6em;}
.push_footer{padding-bottom: 1em;}

.sprites_characters
{
	position:relative;
	background-image:url('../pics/sprites_characters.jpg');
	z-index: 100;
}

.sprites_bad_dad1{width:84px;height:89px;background-position:-1px -1px;}
.sprites_zack1{width:85px;height:89px;background-position:-87px -1px;}
.sprites_doctor1{width:85px;height:89px;background-position:-173px -1px;}
.sprites_dubois1{width:79px;height:89px;background-position:-261px -1px;}
.sprites_castaway1{width:82px;height:88px;background-position:-345px -1px;}
.sprites_dicaprio{width:82px;height:88px;background-position:-431px -1px;}
.sprites_cop{width:82px;height:89px;background-position:-4px -91px;}
.sprites_playboy_john{width:82px;height:89px;background-position:-87px -91px;}
.sprites_david{width:85px;height:89px;background-position:-173px -91px;}
.sprites_regan{width:82px;height:89px;background-position:-261px -91px;}
.sprites_uncle_george{width:85px;height:89px;background-position:-345px -91px;}
.sprites_baby{width:82px;height:89px;background-position:-431px -91px;}

.flip_image
{
	-moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

#home_news
{
	border: 1px solid;
  height: 11.2em;
  margin-top: 2em;
  max-width: 24em;
  margin-left: 1em;
  border: 1px solid #F79713;
  box-shadow: 5px 5px 15px #888888;
  overflow-y: auto;
}

.home_news_piece
{
	font-size: 0.9em;
	margin-bottom: 1em;
}

.home_new_img
{
	margin: 0.2em 0.5em 0.2em 0.2em;
	max-height: 150px;
	max-width: 150px;
	cursor: pointer;
}

.smallFont
{
	font-size: 0.6em;
}

.orangeFont
{
	color: #F79713;
}

h2, .h2 {font-size: 2em;}

#best_of
{
	border: 1px solid #F79713;
	margin-top: 2em;
	background-color: rgba(247, 151, 19, 0.15);
	padding-bottom: 0.7em;
}

.div_title{font-size: 2em;}

.comic_before_after{font-size: 0.8em;}

.comic_date{font-size: 0.5em;}

a{color: #000000 !important;}

a.logo{color: #000000 !important;text-decoration: none;}

a.footer{color: #ffffff !important;}

a.text_link{color: #000000 !important;text-decoration: underline;}

a.no_underline{text-decoration: none;}

.menu_link_active{text-shadow: 2px 2px 4px #F79713;}

.smaller{font-size: 12px;}

.container{max-width: 1000px;}

.colbox{margin-left: 0px;margin-right: 0px;}

.menu_items>li>a{padding: 1em 0.5em;}
.menu_pills>li{margin-right:0.1em;float: left;}
.menu_pills>li>a{color: #000000 !important;}
.menu_pills>li>a:link,.menu_pills>li>a:visited{text-decoration: none;}
.menu_pills>li>a:hover
{
	background-color: transparent !important;
	color: #000000 !important;
	text-shadow: 2px 2px 4px #F79713;
	text-decoration: none;
}
.menu_pills>li>a:active{text-decoration: none;}

/*.menu_pills>li.active>a, .menu_pills>li.active>a:hover, .menu_pills>li.active>a:focus
{
	background-color: transparent !important;
	color: #000000 !important;
	text-shadow: 2px 2px 4px #F79713;
}*/

.light_link:link, .light_link:visited, .light_link:active{text-decoration: none;}

.light_link:hover
{
	background-color: transparent !important;
	color: #000000 !important;
	text-shadow: 2px 2px 4px #F79713;
	text-decoration: none;
}

.bigger{font-size: 2em;}

ul{list-style-type: none;}

.divN{width: 100%;max-width: 200px;margin: auto;}

.thumbN
{
	width: 100%;
	max-width: 200px;
	border: 1px solid #F79713;
 	box-shadow: 5px 5px 15px #888888;
 	margin: auto;
}

.thumbS
{
	width: 100%;
	max-width: 80px;
	border: 1px solid #F79713;
 	box-shadow: 5px 5px 15px #888888;
 	margin: auto;
 	margin-right: 0.5em;
}

.image{width: 100%; border: 0.1em solid #000000;}

.imageWide{max-width: 948px;}

.imageDouble{max-width: 610px;}

.imageSingle{max-width: 425px;}

.greyBack{background-color: #f8f8f8;}

.lightOrange{background-color: rgba(247,151,19,0.1);}

.orangeFade
{
	background: -webkit-linear-gradient(#FEF4E7, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FEF4E7, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FEF4E7, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FEF4E7, #ffffff); /* Standard syntax */
}

.whiteBack{background-color: white;}

.highlight_row
{
	padding: 0 1em 2em 1em;
	padding-bottom: 2em;
	margin-left: 0.6em;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	border-radius: 0.6em;
	background-color: rgba(247,151,19,0.1);
	box-shadow: 5px 5px 10px #888888;
}

.resize_icons{position: absolute;opacity: 0.1;top: 1em;z-index: 1000;}

.resize_icons:hover{opacity: 1.0;}
.resize_icon_single{left: 1em;}
.resize_icon_double{right: 1em;}

.read_link{text-align: center;}

.thumb_top
{
	position: relative;
	top: 1.3em;
	left: -9%;
	max-width: 23%;
	min-height: 2em;
	-ms-transform: rotate(-20deg); /* IE 9 */
  -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
  transform: rotate(-20deg);
}

.latest{padding: 5%;background-color: rgba(247,151,19,0.7);}

#langs_div{position: absolute;right: 0.5em;}

#fb_like_top{position: absolute;top: 1.3em;right: 0.2em;}

/* bootstrap pagination overwrite */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus,
.pagination>.active>span:focus
{
  background-color: #F79713;
  border-color: #F79713;
}

#footer
{
	position: relative;
	margin-top: -3em; /* negative value of footer height */
	height: 3em;
	clear:both;
	background-color: #F79713;
	padding-bottom: 4em;
}

.footer_text{font-size: 12px;color: #000000;}

#bonus_tag
{
	max-width: 6em;
  padding: 0.2em;
  background-color: rgba(247,151,19,0.7);
  font-size: 1.0em;
  position: absolute;
  transform: rotate(-20deg);
}

.comic_titleBAK
{
	font-size: 1.7em;
  position: absolute;
  text-align: center;
  border: 1px solid red;
}

/* bigger than... */
@media (min-width: 1000px){
	body{font-size: 18px;}
	#logo{font-size: 3.5em; margin-left: 0.4em; margin-top: -0.2em; text-align: left; letter-spacing: 0.1em; padding-bottom: 0.3em; word-spacing: 0.5em;}
	#best_of{display: block;}
	.menu_items{margin-top: -1.5em; margin-left: 1em;}
	.resize_icons{display: block;}
	.comic_nav_links{display: inline;}
	.comic_nav_icons{display: none;}
	#navigation_bar{display: none;}
	.menu_link{font-size:1em !important;}
	.imageSingle{max-width: 610px;}
	.imageDouble{max-width: 425px;}
	#bonus_tag{font-size: 1em;}
 	#home_news_div{display:block;}
}

/* smaller than... */
@media (max-width: 999px) and (min-width: 768px){
	body{font-size: 18px;}
	#logo_and_menu{padding-left: 1em;}
	#logo{font-size: 2.5em;margin-top: -0.2em; margin-left: 0.8em; text-align:left; letter-spacing: 0.1em; word-spacing: 0.5em;}
	.menu_items{margin-top: 0em;margin-left: 1.7em;}
	.default_page{margin-top: 4.2em; padding-top: 1em;}
	.home_comics_container{margin-top: 4.2em; padding-bottom: 40px;}
  .navbar .navbar-nav
	{
		display: inline-block;
    float: none;
    vertical-align: top;
  }
  .navbar .navbar-collapse{text-align: center;}
  #menu{display: block;}
  #langs_div{display: block;}
  #best_of{display: block; font-size: 0.8em; margin-top:2.5em;}
  .resize_icons{display: block;}
  .comic_nav_links{display: inline;}
  .comic_nav_icons{display: none;}
  #footer{display: block;}
 	#navigation_bar{display: none;}
 	#fb_like_top{top: 1.3em;}
 	.menu_link{font-size:0.8em !important;}
 	.imageSingle{max-width: 75%;}
	.imageDouble{max-width: 425px;}
	#bonus_tag{font-size: 1em;}
	#home_news_div{display:none;}
}

/* smaller than... */
@media (max-width: 767px){
	body{font-size: 14px;}
	#logo{font-size: 3.0em;}
	#logo_and_menu{position: relative;}
	.sprites_characters{display: none;}
	#menu{display: none;}
	#langs_div{display: none;}
	.default_page{margin-top: 0em;}
	.home_comics_container{margin-top: 0em;}
	.small_container{margin-top: 0em;}
	#best_of{display: none;}
	.resize_icons{display: none;}
	.comic_nav_links{display: none;}
	.comic_nav_icons{display: none;}
	#footer{display: none;}
 	#navigation_bar{display: block;}
 	#fb_like_top{top: -1.5em;}
 	.imageSingle{max-width: 425px;}
 	.imageDouble{max-width: 425px;}
 	#bonus_tag{font-size: 1em;}
 	#home_news_div{display:none;}
}

/* smaller than... */
@media (max-width: 400px){
 	#bonus_tag{font-size: 0.8em;}
}

/* up to ... */
@media (max-height: 830px){
	.imageSingle{max-width: 425px;}
}

.col-centered{margin: 0 auto;}

.centered{text-align: center !important;}

.mobile_flag{width: 2em;height: 1.2em;}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/* ADMIN ------------------------------------------------------------------------------------------- */

.form-signin {
	max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}