/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #000; overflow-x: hidden; }
input,select,textarea { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0; display: block; }
ul,li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1200px; position: relative; }
.pull-left { float: left!important; }
.pull-right { float: right!important; }

/* ### links ### */
a.blended, a:visited.blended { color: grey; text-decoration: none; }

/* ### social footer ### */
#social-footer { display: none; }

@media only screen and (max-width: 768px) {
	#social-footer { display: block; position:fixed; left:0px; bottom:0px; height:47px; width:100%; }
	#social-footer .twitter  { background-color: #4099FF; float: right; }
	#social-footer .facebook { background-color: #3B5998; float: left; }
	#social-footer .twitter, #social-footer .facebook { text-align: center; width: 50%; height: 100%; display: block; }
	#social-footer .twitter > img, #social-footer .facebook > img { display: block; margin: 0 auto; }
}

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

	/* ### main container ### */
	#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; }
	#headerCntr .logo { position: absolute; top: 34px; left: 55px; }
	#headerCntr .logo img { max-width: 100%; }
	#headerCntr .top { width: 100%; height: 39px; background: #f2f2f2; }
	#headerCntr .top a.link { color: #797979; text-decoration: none; line-height: 39px; float: left; margin-left: 54px; font-weight: 300; }
	#headerCntr .top a.link:hover { text-decoration: underline; }
	#headerCntr .top ul.social { float: right; margin-right: 21px; margin-top: 10px; }
	#headerCntr .top ul.social li { float: left; margin-left: 22px; line-height: 14px; color: #797979; font-weight: 300; }
	#headerCntr .top ul.social li:last-child { margin-left: 18px; }
	#headerCntr .top ul.social li:first-child { margin-left: 0; }
	#headerCntr .top ul.social li.gap { margin-right: 2px; }
	#headerCntr .mid { width: 100%; height: 114px; }
	#headerCntr .mid .ad { width: 61%; position: absolute; top: 11px; right: 9px; }
	#headerCntr .mid .ad img { width: 100%; }
	#headerCntr .bot { width: 100%; height: 47px; background: #484f9e; }
	#headerCntr .bot a.btn { float: right; margin-right: 9px; display: inline-block; padding: 0 29px; line-height: 47px; text-decoration: none; color: #fff; font-size: 14px; font-weight: 600; background: #fab204; }
	#headerCntr .bot a.btn:hover { background: #f6bf39; }

		/* ### menu box ### */
		#headerCntr .menuBox { float: left; margin-left: 55px; }
		#headerCntr .menuBox li { float: left; margin-right: 39px; font-size: 14px; font-weight: 600; }
		#headerCntr .menuBox li a { color: #fff; text-decoration: none; line-height: 47px; display: block; }
		#headerCntr .menuBox li a:hover { color: #fab204; }
		#headerCntr .menuBox li:last-child { margin-right: 0; }
	#headerCntr .mobileMenu { display: none; }

	/* ### content container ### */
	#contentCntr { width: 100%; background: url(../images/content_bg.jpg) repeat; padding: 15px 0 12px; }

	/* ### left container ### */
	#leftCntr { float: left; width: 73.3%; padding: 0 11px 0 9px; }

		/* ### humor box ### */
		.humorBox { width: 100%; background: #fff; padding: 17px 28px 19px 17px; border: 1px solid #e3e3e3; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 1px rgba(0,0,0,0.2); overflow: hidden; }
		.humorBox .photo { float: left; width: 48.7%; position: relative; }
		.humorBox .photo img { width: 100%; }
		.humorBox .photo h1 { color: #4a519f; font-size: 24px; line-height: 36px; text-align: center; position: absolute; width: 100%; top: 50%; left: 0; font-family: 'Comic Sans MS'; margin-top: -32px; }
		.humorBox .text { width: 51.3%; float: left; padding-left: 36px; }
		.humorBox .text h2.normal { color: #484f9e; font-size: 24px; font-weight: 600; margin-bottom: 1px; margin-top: 3px; }
		.humorBox h2.tab { display: none; }
		.humorBox .text span.normal { color: #fab204; font-size: 14px; display: block; margin-bottom: 23px; }
		.humorBox span.tab { display: none; }
		.humorBox .text fieldset { border: 0; width: 100%; }
		.humorBox .text input[type="text"] { border: 1px solid #484f9e; background: #fff; width: 100%; height: 43px; line-height: 43px; color: #535353; font-size: 13px; font-weight: 300; padding: 0 16px; margin-bottom: 15px; }
		.humorBox .text input[type="text"].nogap { margin-bottom: 11px; }
		.humorBox .text textarea { border: 1px solid #484f9e; background: #fff; width: 100%; height: 127px; color: #535353; font-size: 13px; font-weight: 300; padding: 15px 16px; margin-bottom: 17px; resize: none; }
		.humorBox .text textarea.noname { height: 185px; }
		.humorBox .text .bot { margin-top: 3px; overflow: hidden; }
		.humorBox .text .bot input[type="submit"] { border: 0; background: #fab204; width: 207px; height: 47px; cursor: pointer; color: #fff; font-size: 14px; font-weight: 600; float: left; }
		.humorBox .text .bot input[type="submit"]:hover { background: #f6bf39; }
		.humorBox .text .bot button { border: 0; background: #fab204; width: 207px; height: 47px; cursor: pointer; color: #fff; font-size: 14px; font-weight: 600; float: left; }
		.humorBox .text .bot button:hover { background: #f6bf39; }
		.humorBox .text .bot button:disabled { background: #f6bf39; opacity: 0.7; }
		.humorBox .text .bot .plugin { float: left; margin: 15px 0 0 31px; }
		.humorBox .text .commentbox { width: 100%; margin-top: 3px; }
		.humorBox .text .commentbox h5 { color: #484f9e; font-size: 24px; font-weight: 600; margin-bottom: 22px; }
		.humorBox .text .commentbox .mid { overflow: hidden; margin-bottom: 14px; height: 220px; }
		.humorBox .text .commentbox .row { margin-bottom: 12px; overflow: hidden; }
		.humorBox .text .commentbox .row.nogap { margin-bottom: 3px; }
		.humorBox .text .commentbox img.bubble { float: left; margin-top: 4px; }
		.humorBox .text .commentbox img.bubble2 { display: none; }
		.humorBox .text .commentbox .tile { margin-left: 44px; }
		.humorBox .text .commentbox .tile span { color: #fab204; font-size: 14px; font-weight: 600; line-height: 20px; display: block; }
		.humorBox .text .commentbox .tile span a { color: #484f9e; text-decoration: none; }
		.humorBox .text .commentbox .tile small { color: #4a519f; font-size: 12px; font-weight: 300; line-height: 20px; display: block; }
		.humorBox .text .commentbox a.more { float: right; margin-right: 13px; color: #484f9e; text-decoration: none; }
		.humorBox .text .commentbox a.more:hover { text-decoration: underline; }
		.humorBox .text .comment { overflow: hidden; }
		.humorBox .text .comment a.btn { float: left; padding: 0 26px; line-height: 47px; height: 47px; text-decoration: none; color: #fff; font-size: 14px; background: #fab204; font-weight: 600; margin-right: 12px; margin-top: 1px; }
		.humorBox .text .comment a.btn:hover { background: #f6bf39; }
		.humorBox .text .comment button.btn { border:none; cursor: pointer; float: left; padding: 0 26px; line-height: 47px; height: 47px; text-decoration: none; color: #fff; font-size: 14px; background: #fab204; font-weight: 600; margin-right: 12px; margin-top: 1px; }
		.humorBox .text .comment button.btn:hover { background: #f6bf39; }
		.humorBox .text .comment ul.media { float: left; overflow: hidden; }
		.humorBox .text .comment ul.media li { float: left; }
		.humorBox .text .comment ul.num { float: right; overflow: hidden; }
		.humorBox .text .comment ul.num li { float: left; margin-left: 23px; font-size: 15px; }
		.humorBox .text .comment ul.num li a { color: #bc1919; text-decoration: none; line-height: 48px; }
		.humorBox .text .comment ul.num li a img { display: inline; vertical-align: middle; margin-left: 5px; }
		.humorBox .text .comment ul.num li a:hover img { -webkit-transform: matrix(1.159,0,0,1.113,0,0); -ms-transform: matrix(1.159,0,0,1.113,0,0); -o-transform: matrix(1.159,0,0,1.113,0,0); transform: matrix(1.159,0,0,1.113,0,0); }
		.humorBox .text .comment ul.num li:first-child a { color: #77b230; }
		.humorBox .text .comment ul.num li:first-child { margin-left: 0; }
		.humorBox .text .radios { margin-top: -10px; margin-bottom: 15px; }

		/* ### ad1 box ### */
		.ad1Box { width: 100%; padding: 0 62px 0 69px; margin: 22px 0 21px; }
		.ad1Box img { width: 100%; }
		.ad1Box.tab { display: none; }

		/* ### quote box ### */
		.quoteBox { width: 100%; }
		.quoteBox .holder { margin-right: -17px; }
		.quoteBox .block { float: left; padding-right: 17px; width: 33.33%; margin-bottom: 14px; }
		.quoteBox .block.pagination { float: none; width: 100%; margin-bottom: 14px; }
		.quoteBox .block.pagination a { background-color: #4a519f; padding: 10px 20px; color: white; font-size: 14px; text-decoration: none; }
		.quoteBox .inner { width: 100%; border: 1px solid #e3e3e3; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 1px rgba(0,0,0,0.2); background: #fff; }
		.quoteBox .top { padding: 6px 6px 0 7px; }
		.quoteBox .photo { width: 100%; }
		.quoteBox .photo img { width: 100%; }
		.quoteBox h3 { color: #484f9e; font-size: 15px; font-weight: 600; text-align: center; line-height: 42px; height: 47px; }
		.quoteBox .bot { width: 100%; background: #f2f2f2; overflow: hidden; }
		.quoteBox .left { float: left; overflow: hidden; }
		.quoteBox .right { float: right; }
		.quoteBox a.facebook { float: left; width: 38px; height: 39px; text-align: center; background: #3b5998; text-decoration: none; }
		.quoteBox a.facebook img.one { display: inline; margin-top: 11px; }
		.quoteBox a.facebook img.two { display: none; }
		.quoteBox a.twitte { float: left; width: 38px; height: 39px; text-align: center; background: #4099ff; text-decoration: none; }
		.quoteBox a.twitte img.one { display: inline; margin-top: 12px; }
		.quoteBox a.twitte img.two { display: none; }
		.quoteBox a.bubble { background: #fab204; float: left; padding: 0 16px 0 11px; height: 39px; line-height: 39px; color: #fff; font-size: 10px; font-weight: 600; text-decoration: none; }
		.quoteBox a.bubble img.one { display: inline; vertical-align: middle; margin-right: 7px; }
		.quoteBox a.bubble img.two { display: none; }
		.quoteBox .right ul { width: 100%; text-align: center; }
		.quoteBox .right li { display: inline-block; margin: 0 7px; font-size: 10px; font-weight: 600; }
		.quoteBox .right li a { color: #77b230; text-decoration: none; line-height: 39px; }
		.quoteBox .right li a img.one { display: inline; vertical-align: middle; margin-left: 6px; }
		.quoteBox .right li a:hover img.one { -webkit-transform: matrix(1.159,0,0,1.113,0,0); -ms-transform: matrix(1.159,0,0,1.113,0,0); -o-transform: matrix(1.159,0,0,1.113,0,0); transform: matrix(1.159,0,0,1.113,0,0); }
		.quoteBox .right li a img.two { display: none; }
		.quoteBox .right li:last-child a { color: #bc1919; }
		.quoteBox.tab { display: none; }
.pagingTab { display: none; }

	/* ### right container ### */
	#rightCntr { float: right; width: 26.7%; padding-right: 6px; }

		/* ### ad2 box ### */
		.ad2Box { width: 100%; background: #fff; margin-bottom: 14px; background: #fff; border: 1px solid #e3e3e3; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 1px rgba(0,0,0,0.2); padding: 5px 6px 8px 5px; }
		.ad2Box img { width: 100%; }

		/* ### plugin box ### */
		.pluginBox { width: 100%; background: #fff; margin-bottom: 16px; background: #fff; border: 1px solid #e3e3e3; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 1px rgba(0,0,0,0.2); padding: 7px 2px 7px 6px; }
		.pluginBox img { width: 100%; }

		/* ### tiles box ### */
		.tilesBox { width: 100%; background: #fff; margin-bottom: 14px; background: #fff; border: 1px solid #e3e3e3; -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2); box-shadow: 2px 2px 1px rgba(0,0,0,0.2); padding: 18px 5px 5px 20px; }
		.tilesBox h4 { color: #484f9e; font-size: 20px; font-weight: 600; margin-bottom: 16px; }
		.tilesBox a { overflow: hidden; margin-bottom: 12px; text-decoration: none; display: block; }
		.tilesBox img { float: left; }
		.tilesBox .text { margin-left: 70px; margin-top: 6px; }
		.tilesBox span { color: #fab204; line-height: 20px; font-size: 14px; font-weight: 600; display: block; }
		.tilesBox small { color: #4a519f; font-size: 12px; font-weight: 300; line-height: 20px; display: block; }

	/* ### bottom container ### */
	#bottomCntr { width: 100%; background: #4a519f; padding: 24px 0; }
	#bottomCntr .center { padding: 0 35px; overflow: hidden; }
	#bottomCntr .logo { float: left; }
	#bottomCntr ul { float: right; margin-top: 7px; }
	#bottomCntr li { float: left; margin-left: 3px; color: #fff; font-size: 13px; }
	#bottomCntr li a { color: #fff; text-decoration: none; }
	#bottomCntr li a:hover { text-decoration: underline; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; padding: 13px 0 56px; }
	#footerCntr .center { padding: 0 35px; overflow: hidden; }
	#footerCntr p { color: #4a519f; float: left; }
	#footerCntr p a { color: #4a519f; text-decoration: none; }
	#footerCntr p a:hover { text-decoration: underline; }
	#footerCntr p.right { float: right; }
	
	/* ### Sticky menubar ### */
	
	.stickymargin {margin-top: 47px;}
	.sticky { position: fixed; z-index: 999; top: 0; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1199px) {

	.center { padding: 0 15px; }
	.quoteBox a.facebook { width: 32px; }
	.quoteBox a.twitte { width: 32px; }
	.quoteBox a.bubble { padding: 0 5px; }
	.quoteBox .right li { margin: 0 1px; }
	.quoteBox .right li a img { margin-left: 3px; }
	.humorBox .text .comment a.btn { width: 100%; padding: 0; text-align: center; margin-bottom: 10px; }
	.humorBox .text .comment button.btn { width: 100%; padding: 0; text-align: center; margin-bottom: 10px; }
	.quoteBox .right li a img.one { margin-left: 2px; }

}

@media only screen and (max-width: 979px) {

	#headerCntr .top a.link { margin-left: 0; }
	#headerCntr .top ul.social { margin-right: 0; }
	#headerCntr .logo { left: 0; top: 15px; width: 100%; text-align: center; }
	#headerCntr .logo img { display: inline; }
	#headerCntr .mid .ad { right: 0; width: 100%; padding: 0 100px; text-align: center; top: 75px; }
	#headerCntr .mid .ad img { display: inline; width: 500px!important; }
	#headerCntr .mid { height: 160px; }
	#headerCntr .menuBox { margin-left: 0; }
	#headerCntr .menuBox li { margin-right: 30px; }
	#headerCntr .bot a.btn { margin-right: 0; }
	.quoteBox .block { width: 50%; }
	.quoteBox .right li { margin: 0 5px; }
	#leftCntr { padding-left: 0; }
	.humorBox .photo h1 { font-size: 17px; line-height: 24px; }
	#bottomCntr .center { padding: 0 15px; }
	#footerCntr .center { padding: 0 15px; }
	.humorBox .text .comment ul.num li a img { margin-left: 2px; }
	.humorBox .text .comment ul.num li { margin-left: 6px; }
	.quoteBox a.facebook { width: 38px; }
	.quoteBox a.twitte { width: 38px; }
	.quoteBox a.bubble { padding: 0 10px; }
	.quoteBox .right li { margin: 0 5px; }
	.quoteBox .right li a img { margin-left: 5px; }

}

@media only screen and (max-width: 768px) {

	#headerCntr .menuBox { display: none; }
	#headerCntr .mobileMenu { display: block; position: absolute; top: 107px; left: 0; }
	#headerCntr .mid .ad { display: none; }
	#headerCntr .mid { height: 107px; }
	#headerCntr .bot .center { padding: 0; }
	#headerCntr .logo { top: 21px; }
	#headerCntr .logo img { width: 368px; }
	#headerCntr .top ul.social li.gap { display: none; }
	#leftCntr { float: none; width: 100%; padding-right: 0; }
	#rightCntr { float: none; width: 100%; }
	.humorBox .text h2.normal { display: none; }
	.humorBox .text span.normal { display: none; }
	.humorBox h2.tab { display: block; color: #484f9e; font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 2px; }
	.humorBox span.tab { display: block; color: #fab204; font-size: 14px; margin-bottom: 15px; text-align: center; }
	.humorBox { padding: 24px 16px 36px 22px; }
	.humorBox .photo { float: none; width: 100%; margin-bottom: 22px; }
	.humorBox .photo h1 { font-size: 24px; line-height: 36px; }
	.humorBox .text { float: none; padding-left: 0; width: 100%; }
	.humorBox .text .bot .plugin { display: none; }
	.humorBox .text .bot input[type="submit"] { width: 100%; }
	.humorBox .text .bot button { width: 100%; }
	.ad1Box { padding: 0 22px 0 32px; }
	#bottomCntr .logo { text-align: center; float: none; width: 100%; margin-bottom: 40px; }
	#bottomCntr .logo img { display: inline; }
	#bottomCntr ul { float: none; width: 100%; text-align: center; margin-top: 0; }
	#bottomCntr li { margin: 0 2px; display: inline-block; float: none; }
	/* ### Sticky menubar ### */
	#headerCntr .mobileMenu.sticky { position: fixed; z-index: 999; top: 0; left: inherit; }
}

@media only screen and (max-width: 641px) {

	.quoteBox .block { width: 100%; }
	.quoteBox .block.none { display: none; }
	.quoteBox.sub .block.none { display: none; }
	.pluginBox { display: none; }
	.ad2Box.none { display: none; }
	#footerCntr p { line-height: 20px; text-align: center; float: none; }
	#footerCntr p.right { float: none; }
	#footerCntr { padding: 30px 0; }
	.humorBox.sub .photo { display: none; }
	.humorBox.sub { margin-bottom: 36px; }
	.humorBox.sub .text input.nogap[type="text"] { display: none; }
	.humorBox.sub .text .comment { display: none; }
	.humorBox.sub { display: none; }
	.humorBox .text .commentbox a.more { display: block; margin: 40px 0 0; text-align: center; float: none; font-size: 24px; }
	.humorBox .text .commentbox .tile span { font-size: 24px; line-height: 34px; }
	.humorBox .text .commentbox .tile small { font-size: 20px; line-height: 34px; }
	.humorBox .text .commentbox img.bubble { display: none; }
	.humorBox .text .commentbox img.bubble2 { display: inline-block; float: left; margin-top: 10px; }
	.humorBox .text .commentbox .tile { margin-left: 72px; }
	.ad1Box.sub { display: none; }
	.ad1Box.tab { display: block; margin: 20px 0; }
	.quoteBox .bot { background: none; }
	.quoteBox a.facebook img.one { display: none; }
	.quoteBox a.facebook img.two { display: inline-block; vertical-align: middle; }
	.quoteBox a.facebook { width: 75px; height: 77px; line-height: 77px; }
	.quoteBox a.twitte img.one { display: none; }
	.quoteBox a.twitte img.two { display: inline-block; vertical-align: middle; }
	.quoteBox a.twitte { width: 75px; height: 77px; line-height: 77px; }
	.quoteBox a.bubble img.one { display: none; }
	.quoteBox a.bubble img.two { display: inline-block; vertical-align: middle; margin-right: 12px; }
	.quoteBox a.bubble { height: 77px; line-height: 77px; font-size: 22px; }
	.quoteBox .right li a img.one { display: none; }
	.quoteBox .right li a img.two { display: inline-block; vertical-align: middle; }
	.quoteBox .right li a:hover img.two { -webkit-transform: matrix(1.159,0,0,1.113,0,0); -ms-transform: matrix(1.159,0,0,1.113,0,0); -o-transform: matrix(1.159,0,0,1.113,0,0); transform: matrix(1.159,0,0,1.113,0,0); }
	.quoteBox .right li a { font-size: 22px; line-height: 77px; }
	.quoteBox h3 { font-size: 30px; height: 94px; line-height: 94px; }
	.quoteBox.tab { display: block; }
	.pagingTab { margin: 24px 0 34px; width: 100%; display: block; }
	.pagingTab .holder { margin-right: -16px; overflow: hidden; }
	.pagingTab .block { float: left; width: 50%; padding-right: 16px; }
	.pagingTab .inner { width: 100%; }
	.pagingTab a { display: block; text-align: center; line-height: 70px; text-decoration: none; color: #fff; font-size: 28px; font-weight: 600; background: #4a519f; }
	.pagingTab a:hover { background: #626ce0; }

}

@media only screen and (max-width: 479px) {

	#headerCntr .logo img { width: 280px; }
	#headerCntr .logo { top: 34px; }
	#headerCntr .top a.link span { display: none; }
	#headerCntr .top ul.social li.nogap { margin-left: 0; }
	.humorBox .photo h1 { font-size: 17px; line-height: 24px; }
	.ad1Box { padding: 0; }
	#bottomCntr .logo { margin-bottom: 20px; }
	.quoteBox a.facebook img.one { display: inline-block; }
	.quoteBox a.facebook img.two { display: none; }
	.quoteBox a.facebook { width: 38px; height: 39px; line-height: 39px; }
	.quoteBox a.twitte img.one { display: inline-block; }
	.quoteBox a.twitte img.two { display: none; }
	.quoteBox a.twitte { width: 38px; height: 39px; line-height: 39px; }
	.quoteBox a.bubble img.one { display: inline-block; }
	.quoteBox a.bubble img.two { display: none; vertical-align: middle; margin-right: 12px; }
	.quoteBox a.bubble { height: 39px; line-height: 39px; font-size: 10px; }
	.quoteBox .right li a img.one { display: inline-block; }
	.quoteBox .right li a img.two { display: none; }
	.quoteBox .right li a { font-size: 10px; line-height: 39px; }
	.quoteBox h3 { font-size: 15px; height: 47px; line-height: 42px; }
	.pagingTab a { font-size: 16px; line-height: 40px; }
	.humorBox .text .commentbox img.bubble2 { display: none; }
	.humorBox .text .commentbox img.bubble { display: block; }
	.humorBox .text .commentbox .tile { margin-left: 44px; }
	.humorBox .text .commentbox .tile span { font-size: 14px; line-height: 20px; }
	.humorBox .text .commentbox .tile small { font-size: 12px; line-height: 20px; }
	.humorBox .text .commentbox a.more { font-size: 13px; margin-top: 20px; }
	.humorBox.sub { padding-bottom: 16px; }

}