/*  
Theme Name: Blogaritmo
Theme URI: http://spiga.com.mx/
Description: Design for blogaritmo dot com.
Version: 1.0
Author: Spiga.com.mx
Author URI: http://spiga.com.mx/
*/
html,body{margin:0px; padding:0px}
body	{
	font: 76% arial,sans-serif;
	background-color:#9EA198;
	color:#666666;
	}
	
a			{outline:none; text-decoration:none}
/*a:link,
a:visited	{color:#168CB2;}
a:hover		{color:#ccc;}*/

a:link,
a:visited	{color:#3399ff;}
a:hover		{ color:#336699;}



.center {text-align:center;}
.clear {clear:both;}

.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#container{
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
	
div#wrapper{
	float:left;
	background-color:#FFF;
	background:#FFFFFF url(pix/wrapBg.gif) top center repeat-y;
	width:1000px;
	}

div#header {
	color:#FFF;
	padding:0px 0px 0px 15px;
	background:#2d3640 url(pix/hdrBg.jpg) top left repeat-x;
	margin:0px;
	text-align:left;
	}
	
#header h1{
	margin:0px;
	padding:0px;
	text-indent:-8000px;

	}	

#header h1 a{
	width:273px;
	height:94px;
	display:block;
	}	
	
#header h1 a:link, 
#header h1 a:visited{
	background:#2d3640 url(pix/logo.gif) top left no-repeat;
	}
#header h1 a:hover{
	background-position: bottom left;
}	


/*--MENU TOP--*/
#menu		{position:relative; float:right; top:-34px; width:100%; margin-right:18px; height:0px;}
ul#nav,ul#nav li{list-style-type:none; margin:0; padding:0}
ul#nav			{float:right; font-size:100%}
ul#nav li		{float:left; margin-left:3px; text-align:center}
ul#nav a		{float:left; width:95px; padding:5px 0; background-color:#707A82; text-decoration:none; color:#2C363F}
ul#nav a:hover	{background-color:#EC3094; color:#fff}
#menu ul#nav li.current_page_item a:link,
#menu ul#nav li.current_page_item a:visited	{background:#2C363F; color:#FFF; }
#menu ul#nav li.current_page_item a:hover	{background: #CCC; color:#000;}

/*--MEGA AD--*/
#megaAd			{width:1000px; height:150px;}


/*--POST STYLE --*/

/*-- CONTENIDO --*/
#content					{width:550px;  }
#content p					{line-height:1.4}
#content h2					{font-size:22px; letter-spacing:-1px; font-weight:normal; margin:0px;}

	
#content h2 a{	
	background-image:url(pix/bulletTits.gif);
	background-repeat: no-repeat;
	padding:0px 0px 0px 24px;
	}
#content h2 a:link,
#content h2 a:visited 		{background-position: 0px 0px; color:#EC2890;}
#content h2 a:hover			{background-position: 0px -22px; color:#666;}	

#content ul li 				{ background:#FFFFFF url(pix/list.gif) no-repeat left; padding-left:10px;}
#content ul li ul			{list-style:none; background:none;}
#content ul li ul li		{background:#FFFFFF url(pix/icon_subcats.gif) no-repeat left;}
.post ol					{list-style:decimal-leading-zero;}	
.post ul					{list-style:none;}
#content .post			{
	padding:10px 10px 10px 5px;
	background-image:url(pix/postBottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px 0px 10px 0px;
	}
	
#content .imagelink,
#content .imagelink img,
#content img a	{border:none;}
		
	
.moreLink {text-align:right; line-height:18px;}
.moreLink a	{
	background-image:url(pix/icon_more.gif);
	background-repeat: no-repeat;
	padding:2px 0px 2px 24px;}
