/* <script src='http://louislim2.googlepages.com/addsmiley.js ' type='text/javascript'/>
-----------------------------------------------
Blogger Template Style
Name:     Statement
Designer: Blogohblog y Zona Cerebral
URL:      www.blogohblog.com y www.zonacerebral.com
Date:     20 Abr 2008
Updated by: Iván
Distributed by: http://BTemplates.com
----------------------------------------------- */
* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/*+++++++ BODY +++++++*/
body {
font-family: Arial;
font-size: 12px;
color: #4d4b4c;
background: #fff url(http://img152.imageshack.us/img152/3203/bkgte1.gif) repeat-x;
}
a:link {  text-decoration: none; color: #006666; border: 0px;}
a:active {color : #006666; border: 0px;}
a:visited { color :#006666 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;}
a:focus { outline: none;}
.clear { clear: both; }
a img { border:none; }
.clear { clear: both; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px;  margin:auto; }
#frame,#content { width: 975px; margin:auto; }
/*+++++++ TOP +++++++*/
#header { height: 106px; width: 1000px; }
#logo { float: left; width: 210px; padding-top:30px; padding-left:10px; }
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background: url(http://i186.photobucket.com/albums/x312/thevagos/thevagostvcopia.jpg) no-repeat; height:63px; outline:none;}
#topleft { float: right; height: 106px; width: 630px; }
#searchbox { float:right; width: 233px; height: 36px; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 3px 4px 0 0; width:18px; height:18px;  }
/*+++++++ NAVIGATION +++++++*/
#nav { float:right; padding-right:10px; margin-top:10px; background: url(http://img152.imageshack.us/img152/671/84856287ms9.gif);}
#nav ul { }
#nav ul li {display:inline; height:35px; line-height:35px;}
#nav ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#nav ul li.current_page_item a:hover{background:transparent;color:#fff;}
#nav ul li a { color:#fff;float:left; text-transform:uppercase; padding:0 0 0 20px;}
#nav ul li a:hover{background:none;color:#dadada; text-decoration:none;}
/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 975px; line-height:30px; font-size:12px; margin-bottom:15px; }
#browse { float: left; width: 570px; background:url(http://www.fineicons.com/store/icons/web_symbols/exclamation-trianglesign-glow.png) no-repeat 0 6px; padding-left:22px; }
#rss { float: right; height: 30px; width: 383px; background:url(http://img152.imageshack.us/img152/5067/feedlc3.gif) no-repeat right; }
#rss p { padding-right:22px; text-align:right;}
/*+++++++ ENTRY +++++++*/
#left { float: left; width: 570px; }
.post { width: 540px; padding:10px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:140%; }
.post h3 { font: bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}
.post h3 a {  color:#222222; }
.post h3 a:hover {color:#999999;}
.post p { padding-bottom:10px;}
html>body .post ul { padding: 0 0 0 30px; padding-left: 10px; }
html>body .post li { margin: 7px 0 8px 10px; }
.post ul li:before { content: "\00BB \0020"; }
.post ol { padding:0; margin:0;}
.post ol li { background:#fafafa; }
.post img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left ;}
.post-header-line-1 { font-size:11px; height:20px; padding-bottom:10px;}
.post-timestamp { background:url(http://img152.imageshack.us/img152/9883/datehy8.gif) no-repeat; padding-left:20px; }
.comment-link { background:url(http://img152.imageshack.us/img152/469/commentsa0.gif) no-repeat; padding-left:20px; }
.post-labels { background:url(http://img152.imageshack.us/img152/3059/postedmk3.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }
.post-footer {
margin: .75em 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 400px; }
#right { float:left; width: 400px;  }
.topsidebar { width: 380px; padding:0 10px 0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:160px; padding:5px; border:1px solid #dadada; background:#fff;}
#rsidebar { float:left; width:195px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:8px;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li {display:block; background:url(http://img152.imageshack.us/img152/9797/bulletxs8.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}
/*--------------------------------------------------
TABBER NAV - REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabber h2 { font-size:11px;}
.tabberlive .tabbertabhide {
display:none;
}
.tabber { font-size:11px;}
.tabberlive { margin-top:1em;}
ul.tabbernav
{
margin:0;
padding: 3px 0;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
font-size:12px;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-right: 3px;
border-bottom: none;
background: #fff;
text-decoration: none;
color: #000000;
text-transform:uppercase;
}
ul.tabbernav li a:link {}
ul.tabbernav li a:visited { }
ul.tabbernav li a:hover
{
color: #000;
background: #efefef;
}
ul.tabbernav li.tabberactive a
{
background: #efefef;
}
ul.tabbernav li.tabberactive a:hover
{
color: #333;
background: #efefef;
}
.tabberlive .tabbertab {
padding:5px;
border-top:0;
background:#efefef;
margin-bottom:10px;
font-size:12px;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
font-size:12px;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
.tabbertab p { padding-bottom:10px; line-height:140%; }
.tabbertab ul { padding:0; margin:0;}
.tabbertab ul li { padding:5px 0 6px 0; }
.tabbertab ul li { background:url(http://img152.imageshack.us/img152/9797/bulletxs8.gif) no-repeat 0 5px; padding-left:24px; border-bottom:1px solid #fff;}
/* Comments
----------------------------------------------- */
#comments h4 {padding:10px 0 10px 0; font-size:14px;}
#comments {width: 540px; padding:10px; background:#fff; border:1px solid #dadada;}
#comments-block .comment-author {font-weight:bold; margin-top:15px;}
#comments-block .comment-body {background:#f9f9f9; padding:5px 5px 5px 10px; font-size:11px;margin:15px 0 0 0;}
#comments-block .comment-footer {background:url(http://img172.imageshack.us/img172/421/dothdl8.gif) repeat-x bottom; font-size:11px;margin:10px 0 0 0;padding:0 0 15px 0;}
#comments-block .comment-body p {padding-bottom:10px;}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
padding-left:30px;
}
#blog-pager-older-link {
float: right;
padding-right:30px;
}
#blog-pager {
text-align: center;
margin-top:15px;
}
.feed-links {
clear: both;
line-height: 2.5em;
margin-top:15px;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
}
.sidebar ul {
list-style:none;
margin:0;
padding:0;
}
.sidebar li {
margin:0;
padding:0 0 10px 15px;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid #000;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: arial;
color: #000;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: #000;
text-transform: uppercase;
letter-spacing: .1em;
}
/*+++++++ FOOTER +++++++*/
#footer { background: #222222 url(images/footer.gif) repeat-x; width: 100%; margin:15px auto 0px; height:100px; font-size:10px; }
#foo { background:url(images/foobg.gif) no-repeat right; width: 955px; margin:auto; padding:10px; height:80px; color:#fff; }
#foo a:link { color : #FF9900; border: 0px;}
#foo a:active { text-decoration: underline; color : #FF9900; border: 0px;}
#foo a:visited { color : #FF9900; border: 0px;}
#foo a:hover	{color: #FFFFFF; border: 0px;}
#foo ul { float:left; margin-top:10px; }
#foo ul li {display:inline; height:35px; line-height:35px; font-weight:700;}
#foo ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#foo ul li.current_page_item a:hover{background:transparent;color:#fff;}
#foo ul li a { color:#fff;float:left; padding:0 20px 0 0;}
#foo ul li a:hover{background:none;color:#dadada; text-decoration:none;}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}