/* Theme Name: megusta 4.05 Theme URI: http://www.llorella.net Description: Light design basend on grey with a colour flavour Version: 4.05 Author: Fernando Llorella Author URI: http://www.formasolutions.com */ /* Generic Stylesheet Created by Fernando Llorella - Jannuary 2006 for www.kakoky.net Menu Structure --------------------------- 1. Layout 2. General Styles 3. Header 4. Content 5. SideBars 6. Footer */ /* 1. Layout ----------------------------------------------------------------------------------------------------- */ body {margin: 0; padding: 0; border: 0; background: #FFF; color: #333; font-size: 13px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;} #main {width: 1050px; margin: 0 auto;} #footer {clear: both; border-top: 1px solid #999999; margin: 20px 0;} /* 2. General Styles ----------------------------------------------------------------------------------------------------- */ a:link { color: #3B5998; text-decoration: none;} a:visited { color: #3B5998; text-decoration: none;} a:hover { color: #3B5998; text-decoration: underline;} img.alignleft, div.alignleft { float:left; margin:0 0.5em 0.5em 0; } img.alignright, div.alignright { float:right; margin:0 0 0.5em 0.5em; } img.aligncenter, div.aligncenter { padding: 10px; border: 1PX solid #e5e5e5; text-align: center; background: #FDFDFD; } /* 3. header ----------------------------------------------------------------------------------------------------- */ #header {clear: both; padding: 5px 0px; height: 1%;} #header .wrapper { width: 1050px; margin: 0 auto; } #header h1 { font-size: 100%; margin: 0; padding: 0; border: none; } #header h1#logo img { border: none; } #header:after, #body:after, #body .wrapper:after, #main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* UTILITY NAV */ #nav-utility {float: right; clear: both; margin: -38px -10px 0 0; _margin-right: -6px; padding: 0; list-style-type: none; font-size: 11px; } .guest #nav-utility {margin: -20px 0 0 0; } #nav-utility li {float: left; margin: 0 2px 0 0; padding: 0px 5px 0 0; *padding: 2px; } #nav-utility li#nav-utility-inbox { padding-left: 20px;} #nav-utility li.jump-link {position: absolute; left: -9999px;} #nav-utility a {color: #069; border-right: 1px solid #666; padding-right: 5px; } #nav-utility li#nav-utility-auth a {border: none; } /* PRIMARY NAV */ #nav-primary {float: left; margin: 1px 0px 0px 0px; *margin-top: 3px; padding: 0; list-style-type: none;} #nav-primary li {float: left; font-size: 13px; font-weight: bold; margin: 0 .5em 0 0; padding: 0; } #nav-primary li.open {position: relative; z-index: 1;} #nav-primary abbr {font-weight: normal; line-height: 1;} #nav-primary a {outline: none; color: #666666; position: relative; z-index: 1; display: block; border: 1px solid #fff; border-width: 0 1px 0 0; padding: 3px 24px 3px 0; text-decoration: none; white-space: nowrap; background: url(images/headermenu_default.png) 100% 4px no-repeat;} #nav-primary span { padding: 5px 0 5px 6px; *padding: 3px 0 3px 6px;} #nav-primary a span.hover {text-decoration: underline;} #nav-primary a.hover {background: url(images/headermenu_default.png) 100% -24px no-repeat;} #nav-primary li.open a {border: 1px solid #666666; border-bottom-color: #fff; padding: 2px 24px 2px 0; background: #fff url(images/headermenu_default.png) 100% -54px no-repeat; *background-position: 100% -53px ;} #nav-primary li.open span {padding: 2px 0 2px 5px;} #nav-primary li ul {display: none; list-style-type: none; position: absolute; left: 0; top: 23px; background-color: #fff; border: 1px solid #666666; margin: 0; padding: 5px 0; z-index: 0;} #nav-primary li.open ul {display: block;} #nav-primary li li {float: none; font-size: 75%; font-weight: normal; padding: 0; margin: 0; background: none; _margin-bottom: -1em;} #nav-primary li li a, #nav-primary li.open li a {padding: 4px 10px; background-image: none; border: none;} #nav-primary li li a:hover {background-image: none; background-color: #666666; color: #fff;} #nav-primary li.open li span {padding: 0;} #nav-primary #nav-primary-companies li a { padding-right: 20px;} /* GLOBAL SEARCH */ #global-search {float: right; clear: both; margin: -26px 0 0 0; padding: 0; *margin-top: 0; white-space: nowrap; text-align: right;} #global-search fieldset {margin: 0; padding: 0; border: none; } #global-search a { color: #069; font-size: 110%; margin-right: 4px; *vertical-align: 4px; } #global-search .hint { color: #000; } #global-search legend { display: none;} #global-search label {position: absolute; left: -12345px; } #global-search select {font-size: 130%; position: relative; *top: -1px; border: 1px solid #ccc; padding: 2px; } #global-search input.search-term {font-size: 130%; border: 2px solid #99cce6; width: 120px; padding: 2px 3px; *padding: 3px 4px 1px;} #sbi {padding: 0px 0px 2px 0px; width: 170px;background-color:#FFFFFF;} #sbb {padding: 2px; width: 70px;background-color:#eeeeee;} /* 3. headerbreadcrumb ----------------------------------------------------------------------------------------------------- */ #headerbreadcrumb { margin: 30px 0 30px 0; font-size: 12px; border-bottom: 1px solid #999999; color: #555555;} #headerbreadcrumb a:link { color: #000000; text-decoration: none; font-size: 13px; } #headerbreadcrumb a:visited { color: #000000; text-decoration: none; font-size: 13px; } #headerbreadcrumb a:hover { color: #000000; text-decoration: none; font-size: 13px; } #headerbreadcrumb ul { display: inline; margin: 0; padding: 0; } #headerbreadcrumb li { display: inline; margin: 0; padding: 0 5px 0 0; text-transform: lowercase;} /* 4. Blog ----------------------------------------------------------------------------------------------------- */ #right {float: right; width: 860px; margin: 0; padding: 0px; background:transparent url(images/blog_bg.gif) repeat-y scroll 0 0; margin-bottom:1em; padding:0 20px; } #right .title { background:transparent url(images/blog_bgtop.gif) no-repeat scroll 0 0; margin:0 -20px; padding:22px 20px 0; } #right .titledate {display:block; float:right; line-height:18px; padding: 2px 0 0 0; margin: 0;} #right .titledate img {border: 0px;} #right .bottom { background:transparent url(images/blog_bgbottom.gif) no-repeat scroll 0 100%; margin:0 -20px; padding:22px 20px 0; clear: both;} #right hr { border: 0; background-color: #7A7A7A; height: 1px; margin: 10px 0 20px 0;} #blog { float: left; width: 550px; line-height:1.7em; color:#222222; } #blog h2 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-size: 18px; font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif; font-weight: normal; } #blog h2 a, #blog h2 a:link, #blog h2 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } #blog img { padding:0; border: 0;} #blog p { margin:12px 0; line-height:1.6em; } #blog ol, #blog ul, #blog dl { padding:0 0 0 40px; margin:12px 0; } #blog dt { font-weight:bold; } #blog blockquote {margin: 10px 10px 0px 10px; padding: 5px 60px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; } #blog td { border-bottom: 1PX solid #CCCCCC; padding:1px 0; } #blog pre { background:#eee; padding:20px; } /* 4. Blog > SinglePost ----------------------------------------------------------------------------------------------------- */ .postcontent { width: 560px; margin-left: 0px; float:left !important; } #right h2 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-size: 18px; font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif; font-weight: normal; } #right h2 a, #right h2 a:link, #right h2 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } .postcontent p { margin:12px 0; line-height:1.6em; } .postcontent ol, #blog ul, #blog dl { padding:0 0 0 40px; margin:12px 0; } .postcontent dt { font-weight:bold; } .postcontent blockquote {margin: 10px 10px 0px 10px; padding: 5px 60px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; } .postcontent td { border-bottom: 1PX solid #CCCCCC; padding:1px 0; } .postcontent pre { background:#eee; padding:20px; } .postcontent hr { border: 0; background-color: #999999; height: 1px; margin: 10px 0 40px 0;} #postmeta { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -x-system-font:none; background:#FFFFFF none repeat scroll 0 0; border:1px solid #EEEEEE; color:#666666; float:left; margin: 15px auto 30px auto; padding:10px; width: 540px; font-size: 11px; } #postmeta h4 {font-size: 11px; font-weight: bold; border-bottom: 1px solid #E5E5E5; margin: 0; padding: 0 0 5px 0; } #postmeta_l {float: left; width: 300px; border-right: 1px solid #EEEEEE; padding-right: 10px;} #postmeta_r {float: right; width: 219px; padding-left: 10px;} #postmeta .bookmarks_list { overflow:hidden; margin: 0px; padding: 0px; } #postmeta .bookmarks_list ul { margin: 0px; padding: 0px; } #postmeta .bookmarks_list li { list-style-image:none; list-style-position:outside;list-style-type:none; display:block;float:left;list-style:none;} #postmeta .bookmarks_list li a { display:block;overflow:hidden;padding:4px 4px 4px 4px; width: 90px;} #postmeta .bookmarks_list li img { border: 0px; padding-right: 5px; } #postmeta .meta-time {background: url(images/meta_date.gif) no-repeat 0 50%;padding-left: 12px;margin: 0 10px 0 1px;} #postmeta .meta-author a {background: url(images/meta_author.gif) no-repeat 0 50%;padding: 0 0 0 11px;margin: 0 10px 0 0;color: #339900;} #postmeta .meta-comments a {background: url(images/meta_comments.gif) no-repeat 0 50%;padding: 0 0 0 13px;margin: 0 10px 0 0;color: #339900;} #postmeta .meta-edit a {background: url(images/meta_date.gif) no-repeat 0 50%;padding: 0 0 0 13px;color: #339900;} #postads {margin: 20px auto; padding: 20px 0; clear: both;} .postside_sponsors { margin: 0; padding: 0; } .postside_sponsors ul { margin: 0; padding: 0; } .postside_sponsors li { margin: 0; padding: 6px 0px; list-style: none;} .postside_sponsors img { border: 0px; } .postside { width: 250px; font-size:11px; color: #555555; float:right !important; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -x-system-font:none; background:#F0F0F0 none repeat scroll 0 0; margin: 0px; padding:10px; } .postside h4 {font-size: 11px; font-weight: bold; border-bottom: 1px solid #FFFFFF; margin: 20px 0 5px; padding: 0 0 5px 0; } .postside h3 {border-top:1px solid #E9E9E9; clear:left; margin:4px 0; padding:8px 9px 2px 0px; text-align:left; font-size:11px; color: #333333; } .postside h3 a, .postside h3 a:link, .postside h3 a:visited { text-decoration: none; color: #333333; } .postside h3 a:hover { color: #333333; text-decoration: underline;} .postside p { margin: 5px 0 10px 0; } #categorydesc { padding: 10px; border: 1PX solid #e9e9e8; background-image: url(images/categorydesc.png); background-repeat: x-repeat; background-position: left bottom;} #detalles { margin: 20px 0 0 0; padding: 0; } .detalles ul { margin: 0px; padding: 0px;} .detalles li { margin: 0 0 5px 0; list-style: none; color: #555555; border-bottom: 1PX solid #CCCCCC; padding: 0; } #postrelated { margin: 0 0 30px 0} #postrelated a { text-decoration: none; color: #343434; } .related_post { margin: 0; padding: 0; } .related_post li { margin: 0; padding: 6px 0px; list-style: none; border-bottom: 1px solid #E5E5E5; line-height: 14px; } .related_post li a { font-weight: normal; color: #555; } .related_post li a:hover { font-weight: normal; color: #555; } .loquemegusta { overflow:hidden; margin: 0px; padding: 0px; } .loquemegusta ul { margin: 0px; padding: 0px; } .loquemegusta li { list-style-image:none; list-style-position:outside; list-style-type:none; display:block; float:left; list-style:none;} .loquemegusta li a { display:block; overflow:hidden; padding: 4px 4px 4px 0; width: 112px;} .loquemegusta li img { border: 0px; } /* 4. Asides ----------------------------------------------------------------------------------------------------- */ .asides { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding: 30px 10px; } .asides ul { margin:0px; padding:0px; } .asides li { color:#666666; line-height:1.5em; } .asides li .meta { margin: 20px 0 5px 0; color: #777; font-size: 11px; text-align: right; } .asides .meta a { border-bottom:medium none; color:#B55C00; font-style:normal; text-decoration:none; } .asides .meta a:hover { text-decoration:underline; } .asides img { background:#FFFFFF none repeat scroll 0%; float:left; margin:2px 8px 0pt 0pt; max-width:100px; } /* 4. Page ----------------------------------------------------------------------------------------------------- */ #page { float: left; width: 890px; line-height:1.7em; color:#666666; } #page h2 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-size: 16px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; } #page h2 a, #blog h2 a:link, #blog h2 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } #page img { padding:0 5px 5px 5px; border: 1px;} #page p { margin:12px 0; line-height:1.6em; } #page a, #blog a:hover, #blog a:link, #blog a:visited { color: #555; text-decoration: underline; } #page a:hover { text-decoration: underline; } #page ol, #blog ul, #blog dl { padding:0 0 0 40px; margin:12px 0; } #page dt { font-weight:bold; } #page blockquote {margin: 10px 10px 0px 10px; padding: 5px 60px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; } #page pre { background:#eee; padding:20px; } #page hr { border: 0; background-color: #999999; height: 1px; margin: 10px 0 40px 0;} #page td { border-bottom: 1PX solid #CCCCCC; padding:1px 0; } .postmeta { margin: 20px 0 5px 0; color: #777; font-size: 11px; text-align: right; } .postmeta .meta-time {background: url(images/meta_date.gif) no-repeat 0 50%;padding-left: 12px;margin: 0 10px 0 1px;} .postmeta .meta-author a {background: url(images/meta_author.gif) no-repeat 0 50%;padding: 0 0 0 11px;margin: 0 10px 0 0;color: #339900;} .postmeta .meta-comments a {background: url(images/meta_comments.gif) no-repeat 0 50%;padding: 0 0 0 13px;margin: 0 10px 0 0;color: #339900;} .postmeta .meta-edit a {background: url(images/meta_date.gif) no-repeat 0 50%;padding: 0 0 0 13px;color: #339900;} /* 5. Sidebars ----------------------------------------------------------------------------------------------------- */ #sidebar { float:right; width: 300px; font-size: 11px;} #sidebar h2 { border-bottom: 1px solid #e4e4e4; padding: 0px; margin: 0 0 10px 0; font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif; } #recent { margin: 0 0 30px 0} #categories { margin: 0 0 30px 0} #categories a { text-decoration: none; color: #343434; } #articulos { margin: 0 0 30px 0; } #articulos li { margin: 0 0 10px 0; padding: 0; list-style: square; color: #555555; } #articulos li a { font-weight: normal; color: #000000; } #articulos li a:hover { font-weight: normal; color: #000000; } .listado { line-height: 1.4em; margin: 0; padding: 0; } .listado li { margin: 0 0 10px 0; padding: 0; list-style: none; color: #555555; height: 30px;} .listado li a { font-weight: normal; color: #000000; } .listado li a:hover { font-weight: normal; color: #000000; } .kjgrcGravatar { float: left; margin: 0 12px 0 0;padding: 0 3px 3px 0;} /* Content > Pagination --------------------------------------------------- */ div.pagination {clear: both;padding: 3px;margin: 10px;text-align:center; font-size: 12px; } div.pagination a {padding: 2px 5px 2px 5px;margin: 2px; text-decoration: none; } div.pagination a:hover, div.pagination a:active { color: #000;background-color: #FFFFFF} div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px; font-weight: bold;background-color: #FFFFFF;} div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* Content > comment --------------------------------------------------- */ #comment { width: 100%; padding: 22px 0 22px 0; clear: both; font-size: 11px;} #comment h3 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-size: 14px; font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif; font-weight: normal; } #comment ul { margin: 0; padding: 0; } #comment div { margin: 0; padding: 0; } #comment li { margin: 0; padding: 0; } #comment h4 { margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-bottom: 1px solid #E5E5E5;} #comment form { margin: 0; padding: 0; } #comment ieldset { margin: 0; padding: 0; } #comment input { margin: 0; padding: 0; } #comment blockquote { margin: 0; padding: 0; } #comment table { margin: 0; padding: 0; } #comment th { margin: 0; padding: 0; } #comment td { margin: 0; padding: 0; } #comment a { font-weight: normal; color: #246;} #comment a:hover { border-bottom: 1px solid #bbb; color: #68a;} #comment a:active { color: #468;} #comment ul#comments { margin-left: 52px;} #comment ul#comments img.avatar { float: left; margin-left: -52px; margin-right: 12px; padding: 3px; border: 1px solid #ddd;} #comment form { margin-top: 10px;} #comment textarea { width: 530px;} #comment input { margin: 4px 0;} #comment .meta { font-size: 11px; margin: 0 0 1.5em 0; color: #666;} #comment p.meta { font-size: 11px;} #comment p { line-height: 16px; margin: .7em 0; } #comment ul li { overflow: visible; margin-bottom: 1.5em; border-bottom: 1px solid #ddd;} #comment ul { list-style: none; margin-top: 16px; margin-left: 70px;} /* 6. Left ----------------------------------------------------------------------------------------------------- */ #left {float: left; width: 125px; margin: 0 23px 0 0; padding: 0px; font-size: 11px;} #left h2 { font-size: 11px; border-bottom: 1px solid #999999;} #left p {padding: 5px 0 5px 0; text-align: center; } #left img { border: 0px; } #left { line-height: 1.4em; margin: 0; padding: 0; } #left ul {margin: 0 0 20px 0; padding: 10px; border: 1px solid #E5E5E5;} #left li { margin: 0 0 10px 0; padding: 0; list-style: none; border-bottom: 1px solid #E9E9E9;} #left li a { font-weight: normal; color: #3B5998; } #left li a:hover { font-weight: normal; color: #3B5998; } /* 5. Footer ----------------------------------------------------------------------------------------------------- */ #footer{ font-size: 12px;} #footercontent { width: 1050px; margin: 0 auto;} #footerimg { padding: 4px 4px 4px 10px; vertical-align: middle; } #footer hr { border: 0; background-color: #e4e4e4; height: 1px; margin: 10px;} /* 5. homeposts BlogsFecha ----------------------------------------------------------------------------------------------------- */ #home {margin: 30px 0 0 0; } #homeposts { float: left; width: 650px; color:#222222; } #homeposts a.info img { margin-bottom: -1px; } #homeposts h2 { font-weight: bold; font-size:13px;} #homeposts h3 { padding: 2px 0 5px 0; margin: 0; color: #000000; font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif; font-weight: normal; } #homeposts h3 a, #homeposts h3 a:link, #homeposts h3 a:visited { padding: 5px 0 0 0; text-decoration: none; color: #000000; } #homeposts p {padding: 0; margin: 0 } #homeposts ol, #homeposts ul { list-style: none } #postfecha h2 { position: relative; border-bottom: 1px solid #999999; color: #666; width: 630px; } #postfecha ol { margin: 1.5em 0; } #postfecha li { padding-left: 82px; margin-bottom: 1.5em; min-height: 1%; } #postfecha li .meta { font-size: 11px; color: #666; } #postfecha .links { background-position: 0 0; } #postfecha .time { display: inline; float: left; margin-left: -82px; font-size: 11px; line-height: 1.2727em; color: #666; } #postfecha .more { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; } * html #postfecha { height: 1%; } * html #postfecha ol { height: 1%; } * html #postfecha li { height: 1%; } #postfecha-promotion p { margin: 1em 0; } #postfecha-promotion .favorite { padding-left: 20px; background: url("../images/buttons/fave.png") no-repeat 0 0; font-weight: bold; } #slideshow { float:right; width: 350px; font-size: 11px;} #slideshow h2 { font-weight: bold; border-bottom: 1px solid #999999;line-height: 1.2727em; color: #666; } .homecolumns { float:left; width: 1050px; font-size: 11px; margin: 20px 0;} .homecolumns h4 {font-size: 11px; font-weight: bold; border-bottom: 1px solid #E5E5E5; margin: 0 0 10px 0; padding: 0 0 5px 0; } .columns { float:left; margin: 0; padding: 5px; width: 228px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -x-system-font:none; background: #fff url(images/columns_bg.jpg) repeat-x scroll 0 0; border:1px solid #EEEEEE; } .column1 { float:left; margin:0 14px 0 0; padding:5px; width: 240px; } .column2 { float:left; margin:0 14px 0 0; padding:5px; width: 240px; } .column3 { float:left; margin:0 14px 0 0; padding:5px; width: 240px; } .column4 { float:left; margin:0 0 0 0; padding:5px; width: 240px; } #homeads { float:left; width: 1030px; font-size:11px; color: #555555; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -x-system-font:none; background:#F0F0F0 none repeat scroll 0 0; border:1px solid #EEEEEE; margin: 0px; padding:10px;} #homeads h4 {font-size: 11px; font-weight: bold; border-bottom: 1px solid #E5E5E5; margin: 0; padding: 0 0 5px 0; } #homeads .home-sponsors { margin: 0; padding: 0; } #homeads .home-sponsors ul { margin: 0; padding: 0; } #homeads .home-sponsors li { display: inline; margin: 0; padding: 6px 5px; list-style: none; float: left;} #homeads .home-sponsors img { border: 0px; }