Publicado por Danit Egas martes, 17 de mayo de 2011





<data:blog.pageTitle/>
/*

Blogger Template Style
Name: PhotoBlog
Designer: Kumar
URL: www.bloggertheme.net
Version: 1.0

*/

/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }
#navbar-iframe{display:none;height:0;visibility:hidden}
body,html {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin:0;
padding:0;
background:#202020 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSoegFnu99nDvPAT5uYbiHZ_6M2prS2Eh7IrBstkf4JFlD4LC2ee5Qvu_lWZBabTSnAZnFd0BGuClXVw4ojzqxhAcrVJkNgnGCGVYar_WkXwl7L_pgnR_VAKSFYHm6GD0YVg-16iy8nk/s1600/background.png) 0 0 repeat-x;
line-height:135%;
}

ul {
list-style:none;
}

a {
text-decoration:none;
}

a:hover {
color:#C00;
text-decoration:underline;

}

a img {
border-width:0;
}

#post a:hover {
color:#C00;
text-decoration:underline;
}

#sidebarInner a:hover {
color:#C00;
text-decoration:underline;
}


#sidebar1Inner a:hover {
color:#C00;
text-decoration:underline;
}

a:focus {
outline:none;
}

p {
margin:1em 0;
}


/* LAYOUT STRUCTURE
--------------------------------------------------*/
#wrapper {
margin:0 auto;
width:960px;
}


#header {
height:150px;
position:relative;
z-index:99;
}

#content {
padding:15px 0 20px;


}

#post{
width:550px;
border:7px solid #fff;
float:left;
background:#fff;
padding:17px 13px 17px 18px;
}

#sidebar {
float: left;
width: 185px;
padding: 0px 5px 0px 5px;
position:relative;
}

#sidebar1 {
float: right;
width: 170px;
position:relative;

}


#footer {

border-top:2px solid #ddd;
padding:12px 0 35px 0;
width:960px;
margin:1px auto;
color:#868686;
position:relative;
font-size:11px;
}

#footer a {

color:#FFF;
font-weight: bold;
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
border:none;
}

#footer a:hover {
color:#C00;
}

/* HEADER ELEMENTS
--------------------------------------------------*/
/* -- logo --*/
#logoTag {
position:absolute;
top:65px;
left:0;
}

#logoTag #logo {
height:85px;
padding-left:12px;
float:left;
}

#logoTag #logoImg {
background:none;
padding:0;
float:left;
padding-top:3px;
padding-right:10px;
}

#logoTag #logoImg img {
border:none;
}

#logoTag #logo #header {
background-position: right;
background-repeat:no-repeat;
padding-right:12px;
color:#fff;
font-size:22px;
padding-top:24px;
height:61px;
float:left;
line-height:100%;
}

#logoTag #logo #header h1 a {
color:#fff;

}
#logoTag #logo #header .description {
float:left;
padding-top:10px;
padding-left:35px;
color:#CFD5DA;
text-transform:uppercase;
font-size:12px;
}


#bottomLinks {
position:absolute;
top:12px;
right:0;
}

#bottomLinks li {
float:left;
background:url() 0 50% no-repeat;
padding-left:7px;
padding-right:15px;
}

#bottomLinks a {
color:#FFF;
font-weight: bold;
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
border:none;
}

.logoimg {
margin: 0px 0 0 0; border:none;
}

/* TOP MENU */

#pagemenucontainer {
height: 30px;
padding: 15px 0 0 15px;
}

#pagemenu {
height: 30px;
}

#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 1px;
}

#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

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

#pagemenu li a, #pagemenu li a:link {
color: #FFF;
display: block;
margin: 0 6px 0 0;
padding: 7px 16px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#pagemenu li a:hover, #pagemenu li a:active {
color: #FFF;
font-size: 11px;
font-weight: bold;
display: block;
text-decoration: none;
background: #0078a3;
}

#pagemenu li.current_page_item a {
color:#FFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
background: #464646;
}

#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}


