/*
Theme Name: BLOGSEO
Theme URI: http://www.publistyle.net/
Author URI: http://www.publistyle.net/
Author: PUBLISTYLE
Description: Tema diseñado por <a href="http://www.publistyle.net/">PUBLISTYLE</a> y optimizado por <a href="http://seo.publistyle.net/">SEO</a>.
*/

body {
   background: #96026C url(images/body-bg.jpg) repeat-x top left;
   color: #383838;
   font-size: 14px;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   margin: 0px 0px 0px 0px;
}
body * {
   margin: 0px; 
   padding: 0px;
}
img {
   border: none;
   background: none;
}
hr {
   height: 5px;
   color: #fff;
   margin: 10px 0px;
   border: none;
   border-top: 1px dotted #D3D3D3;
}
br {
   font-size: 10px;
   line-height: 10px;
}
blockquote{
   margin: 0px 0px 0px 15px;
   padding: 0px 45px 15px 50px;
   background: url(images/quote.gif) no-repeat;
   font-size: 15px;
   font-style: italic;
   font-family: Georgia, Times New Roman, Serif;
   color: #666666;
   }
blockquote p{
   margin: 0px 0px 20px 0px;
   padding: 0px;
   }
.clearboth {
   clear: both;
}
/*************************************
   Links
**************************************/
a {
	color: #B70000;
	text-decoration: underline;
	font-weight: bold;
}
   
a:hover{
   text-decoration: underline;
   color: #B70000;
}
/*************************************
   Headings
**************************************/
h1 {
   color: #B70000;
   font-size: 28px;
   font-weight: normal;
   font-family: Times New Roman, Times, serif;
   margin: 5px 5px 2px 0px;
   padding: 5px 10px 7px 40px;
   display: inline;
}
h3 {
	color: #B70000;
	font-size: 17px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	margin: 0px 0px 5px 0px;
	padding: 8px 10px;
}
.h1 { /*make homepage h3's for the first 2 stories look like H1 */
   background: url(images/bg_heart.gif) no-repeat left center;
}
h1 a, h3 a, h1 a:visited, h3 a:visited  {
   color: #B70000;
   text-decoration: none;
}
h1 a:hover, h3 a:hover {
   color: Black;
   text-decoration: none;
}
h2 {
   color: #000;
   font-size: 21px;
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   padding: 10px 0px;
   line-height: 150%;
   margin: 0px;
}
   
h2 a, h2 a:visited  {
   color: #6B030B;
   text-decoration: underline;
}
h2 a:hover {
   color: #000000;
   text-decoration: none;
   }
h3 {
   font-size: 18px;
}
#sidebar h3 {
   font-size: 22px; 
}
h3 a, h3 a:visited {
   color: #FFF;
   text-decoration: none;
}
#sidebar h2 {
   margin: 0px; padding: 5px 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, Sans-Serif;;
   font-weight: bold;
   color: #3D474E;
}
#sidebar #popular h2 {
   color: #F97B1E;
}
h6 {
   color: #000;
   font-size: 24px;
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;;
   font-weight: normal;
   padding: 10px 0px;
   line-height: 150%;
   margin: 0px;
}
/*************************************
   Header
**************************************/
#header { 
   width: 990px;
   padding: 0px;
   margin:  0px auto;
   position: relative;
   }
