/*  
Theme Name: OssoZ Web Comic
Theme URI: http://www.ossoz.com.br/
Description: 
Version: 1.0
Author: Rodrigo Domingues
Author URI: http://www.lordspy.mat.br
*/

/*

Laranja	#BF300F
Amarelo #F28A2E

*/

<!--

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

	body			{background: url(images/bg.jpg); color: #FFF; font: 12px/140% Verdana,sans-serif;}

	a:link,
	a:visited		{color: #CCC; text-decoration: underline;}
	a:hover,
	a:active		{color: #BF300F; text-decoration: underline;}
a img {
border-width:0px;
}

	h1, h2, h3, h4, h5, h6	{margin: 0; padding: 0;}

	hr			{background: #666; color: #666; width: 90%; height: 1px; border: none; text-align: center;}

	blockquote		{border-left: 3px solid #F28A2E; margin: 10px 20px; padding-left: 10px;
				color: #CCC; font-size: 13px; line-height: 120%; font-style: italic;}

	.clear			{clear: both;}

	#page			{ width: 968px; margin: 0 auto;
				/* border: 1px #BF300F solid; border-top: none; border-bottom: none; */}


/* *************** search **************** */

	#searchform		{text-align: center;}

		#searchform input		{color: #555; font-family: Verdana,sans-serif;}

		#searchform #s			{border: #FFF 1px solid; background: #BF300F; color: #FFF;
						font-size: 11px; margin-right: 3px; padding: 2px;}

		#searchform #searchsubmit	{background: #333; color: #FFF; border: none; padding: 3px; font-weight: bold; font-size: 11px;}


/* ************** cabecalho ************** */

	h1#header a		{width: 100%; height: 133px; display: block; margin: 1 auto; 
				background: url(images/header.jpg) no-repeat center #84171c; text-indent: -10000px;}

	#menu			{background: #BF300F; clear: both; margin: 0 0 30px; padding: 0 10px; height: 30px;
				*margin-top: -5px;}

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

		#menu ul li			{display: inline;}

		#menu ul li a			{background: #BF300F; color: #FFF; float: left; padding: 5px 7px; margin: 2px;
						font-weight: bold; text-decoration: none;}

		#menu ul li a:hover		{color: #000;}

	#flags			{width: 90px; float: right; text-align: center;}

		#flags img			{border: none; margin: 10px 5px 0;}


/* ************** Navegação Album *********** */

  #nextcomic {background: url(images/proxima.png) no-repeat center; font: 18px/140% Verdana,sans-serif; 
  width: 180px; height: 89px; color: #871a23; text-align:left; vertical-align:middle; padding-bottom: 20px;
padding-right: 80px;
padding-top: 18px;
  }
  
  #nextcomic a {text-decoration:none}
  
  #nonextcomic {background: url(images/semproxima.png) no-repeat center; font: 18px/140% Verdana,sans-serif; width: 180px; height: 89px; color: #444; padding-bottom: 20px;
padding-right: 80px;
padding-top: 18px;
   text-align:left; vertical-align:middle;}
  #nonextcomic a {text-decoration:none}
   
   
  #previouscomic {background: url(images/anterior.png) no-repeat center; font: 18px/140% Verdana,sans-serif; width: 180px; height: 89px; color: #871a23; padding-bottom: 20px;
padding-left: 80px;
padding-top: 18px;
   text-align:right; vertical-align:middle;}
   
  #previouscomic a {text-decoration:none}

   
  #notpreviouscomic {background: url(images/semanterior.png) no-repeat center; font: 18px/140% Verdana,sans-serif; width: 180px; height: 89px; color:#444; padding-bottom: 20px;
