/* @override 
	http://localhost:8081/assets/style.css
	http://www.artgeekzoo.com/assets/style.css
*/

body {	
	background: #295a8d url(/assets/bg_texture.png);
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	color: #333;
}

#floatingbar{
background: #eed595;
overflow: hidden;
width: 100%;
height: 0px;
position: absolute;
bottom: 0px;
left: 0px;
color: #000;
font-family:Arial;
font-weight:bold;
border-style: solid;
}
#floatingcomicnav{
overflow: hidden;
width:980px;
margin-right: auto;
margin-left: auto;	
height: 420px;
font-family:Permanent Marker;
padding:0px;
color: #000;
border-color: #000;
}


#go-menu2{
	font-family: 'Permanent Marker', sans-serif;
	color: #ffffff;
	border-radius: 20px;
	font-size: 12px;
	background-color: #000000;
	border: 8px solid #ffffff;
	list-style-type: none;
	margin-left: 430px;
	margin-top: 95px;
}

.roundedtooltip{
	border-radius: 20px;	
}

#go-menu{
	font-family: 'Permanent Marker', sans-serif;
	color: #ffffff;
	border-radius: 20px;
	font-size: 12px;
	background-color: #000000;
	border: 8px solid #ffffff;
	list-style-type: none;
	min-height:45px;
	min-width:110px;
}


#left ul{
	list-style-type: none;
	float: left;
	clear: none;
	margin-left: -40px;
}
#right ul{
	list-style-type: none;
	float: left;
	clear: none;
	margin-right: 3px;
}
#left {
	float: left;
}
#right {
	float:right;
}
@media screen
  {
  body>div#floatingbar
    {
    position: fixed;
    }
  }



#content {
}

div.entry-content {
	width: 690px;
}

#branding img {
	width: 1000px;
}

#footer {
	clear: both;	
}

div#primary.widget-area {
	width: 260px;
	float: right;
	clear: none;
	left: 5px;
}

/* My Comment */

#site-description {
	height: 0;
}

#main {
}

div.post{
	padding-top: 10px;
	background-color: #eed595;	
	border: 2px solid #212121;
	margin-bottom: 10px;
	float:left;
	clear: none;
	min-width:480px;
	min-height:100px;
	border-radius: 20px;
	border: 8px solid #ffffff;
}

#comments-threaded-discussion  {
	background: url(/assets/bg-panel-alpha-full-light.png);
	width: 440px;
	padding: 10px;
	border: 5px dotted rgba(203,203,203,0.4);
	margin-top: 10px;
}

div.post-additional-content {
	width: 450px;
	padding: 10px;
	margin-top:10px;
}



#post-featured {

	background: #ffd17d url();	
	
	
	padding: 10px;
	width: 993px;
	border: 2px solid #212121;
	float:left;
	
	margin-bottom: 10px;
	float:left;
	clear: none;

	border-radius: 20px;
	border: 8px solid #ffffff;

	
}


#posts-secondary {
	width: 225;
	background: url(../assets/bg-panel-alpha-full-light.png);
	padding: 10px;
	margin: 5px;
	border: 2px solid #212121;
}

#posts-left {
	background-image: url(/assets/bg_alpha_tile3.png);	
	width:225px;
	float: left;
	margin: 10px;
	margin-top: 40px;
	padding:1px;	
}
#posts-left div div {
	text-align: center;
}

#posts-left div div h3 {
	text-align: left;
	margin: 0px;
}

#posts-right {
	background-image: url(/assets/bg_alpha_tile3.png);
	width: 225px;
	float:left;
	margin: 10px;
	margin-top: 40px;
	padding: 1px;
}
#posts-right div div {
	text-align: center;
}

#posts-right div div h3 {
	text-align: left;
	margin: 0px;
}


#posts-center {
	min-width: 450px;
	width: 490px;
	float:left;
	margin: 10px;
}

#topmenu {
	float:left;
	height:350px;
	font-family: 'Permanent Marker', sans-serif;	
	margin-right: auto;
	margin-left: auto;	
	padding-left: 10px;
}