#header h1 {
   margin: 0px;
   padding: 11px 5px;
   width: 600px;
   float: left;
}
#header h1 a {
   color: White;
   text-decoration: none;
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 25px;
   margin: 0px;
   padding: 0px;
}
#header h1 a:hover {
   color: #460D31;
}
#header .description {
   clear:  both;
   color: #FFF;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0px;
   padding: 0px 10px 4px 10px;
   width:  850px;
}
/*************************************
   Top Search Form
**************************************/
.searchform {
   background: url(images/searchform-bg.gif) no-repeat center top;
   float: right;
   padding: 10px;
   position: absolute;
   top: 4px;
   right: 10px;
   width: 248px;
}
.searchform .s {
   border: 1px solid Silver;
   background: White;
   color: #2F4F4F;
   font-family: Arial, Helvetica, Sans-Serif;
   padding: 6px 7px 6px 7px;
   width: 183px;
   float: left;
}
.searchform .button {
   float: right;
}
/*************************************
   RSS Feed
**************************************/
.feeds {
   position: absolute;
   top: 64px;
   right: 12px;
   display: block;
   width: 280px; height: 50px;
   float: right;
   text-align: right;
   text-transform: none;
   font-size: 11px;
   color: #EAF4FF;
   padding: 0px;
   background: transparent;
}
.feeds a, .feeds img {
   padding: 0px; margin: 0px;
}
.feeds a:hover {
}
.feeds .rss {
   padding: 0px; margin: 0px;
}
.feeds .email {
/* if you want to add an email sub */
}
/*************************************
   Horizontal Menu
**************************************/
#menu {
    width: 900px; height: 29px;
    background: transparent;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    padding: 0px; margin: 21px 0px 0px 0px;
    text-align: left;
    text-transform: uppercase;
    clear: both;
    float: left;
    }
#menu ul {
   display: block;
   float: left;
   width: 880px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
   }
#menu li {
   float: left;
   list-style-type: none;
   margin: 0px -4px 0px 4px;
   padding: 0px;
   background: url(images/menu.jpg) top left no-repeat;
   }
#menu ul li:hover, #menu ul li.hover, #menu ul li.current_page_item {
   background: url(images/menu-active.jpg) top left no-repeat;
   }
#menu ul li:hover a, #menu ul li.hover a, #menu ul li.current_page_item a {
   color: White;
   text-decoration: none;
   background: url(images/menu-active.jpg) top right no-repeat;
}
#menu ul li.current_page_item a:hover {
   text-decoration: underline;
   }
#menu ul li a {
   font-family: Verdana, Helvetica, Arial, Sans-Serif;
   font-size: 11px;
   color: Black;
   text-decoration: none;
   display: block;
   padding: 8px 20px 8px 0px;
   margin: 0px 0px 0px 15px;
   background: url(images/menu.jpg) top right no-repeat;
   font-weight: bold;
}
#menu ul li a:hover {
   color: White;
   text-decoration: none;
   background: url(images/menu-active.jpg) top right no-repeat;
}

/*************************************
   Main Container
**************************************/
#container { 
   width: 970px;
   background: #FFF url(images/container-bg.gif) top left no-repeat;
   text-align: left; 
   margin: 0 auto;
   padding: 0px 10px;
   border: 0px solid black;
   clear: both;
   }
.container-bot-bg {
   clear: both;
   height: 9px;
   width: 990px;
   display: block;
   background: url(images/container-bot-bg.gif) no-repeat;
   margin: 0px auto;
}
/*************************************
   Content
**************************************/
#content {
   width: 590px;
   float: left;
   margin: 5px 0px 20px 10px;
   display: block;
}
#content a {
	font-weight: bold;
	text-decoration: none;
}
#content a:hover{
   text-decoration: underline;
   color: #B70000;
}
#content img {
	padding: 0px 0px 0px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}

#content p{
   margin: 0px;
   line-height: 20px;
   padding: 0px 0px 10px 0px;
   font-size: 13px;
   }
#content p img{
   border: none;
   padding: 0px 5px 15px 0px;
   }
#content ol {
   list-style-type: decimal;
   line-height: 18px;
   margin: 0px;
   padding: 0px 0px 10px 35px;
   }
#content ul {
   list-style: none;
   margin: 0px;
   padding: 0px 0px 10px 0px;
   }
   
#content li {
   margin: 0px;
   padding: 0px;
   }
   
#content ul li {
   list-style: square outside;
   margin: 0px 30px 0px 30px;
   padding: 5px 0px 0px 5px;
   }
