/*  
 
Theme Name: ComicPress/Little-Gamers Eoo Edition
Version: 1.0

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

	Author: Tyler Martin, modified by Aber and Tomas @ eoo.se
	Author URI: 

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

*/

/* COMMENTS */

.comment-wrapper {
	margin: -20px 0 0 0;
	}

.xoxo blogroll li {
	list-style:none;
	}
	
.comment-wrapper h3 
	{
	margin: 0;
	padding: 20px 0 0 0;
	color: #757575;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-weight: normal;
	font-size: 24px;
	clear: both;
	}

.bigballoon 
	{
	color: #ccc;
	font-family: 'Webdings', fantasy;
	font-size: 28px;
	}

.comment-wrapper a 
	{
	color: #757575;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}
		
.comment-wrapper a:hover 
	{
	color: #757575;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-size: 13px;
	font-weight: bold;		
	text-decoration: none;
	}

.comment-wrapper p 
	{
	color: #757575;
	margin: 0px;
	font-size: 13px;
	clear: both;
	}

.avatar {
	margin:0 5px 5px 0;
	float:left;
	}

#comment, #author, #email, #url {
	padding: 2px;
	color: #757575;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-size: 12px;
	border: 1px solid #999;
	/* -moz-border-radius: 6px; */
	/* -khtml-border-radius: 6px; */
	/* -webkit-border-radius: 6px; */
	/* border-radius: 6px; */
	}

#comment:hover, #author:hover, #email:hover, #url:hover 
	{
	background: #eee;
	}

#comment 
	{
	width: 100%;
	}

#author, #email, #url 
	{
	width: 200px;
	}

#submit {
	margin: 0 0 20px 0;
	padding: 0 5px;
	float: right;
	color: #fff;
	background: #888;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-size: 12px;
	border-width: 2px;
	border-style: solid;
	border-color: #555;
	/* -moz-border-radius: 10px; */
	/* -khtml-border-radius: 10px; */
	/* -webkit-border-radius: 10px; */
	/* border-radius: 10px; */
	}

#submit:hover 
	{
	cursor:pointer;
	background: #222;
	}

