/* CALICO STYLEZ */

body{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    
	background:#fff;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	letter-spacing:1px;
}

.wrap{
	width:1000px;
	margin:25px 0 0px 25px;
	float:left;
}

/* NAVIGATION */

.navigation{
	width:125px;
	margin:0 35px 0 0;
	float:left;
	
	
}

.navigation ul{
	width:125px;
	margin:0;
	padding:0;
	
	list-style-type:none;
	text-align:center;
	
}

.navigation ul li{
	width:125px;
	height:15px;
		
	margin:0 0 4px 0;
	padding:0;
	list-style-type:none;
	
}

.navigation ul li.top{
	height:63px;
	margin:0 0 12px 0;
	
}

.navigation ul li.bottom{
	height:65px;
	margin:7px 0 0 0;
	padding:3px 0 0 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	float:left;
}

.navigation ul li a{padding:1px 0 0 0; margin:0 0 4px 0; min-height:15px;}

.navigation ul li a:link{border:none; text-decoration:none; color:#333; margin-bottom:3px;}
.navigation ul li a:active{border:none; text-decoration:none; color:#333; margin-bottom:3px;}
.navigation ul li a:visited{border:none; text-decoration:none; color:#333; margin-bottom:3px;}
.navigation ul li a:hover{border:none; text-decoration:none; color:#999; margin-bottom:3px;}

body.comics .wrap .navigation ul li a.nav_comics{float:left; width:125px; height:15px; color:#fff; background:#faaf3a;}
body.ill .wrap .navigation ul li a.nav_ill{float:left; width:125px; height:15px; color:#fff; background:#faaf3a;}
body.paint .wrap .navigation ul li a.nav_paint{float:left; width:125px; height:15px; color:#fff; background:#faaf3a;}
body.shop .wrap .navigation ul li a.nav_shop{float:left; width:125px; height:15px; color:#fff; background:#faaf3a;}
body.about .wrap .navigation ul li a.nav_about{float:left; width:125px; height:15px; color:#fff; background:#faaf3a;}

/* CONTENT */

/*
.content_wrap{
	width:760px;
	
	margin:63px 0 0 0;
	padding:0;
	float:left;
	border-top:1px solid #e1e1e1;
	
	
	background:#;
}
*/

.content_wrap{
	width:760px;
	
	margin:48px 0 0 0;
	padding:0;
	float:left;
	
	
	
	background:#;
}

.content{
	width:760px;
	padding:15px 0 15px 0;
	float:left;
	background:#;
}

.footer{
	width:760px;
	border-top:1px solid #e1e1e1;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	float:left;
	
	font-size:0.9em;
	color:#999;
}

/* STORE PAGE */


ul.store{
	width:160px;
	margin:0 25px 15px 0;
	padding:0;
	float:left;
	
	list-style-type:none;
}

ul.store li{
	width:160px;
	min-height:45px;
	_height:auto;
	height:45px;
	
	margin:0 0 15px 0;
	padding:0;
	float:left;
	display:block;
	
}

/* COMICS PAGE */

ul.comics{
	width:760px;
	float:left;
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.comics li{
	width:243px;
	min-height:345px;
	float:left;
	display:inline;
	margin:0 15px 25px 0;
	padding:0;
}

ul.comics li img{
	width:234px;
	height:321px;
	float:left;

	margin:0;
	padding:0;
}

ul.comics li span{
	width:;
	height:14px;
	background:url('../img/tab_shadow.png') #777;
	margin:0 5px 0 9px;
	padding:3px 5px 3px 5px;
	color:#fff;
	
	float:left;
	
	
}

ul.comics li a{max-width:321px; float:left; font-weight:bold; border:none; text-decoration:none; height:14px; margin:0 5px 0 0; padding:3px 5px 3px 5px; background:url('../img/tab_shadow.png') #faaf3a; color:#fff;}

ul.comics li a:link{}
ul.comics li a:active{}
ul.comics li a:visited{}
ul.comics li a:hover{max-width:234px; background:url('../img/tab_shadow.png') #bbb; color:#fff;}

ul.comics li a.none{height:321px; text-decoration:none; background:transparent; border:none; outline:none; margin:0; padding:0;}
ul.comics li a.none:hover{height:321px; text-decoration:none; background:transparent; border:none; outline:none; margin:0; padding:0;}

.full_comic img{
	margin:0 0 20px 0;
}

/* COMICS POOP OVER */

#box, #hunter{
	position: absolute;
	top:110px;
	left:33px;
	
	
	color:#fff;
	display:none;
}


#form{
	background: url('box.png') no-repeat #222;
	width:911px;
	height: 700px;
	margin: 0 auto;
}

/* COMICS SINGLE PAGE */

h1 span a:link{border-bottom:1px solid #ccc; text-decoration:none; color:#555;}
h1 span a:visited{border-bottom:1px solid #ccc; text-decoration:none; color:#555;}
h1 span a:active{border-bottom:1px solid #ccc; text-decoration:none; color:#555;}
h1 span a:hover{border-bottom:1px solid #faaf3a; text-decoration:none; color:#faaf3a;}


/* ABOUT PAGE */

ul.about{
	width:760px;
	float:left;
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.about li{
	width:243px;
	min-height:345px;
	float:left;
	display:inline;
	margin:0 15px 25px 0;
	padding:0;
}




/* GALLERY CAROUSEL */

.jcarousel-container{
	width:760px;
}

.carousel_control_wrap{
	margin:0 0 0 150px;
	display:inline;
	
}

.carousel_control_wrap_p{
	margin:0 0 0 250px;
	display:inline;
}

.jcarousel-prev{
	float:left;
	display:inline;
}

.jcarousel-next{
	float:left;
	display:inline;
}

.jcarousel-prev a {
   	text-decoration:none;
    padding:5px 10px 5px 10px;
    margin:0 5px 5px 0;
    border-bottom:none;
    color:#555;
    background-color: #ddd;
    font-weight: bold;
}

.jcarousel-next a {
   	text-decoration:none;
    padding:5px 10px 5px 10px;
    margin:0 0 5px 5px;
    border:none;
    color:#555;
    background-color: #ddd;
    font-weight: bold;
}

.jcarousel-control {
    margin:10px auto 10px auto;
    text-align:center;
    
}

.jcarousel-control a {
   	text-decoration:none;
    padding:5px 10px 5px 10px;
    margin:0 0 5px 0;
    border:none;
    color:#555;
    background-color: #ddd;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
    background:#999;
    color:#fff;
}

.jcarousel-control a:hover{
	background:#bbb;
	
}

.jcarousel-scroll {
	margin:10px 0 0 150px;
	text-align: center;
   
}

.jcarousel-scroll_p {
	margin:10px 0 0 250px;
	text-align: center;
   
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    text-decoration: none;
    
}

ul.gallery{
	width:760px;
	height:444px;
	list-style-type:none;
	margin:0;
	padding:0;

}

ul.gallery li{
	width:760px;
	height:444px;
	margin:0 0 20px 0;
	padding:0;
	
}

.imagesliderExt{
	width:760px;
	height:444px;

}

ul.gallery_comic{
	width:760px;
	height:513px;
	list-style-type:none;
	margin:0;
	padding:0;

}

ul.gallery_comic li{
	width:760px;
	height:513px;
	margin:0 0 20px 0;
	padding:0;
	
}

.imagesliderExt_comic{
	width:760px;
	height:513px;
	margin:0 0 25px 0;

}

/* IMG */

img{
	border:none;
}

img a{
	outline:none;
}

/* TEXT */

h1{
	font-size:1.5em;
	font-style:italic;
	color:#aaa;
	margin:0 0 10px 0;;
	padding:0
}

.h1_underline{
	padding:0 0 10px 0;
	border-bottom:1px solid #eee;
}

h2{
	font-size:1.5em;
	color:#666;
	margin:0 0 25px 0;
	
	
}

h3{
	font-size:1em;
	font-style:bold;
	
	margin:0 0 15px 0;
	text-transform:;
}

p{
	margin:0 0 15px 0;
	padding:0;
	line-height:1.5em;
}

/* LINKS */

a{
	outline:none;
}



h2 a:link{border:1px solid #faaf3a; text-decoration:none; padding:0 2px 0 2px; color:#fff; background:#faaf3a;}
h2 a:active{border:1px solid #faaf3a; text-decoration:none; padding:0 2px 0 2px; color:#fff; background:#faaf3a;}
h2 a:visited{border:1px solid #faaf3a; text-decoration:none; padding:0 2px 0 2px; color:#fff; background:#faaf3a;}
h2 a:hover{border:1px solid #bbb; text-decoration:none; padding:0 2px 0 2px; color:#fff; background:#bbb;}


ul.store li a{line-height:2em; font-weight:600;}

ul.store li a:link{border:1px solid #bbb; text-decoration:none; margin:0 0 10px 0; padding:0 2px 0 2px; color:#fff; background:#bbb;}
ul.store li a:active{border:1px solid #bbb; text-decoration:none; margin:0 0 10px 0; padding:0 2px 0 2px; color:#fff; background:#bbb;}
ul.store li a:visited{border:1px solid #bbb; text-decoration:none; margin:0 0 10px 0; padding:0 2px 0 2px; color:#fff; background:#bbb;}
ul.store li a:hover{border:1px solid #faaf3a; text-decoration:none; margin:0 0 5px 0; padding:0 2px 0 2px; color:#fff; background:#faaf3a;}

p a:link{border-bottom:1px solid #ccc; text-decoration:none; color:#555;}
p a:visited{border-bottom:1px solid #ccc; text-decoration:none; color:#555;}
p a:active{border-bottom:1px solid #ccc; text-decoration:none; color:#555;}
p a:hover{border-bottom:1px solid #faaf3a; text-decoration:none; color:#faaf3a;}

.footer a:link{border-bottom:1px solid #ccc; text-decoration:none; color:#999;}
.footer a:visited{border-bottom:1px solid #ccc; text-decoration:none; color:#999;}
.footer a:active{border-bottom:1px solid #ccc; text-decoration:none; color:#999;}
.footer a:hover{border-bottom:1px solid #faaf3a; text-decoration:none; color:#faaf3a;}

/* BLOG */

.content-blog img, .entry-content img{
	max-width:500px;
	display:block;
	margin:0 auto 15px auto;
	padding:0;
}

.content-blog object, .entry-content object{
	width:500px;
	display:block;
	margin:0 auto 15px auto;
	padding:0;
}

.content-blog embed, .entry-content embed{
	width:500px;
	display:block;
	margin:0 auto 15px auto;
	padding:0;
}

.content-blog blockquote, .entry-content blockquote{
	width:440px;
	padding:15px;
	margin:0 15px 15px 15px;
	background:#eee;
}

.content-blog blockquote p, .entry-content blockquote p{
	margin:0;
}

.content-blog ul, .entry-content ul{
	margin:0 0 15px 0;
	padding:0 0 0 30px;
	list-style-type:disc;
	font-weight:bold;
	color:#555;
}

.content-blog ul li, .entry-content ul li{
	margin:0 0 10px 0;
	padding:0;
}

.content-blog ol, .entry-content ol{
	margin:0 0 15px 0;
	padding:0 0 0 30px;
	list-style-type:upper-roman;
	font-weight:bold;
	color:#555;
}

.content-blog ol li, .entry-content ol li{
	margin:0 0 10px 0;
	padding:0;
}

.content-blog{
	width:500px;
	padding:0 0 15px 0;
	float:left;
	background:#;
}

.entry-content{
	clear:both;
	width:500px;
	
}

.entry-summary{
	clear:both;
	width:500px;
	margin:0 0 15px 0;
	padding:0;
}

.post{
	width:500px;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	float:left;
	border-bottom:1px solid #eee;
}

h1.page-title{
	width:500px;
	float:left;
	border-bottom:1px solid #ddd;
	padding:0 0 5px 0;
	margin:0 0 25px 0;
}

/*
.post h2{
	line-height:1.4em;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	float:left;
	
	box-shadow: 0 3px 5px #BFBFBF;
	-moz-box-shadow: 0 3px 5px #BFBFBF;
	-webkit-box-shadow: 0 3px 5px #BFBFBF;
}
*/

.post h2, .entry-summary h2{
	font-size:1.5em;
	
	padding:;
	margin:0 0 15px 0;
	color:#fff;
	background:#faaf3a;
	float:left;
	
	box-shadow: 0 3px 4px #BFBFBF;
	-moz-box-shadow: 0 3px 4px #BFBFBF;
	-webkit-box-shadow: 0 3px 4px #BFBFBF;
}



.post h3{
	font-size:1em;
	font-style:;
	margin:0 0 5px 0;
	padding:0;
	text-transform:;
}

h4{
	font-size:1.5em;
	
	padding:2px 3px;
	margin:0 0 15px 0;
	color:#fff;
	background:#faaf3a;
	float:left;
	
	box-shadow: 0 3px 4px #BFBFBF;
	-moz-box-shadow: 0 3px 4px #BFBFBF;
	-webkit-box-shadow: 0 3px 4px #BFBFBF;
}

.sidebar-wrap{
	width:230px;
	float:right;
	
}

#primary{
	width:200px;
	padding:15px;
	float:right;
	display:block;
	
}

.sidebar{
	background:#eee;
	background-image:url('http://www.calicocomics.com/static/img/bg-paper.jpg');
	box-shadow: 0 3px 5px #BFBFBF;
	-moz-box-shadow: 0 3px 5px #BFBFBF;
	-webkit-box-shadow: 0 3px 5px #BFBFBF;
	
	border:1px solid #eee;
	margin:0 0 15px 0;
	float:right;
}

.twitter-sidebar{
	width:200px;
	background-image:url('http://www.calicocomics.com/static/img/bg-paper.jpg');
	
	float:right;
	margin:0 0 15px 0;
	padding:15px;
	
	box-shadow: 0 3px 5px #BFBFBF;
	-moz-box-shadow: 0 3px 5px #BFBFBF;
	-webkit-box-shadow: 0 3px 5px #BFBFBF;
	
	border:1px solid #eee;
	overflow:hidden;
}

.social-sidebar{
	width:200px;
	min-height:200px;
	background-image:url('http://www.calicocomics.com/static/img/bg-paper.jpg');
	
	float:right;
	margin:0 0 15px 0;
	padding:15px;
	
	box-shadow: 0 3px 5px #BFBFBF;
	-moz-box-shadow: 0 3px 5px #BFBFBF;
	-webkit-box-shadow: 0 3px 5px #BFBFBF;
	
	border:1px solid #eee;
}

#searchform input#s{
	width:135px;
	border:1px solid #fff;
	background:#eee;
	margin:0 10px 0 0;
	padding:5px;
	float:left;
	display:inline;
}

#searchform #searchsubmit{
	background:#faaf3a;
	color:#fff;
	width:30px;
	border:1px dotted #faaf3a;
	cursor:pointer;
	float:right;
	display:inline;
}

#searchform #searchsubmit:hover{
	background:#fff;
	color:#333;
	width:30px;
	border:1px dotted #faaf3a;
	float:right;
	display:inline;
}

ul.xoxo{
	margin:0;
	padding:0;
	list-style:none;
}

ul.xoxo li{
	margin:0 10px 5px 0;
	padding:0;
	float:left;
	display:inline;
}

h3#comments-title,
h3#reply-title {
	color:#fff;
	background:#bbb;
	font-size: 1.5em;
	font-style:italic;
	margin-bottom: 15px;
	padding:2px 4px 2px 4px;
	
	box-shadow: 0 3px 4px #BFBFBF;
	-moz-box-shadow: 0 3px 4px #BFBFBF;
	-webkit-box-shadow: 0 3px 4px #BFBFBF;
}
h3#comments-title {
	
}

#comments{
	width:500px;
}

.commentlist{
	width:500px;
	margin:0;
	padding:0;
	list-style-type:none;
}

.commentlist li.comment{
	background:#eee;
	padding:15px;
	margin:0 0 15px 0;
	
	position: relative;
}

.comment-body{
	margin-top:10px;
}

.grey-time{
	color:#777;
	margin:0 10px 0 10px;
	
}
.cat-tags{
	color:#999;
	margin:0 10px 0 0;
}

 .share{
 	float:left;
 	display:block;
 	margin:0 10px 0 0;
 	color:#999;
 }

.cat-tags a:link{border-bottom:none; text-decoration:none; color:#999;}
.cat-tags a:visited{border-bottom:none; text-decoration:none; color:#999;}
.cat-tags a:active{border-bottom:none; text-decoration:none; color:#999;}
.cat-tags a:hover{border-bottom:none; text-decoration:none; color:#666;}

.share a:link{border-bottom:none; text-decoration:none; color:#999;}
.share a:visited{border-bottom:none; text-decoration:none; color:#999;}
.share a:active{border-bottom:none; text-decoration:none; color:#999;}
.share a:hover{border-bottom:none; text-decoration:none; color:#666;}

.comments-link a:link{border-bottom:none; text-decoration:none; color:#666;}
.comments-link a:visited{border-bottom:none; text-decoration:none; color:#666;}
.comments-link a:active{border-bottom:none; text-decoration:none; color:#666;}
.comments-link a:hover{border-bottom:none; text-decoration:none; color:#999;}


textarea{
	resize:none;
}

.form-submit #submit{
	color:#fff;
	font-style:italic;
	background:#faaf3a;
	border:1px dotted #faaf3a;
	padding:2px 3px;
	cursor:pointer;
}

.form-submit #submit:hover{
	color:#faaf3a;
	font-style:italic;
	background:#fff;
	border:1px dotted #faaf3a;
	padding:2px 3px;
	cursor:pointer;
}

.navigation{
	clear:both;
}

.navigation ol.wp-paginate{
	padding-left:0;
}

/* TWIITER SIDEBAR */

.tweet{
	width:200px;
	float:right;
}

ul.tweet_list{
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
	
}

ul.tweet_list li{
	width:200px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #bbb;
}

.tweet_text{
	display:block;
	clear:both;
	color:#333;
	
}

.tweet_time{
	display:block;
	clear:both;
}

.tweet_text a{font-style:bold;}

.tweet_text a:link{text-decoration:none; border-bottom:1px solid #333; color:#333;}
.tweet_text a:visited{ text-decoration:none;border-bottom:1px solid #333; color:#333;}
.tweet_text a:active{ text-decoration:none;border-bottom:1px solid #333; color:#333;}
.tweet_text a:hover{ text-decoration:none;border-bottom:1px solid #bbb; color:#fff; background:#bbb;}

/*
.tweet_time a:link{ text-decoration:none;border-bottom:1px solid #faaf3a; color:#faaf3a;}
.tweet_time a:visited{ text-decoration:none;border-bottom:1px solid #faaf3a; color:#faaf3a;}
.tweet_time a:active{text-decoration:none;border-bottom:1px solid #faaf3a; color:#faaf3a;}
.tweet_time a:hover{text-decoration:none; border-bottom:1px solid #faaf3a; color:#fff; background:#faaf3a;}
*/

.tweet_time a{font-size:0.9em; border:none;}

.tweet_time a:link{ text-decoration:none; border:none; color:#777;}
.tweet_time a:visited{ text-decoration:none; border:none; color:#777;}
.tweet_time a:active{text-decoration:none; border:none; color:#777;}
.tweet_time a:hover{text-decoration:none; border:none; color:#faaf3a;}

a.nn-twit:link{text-decoration:none; border:none; color:#333;}
a.nn-twit:visited{text-decoration:none; border:none; color:#333;}
a.nn-twit:active{text-decoration:none; border:none; color:#333;}
a.nn-twit:hover{text-decoration:none; border:none; color:#faaf3a;}

.clear{clear:both;}