/*

Theme Name: Comics Comics Mag

Author: Mike Reddy & Raymond Sohn

version: 1.0

*/





/* basics */



*{margin:0; padding:0;}



body					{ color: #222222; font: 13px "Times New Roman", Times, serif; line-height: 1.4em;

						  background: url(images/bg.gif) repeat; }

	

h1 { }

h2 {  }

h3 {  }

h4 { font: 10px Arial, san-serif; font-weight: bold; text-transform: uppercase; }

h5 { font: 10px Arial, san-serif; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 0; }

h6 { font: 13px Times, serif; line-height: 15px; }

h7 { color: #00b5ec; font: 48px arial black; font-style: italic; text-transform: lowercase; }

h8 { font: 13px Arial Black, san-serif; color: #ff0000; text-transform: uppercase; }

h9 { font: 13px Arial Black, san-serif; color: #00b5ec; text-transform: uppercase; }

h10 { font: 13px Arial Black, san-serif; color: #ff9a00; text-transform: uppercase; }

h11 { color: #00b5ec; font: 15px Arial black, san-serif; font-style: italic; text-transform: uppercase; line-height: 30px; }



img{ border: none; padding:0; }

img a{border:none;}



img.left				{ float: left; border: none; padding: 6px 0 0 0; }

img.right				{ float: right; border: none; padding: 0 0 0 6px; }



blockquote{

	border-left:1px solid #A5ABAB;

	margin:15px;

	padding:0 12px 0 12px;

	}



code					{ font-family:"Courier New", Courier, monospace; }





/* links */



a						{ text-decoration: none; text-align: left; }

a img					{ border: 0; }

a:link					{ color: #00b5ec; }

a:visited				{ color: #00b5ec; }

a:hover					{ color: #000; }





/* container */



#container				{ 	background: url(images/fill.png) repeat-y;

							width: 880px; margin: 0 auto; overflow: hidden; }

							

/* header */



#header 				{ background-color: #6ec8b4; height: 125px; }

#headerimg				{ border: none; }

#headerimg2				{ margin: -30px 0 0 230px; }

#header-ad				{ float: right; margin: -120px 6px 0 0; }



#header h1{ }

#header h1 a{ }

#header h1 a:hover{ }



#header h2{ }



/* main menu */





#menu 					{ margin: 0; padding: 0; }

#menu ul				{ height: 23px; width: 719px; margin: -26px 0 0 155px; overflow: hidden; }

#menu ul a				{ margin: 0 30px 10px 0; }





/* content */





#content 				{ float: left; width: 505px; margin: 0; 

						  background: #fff; padding: 0px 20px 20px 20px; 

						  border-left: solid; border-width: 1px; border-color: #6ec8b4;

						  overflow: hidden; }

						  





.post { margin-bottom: 5px; margin-top: 10px; }



.post h2  { color: #00b5ec; font: 30px arial black, san-serif; font-style: italic; line-height: 30px; }

.post h2 a{  }

.post h2 a:hover{ }



.post h3  { float: left; font: 10px Times, serif; background: #ffff00; padding: 2px 2px 0 2px; font-weight: bold; text-transform: uppercase; }

.post h3 a{ color: #000; }

.post h3 a:hover{ color: #00b5ec; }



.post h4  { float: right; font: 10px Arial, san-serif; font-weight: bold; text-transform: uppercase; }

.post h4 a{  }

.post h4 a:hover{  }



.post h5  { color: #000 font: 10px Arial, san-serif; font-weight: bold; text-transform: uppercase; line-height: 0; }

.post h5 a{ color: #fe0590; }

.post h5 a:hover{ color: #000; }



.post h6  { color: #000; font: 10px Arial, san-serif; font-weight: bold; text-transform: uppercase; line-height: 14px; }

.post h6 a{ color: #fe0590; }

.post h6 a:hover{ color: #000; }







/* features */



#features 				{ }

						

.post_f { margin: 10px 0 50px 0; }

	

.post_f h2  { margin-bottom: 10px; color: #00b5ec; font: 30px arial black, san-serif; font-style: italic; text-transform: lowercase; line-height: 30px; }



.post_f h3  { margin-top: 5px; font: 12px Times, serif; font-weight: bold; text-transform: uppercase; }



.post_f h4  { margin-top: 5px; font: 13px Times, serif; text-transform: none; }



.post_f h5  { color: #fe0590; margin-top: 5px; font: 11px Arial, san-serif; font-weight: bold; }



/* About, Features, Store, Art In Time */



#abouttxt 	{ margin: -50px 0 0 0; }
#abouttxt2 	{ margin: 50px 0 0 0; }



#tim		{ margin: 0 0 0 12px; width: 145px;  }

#dan		{ margin: -80px 0 0 180px; width: 145px; }

#frank		{ margin: -95px 0 0 350px; width: 145px; }



#pageimg	{ margin: 0 auto; padding: 0; }

#pageimg_ait	{ text-align: center; margin: 20px 0; padding: 0; }

.aittxt		{ margin: 20px 0; text-align: center; }



.post ul {  }



.post li {  }



.entry p{ margin: 10px 0; padding: 0; }



.postmetadata{ clear: both; margin: 10px 0 5px 0;}



#divider		{ margin-top: 10px; border-bottom: solid; border-width: 3px; border-color: #000; }

#divider_single	{ margin-top: 0px; border-bottom: solid; border-width: 3px; border-color: #000; }



.navigation {

	width:100%;

	float:left;

	margin: 0;

	padding:0;

	overflow:hidden;

	}



.navigation h1  { color: #00b5ec; font: 16px arial black, san-serif; font-style: italic; text-transform: uppercase; }

.navigation h1 a{ }

.navigation h1 a:hover{  }



.alignleft a{float:left; margin:3px 0;}

.alignright a{float:right; margin:3px 5px;}





/* left sidebar */



#left { float: left; background-color: #e8ece7; width: 147px; margin-top: 0; padding:0;

		border: solid; border-color: #fff; border-width: 10px 10px 0 10px; }



#left h2	{  }



#left label{  }



#left p { }



#left img { }



#left ul {  list-style: none; font: 10px Arial;  }



#left ul li 		{  }

#left ul li 	   a{ }

#left ul li 	   a:hover{ }



#left ul ul 		{  }



#left ul ul li 		{ }



#left ul ul ul		{  }



#left ul ul ul li	{  }





/* Slider */





#accordion				{ background: #e8ece7; width: 137px; margin: 0 auto; padding: 0; 

						  border: solid; border-width: 5px; border-color: #e8ece7; }



#left h3       			{ background: #fff; padding: 0; margin: 0 0 5px 0; text-align: center; }	   



.button					{ color: #000; font: 12px Arial, san-serif; text-transform: uppercase; text-align: center; }



#linkscontainer			{ border-bottom: double; border-width: 3px; border-color: #000; }



.links					{ font: 11px Times, serif; list-style: none; margin: 0 auto; padding: 0 5px 5px 10px; }

.links	a				{ color: #009a9a; }

.links	a:hover			{ color: #000; }





/* right sidebar */



#right{ background: url(images/sidebar/editors.png) no-repeat;

		float: right; width: 147px; margin: 0 auto; padding: 10px; }



#right h2{ color: #fff; font: 18px "Times New Roman", Times, serif; text-transform: uppercase; }



#right h3{ color: #ffff00; font: 18px "Times New Roman", Times, serif; text-transform: uppercase; line-height: 20px; }



#right h4{ color: #fe0590; font: 13px "Times New Roman", Times, serif; text-transform: none; line-height: 14px;  }

#right h4 a{ color: #fe0590; }

#right h4 a:hover{ color: #fff; }



#right label{ }



#right p { margin:0; padding:0; }



#right img { padding: 0; margin: 0; }



#right ul { margin:0; padding:0; }



#right ul li { font: 13px "Times New Roman", Times, serif; line-height: 14px; list-style-type: none; }

#right ul li a{ color: #000; }

#right ul li a:hover{ color: #ffff00; }



#right ul ul { margin-bottom: 15px; padding: 0; }



#right ul ul li { list-style-type: none; }



#right ul ul ul{

	margin: 0;

	padding: 0;

}



#right ul ul ul li{ 

	padding: 0 0 0 15px;

	list-style-type: square;

	color: #898989;

}



/* comments */





#commentform{

	background:#fff;

	margin:0;

	padding:0;

	}

	

#commentform p{

	color: #000;

	}

	

#commentform a{color: #000; text-decoration: none; line-height: 14pt;}

	

#commentform h3{

	font-family: Times, serif;

	font-size: 10pt;

	font-weight: 300;

	color: #000;

	margin:0;

	padding:0;

	}

	

#comment{

	width:100%;

	}



#author, #email, #url, #comment, #submit{

	background: #fff;

	font-family: Arial, san-serif;

	font-size: 12px;

	margin:5px 5px 0 0;

	padding:0;

	border: 1px solid #222;

	}

	

#submit{ margin:5px 5px 0 0; background: #00b5ec; color: #fff; text-transform: uppercase;

	 		border: none; padding: 5px; }



#comments{margin-top: 20px; padding:0}

	

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



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



ol.commentlist li {

	background: #fff;

	margin:10px 0;

	padding:5px 0 5px 10px;

	list-style-type:none;

	}



ol.commentlist li.alt {background: #e8ece7;}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}



ol.commentlist a {color:#00B5EC;}
ol.commentlist a:hover{color:#000;}



cite {

	font-family: arial, san-serif;

	font-size: 13px;

	font-weight: bold;

	font-style: normal;

	text-transform: lowercase;

	}

	

cite a{color: #000; text-decoration: none; }





.says {display:none;}

.commentmetadata a { font: 10px Arial, san-serif; }

.comment-edit-link { font: 10px Arial, san-serif; }



/* search */



#searchform{
	float: right;
	width: 155px;
	}



#searchform input#s{

	background-color: #93e1d3;

	color: #fff;

	font: 12px Arial, san-serif;

	text-transform: uppercase;

	margin:0 auto;

	border:none;

	padding:2px;

	}







/* misc */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 5px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}





/* footer */



#footer 	{ background-color: #6ec8b4; padding: 10px; margin: 0 auto; width: 860px; clear: both; }

	

#footer p{color: #000; font: 13px Times, serif; text-align:center;}

#footer a{color: #000;text-decoration: none;}

#footer a:hover{color: #ffff00;text-decoration: none;}



/* store */

/*

h11 a			{ color: #fe0590; }

h11 a:hover		{ color: #00b5ec; }

*/



#store			{ float: left; }



#store h11				{ color: #00b5ec; font: 13px Arial Black, san-serif; text-transform: uppercase; 

						  text-align: center; margin-top: 5px; }

#store h11 a			{ color: #fe0590; }

#store h11 a:hover		{ color: #00b5ec; }



.item1			{ float: left; margin: 15px 20px 0 20px; width: 210px;  }

.item_1			{ margin-left: 25px; }



.item2			{ float: right; margin: 15px 20px 0 20px; width: 210px; }

.item_2			{ margin-left: 25px; }



.item3			{ float: left; margin: 30px 20px 0 20px; width: 210px; }

.item_3			{ margin-left: 25px; }



.item4			{ float: right; margin: 30px 20px 0 20px; width: 210px; }

.item_4			{ margin-left: 25px; }



.item5			{ float: left; margin: 30px 20px 0 20px; width: 210px; }

.item_5			{  }



.item6			{ float: right; margin: 30px 20px 0 20px; width: 210px; }

.item_6			{ margin-left: 25px; }



/* Sociable */



div.sociable { margin-top: 15px; }



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline; 

	margin: 0;

	padding: 0;

}

.sociable ul li {

	color: #000; font: 10px Arial, san-serif; font-weight: bold; text-transform: uppercase; line-height: 0;

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 0;
	
	line-height: 15px;

}



.sociable ul li a{ color: #fe0590; }

.sociable ul li a:hover{ color: #000; }



.sociable ul li:before { content: ""; }

.sociable ul li:after { content: ", "; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

}



.sociable-hovers {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}

.sociable-hovers:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}