padding-left: 80px;
padding-top: 18px;
   text-align:right; vertical-align:middle;}
   
  #notpreviouscomic a {text-decoration:none}
   
   #currentcomic {width: 100px; padding-left: 45%;}
  #PxgGalleryWrapper a {text-decoration:none}

  .next-comic-link {background: url(images/proxima.png) no-repeat center; font: 18px/140% Verdana,sans-serif; 
  width: 180px; height: 89px; color: #871a23; text-align:left; vertical-align:middle; padding-bottom: 20px;
padding-right: 80px;
padding-top: 18px;margin-left: 140px;
  }
  
  .next-comic-link a {text-decoration:none; color: #871a23;}
  .next-comic-link a:link {text-decoration:none; color: #871a23;}
  .next-comic-link a:visited {text-decoration:none; color: #871a23;}
  
   
   
  .previous-comic-link {background: url(images/anterior.png) no-repeat center; font: 18px/140% Verdana,sans-serif; width: 180px; height: 89px; color: #871a23; padding-bottom: 20px;
padding-left: 80px;
padding-top: 18px;margin-right: 5px;
   text-align:right; vertical-align:middle;}
  .last-comic-link {background: url(images/ultimo.png) no-repeat center; font: 18px/140% Verdana,sans-serif; width: 180px; height: 89px; color: #871a23; padding-bottom: 20px;
padding-right: 80px;
padding-top: 18px;
   text-align:right; vertical-align:middle;}
  .first-comic-link {background: url(images/primeiro.png) no-repeat center; font: 18px/140% Verdana,sans-serif; width: 180px; height: 89px; color: #871a23; padding-bottom: 20px;
padding-left: 80px;
padding-top: 18px;
   text-align:right; vertical-align:middle;}
   
 .previous-comic-link a {text-decoration:none; color: #871a23;}
 .previous-comic-link a:link {text-decoration:none; color: #871a23;}
 .previous-comic-link a:visited {text-decoration:none; color: #871a23;}

  .comic-item img {size:auto; width: 100%; height: 100%;}
   
	#navi_panel {color: #871a23;margin-bottom: 5px;
margin-top: 8px;}
	#navi_panel a {color: #871a23;}
#thecomic {width: 100%; display:compact;}

/* ************** conteudo *************** */

#content	{width: 80%; padding: 0 0px; float: right; background: #fff9e6;
		-moz-border-radius:3ex;
    	-webkit-border-radius:3ex;
		border-width:3px; border-style:solid; border-color:#501418; color: #333;
		}


		#content h1	{font-size: 24px; margin-bottom: 30px; padding: 9px; font-weight: normal; line-height: 120%;
				center bottom no-repeat; vertical-align:middle; text-align:center; color:#501418;}

			#content h1 a:link,
			#content h1 a:visited	{ color:#501418; text-decoration: none;}

			#content h1 a:hover	{ color:#501418; text-decoration: underline;}

		#content h2	{color: #501418; font-size: 18px; font-weight: normal; margin: 20px 0 10px;}

			#content h2 a:link,
			#content h2 a:visited	{ color:#501418; text-decoration: none;}

			#content h2 a:hover	{ color:#501418; text-decoration: underline;}

			#content h2.notfound	{text-align: center; height: 300px;}

		#content h3	{color: #501418; font-size: 15px; font-weight: normal; margin: 30px 0;}
			#content h3 a:link,
			#content h3 a:visited	{ color:#501418; text-decoration: underline;}

		#content h4	{color: #501418; font-size: 12px; margin-bottom: 30px;}

		#content h5	{font-size: 13px;}

		#content h6	{font-size: 12px;}


		#content ul	{margin: 10px 20px; padding: 0; list-style: square inside;}

		#content ul li	{margin-bottom: 2px;}


	 	.page	{border-bottom: 3px #dc9c65 solid; }

	 	#atualizacao	{border-bottom: 3px #ba7aFF solid; margin-bottom: 30px;}

		#atualizacao h2	{color: #501418; font-size: 18px; font-weight: normal; margin: 20px 0 10px;}

			#atualizacao h2 a:link,
			#atualizacao h2 a:visited	{ color:#501418; text-decoration: none;}

			#atualizacao h2 a:hover	{ color:#501418; text-decoration: underline;}

			#atualizacao h2.notfound	{text-align: center;}

		.post { margin-bottom: 30px; width: 100%;  color:#501418; }
		
		.entry {margin-left: 2.5%; width:95%;}
		

		.postmetadata	{ width: 95%; margin: 10px 0 20px; font-size: 14px; text-transform: lowercase ; border-bottom: 3px #dc9c65 solid; margin-bottom: 30px; margin-left: 2.5%;}

			.postmetadata a:link,
			.postmetadata a:visited		{font-weight: normal;}

			.postmetadata .comment		{float: right; text-align: right; solid; width: 220px;}


		/* navegação */


		.navigation	{height: 15px; margin: 20px 0px 0px 0px; font-size: 11px; font-weight: bold;}

			.navigation .alignleft		{width: 49%; float: left;}

			.navigation .alignright		{width: 49%; float: right; text-align: right;}


		/* comentarios */

		h2#comments	{margin-bottom: 50px;}

		#commentform	{margin: 50px 0 0 50px;}

			#commentform input,
			#commentform textarea		{width: 300px; color: #fff; 	 border-width:3px; border-style:solid; border-color:#501418;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex;
    padding: 3px;
							background: #84171c; font: 12px Verdana,sans-serif;}

			#commentform #submit		{background: #84171c; width: 70px; height: 30px;
							border-width:3px; border-style:solid; border-color:#501418;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex; margin: 30px 0 0 130px; padding-top: 0; font-size: 12px;}

			#commentform input:focus,
			#commentform textarea:focus	{border-color: #84171c;}


		.commentmetadata	{font-size: 9px;}

			.commentmetadata a:link,
			.commentmetadata a:visited	{font-weight: normal;}


		.comentario			{margin: 10px 40px 20px; padding: 5px; border-width:3px; border-style:solid; border-color:#501418;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex;}

			.comentario b			{font-size: 14px;}

			.avatar				{border-width:3px; border-style:solid; border-color:#501418;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex; margin: 0 0 3px 3px; padding: 2px;
							display: block; float: right;}


		/* alinhamento das imagens */

		.wp-caption			{display: block;}

		.wp-caption img			{border: none;}

		.aligncenter			{margin: auto;}

		.alignleft			{float: left; margin-right: 5px;}

		.alignright			{float: right; margin-left: 5px;}

		.wp-caption-text		{color: #CCC; font-size: 11px; text-align: center;}
		
/* ****************    Personagens ******************** */

	#belle_e_cia {float:left;margin-bottom: 10px;
margin-left: 25%;}
	#personagens {float:right;margin-right: 5%;
margin-top: 5%;}
	#quadrinhossortidos {float:left;margin-left: 25%;
margin-top: 10px;}

	#belle {float:left; width: 255px;  
	}
	#hans {float:left; width: 255px; 
	}
	
	#preta {float:right; width: 255px; 
	}

	#belle_desc {color:#333; text-align:center;
	}
	#hans_desc {color:#333; text-align:center; 
	}
	
	#preta_desc {color:#333; text-align:center;
	}
	
	#belle_desc p{font-weight: bold; text-align:center; width: 80%; margin-left: 10%;
	}
	#hans_desc p{font-weight: bold; text-align:center; width: 80%; margin-left: 10%;
	}
	
	#preta_desc p{font-weight: bold; text-align:center; width: 80%; margin-left: 10%;
	}


	#belle_desc h2 {color:#fd0043; font-size: 20px;