.moreLink a:link,
.moreLink a:visited 		{background-position: 0px 0px; color:#EC2890;}
.moreLink a:hover			{background-position: 0px -17px; color:#666;}	

#content h3{font-size:20px; letter-spacing:-1px; font-weight:normal; margin:0px;}	
	
.commentsBubble {float:right; text-align:center }
.commentsBubble a			{
	width:32px; height:26px;
	display:block; 
	background:#FFFFFF url(pix/comments.gif) top; 
	padding:6px 0px 0px 0px;
	font-weight:bold;
	}
.commentsBubble a:link,
.commentsBubble a:visited	{color:#666;}
.commentsBubble a:hover		{background-position:bottom; color:#FFF;}
	
.details 		{list-style:none; padding:0px; margin:0px; font-size:11px;}

/*--SIDEBAR--*/

#sidebar{
	width:448px;
	float:right;
	margin:0px 0px 0px -550px;	
		}
/*-- 2 Cols --*/
.twoCols		{clear:both;}
.twoCols p		{text-align:left;}
.twoCols img	{border:none;}
	
.leftCol, .rightCol {width:214px; float:left; padding:0px 5px;}
.leftCol		{background-color:#E7E9DC;}
.leftCol ul		{list-style:none; padding:0px; margin:0px;}
.leftCol small	{font: 12px arial,sans-serif;}

/* headers 2 big columns */
#sidebar h2 {text-indent:-8000px; height:31px;}
.titSponsor	{background:#e7e9dc url(pix/titSponsor.gif) top left no-repeat;}
.titCats	{background:#ffffff url(pix/titCats.gif) top left no-repeat;}
.titApparel	{background:#ffffff url(pix/titApparel.gif) top left no-repeat; }
.titLinks	{background:#e7e9dc url(pix/titLinks.gif) top left no-repeat;}
.titPoll	{background:#e7e9dc url(pix/titPoll.gif) top left no-repeat;}

/*LISTA DE CATEGORIAS*/
#catList {
	list-style-type: none;
	padding:0px;
	margin:0px 0px 10px 0px;
	}

#catList li a{
	padding-left:25px;
	line-height:20px;
	text-decoration: none;
	width:190px;
	display:block;
	}
	
#catList li a:link, #catList li a:visited{
	color:#525252;
	background:url(pix/folder.gif) left no-repeat;
	}
#catList li a:hover{
	background: #F9F9F9 url(pix/folder_o.gif) left no-repeat;
	color:#B7D433;
	}

#catList .children{
	margin:0px;
	list-style:none;
	padding:0px;
}

#catList .children a {	
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 25px; 
	}


#catList .children a:link, #catList .children a:visited  {
	background:#FFF url(pix/icon_subcats.gif)  center left no-repeat; 
	}

#catList .children a:hover {
	background: #FFF url(pix/icon_subcats_o.gif)  center left no-repeat;
	color:#ec2890;
	}

/* TAGS */
#tags{
	background: #ffffce url(pix/mediumBg.gif) top left repeat-x;
	border-top:5px solid #8E8E53;
	padding:0px 7px 7px 7px;
	margin:10px 0px 0px 0px;
}

.titTags{
	background:url(pix/titTags.gif) no-repeat top left;
	width:157px;
	margin: 10px 0px 0px 0px;
	display:block;
	}

.ads2{ background-color:#FFF; margin:0px; padding:0px; height:200px;}

	
/*SIDEBAR LISTS*/
.sideList 								{list-style:none; margin:0px; padding:0px;}
.sideList a							{width:188px; display:block; border-bottom:1px solid #d3d3d3; 
line-height:25px; padding:0px 0px 0px 25px; background-image:url(pix/arrowbullet.gif); background-repeat:no-repeat;}
.sideList a:link, .sideList a:visited	{color:#996600; background-position:left top;}
.sideList a:hover						{color:#006600; background-color:#DDDFD1; background-position: left bottom;}	
#morevoted								{font-size:10px;}

/*APPAREL PRODUCTS*/
#apparelProducts {text-align:center;}
#apparelProducts img,
#apparelProducts a img,	
#apparelProducts a:link img,
#apparelProducts a:visited img {
	border:0px;
	margin:0px;
	padding:0px;
	opacity: .3;
	}	

#apparelProducts a:hover img {
	opacity: 1;
	}	
	
/* SECOND CONTENT */
.secondContent{
	background:#202B31 url(pix/secondBg.gif) top center no-repeat;
	padding-top:30px;
	}

#columnas {
	font-size:10px;
	font-weight:bold;
	clear:both;
	padding:30px 0px 0px 15px;
	margin:auto;
	width: 98%;
}

#columnas h2			{text-indent:-8000px; width:156px; height:31px;}
.titRecent				{ background:#202b31 url(pix/titRecent.gif) top center no-repeat;}
.titLastComments		{ background:#202b31 url(pix/titLastcomments.gif) top center no-repeat;}
.titPopular				{ background:#202b31 url(pix/titPopular.gif) top center no-repeat;}

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

#columnas li {padding:1px;}

#columnas ul li a {
	text-decoration:none;
	font-weight:normal;
	display:block;
	padding:5px 10px;
	text-align:left;
	border-bottom:1px solid #202B31;
	}
#columnas ul li a:link, 
#columnas ul li a:visited{
	color:#CCC;
	background-color:#374146;
	}

#columnas ul li a:hover {
	background:#2D373C url(pix/icon_link.gif) no-repeat right;
	color:#FFF;
	}

#colLeft, #colCenter, #colRight {
	float:left;
	width:31%;
	padding:5px;
}	



/*-- GRAVATAR --*/
.gravatar {
        float:left;
        padding: 1px;
        border: 1px solid #CCC;
        background: #fff;
		margin:-4px 10px 10px 0px;
		width:30px;
		height:30px;
}

.postgrav {
        float: left;
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        border: 1px solid #000;
        background: #fff;
}
/*--COMENTARIOS HEADER--*/
#comments, #respond	{	
	background-image: url(pix/comments.gif);
	background-repeat: no-repeat;
	padding:0px 0px 0px 60px;
	line-height:40px;
	}
