html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {background:#fff; margin: 0px; padding: 0px; font:normal 12px Verdana, Sans;text-align: center; color: #333}
#navbar-iframe {height:0px;visibility:hidden;display:none}
a:link, a:visited, .linkwithin_div a {text-decoration:none; color: #00769d}
a:hover{text-decoration:underline}
a img {border: 0}
#HTML4 li a{background: url(link.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; border:0}
#HTML5 li a{background: url(user-cont.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; border:0}

.status-msg-body{background:#b2d6e1;padding:5px; -webkit-border-radius: 12px;-moz-border-radius: 12px}
.status-msg-border{visibility:hidden;}
#toolTip {position:absolute;z-index:1000; background:#b2d6e1;text-align:left;padding:6px;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
#toolTip p {margin:0; padding:0;color:#333; font: normal 11px Verdana, Sans}
#toolTip p em {display:none}

#navlist{background:#333; padding: 12px 0; text-align:center; width:100%}
#navlist li {list-style:none;display:inline; margin-left:20px}
#navlist li a, #navlist li a:visited{font:bold 12px Verdana, Sans;color:#fff;text-decoration:none; margin-right:6px; padding:6px 10px}
#navlist li a:hover {background:#b2d6e1; color:#00769d;-webkit-border-radius: 12px;-moz-border-radius: 12px; border:0}

#searchform{background:url(http://ideacreativa.com.es/blogspot/search.gif) no-repeat left #fff;width:240px; padding:4px;border:1px solid #bbb;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
#feedform{background:url(http://ideacreativa.com.es/blogspot/email.gif) no-repeat left #fff;width:240px; padding:4px; border:1px solid #bbb;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
#submit{background:url(http://ideacreativa.com.es/blogspot/play.gif) no-repeat left;border:none; width:16px; height:16px; margin-left:20px }
#searchtext, #feedtext{font: normal 11px Verdana, Sans;border:0;background:none;color:#333; padding:0; width:162px;margin-left:25px}
.syn {background: url(feed.gif) no-repeat left; padding: 3px 0px 3px 20px; margin: 0px 8px 0px 0px; font: normal 11px Verdana, Sans; color:#333; text-decoration:none}


#header-wrapper {margin-bottom: 30px; background: #fff url(header.gif) no-repeat center bottom; width:100%; text-align:left; height:150px}
#header-wrapper h1{padding-top:30px;margin-left: 50px;}
#header-wrapper h1 span{display:none}
#header-wrapper p {padding: 2px 15px; margin:5px 50px; line-height: 1.4em;font-size: 12px; color:#00769d}
#header-wrapper p span{display:none}
                                                              
.clear {clear: both}
#content-wrapper {margin: 0px auto; padding-bottom:15px; text-align: left; background: none; border: 0; width:800px}
#main-wrapper {width: 490px; float: left; background:none; display: inline; overflow: hidden}
#sidebar-wrapper {width: 280px; float: right; background: none; display: inline; overflow: hidden}
h2, h3 {margin: 0}
h2 a{margin-left: 10px; font-size:17px; padding: 6px 12px; background:#b2d6e1;-webkit-border-radius: 12px;-moz-border-radius: 12px;}
h2 a:hover{text-decoration:none; color:#fff; background:#00769d}

.date-header {background: url(date.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; font-weight: normal; color: #bbb; font-size: 11px}
.post-labels {background: url(tag_blue.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; font-weight: normal; color: #333; font-size: 11px}
.post-share {background: url(share.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; font-weight: normal; color: #333; font-size: 11px}
.post-share a, .post-share a:visited{opacity:0.5}
.post-share a:hover{opacity:1}
.post-author {background: url(user.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; font-weight: normal; color: #333; font-size: 11px}
.fn{font-weight:bold}
.post {margin-bottom: 10px; padding-bottom:10px}
.post-title {margin: 0;padding: 0; font: bold 17px Verdana, Sans; line-height: 1.2em}
.post-title a, .post-title a:visited{text-decoration: none; color: #00769d; font-weight: bold}
.post-title a:hover{color:#bbb}
.post div {margin-bottom: 10px;line-height: 1.5em}
.post-footer {color: #333; background:#b2d6e1; padding:8px 8px 2px 8px; font-size:11px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.post img {padding: 4px; border: 1px solid #bbb; background:#fff}
.post blockquote {margin: 1em 20px}
.post blockquote p {margin: .75em 0}
.post-body entry-content h2{}

.comment-link{background: url(comment.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; font-weight: normal; color: #ccc; font-size: 11px}
#comments h4 {margin: 1em 0;color: #bbb}
#comments h4 strong {font-size: 110%}
#comments-block {margin: 1em 0 1.5em;line-height: 1.3em}
#comments-block dt {margin: .5em 0}
#comments-block dd {margin: .25em 0 0}
#comments-block dd.comment-footer {margin: -.25em 0 2em;line-height: 1.4em;font-size: 78%}
#comments-block dd p {margin: 0 0 .75em}
.deleted-comment {font-style:italic;color:#bbb}
.feed-links {clear: both;line-height: 2.5em}
#blog-pager-newer-link {float: left}
#blog-pager-older-link {float: right}
#blog-pager {text-align: center}

.sidebar h2 {margin: 1.6em 0 .5em;padding: 6px 10px; background:none; font-size: 17px; color: #00769d; letter-spacing:-1px}
.sidebar ul {  margin: 0;  padding: 0;  list-style: none}
.sidebar li { margin: 0; padding: 0 0 5px 15px;text-indent: -15px;line-height: 1.5em; font-size:11px}
.sidebar p{font-size:11px;line-height:1.6em;}
.sidebar {color: #333;line-height:1.6em;font-size:11px}
.sidebar .widget {margin-bottom: 1em}
.sidebar .widget-content {margin: 0 5px}
                                             
#footer-wrapper{clear: both;text-align: left; color: #fff; background:#333; font: normal 11px Verdana, Sans; padding: 8px; line-height:1.5em}
#footer-wrapper a{font-weight:bold; color: #e6f2f5}
form#shorturl {background: url(link-blue.gif) no-repeat left; margin: 0px 8px 0px 0px; padding: 3px 0px 3px 20px; font:normal 11px Verdana, Sans-serif}
#shorturl input {padding:4px; border:1px solid #bbb}