/*  
Theme Name: TipsParaLigar01
Version: 1.0
Author: Mauf

*/

* html
{
	margin: 0px;
	padding: 0px;
}

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #3e3e3e;
	font-family: arial, verdana;
	font-size: 12px;
}

h1, h2, h3
{
	font-size: 18px;
}

h1 a
{
	color: #5f5f5f;
	text-decoration: none;
}

h1 a:hover
{
	text-decoration: underline;
}

ul
{
	list-style-type: none;
}

#container
{
	margin: 0px auto;
	width: 784px;
	background-image: url(images/bgShadow.png);
}


#header, #bottomMenu, #banner
{
	margin: 0px auto;
	width: 768px;
}


#header
{
	background-color: #000;
	height: 40px;
}

#banner
{
	background: #000 url(images/banner.jpg) top;
	height: 315px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#form
{
	position: relative;
	width: 202px;
	height: 161px;
	left: 566px;
	top: 149px;
}

#libro
{
	text-align: center;
}

#libro li
{
	font-size: 12px;
}

#libro img
{
	text-decoration: none;
	border: 0px;
}

#content
{
	background: #fff url(images/contentShadow.png) repeat-y left;
	color: #5f5f5f;
	padding-left: 8px;
	width: 563px;
	float: left;
}

#sidebar
{
	float: right;
	width: 205px;
	padding-right: 8px;
	color: #fff;
	background: #222 url(images/sideShadow.png) repeat-y right;
}

#nombre
{
	padding: 4px 0px 0px 12px;
}

#correo
{
	padding: 8px 0px 0px 12px;
}

#form a
{
	display: block;
	color: #fff;
	position: absolute;
	text-decoration: none;
	font-size: 24px;
	padding: 6px 0px 0px 3px;
	width: 147px;
	height: 39px;
	top: 110px;
	left: 26px;
	background: #000 url(images/btnRegistrameTop.png) no-repeat;
}

#form a:hover
{
	background-position:0 -45px;/* con esto cambiamos la porcion de imagen que se muestra */
}

.optInText
{
	width: 174px;
	height: 17px;
	margin: 6px 0px 0px 12px;
}

#sidebar a
{
	color: #d2d2d2;
	text-decoration: none;
}

#websamigas a
{
	color: #d2d2d2;
	text-decoration: underline;
}

#sidebar a:hover
{
	color: #fff;
	text-decoration: underline;
}

#sidebar ul
{
	margin: 12px;
	font-size: 14px;
}

#sidebar ul p
{
	border-bottom: 1px solid #666666;
	padding: 8px 0px 12px 0px;
}

#sidebar ul ul li
{
	border-bottom: 1px solid #3e3e3e;
	padding: 5px 0px;
}

#content h1, #content h2
{
	padding: 10px 0px 4px 16px;
}

#content li
{
	list-style-type: square;
	margin-left: 32px;
}

#content p
{
	padding: 8px 16px;
}

#content a
{
	font-weight: bold;
}

#footer
{
	width: 768px;
	margin: 0px auto;
	padding: 12px 0px;
	color: #dbdbdb;
	clear: both;
	float: none;
	position: relative;
	top: 40px;
}

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

#footer li a:hover
{
	color: #fff;
	text-decoration: underline;
}

#footer li
{
	display: inline;
	margin: 0px;
}

 #bottomMenu
 {
	text-align: center;
 }

#rss img
{
	border: none;
}

.date
{
	font-size: 10px;
	color: #888;
	margin-top: -10px;
}

.separator
{
	background: #fff url(images/separator.png) no-repeat;
	width: 535px;
	height: 4px;
	margin: 6px auto;
}

.footerSep
{
	margin: 0px 4px;
}

.registrame
{
	margin: 10px 0px 20px 0px;
	padding: 0px 16px;
	width: 374px;
	height: 34px;
}

.registrame a
{
	display: block;
	padding: 2px 0px 0px 10px;
	background: #fff url(images/btnRegistrame.png) repeat-x top;
	width: 400px;
	height: 32px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}

.registrame a:hover
{
	background-position: 0 -34px;/* con esto cambiamos la porcion de imagen que se muestra */
}

.title
{
	text-decoration: none;
	color: #5f5f5f;
}

.title:hover
{
	text-decoration: underline;
}

.navigation a
{
	padding-left: 16px;
	text-decoration: none;
	color: #c00;
}

.navigation img
{
	border-style: none;
}

/* Comments styling from template */

/*.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}*/

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: arial, Sans-serif;
	font-size: 16px;
	padding-left: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}