#comments 		{background-position: 20px 7px;}
#respond		{background-position: 20px -32px;}	
	
/*--NAVIGATION --*/
.navigation			{clear:both;}
.navigation a		{display:block; text-align:center; padding:10px; font-size:10px;}
.alignleft			{float:left; width:50%; }
.alignright			{float:right; width:50%;  }

.navigation .alignleft a:link,
.navigation .alignright a:link	{background-color:#FFF;}

.navigation .alignleft a:hover,
.navigation .alignright a:hover	{background-color:#F1F1F1;}

/*-- PAGINACION PAGEBAR --*/
#pageNavi{margin:auto; text-align:center;}

/*--COMENTARIOS LIST--*/


.commentlist{list-style:none; margin:0px auto; padding:0px; background:#FFF; width:95%}
.commentlist li{}

.commentlist h4			{background:#f6f6f6; padding:10px 10px 10px 10px; font-weight:normal;}
.commentlist .alt h4	{background:#f9f9f9; padding:10px 10px 10px 10px; font-weight:normal; }

.commentlist a			{font-weight:bold; }

.commentlist cite			{font-size:11px; color:#666666; font-style:normal; font-weight:bold;}
.commentlist cite small		{}

.commentlist li span.commentNumer {
	color: #F1F1F1;
	font: italic bold 30px Geneva, Arial, Helvetica, sans-serif;
	float: right;
}


/*-- FORMULARIO DE COMENTARIOS --*/

#commentform {width:90%; margin:auto;}
#commentform fieldset{
	background:#FFF;
	padding:10px;
	border:none;
	border-top:5px solid #EEE;
	}
#commentform p{padding:0px 0px 8px 0px; }	
#commentform label{width:80px; float:left; display:block; padding:5px 0px 0px 0px; color:#B7D433;}
#author, #email, #url{width:70%; padding:5px; background-color:#EEE; border:1px solid #CCC; color:#666;}
#author:hover, #email:hover, #url:hover{width:70%; padding:5px; background-color:#FFF; border:1px solid #CCC; color:#333;}

#commentform #comment{
	width:90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:10px;
	color:#666;
	margin:auto;
}

#commentform #submit{background-color:#EC2890; width:95%; color:#FFF; font-weight:bold; border:3px solid #CF197E; padding:5px;}


/* SEARCH FORM */
#searchform{
	background:#000000 url(pix/searchBg.gif) top left repeat-x;
	padding:10px;
	text-align:center;
	height:50px;
	margin:-1px 0px 0px 0px;
}

#s	{ 
	float:left;
	background: url(pix/searchTxt.gif) top left no-repeat;
	border:none;
	width:750px;
	height:45px; 
	margin:0px; 
	padding:10px 0px 0px 10px;
	font-size:24px;
	}

#searchsubmit	{float:left; margin:0px}


div#footer{
	clear:left;
	width:100%;
	background:#333;
	color: #FFF;
	}
div#footer p{margin:0;padding:5px 10px}

/*--ads--*/
.adHeadline {color:#EC2890;}
.adText 	{color:#70716A;}
.adPost		{width:90%; margin:auto;}
.adsList a	{color:#EC2890;}
.adYours			{text-align:center; }
.adYours a			{display:block; widows:214px; padding:5px 0px 5px 0px; width:214px; font-weight:bold; text-align:center}
.adYours a:link		{background-color:#DDDFD1; color:#996600;}
.adYours a:hover	{background-color:#b5b8a4; color:#666666;}

/*--note--*/
.note
{
	background: #FFF9B0 url(pix/alert.gif) top left no-repeat;
	border: 1px solid #FFE450;
	color: #333;
	padding: 10px 10px 10px 28px;
	width:90%;
	margin:auto;

}

#login	{
	width:90%;
	margin:auto;
}

#login label			{}
#login #log				{width:80%; padding:5px 5px 5px 30px; background:#FFFFFF url(pix/icon_user.gif) left no-repeat; border:1px solid #CCC;}
#login #login_password	{width:80%; padding:5px 5px 5px 30px; background:#FFFFFF url(pix/icon_pass.gif) left no-repeat; border:1px solid #CCC;}
#login #submit			{width:80%; padding:10px; color:#FFF; font-weight:bold; border:3px solid #CC3366; background-color:#FF0099;}
#login ul				{list-style:none; margin:0px; padding:0px;}
#login ul li			{background:#FFFFFF url(pix/list.gif) left no-repeat; padding-left:20px;}

code					{font-size:13px; color:#cc0033; font-family:Arial, Helvetica, sans-serif;}

.searchbar	{text-align:center;}
.searchbar a{width:214px; height:140px; display:block; background-image:url(pix/searchbar.gif); background-repeat:no-repeat; text-indent:-900em;}
.searchbar a:link,
.searchbar a:visited{background-position:top;}
.searchbar a:hover{background-position:bottom;}