/*

Theme Name: Little-Gamers
Version: 7.2

Theme URI: http://www.little-gamers.com/
Description: Nice theme!

	Author: Pontus Madsen
	Author URI:

The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html

*/

/* COMMENTS */

body {
	background-color:#6699ff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	}

a {color:#000000; text-decoration:none;}
a:hover {color:#854c69; text-decoration:none;}



#outerHolder {
	background-image:url('/images/bg-old_bubble.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}

#innerHolder {
	background-image:url('/images/bg-pink-menu.png');
	background-repeat:repeat-x;
	background-position:top;
}


/* ------------------------------------------------------
	MENU
-----------------------------------------------------  */
#menuSticker {
	background-image:url('/images/menu_main-bg.png');
	background-position:center;
	background-repeat:repeat-x;
}

#menuHolder {
	height:46px;
	width:700px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
				#menuHolder a {
					text-transform:uppercase;
					text-decoration:none;
					font-family: "domus-titling-web",sans-serif;
					font-style: normal;
					font-weight: 700;
					font-size:16px;
					color:#000000;
					padding:15px 20px 15px 20px;
					margin:0;
					border-right:1px dashed #cc7aa3;
					float:left;
					}
				#menuHolder a:first-child {border-left:1px dashed #cc7aa3;}
				#menuHolder a:hover {
					color:#5e3a4c;
					margin:0;
					border-bottom:5px solid #cc7aa3;
					}




#headerHolder {
	width:800px;
	height:190px;
	margin:0 auto;
	background-image:url('/images/bg-ninjas_logo2.png');
	background-position:center top;
	background-repeat:no-repeat;
}



/* ------------------------------------------------------
	COMIC
-----------------------------------------------------  */

#comicHolderHolder {
	margin:0 auto;
	background-image:url('/images/dash-behind-comic.png');
	background-position:center top;
	background-repeat:repeat-x;
}

#comicHolder {
	width:800px;
	min-height:102px;
	margin:0 auto;
	background-color:#ffffff;
}
					#comicName {float:left; height:47px;}
						#comicName p {
									padding:15px 24px;
									font-family: "domus-titling-web",sans-serif;
									font-style: normal;
									font-weight: 700;
									text-transform:uppercase;
									font-size:16px;
									}
					#comicNav {float:right; height:47px;
									font-family: "domus-titling-web",sans-serif;
									font-style: normal;
									font-weight: 700;
									text-transform:uppercase;
									font-size:16px;}
						#comicNav .prevNav, #comicNav .nextNav {
									padding:15px 20px;
									float:right;
									}
									.disabledNav {
												padding:15px 20px;
												float:right;
												color:#cccccc;
												border-left:1px dashed #cccccc;
												}
						#comicNav .prevNav { border-left:1px dashed #cccccc;}

					#serieladan {position:relative;float:left;}
						#serieladan .hiddenInteraction { background-color:#ff99cc;
							position:absolute; bottom:0; left:14px; width:770px;
							height:130px;
							text-align:center;display:none; padding:80px 0 0 0;}
					.closeThisShit {position:absolute;top:10px; right:10px;
						font-family: "domus-titling-web",sans-serif;
						font-style: normal;
						font-weight: 700;
						text-transform:uppercase;
						cursor:pointer;
						}
					#comic {float:left;margin-left:17px;}

					#comicDate {float:left; height:47px;}
						#comicDate p {
									padding:17px 24px;
									font-family: "domus-titling-web",sans-serif;
									font-style: normal;
									font-weight: 300;
									text-transform:uppercase;
									font-size:12px;
									}

					#comicComments {float:right; height:47px;}
						#comicComments #social, #comicComments #comicCommentsHold {
									padding:17px 20px;
									font-family: "domus-titling-web",sans-serif;
									font-style: normal;
									font-weight: 300;
									text-transform:uppercase;
									font-size:12px;
									float:right;
									}
						#comicComments #social {border-right:1px dashed #cccccc;}
						#comicComments #social a {margin-left:10px; cursor:pointer;}


/* ------------------------------------------------------
	MIDDLE
-----------------------------------------------------  */

#centerHolder {
	width:800px;
	margin:0 auto;
	padding-top:20px;
	}

#leftColumn {width:160px; float:left; margin-right:10px;}
#leftColumn .skyscraper {padding-top:12px;}
.ninjabox {
	margin-top:10px;
	padding: 10px;
	-moz-border-radius: 10px; /* from vector shape */
	-webkit-border-radius: 10px; /* from vector shape */
	border-radius: 10px; /* from vector shape */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff99cb; /* layer fill content */
	-moz-box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	-webkit-box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	border: 2px solid #a959a7; /* inner stroke */
}