#navcontainer {
height: 38px;
display: block;
overflow: hidden;
padding-left: 15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZUYF64ikuEtA0Z8VgZGOFTb_SPU9-ViKlMZR3yXNUFhz3JQUefqOExq3DyUHOYVsD4WNiqQxVjzVi1RSEtp_xm7ik6yfjcOnR0C8Zvhi31zeTFUQ9Fz3bBRobg-eSOeshuqU_8yaeBx20/s1600/nav-bg.png) left top repeat-x;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#navcontainer .current-cat a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgBsMHo0eIMfGhj0m9PYMHVxghCQlyYoAeJm1P9xHrPS6jNN9GKySqlW9BEdVhGokwQS3PEZ3phgjl-xrTcjluh32K99eF5kHWGLywtEuqMbiBpxUfvENhe54XCmg7Lv_zfjKqm-3YdOT/s1600/nav-hover.png) left top repeat-x;
color:#FFCB08;
}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
margin:0 4px 0 0;
float:left;
padding:13px 15px;
text-transform:uppercase;
color: #262525;
font-weight: bold;
font-size: 12px;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a {
color: #fff;
font-size: 12px;
text-align:left;
background-color:#3C3737;
padding:5px 20px;
color: #FFFFFF;
}
/* All menu links on hover or focus */
#nav li a:hover,
#nav li a:focus,
#nav a.mainMenuParentBtnFocused{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgBsMHo0eIMfGhj0m9PYMHVxghCQlyYoAeJm1P9xHrPS6jNN9GKySqlW9BEdVhGokwQS3PEZ3phgjl-xrTcjluh32K99eF5kHWGLywtEuqMbiBpxUfvENhe54XCmg7Lv_zfjKqm-3YdOT/s1600/nav-hover.png) left top repeat-x;
color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
background-color: #444141;
color:#FFCB08;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
/*background: url(../img/arrow_down.gif) right center no-repeat;*/
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
/*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
background: none;
left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
cursor: pointer;
float: left;
margin: 0 2px 0 0;
padding: 0 2px 0 0;
height: 38px;
display: inline;
}
#subMenusContainer li {
list-style: none;
}
/* main menu ul or ol elment */
#nav {
width: 950px;
margin: 0 auto;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
}
#nav .children{
display: none;
}
#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}



/* ------------------------*/

#headtop {
position:absolute;
top:9px;
right:0;
}

/* POST ELEMENTS
----------------------------------------------*/
.searchQuery, #archive-title {
border-bottom:1px solid #E2E2D8;
padding:0 0 10px;
margin-bottom:15px;
}

.searchQuery strong, #archive-title strong {
font-size:14px;
}


#post h1 {

padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:32px;
letter-spacing:-1px;
line-height:110%;
text-decoration:none;
font-weight:normal;
}

.alignleft {
float:left;
margin:5px 15px 5px 0;
}

.alignright {
float:right;
margin:5px 0 5px 15px;
}

#post img {
padding:8px;max-width:550px;
}

#post .blogItem {
margin-bottom:10px;
padding-bottom:10px;
}

#post .blogItem .itemTitle {
position:relative;
margin-bottom:10px;
}

#post .blogItem .date{
float:left;
width:47px;
height:50px;
text-align:center;
padding-right:25px;
}

#post .blogItem .date .month{
color:#ccc;
font-size:10px;
text-transform:uppercase;
padding-bottom:5px;
}

#post .blogItem .date .day {
font-size:20px;
color:#fff;
font-weight:bold;
line-height:130%;
}

#post .blogItem .itemTitle h1 {
border:none;
}

#post .blogItem .itemTitle h1 a{

padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:32px;
letter-spacing:-1px;
line-height:110%;
text-decoration:none;
font-weight:normal;
}


#post .blogItem .metadata {


background:none repeat scroll 0 0 #ddd;
color:#333333;
font:normal normal 90% 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0;
margin:0.75em 0;
padding:12px 15px;
text-transform:none;

}



#post h2#comments {
border-bottom:1px solid #E2E2D8;
padding:20px 0 15px;
}



/* SIDEBAR ELEMENTS
----------------------------------------------*/

.sidebarwidget {
margin:0;
padding:0;
list-style-type:none;
}
#sidebarInner h2 {
font-size:16px;
padding:5px 0 8px;

}

#sidebarInner ul {
padding-bottom:10px;
}

#sidebarInner ul li {
padding:6px 0;
border-bottom:1px solid #E2E2D8;
}

#sidebarInner ul li a {
color:#666;
border:none;
}

#sidebarInner li {
padding:6px 0;
border-bottom:1px solid #E2E2D8;
}

#sidebarInner li a {
color:#666;
border:none;
}
#sidebarInner {
border:7px solid #fff;
background:#fff;
padding:8px 8px 15px;
position:relative;
list-style-type:none;
}




#sidebar1Inner h2 {
font-size:16px;
padding:5px 0 8px;

}

#sidebar1Inner ul {
padding-bottom:10px;
}

#sidebar1Inner ul li {
padding:6px 0;
border-bottom:1px solid #E2E2D8;
}