#content .post-meta-top {
   display: block;
   margin: 8px 0px 15px 0px;
   padding: 5px 10px;
   font-size: 12px;
   color: #8E8F91;
   clear: both;
}
#content .post-meta-bottom {
   background: #FBFCFE url(images/postmetabottombg.jpg) bottom left no-repeat;
   display: block;
   margin: 0px 0px 15px 0px;
   padding: 12px 10px;
   font-size: 11px;
   color: #535353;
   clear: both;
   font-family: Arial;
}
.post-meta-bottom a {
   text-decoration: underline;
}
.post-meta-bottom a:hover {
   text-decoration: underline;
}
.cat {
   float:  left;
   width: 70%;
   text-align: left;
}
.cat span {
   background: url(images/catbg.gif) 0px 0px no-repeat;
   padding: 0px 0px 0px 18px;
}
.comm {
   float: right;
   width: 30%;
   text-align: right;
}
.comm span {
   background: url(images/commbg.gif) 0px 0px no-repeat;
   padding: 0px 0px 0px 18px;
}
.auth {
   float: left;
   width: 50%;
   text-align: left;
}
.auth span {
   background: url(images/authbg.gif) 0px 1px no-repeat;
   padding: 0px 0px 0px 15px;
}
.auth a {
   text-decoration: underline;
}
.date {
   float: right;
   width: 50%;
   text-align: right;
}
.date span {
   background: url(images/datebg.gif) 0px 0px no-repeat;
   padding: 0px 0px 0px 18px;
}
/*********************************************
      Previous/Next Page Navigation
*********************************************/
.page-nav {
   clear: both; /* To clear any floats */
   margin: 15px 0px;
   padding: 2px 0px;
   height: 22px;
}
.nav-previous {
   width: 249px; 
   float: left; 
   text-align: left;
   margin: 2px 0px;
}
.nav-next {
   width: 249px; 
   float: right; 
   text-align: right;
   margin: 2px 0px;
}
.page-nav a {
   text-decoration: none;
}
.nav-previous a {
   padding-left: 10px;
}
.nav-next a {
   padding-right: 10px;
}
/*************************************
**************************************
   Comments
**************************************
**************************************/
#comments-wrap {
}

/* Headers  */

#comments-wrap h6 {
   font-size: 20px;
}

/* Comments */

.commentlist { 
}
.thecomment {
   margin: 0px 0px 20px 0px;
   overflow: hidden;
}
.comment-body {
   border-top: 1px solid #96026C;
   border-right: 1px solid #96026C;
   border-left: 1px solid #96026C;
   margin: 0px;
   padding: 10px;
}
.comment-metadata {
   background: #96026C;
   padding: 5px;
   color: #FFF;
   font-size: 11px;
   border-top: 1px solid #96026C;
}
.comment-metadata a, .comment-metadata a:visited {
   color: #FFF;
}
.comment-metadata a:hover {
   color: #FF8800;
}
.authorcomment {
   border: 1px solid #96026C;
   margin: 0px 0px 20px 0px;
   overflow: hidden;
}
.authorcomment .comment-body {
   border: none;
}
.authorcomment .comment-metadata {
   background: #96026C;
   padding: 5px;
   color: White;
}
.authorcomment .comment-metadata a {
   color: White;
}
.authorcomment .comment-metadata a:hover {
   color: #FA7F42;
}

/* Comment Form   */

#commentform {
}

/*************************************
   Nav
**************************************/
.nav {
   margin-top: 10px;
   font-size: 13px;
}

.nav a:hover {
   color: #333;
}
   

.nav_left {
   float: left;
   display: inline;
}

.nav_right {
   float: right;
   display: inline;
}


/*************************************
   Sidebar
**************************************/
#sidebar {
   float: right;
   display: block;
   width: 336px;
   margin: 5px 5px 5px 5px;
   padding: 0px 0px 0px 0px;
   font-size: 12px;
   font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
#sidebar .sidebar-bot {
   background: url(images/sidebarwrap-bot.gif) bottom left no-repeat;
   display: block;
   height: 20px;
   clear: both;
}
#sidebar ul li {
	list-style-type: none;
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 11px;
}
#sidebar h2 {
   display: inline;
   font-size: 15px;
}
#sidebar .ads {
   text-align: center;
   padding: 0px 10px 20px 10px;
}
#sidebarwrap {
   background: #EAF4FF url(images/sidebarwrap-top.gif) top left no-repeat;
   padding: 15px 0px 0px 0px;
   margin: 0px;
   border: none;
}