font-weight: bold;
	}
	#hans_desc h2 {color:#3555a7; font-size: 20px;
font-weight: bold;
	}
	
	#preta_desc h2 {color:#222; font-size: 20px;
font-weight: bold;
	}


/* *************** lateral *************** */
#barcontainer {width:169px; height:100%; top: auto; float:left; }

	#sidebar	{width: 169px; padding: 0px; float: left; background-color:#2b6a97; border:3px solid #1b3b40; margin-top: 5px; margin-bottom: 5px;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex; padding-top: 10px; padding-bottom: 10px;
	
	}

		#sidebar a:link,
		#sidebar a:visited	{text-decoration: none;}

		#sidebar h2		{color: #FFF; margin: 10px 0; font-size: 18px; padding: 8px 0 8px 10px; font-weight: normal;
					left bottom no-repeat;}

		#sidebar ul,
		#sidebar ul ol		{margin: 0; padding: 0;}

		#sidebar ul		{margin-top: 10px;}

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

		#sidebar ul ul		{margin: 0 0 0 40px; padding: 0; list-style: none;}

		#sidebar ul ul li,
		#sidebar ul ol li	{margin-bottom: 2px;}

		#sidebar ul ul ul li	{background: url(images/bullet2.gif) 5px 5px no-repeat; padding-left: 12px; margin-bottom: 2px;}

		#sidebar ul a:link	{font-weight: normal;}
		#sidebar ul a:visited	{font-weight: normal;}

		/* tag cloud */

		li#tag_cloud		{text-align: center;}

		li#tag_cloud h2		{text-align: left;}


		/* lista de arquivos ou categorias */

		#sidebar select		{background: #000; border: 1px #666 solid; color: #FFF font-size: 11px; font-family: Verdana;}
		#sidebarrss	{background: url(images/feed.png) no-repeat; border-bottom-width: 25px;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 50px;