div.post-title {
	font: bold 2em 'Permanent Marker', sans-serif;
	text-decoration: none;
	color: #000;
}
div.post-title a{
	text-decoration: none;
	color: #333;
}
a {	
	color: #333;
}

#mainmenu {
	width: 100%;
}

#topmenu ul{
	text-decoration: none;
	list-style-type: none;
	text-transform: uppercase;
}

#topmenu li{
	float:left;
	padding-right: 20px;
	margin-top: 1px;
	margin-bottom: 10px;
}
#topmenu a{
	color: black;
	font-weight: bold;
	text-decoration: none;
}
#topmenu a:hover {
	color: #eed595;
}



h3 {
	font-family: 'Permanent Marker', sans-serif;
	
}

div#episode-menu.jqmWindow.jqmID1 {
	font-family: 'Permanent Marker', sans-serif;
	color: #ffffff;
	border-radius: 20px;
	font-size: 12px;
	background-color: #000000;
	border: 8px solid #ffffff;
	margin-left: -85px;
	width:985px;
	position:absolute;
	top: 100px;	
	left: 105px;
}


.nav-relative-first{
	border-width: 0;
	border-style: none;
}
.nav-relative-previous{
	border-width: 0;
	border-style: none;
}
.nav-relative-next{
	border-width: 0;
	border-style: none;
}
.nav-relative-latest{
	border-width: 0;
	border-style: none;
}

#nav-relative-first img {
padding-top:10px;	
}
#nav-relative-previous img {
padding-top:10px;	
}
#nav-relative-next img {
padding-top:10px;	
}
#nav-relative-latest img {
padding-top:10px;	
}



#nav_featured{
	padding: 0px;
	width:300px;
	margin-left: auto;
	margin-right: auto;
}
#nav_featured ul{
	text-decoration: none;
	list-style-type: none;
}
#nav_featured li{
	float:left;
	padding-right: 2px;
	margin-top: 1px;
	margin-bottom: 5px;
	padding-left: 2px;
}

ul.jumpnav {
	float: left;
	clear: none;
	padding: 1px;
}
ul.jumpnav li {
	float: none;
	clear: left;
}
ul.jumpnav-random {
	float: left;
	clear: none;
	padding: 0px;
}
ul.jumpnav-random li {
	float: none;
	clear: left;
	padding: 0;
	margin: 0;
	width: 5em;
	height: 6px;
}




#posts-section {
	float:left;
	min-height: 1000px;	
}

ul.paging {
	background-image: url(/assets/bg_alpha_tile3.png);
	padding:10px;
	text-decoration: none;
	list-style-type: none;
	clear: both;
	float: left;
	width:450px;
	margin:6px;
	font: italic bold 1.5em "Permanent Marker";
	text-align: center;
	border-radius: 10px;
	border-style: solid;
	border-color: white;
}
li.paging{
	text-decoration: none;
	list-style-type: none;
}

div.post-body-detail {
	margin-bottom: 10px;
}
div.post-header {
	font-weight: bold;
	font-family: 'Permanent Marker', sans-serif;	
}

h4 {
	font-family: 'Permanent Marker', sans-serif;	
}

h2 {
	font-family: 'Permanent Marker', sans-serif;	
}

div.post-footer {
	font-family: 'Permanent Marker', sans-serif;	
}
div.post-header span.post-date {
}
div.post-header span.post-title {
}
.post-comic {
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 1004px;
	height:800px;
}
.post-comic img {
	margin-left: auto;
	margin-right: auto;	
	min-width: 650px;
	max-width: 980px;
}

.bloglist {
	background: url(/assets/bg-panel-alpha-full.png) repeat;
}


#footerbar ul{
	text-decoration: none;	
	list-style-type: none;
	padding-left: 10px;
	float:left;
}

#footerbar{
	float:left;
	width: 1010px;
	min-height: 500px; 
	margin-top: 10px;
	float:left;
	padding: 10px;
}