/*************************************
   Popular Posts Section
**************************************/
#sidebar #sidebarwrap #popular {
   margin: 0px;
   padding: 10px 0px 0px 0px;
   font-size: 11px;
   background: #CDEBFE url(images/popular-top.gif) top left no-repeat;
}
#popular ul {
   margin: 0px; padding: 0px 10px 15px 10px;
   background: #CDEBFE url(images/popular-bottom.gif) bottom left no-repeat;
}
#popular ul li {
   margin: 0px; padding: 0px;
}
#popular ul li ul {
   border-top: 1px solid #C1D8E6;
   padding:  0px;
}
#popular ul li ul li {
   margin: 0px; padding: 5px 15px;
   border-bottom: 1px solid #C1D8E6;
   background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}
#popular ul li ul li a, #popular ul li ul li a:visited {
   color: #003399;
   padding: 0;
   margin: 0px;
   text-decoration: none;
}
#popular ul li ul li a:hover {
   text-decoration: underline;
}

/*************************************
   Left Sidebar
**************************************/
#l_sidebar {
   float: left;
   display: block;
   width: 160px;
   font-size: 10px;
   margin: 0px 4px;
   padding: 0px 0px 0px 0px;
}
#l_sidebar ul, #l_sidebar ul li {
   margin: 0px; padding: 0px;
}
#l_sidebar ul li ul {
   border-top: 1px solid #C1D8E6;
}
#l_sidebar ul li ul li {
   margin: 0px; padding: 0px 0px 0px 10px;
   border-bottom: 1px solid #C1D8E6;
   background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}
#l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited {
   color: #003399;
   display: block;
   padding: 5px 3px;
   margin: 0px;
   text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
   text-decoration: underline;
}
#l_sidebar ul li ul li ul li {
   border-bottom: 1px solid #EAF4FF; /*IE Bug Fix */
   border-top: 1px solid #C1D8E6;
   background: none;
   margin:  0px; padding: 0px;
}
#l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited {
   color: #003399;
   padding: 0px 3px 5px 10px;
   margin: 0px;
   text-decoration: none;
}
#l_sidebar ul li ul li ul {
   border: none;
   padding: 0px; margin: 0px;
}
#l_sidebar ul li ul li ul li a:hover {
   text-decoration: underline;
}

/*************************************
   Right Sidebar
**************************************/
#r_sidebar {
   float: right;
   display: block;
   width: 160px;
   font-size: 10px;
   margin: 0px 4px;
   padding: 0px 0px 0px 0px;
}
#r_sidebar ul, #r_sidebar ul li {
   margin: 0px; padding: 0px;
}
#r_sidebar ul li ul {
   border-top: 1px solid #C1D8E6;
}
#r_sidebar ul li ul li {
   margin: 0px; padding: 0px 0px 0px 10px;
   border-bottom: 1px solid #C1D8E6;
   background: url(images/bullet-arrow.gif) 5px 9px no-repeat;
}
#r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited {
   color: #003399;
   display: block;
   padding: 5px 3px;
   margin: 0px;
   text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
   color: #003399;
   text-decoration: underline;
}
#r_sidebar ul li ul li ul li {
   border-bottom: 1px solid #EAF4FF; /*IE Bug Fix */
   border-top: 1px solid #C1D8E6;
   background: none;
   margin:  0px; padding: 0px;
}
#r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited {
   color: #003399;
   padding: 5px 3px 5px 10px;
   margin: 0px;
   text-decoration: none;
}
#r_sidebar ul li ul li ul {
   border: none;
   padding: 0px; margin: 0px;
}
#r_sidebar ul li ul li ul li a:hover {
   color: #003399;
   text-decoration: underline;
}
/*************************************
   Footer
**************************************/
#text-link-ads {
   padding: 15px;
   text-align: left;
   clear: both;
   }

/*************************************
   Footer
**************************************/
#footer {
	padding: 15px 5px 30px 5px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	clear: both;
	background: #96026C url(images/footer-bg.jpg) repeat-x;
	color: #FFF;
	font-size: 12px;
}
#footer a {
   color: #9BB1BB;
}
#footer-wrap {
   width: 950px;
   margin: 0px auto;
}