.box {
	line-height:130%;
	margin-top:10px;
	padding: 20px 10px;
	-moz-border-radius: 10px; /* from vector shape */
	-webkit-border-radius: 10px; /* from vector shape */
	border-radius: 10px; /* from vector shape */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff99cb; /* layer fill content */
	-moz-box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	-webkit-box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	border: 2px solid #a959a7; /* inner stroke */
}

.boxTwo {
	line-height:130%;
	margin-top:10px;
	padding: 20px 10px;
	-moz-border-radius: 10px; /* from vector shape */
	-webkit-border-radius: 10px; /* from vector shape */
	border-radius: 10px; /* from vector shape */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #c7ddff; /* layer fill content + solid fill */
	-moz-box-shadow: 2px 4px 0 #2a53a6; /* drop shadow */
	-webkit-box-shadow: 2px 4px 0 #2a53a6; /* drop shadow */
	box-shadow: 2px 4px 0 #2a53a6; /* drop shadow */
	border: 2px solid #3365cb; /* inner stroke */
}
.topper {margin-top:0;}
#centerColumn {width:470px; float:left;margin-right:10px;}
#centerColumn .banner-ad {padding-top:4px;}
#centerColumn .rantRuta { margin-top:10px; border: 6px solid #3365cb; background-color:#c7deff; /* inner stroke */}
#centerColumn .rantRuta p {
	padding:10px;
	line-height:130%;
	}
	#centerColumn .rantRuta p a {
		text-decoration:underline;
		}
#centerColumn .rantRuta h2 {
	font-family: "domus-titling-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:21px;
	padding:15px 10px 0 10px;
	}
strong {font-weight:bold;}
#centerColumn .authCom { padding:0 10px 20px 10px;float:right; }

#rightColumn {width:150px; float:left; text-align:center;}

.homegrownbanner {padding-top:20px;}

#footerHolder {
	margin:40px auto 0px auto;
	padding-top:20px;
	background-color:#ff99cc;
	background-image:url('/images/footer-dots.jpg');
	background-position:top left;
	background-repeat: no-repeat;
	}

#footer {
		width:800px;
		padding-bottom:20px;
		margin:0 auto;
		display:block;
		line-height:130%;
	}
	#footer h2 {
		font-family: "domus-titling-web",sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size:14px;
		padding:10px 0 5px 0;
	}

	#footer .middleC a {
		text-decoration:underline;
	}
.middleC {width:470px; float:left;}
.leftC {width:150px; float:left;margin-left:10px;}

#cssmenu{
height:46px;
width:700px;
margin:0 auto;
position:relative; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0 0 0 15px;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:15px 20px;
	font-family: "domus-titling-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:16px;
	text-align:center; text-decoration:none; }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px; border-left:1px dashed #cc7aa3; }
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:0px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:transparent; padding-bottom:15px; padding-top:16px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{ color:#854c69;}
#cssmenu ul li > ul,
#cssmenu ul li > div{
	display:none; width:auto; position:absolute; top:46px; padding:10px 0;
	background:#ffa4d0; z-index:999;
	background-image:url('/images/dropdown-bg.jpg');
	background-position:top middle;
	background-repeat:no-repeat;
	}

#cssmenu ul li > ul{width:180px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px;  color:#000; font-family: "domus-titling-web",sans-serif;
font-style: normal;
font-weight: 700;
font-size:16px;text-decoration:none;  }


#cssmenu { background:transparent; }
#cssmenu > ul > li > ul > li a:hover{ background:#ffafd7;}
#cssmenu{border-color:#000;}
#cssmenu > ul > li > a{border-right:1px dashed #cc7aa3;; color:#000000;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{background:transparent; color:#854c69;}

#blog_subscription-2 {
	line-height:130%;
	margin-top:10px;
	padding: 20px 10px;
	-moz-border-radius: 10px; /* from vector shape */
	-webkit-border-radius: 10px; /* from vector shape */
	border-radius: 10px; /* from vector shape */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff99cb; /* layer fill content */
	-moz-box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	-webkit-box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	box-shadow: 2px 4px 0 #5951c1; /* drop shadow */
	border: 2px solid #a959a7; /* inner stroke */
}

#blog_subscription-2 h2.widgettitle {font-weight:bold;}


#wpstats {width:0px;height:0px;overflow:hidden; float:left;}






#disqus_thread {
	padding: 12px 10px 0;
	margin: 0 auto;
	max-width: 474px;
	background-color:#bada55;
}

@media screen and (min-width: 673px) {
	#disqus_thread {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (min-width: 1040px) {
	#disqus_thread {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (min-width: 1110px) {
	#disqus_thread {
		padding-left: 30px;
		padding-right: 30px;
	}
}