ol.commentlist {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

.commentlist li 
	{
	padding: 10px 0 10px 0;
	clear: both;
	border-bottom: solid #ccc 1px;
	}



/* ARCHIVE */  

.comicarchiveframe {
	margin: 20px 0 10px 0;
	padding: 5px 10px 5px 10px;
	border-width: 1px;
	border-style: solid ;
	border-color: #ccc #aaa #555 #777;
	}
 
	.comicarchiveframe:hover {
	/*	filter: alpha(opacity=50); */
	/*	-moz-opacity: 0.50; */
	/*	opacity: 0.50; */
		}
 
	.comicarchiveframe h3 {
		margin: 0;
		}
		
	.comicarchiveframe small {
		display: block;
		}
		

/* LG */
body
{
	background-color:#f0f0f0;
	background-image: url(images/body_back.jpg);
	background-repeat: repeat-x;
	color: #333333;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

* {
	margin: 0;
	padding: 0;
}
p {
	margin: 12px 0;
}

#body
{
	text-align: center;
}

/* clear */
.clear 
{
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}

/* header */
#topbar
{
	background-image: url(images/topbar_back.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
}

#header
{
	background-image: url(images/header_back.png);
	background-repeat: repeat-x;
	margin-bottom: 38px;
	padding-top: 29px;
	text-align: center;
	width: 100%;
}

#logo
{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 78px;
	margin: auto;
	width: 306px;
}

/* bottom */

#bottombar
{
	background-image: url(images/bottombar_back.gif);
	background-repeat: repeat-x;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	width: 100%;
}

#bottombar-padding
{
	padding-top: 10px;	
}

#bottombar-padding a
{
	color: #757575;
	text-decoration: none;

}

/* menu */

#menu
{
	height: 61px;
	margin: auto;
	width: 946px;
	/*-webkit-transform:rotate(-0.223deg);*/
}

#menu img
{
	border-style: none;
}

/* comic */

#comic-container
{
	margin: auto;
	text-align: center;
	width: 946px;
}

#comic-container img
{
	border-style: none;
}

#comic-nav-prev
{
	float: left;
	margin-left: 15px;
	margin-top: 117px;
}

#comic-nav-next
{
	float: right;
	margin-right: 15px;
	margin-top: 117px;
}

#comic
{
	margin: auto;
	width: 825px;
}

#comic img
{
	display: block;
}

#comic-middle
{
	background-image: url(images/comic_middle.png);
	background-repeat: repeat-y;
	text-align: center;
	width: 825px;
}

#comic-middle img
{
	margin: auto;
}

#comic-info
{
	color: #999999;
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	font-size: 13px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 95px;
	width: 760px;
	padding:0;
}

#comic-info-left
{
	float: left;
	text-align: left;
	width: 250px;
}


#comic-info-center
{
	font-size: 17px;
	float: left;
	text-align: center;
	width: 265px;
}

#comic-info-right
{
	float: right;
	text-align: right;
	margin-top:-2px;
	width: 245px;
}

#comic-info-right a
{
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#comic-info-right a:hover
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/* content */

#page
{
	margin: auto;
	margin-bottom: 100px;
	text-align: left;
	width: 946px;
	/*-webkit-transform:rotate(0.223deg);*/
	position:relative;
}

#page-center
{
	margin: auto;
	width: 809px;
}

#content
{
	float :left;
	width: 473px;
}

#content-padding
{
	margin-right: 16px;
}

/* sidebars */

#sidebar-left
{
	float: left;
	width: 163px;
}

#sidebar-left .padding
{
	margin-left: 3px;
}

#sidebar-right
{
	float: left;
	width: 173px;
}

#sidebar-right .padding
{
	margin-left: 13px;
	margin-top:3px;
}

.sidebar ul
{
	margin: 0px;
	padding: 0px;
}

.sidebar li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sidebar-box
{
	font-size: 14px;
	width: 154px;
}

.sidebar-box .top
{
	background-image: url(images/sidebar_box_top.png);
	height: 4px;
	width: 154px;
}

.sidebar-box .bottom
{
	background-image: url(images/sidebar_box_bottom.png);
	height: 4px;
	width: 154px;
}

.sidebar-box .pink
{
	background-image: url(images/sidebar_box_greyish1.png);
	color: #757575;
	padding: 10px 17px 10px 17px;
}

.sidebar-box .cyan
{
	background-image: url(images/sidebar_box_white.png);
	color: #757575;
	padding: 10px 17px 10px 17px;
}

.sidebar-box .flickr
{
	background-image: url(images/sidebar_box_white.png);
	color: #757575;
	padding: 10px 17px 10px 17px;
}

.sidebar-box .flickr .li
{
	padding: 0px 0px 10px 0;
}

.sidebar-box .flickr img
{
	background-color:#fff;
	padding: 5px 5px 5px 5px;
	border:1px #ccc solid;
}

.sidebar-box .yellow
{
	background-image: url(images/sidebar_box_greyish1.png);
	color: #757575;
	padding: 10px 17px 10px 17px;
}

.sidebar-widget-title
{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

.sidebar-box .pink a, .sidebar-box .cyan a, .sidebar-box .yellow a
{
	color: #757575;
	font-style: italic;
	text-decoration: none;
}

.sidebar-box .pink a:hover, .sidebar-box .cyan a:hover, .sidebar-box .yellow a:hover
{
	color: #000000;
}

.sidebar-box li
{
	margin-bottom: 5px;
}

/* blog... */
.post
{
	font-family: "Myriad Pro", "Helvetica", "Arial", "Verdana";
	margin-bottom: 32px;
}

.post .postheader
{
	color: #757575;
	float: left;
	line-height:100%;
	font-size: 25px;
	margin-bottom: 10px;
	width: 358px;
}

.post .postheader a
{
	color: #757575;
	text-decoration: none;
}

.post .postheader a:hover
{
	color: #000000;
	text-decoration: none;
}

.post .postdate
{
	background-image: url(images/postdate_back.png);
	float: right;
	height: 29px;
	width: 94px;
	color: #ffffff;
	font-size: 11px;
	line-height: 29px;
	text-align: center;
	margin-left:5px;
}

.post .entry
{
	color: #757575;
	font-size: 14px;
}

.post .entry a
{
	color: #666666;
	text-decoration: underline;
}

.post .entry a:hover
{
	color: #000000;
}

.post .comments
{
	color: #999999;
	font-size: 13px;
	float: right;
}

.post .comments a
{
	color: #999999;
	text-decoration: none;
}

.post .author
{
	color: #999999;
	font-size: 11px;
}

.post .author a
{
	color: #666666;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

.post-divider
{
	background-image: url(images/post_divider.png);
	background-repeat: repeat-x;
	height: 30px;
}

.post-edit-link {
	float:left;
}
/* comic archive */

.comic-archive-year-label
{
	color: #757575;
	font-size: 25px;
}

.comic-archive-year-label a
{
	color: #757575;
	text-decoration: none;
}

.comic-archive-year-label a:hover
{
	color: #000000;
}

.comic-archive-year-container
{
	font-size: 13px;
	margin: 0px 0px 10px 5px;
}

.comic-archive-year-container .date
{
	color: #999999;
}

.comic-archive-year-container a
{
	color: #757575;
	text-decoration: none;
}

.comic-archive-year-container a:hover
{
	color: #000000;
}

/* TWITTER */

.widgettitle
{
	margin-bottom:3px;
}

ul.twitter
{
	padding-bottom:5px;
}

li.twitter-item
{
	padding-top:5px;
	padding-bottom:3px;
	border-top:#cccccc 1px dashed;
}

p.twitter-message
{
	color:#757575;
}

.twitter-timestamp
{
}

a.twitter-link
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.twitter-user
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/* FuckedBanner */

div.fuckedBanner	
{
	position:absolute;
	left:0px;
	top:0px;
	overflow:visible;
	height:98px;
	width:98px;
	background-image:url(images/spBanner_2.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:transparent;
	margin:0;
	padding:0;
	z-index:1000000000;
	border:none;
	float:none;
}

/* FLICKER */

#flickr_badge_source_txt {padding:0; font: 11px "Arial", "Helvetica", "Sans serif"; color:#CCCCCC;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 !important;}
.flickr_badge_image {text-align:left !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 !important; font: 11px "Arial", "Helvetica", "Sans serif" !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#CCCCCC;}
#flickr_badge_wrapper {background-color:#f0f0f0;}
#flickr_badge_source {padding:0 !important; font: 11px "Arial", "Helvetica", "Sans serif" !important; color:#CCCCCC !important;}

/* tagShareSlider */

a:focus {
	outline: none;
}
#panel {
	background: #ade9ec;
	height: 150px;
	display: none;
}

.panelContent {
	width:812px;
	height:140px;
	padding: 9px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}

.slideHolder4 {
	margin: 0;
	padding: 0;
	border-top: solid 3px #d4d4d4;
}

.slideHolder3 {
	margin: 0;
	padding: 0;
	border-top: solid 1px #77abae;
}

.slideHolder2 {
	margin: 0;
	padding: 0;
	border-top: solid 1px #90d0d4;
}

.slideHolder1 {
	margin: 0;
	padding: 0;
	border-top: solid 9px #ade9ec;
}

.slideFade {
	margin: 0;
	padding: 0;
	background-image: url(images/header_back.png);
	background-repeat: repeat-x;
	margin-bottom: 38px;
	text-align: center;
	width: 100%;
	height:120px;
}

.slide {
	margin: 0px 0px 35px 660px;
	padding: 0;
	background: url(images/btn-slideNew.gif) no-repeat center top;
}

.btn-slide {
	text-align: center;
	width: 152px;
	height: 18px;
	padding: 2px 0 0 0;
	margin: 0 auto;
	display: block;
	font: bold 80%/100% Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}

.active {
	background-position: right 12px;
}

.comicTagger {
	text-align: left;
	width:280px;
	height:130px;
	padding: 10px 15px 0 0;
	margin: 0;
	border-right: solid 1px #8ababd;
	color:#969595;
	font: 100%/100% "Myriad Pro", "Helvetica", "Arial", "Verdana";
	text-decoration: none;
	float:left;
}

.shareThis {
	text-align: left;
	width:220px;
	height:130px;
	border-right: solid 1px #8ababd;
	padding: 10px 15px 0 25px;
	margin: 0;
	color:#969595;
	font: 100%/100% "Myriad Pro", "Helvetica", "Arial", "Verdana";
	text-decoration: none;
	float:left;
}

.infoThis {
	text-align: left;
	width:220px;
	height:130px;
	padding: 10px 0 0 25px;
	margin: 0;
	color:#969595;
	font: 100%/100% "Myriad Pro", "Helvetica", "Arial", "Verdana";
	text-decoration: none;
	float:left;
}


/* CODA BUBBLE */

.bubbleInfo {
            position: relative;
            margin: 0;
            padding: 0;
        }
        .trigger {
	        position: relative;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        	margin-left:600px;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
            margin: 0;
            padding: 0;
        }

        .popup td#topleft { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-1.png); }
        .popup td.top { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-2.png); }
        .popup td#topright { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-3.png); }
        .popup td.left { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-4.png); }
        .popup td.right { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-6.png); }
        .popup td.bottom { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://www.little-gamers.com/wp-content/themes/comicpress-3c/images/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
            margin: 0;
            padding: 0;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
            margin: 0;
            padding: 0;
        	}

        table.popup-contents td {
		color: #757575;
		font-size: 14px;
		text-align: left;
            	margin: 0;
            	padding: 0;
        	}

        table.popup-contents td a {
	       	color: #666;
        }

        table.popup-contents td a:hover {
	       	color: #000;
        }
a { color: #757575; 

}



.retweet { float:right; padding-top:4px; padding-left:3px;}
a.retweet { font: 10px Helvetica,Arial; text-decoration: none; border: 0px;}
a.retweet span { color: #FFF; background: #94ce2e; margin: 2px; border: 1px solid #7fb618; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 7px 2px 5px; }
a.retweet:hover span { color: #7fb618; background: #fff; margin: 2px; border: 1px solid #7fb618; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 7px 2px 5px; }





#blog_subscription-2 {background-color:#cfcfcf; padding:10px; width:135px;}
.widgettitle {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}