padding-top: 25px;
font-size: 18px;
font-weight:bold;} 



	#pagessidebar	{width: 169px; height:291; background-color:#d45f1d; border-width:3px; border-style:solid; border-color:#501418; padding: 0px; float: none; margin-bottom: 5px;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex; float:left; display:  padding-top: 10px; padding-bottom: 10px;
    }

		#pagessidebar a:link {text-decoration: none; border: none; border-color:#d45f1d; background-color:#d45f1d;}
		#pagessidebar a:visited	{text-decoration: none; border: none; border-color:#d45f1d; background-color:#d45f1d;}


		#pagessidebar ul,
		#pagessidebar ul ol		{margin: 0; padding: 0;}

		#pagessidebar ul		{margin-top: 10px;}

		#pagessidebar ul li		{list-style-type: none;	margin-bottom: 30px;}

		#pagessidebar ul ul		{margin: 0 0 0 40px; padding: 0; list-style: none;}

		#pagessidebar ul ul li,
		#pagessidebar ul ol li	{margin-bottom: 2px;}


		#pagessidebar ul a:link	{font-weight: normal;}
		#pagessidebar ul a:visited	{font-weight: normal;}


		/* lista de arquivos ou categorias */

		#pagessidebar select		{background: #000; border: 1px #666 solid; color: #FFF font-size: 11px; font-family: Verdana;}





/* *************** rodape **************** */

	#footer		{margin-left: 5%; width: 80%; background:#84171c; font-size: 11px; padding: 10px; text-align: center; clear: both; line-height: 200%;
	 border-width:3px; border-style:solid; border-color:#501418;
	-moz-border-radius:3ex;
    -webkit-border-radius:3ex;
	 
	 }

		#footer a	{font-weight: normal; text-decoration: none;}

		#footer .rss	{background: url(images/feed.png) no-repeat; padding: 0 0 2px 20px;} 


	#copyright {font-size:9px; width: 80%; margin-left: 10%;}

/* ************* calendario ************** */

	#wp-calendar			{empty-cells: hide; padding: 5px; text-align: center; margin: 0 auto 10px; width: 90%;}

	/* mes anterior / proximo mes / links */

	#wp-calendar #prev a		{text-align: left;}
	#wp-calendar #next a		{text-align: right;}

	#wp-calendar #prev a,
	#wp-calendar #next a		{font-weight: bold;}

	#wp-calendar #prev a:hover,
	#wp-calendar #next a:hover 	{background: none; text-decoration: none;}

	#wp-calendar a:link		{font-weight: bold !important; text-align: center;}
	#wp-calendar a:hover 		{}

	/* dias sem posts */
	#wp-calendar td 		{padding: 2px 0; background: none; text-align: center;}

	/* mes (titulo) */
	#wp-calendar caption 		{font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 5px;}

	/* dias da semana) */
	#wp-calendar th	 		{padding: 2px 0; text-align: center; font-weight: bold; text-transform: capitalize;}

	/* hoje */
	#wp-calendar #today 		{background: #BF300F; color: #000; font-weight: bold; text-align: center;}


-->