#sidebar1Inner ul li a {
color:#666;
border:none;
}

#sidebar1Inner li {
padding:6px 0;
border-bottom:1px solid #E2E2D8;
}

#sidebar1Inner li a {
color:#666;
border:none;
}
#sidebar1Inner {
border:7px solid #fff;
background:#fff;
padding:8px 8px 15px;
position:relative;
list-style-type:none;
}
/*COMMENTS
---------------------------------------------*/
#post ul.commentlist {
margin-bottom:10px;
list-style-type:none;
}

#post ul.commentlist li {
background:none;
border-bottom:1px solid #E2E2D8;
padding:10px 0;
padding-left:10px;
}
#post ul.commentlist li .textcomment{
margin-left:50px;
}
#post ul.commentlist li .commentmetadata {
font-size:11px;
color:#777;
}
#post ul.commentlist li img {
border:none;
padding:0;

}

/* CLEARING
---------------------------------------------------*/
.clearfix:after {
content: ".";
display:block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
clear: both;
}

.noclear {
clear: none;
}
/* Rockwell Theme - pink style */

a {
color:#1C4991;
text-decoration:none;
}

#post a {

}

#sidebarInner a {
border-bottom:1px dotted #00B0F5;
}

#sidebar1Inner a {
border-bottom:1px dotted #00B0F5;
}

h2, h3, h4, h5 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
}

#bottomLinks a:hover {
color:#C00;
}


/* --*/

.searchQuery strong, #archive-title strong {
color:#00B0F5;
}

#post .blogItem .date{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhTw145yagxZXk7AIa1QSyCxVOMpyoczi5DTNY1LliQeq8nrIT9AH_c8nekaYhzywLo13xn9ZZnJQj0zv2_jm9ukAuWGV6e-sFGxHwYB7FEe49O6bnqeTQFeB2R9vhl2JZfRcZN6pfbg/s1600/ico_date_pink.png) 0 0 no-repeat;
}

#post .blogItem .metadata {
color:#666;
}

#post .blogItem .itemTitle h1 a{

color:#333;
}

#post .blogItem .itemTitle h1 a:hover {

color:#333;
}

#post h2#comments {
color:#333;
}

#sidebarInner h2 {
color:#000;
}

#sidebarInner ul li a:hover {
color:#c00;
}

#sidebar1Inner h2 {
color:#000;
}

#sidebar1Inner ul li a:hover {
color:#c00;
}


.avatar-image-container avatar-stock img,.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFBycpZ7GikEM2SXR1VejXF-laYKWeeYdY1CYJj0JaSKi7rS2I_sZZjyQ0FNvC2xNhQmB8wKfJTOwkZCik7TGM09iCIqFfJwv0IHCiJ6RxVIECqnhHYxEiZ96nYGClNkfovvbP7GwokAM/s1600/grav.png);
width:40px;
height:40px;
border:1px solid #ddd;
float:left;margin-right:10px;}
.avatar-image-container{float:left;width:40px;height:40px;margin-right:10px;}
#blog-pager-newer-link{float:left;margin-left:20px;margin-top:10px;}
#blog-pager-older-link{float:right;margin-right:20px;margin-top:10px;}
#blog-pager{text-align:center;margin:10px auto;}
#blog-pager a{color:#999;font-weight:bold;}
.quickedit{display:none}

#slidearea{
height: 250px;
overflow: hidden;
position: relative;
width:940px;
background:#fff;
border:10px solid #fff;
margin:20px 0px 20px 0px;
box-shadow: 0 0 10px #aaa;
-moz-box-shadow: 0 0 10px #aaa;
-webkit-box-shadow: 0 0 10px #aaa;
}

ul.kwicks{
padding:0px 10px;
list-style:none;
}
.kwicks li {
float: left;
width: 196px;
height: 250px;
position:relative;
}

.kwikmet{
position:absolute;
bottom:10px;
left:10px;
right:10px;
display:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkmvXseeAFAYHRowqgJiL29eZ7VMNO3tH-Q8sUiIqgXApnWBqVcOYO4-mpu9dAPt2doh6JqL0bo4K-ufS4vinuJCBE_Rc1ua-CV51ITMLrIf220deqA1I4iOECawB2CoIg_jkjsXI3miX/s1600/trans.png);
padding:10px;
width:710px;
color:#888;
}

.kwikmet h2 a{
color:#fff;
font-size:16px;
font-family:georgia;
font-weight:normal;
padding-bottom:10px;
}

.slidimg{
width:750px;
height:250px;
}

.rounded{

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


]]>