#login{
	width: 200px;
	background-image: url(/assets/bg_alpha_tile3.png);
	padding:10px;
	text-decoration: none;
	list-style-type: none;
	clear: both;
	float: left;
	margin:6px;
	font: italic bold 1.5em "Permanent Marker";
	border-radius: 10px;
	border-style: solid;
	border-color: white;	
}

#login li {
	padding:2px;
	margin: 2px;
	float:left;
	width: 220px;
}

#widget-monitoring{
	width: 200px;
	float:left;
	padding: 5px;
}

#recent-microblog {
	background-color: #eed595;
	padding:5px;
	margin: 5px;
	float:left;
	width: 240px;
	border-radius: 20px;
	border: 8px solid #ffffff;	
}
#recent-microblog h3 {
	width: 250px;	
}
#recent-microblog ul {
	width: 250px;
}
#recent-microblog li {
	padding:2px;
	margin: 2px;
	float:left;
	width: 220px;
	overflow:hidden;
}

#more-social {
	background-color: #eed595;
	padding:5px;
	margin: 5px;
	float:left;
	width: 200px;
	border-radius: 20px;
	border: 8px solid #ffffff;	
}
#more-social li {
	background-color: #eed595;
	overflow:hidden;
	padding:2px;
	margin: 2px;
	float:left;
}

#recent-blog {	
	background-color: #eed595;
	padding:5px;
	margin: 5px;
	float:left;
	width: 210px;

	border-radius: 20px;
	border: 8px solid #ffffff;
	
}
#recent-blog li {
	padding:2px;
	margin: 2px;
	float:left;
	width: 200px;	
}

#recent-podcast {
	background-color: #eed595;	
	padding:5px;
	margin: 5px;
	float:left;
	width: 210px;

	border-radius: 20px;
	border: 8px solid #ffffff;
}

#recent-podcast ul li {
	padding:2px;
	margin: 2px;
	float:left;
	width: 200px;	
}
#recent-podcast ul {
	text-decoration: none;	
	list-style-type: none;
	padding-left: 0px;
	
}

#paging {
	float:left;
	padding: 10px;
	background: url(/assets/bg-panel-alpha-full-light.png);	
}

#blogroll a{
	padding: 5px;
}

#comments {
	width: 450px;
}

.author_comment{
	background: #8cbd43;
}

.comment{
	background: #de634a;
	padding: 10px;
}

.comment1{
	background: #a7ce6d;
	padding: 10px;
}
.cloud {text-decoration:none;padding:0 1px 0 1px; line-height:150%;text-align:justify;}
.cloud a{
	padding: 5px;
}

/* Start Tag Cloud CSS */

a.tag1 { font-size: 0.9em; font-weight: 100; }
a.tag2, a.tag3 { font-size: 1.0em; }
a.tag4 ,a.tag5, a.tag6 { font-size: 1.0em; }
a.tag7, a.tag8, a.tag9  { font-size: 1.1em; }
a.tag10, a.tag11, a.tag12 { font-size: 1.2em; }
a.tag13, a.tag14, a.tag15 { font-size: 1.3em; }
a.tag16, a.tag17, a.tag18 { font-size: 1.4em; }
a.tag19, a.tag20, a.tag21 { font-size: 1.5em; }
a.tag22, a.tag23, a.tag24 { font-size: 1.6em; }
a.tag25, a.tag26, a.tag27 { font-size: 1.7em; }
a.tag28, a.tag29, a.tag30 { font-size: 1.8em; }
/* End Tag Cloud CSS */


#bg-elements{
	position: absolute; z-index: -1; width: 1004px;
	opacity: 0.45;
}

#logo {
	max-width:50px;
	max-height:50px;
	margin-top: -10px;
}

#page-header{
	margin: 5px; 
	width: 1004px;
	visibility: visible;
	z-index: -1;
	opacity: 0.1;
}

#page-full{
	border-radius: 20px;	
	width:1030px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	display: list-item;
	list-style-type: none;
	padding:0px;
	overflow: visible;
	clear:both;
	color: #222222;
}

.post-article {
margin-top:40px;	
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

html, body {	
	padding: 0;
	margin: 0;
}

.layout {
	height: 100%;
}

.center, .east, .west, .north, .south {
    display: inline-block;
	overflow:visible;
}
.center {		
	height: 100%;
	clear: both;
}

.west, .east {
	width: 8%;
}

.north, .south {
	height: 10%;
}

#ad_top {
	margin:10px; position:relative; float:right;
	display: none;
}

#recent-books ul {
	text-decoration: none;	
	list-style-type: none;
	padding-left: 0px;
	
}

#recent-comics ul {
	text-decoration: none;	
	list-style-type: none;
	padding-left: 0px;
	
}

#recent-microblog ul{
	text-decoration: none;	
	list-style-type: none;
	padding-left: 3px;
}

#recent-microblog ul li {
	background-color: #eed595;
}

#recent-blog ul{
	text-decoration: none;	
	list-style-type: none;
	padding-left: 3px;
}

#recent-blog ul li {
	background-color: #eed595;
	padding:2px;
	margin: 1px;
}

#recent-comics ul li {
	background-color: #ffd17d;
	padding: 2px;
	margin: 1px 1px 1px 30px;
}

#recent-comics {
	padding-top: 5px;
	width: 200px;
}

#recent-books h3 {
	margin: 10px;	
	float: left;
}

#recent-books {
	padding-top: 5px;
	float: left;
	clear: both;
}

#recent-books ul li {
	background-color: #eed595;
	
	padding: 0px;
	float: left;
	height: 135px;
	width: 100px;
	text-align:center;
	margin: 5px;

	border-radius: 20px;
	border: 8px solid #ffffff;
}

#social {
	width: 200px;
	float: left;
	padding:0px;
	margin: 0px;
}
#social ul li{
	padding:2px;
	margin: 1px;
	list-style-type: none;
	text-align: left;
}

#recent-comments {
	padding:5px;
	margin: 5px;
	float:left;
	width: 220px;
}
#more-social li {

	padding:2px;
	margin: 2px;
	float:left;
	width: 180px;
}

#recent-comments ul li{
	padding:2px;
	margin: 1px;
	list-style-type: none;
	text-align: left;
	background-color: #eed595;
}

#powered-by{
	width: 100%;
	float: left;
	color: #fff;
}

#site-banner {
	/*
	float: right;
	clear: none;
	height:20px;
	padding-right:10px;
	*/	
}

#comic-banner {
	border-radius: 20px;	
	width:900px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}


#powered-by h3 {
	margin: 10px;	
	float: left;
}
#powered-by ul li{
	padding:5px;
	margin: 5px;	
	float: left;
}

#powered-by a{
	color: #fff;
}

#recent-books ul li ul li ul li ul li {
	padding: 3px;
	background-color: #8fa1e5;
}

#post-text div.post-additional-content div.post-body-detail p img {
width: 440px;	
}

#social ul {
	float: left;
}
#social ul li {
	float: left;
	width:70px;
	text-align:center;
	padding:2px;
}
#social img {
	width:70px;
}

#support-agz ul {
	float: left;
	list-style-type: none;
}
#support-agz ul li {
	float: left;
	width:70px;
	text-align:center;
	padding:2px;
}
#support-agz img {
	width:70px;
}




.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0px;
	right: 5px;
	width: 10px;
	height: 100%;
	background: #ffd17d;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #ffd17d;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ffe2ae;
	position: relative;
}


.jspDrag
{
	background: #fff;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#footerbar-title {
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#edit-blogpost {
	width:1000px;
	margin: 10px;
	margin-top: -320px;
	background-image: url(/assets/bg_alpha_tile3.png);
	padding:10px;
	clear: both;
	float: left;
	border-radius: 10px;
	border-style: solid;
	border-color: white;
}

#comic-menu-sketchbook {
	width:950px;
	margin: 10px;
	margin-left: 20px;
	margin-top: -10px;
	background-image: url(/assets/bg_alpha_tile3.png);
	padding:10px;
	border-radius: 10px;
	border: 8px solid #333;
}

#previewForm h2 {
	margin: 10px;
	margin-left: 0px;
}