/*
Theme Name: GlossyBlue Esp
Theme URI: http://www.ndesign-studio.com
Description: Tema WP glossy creado por N.Design Studioy traducido por Temas Wordpress .
Version: 1.4
Author: Nick La
Author URI: http://www.ndesign-studio.com
This theme was designed and built by Nick La.
By downloading and using this theme, you agree to the following terms:
- You may NOT resell this theme
- A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
- You may use this theme for personal or commercial projects
- You may modify, translate or distribute
*/
body {
font: 75%/150% "Trebuchet MS", Tahoma, Arial;
color: #333333;
background-image: url(images/body.jpg);
background-position: top center;
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
}
a {
color: #CC6600;
text-decoration: none;
}
a:visited {
color: #CC6633;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}
img {
border: none;
}
p {
padding: 0px 0px 15px;
margin: 0px;
}
h1 {
margin:0px;
padding-left: 0px;
height: 60px;
font: bold 16px/100% "Trebuchet MS", Tahoma, Arial;
color:000000;
text-align: left;
}
h1 a, h1 a:visited{
color: #c9eefe;
text-decoration: none;
}
h1 a:hover{
color: #ffffff;
text-decoration: none;
}
h2 {
color: #59770e;
margin: 0px 0px 2px;
border-bottom: 1px dotted #CCCCCC;
font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
padding-bottom: 10px;
}
h2 a, h2 a:visited {
color: #59770e;
text-decoration: none;
}
h2 a:hover {
color: #FF6600;
text-decoration: none;
}
h3 {
font: normal 110%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
text-align: left;
margin: 10px 0px 5px;
}
h4 {
font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}
form {
margin:0px;
padding:0px;
}
#page {
width: 852px;/*852*/
margin:auto;
padding:0px;
background-image: url(images/page.jpg);
background-position: top center;
background-repeat: no-repeat;
}
/* header area */
#header {
height: 368px;
/*position: relative;*/
}
#headerimg {
position: relative;
padding: 30px 0px 0px 40px;
height: 60px;
}
#headerimg .description{
position: absolute;
left: 110px;
bottom: 3px;
color: #c9eefe;
font-size: 14px;
}
#nav {
list-style: none;
list-style-position:inside;
margin-top: 252px;
margin-left: 235px;
padding:0px;
*border-top:1px solid transparent;
}
#nav li {
float:left;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
color: #000000;
text-decoration: none;
}
#nav .page_item a, #nav .page_item a:visited{
color: #ffffff;
text-decoration: none;
padding: 5px 15px;
font: 14px/100% Arial, Helvetica, sans-serif;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
display: block;
}
#nav .page_item a:hover {
color: #000000;
}
/* content area */
#content {
margin-left: 163px;/*163*/
*margin-left:85px;
margin-top: 30px;
float: left;
width: 500px;/*500*/
*width: 490px;
/*overflow: hidden;*/
padding:0;
}
.post {
clear:both;
background-image: url(images/post-1.jpg);
background-position: top center;
background-repeat: no-repeat;
width: 500px;
*width: 490px;
padding:5px 0 0 0;
}
.post-date {
margin-top: 41px;
margin-left: 10px;
*margin-left:3px;
width: 42px;
height: 42px;
float: left;
/* margin-right:19px;*/
}
.post-month {
font-size: 9px;
text-transform: uppercase;
color: #000000;
text-align: center;
display:block;
line-height: 9px;
padding-top: 4px;
}
.post-year {
font-size: 9px;
text-transform: uppercase;
color: #000000;
text-align: center;
display:block;
line-height: 9px;
}
.post-day {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #59770E;
text-align: center;
display: block;
line-height: 12px;
}
.post-box{
width:426px;
*width:422px;
float:right;
border:0px solid red;
margin-left:1px;
}
.post-title {
margin:0;
margin-bottom:10px;
/*width: 216px;326*/
padding:0 50px 0 50px;
}
.entry {
clear: both;
/*margin-left: 74px;*/
margin-top: 37px;
margin-bottom: 30px;
width: 326px;
*width: 322px;
background-color: #FFFFFF;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
text-align: justify;
}
.post-cat {
background: url(images/mini-category.gif) no-repeat;
padding-left: 20px;
float:left;
font-size: 95%;
color: #999999;
}
.post-comments {
background: url(images/mini-comments.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
}
.post-calendar {
background: url(images/mini-calendar.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
color: #999999;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat;
padding-left: 18px;
float: right;
}
.navigation {
clear: both;
}
.navigation a, .navigation a:visited {
color: #000000;
}
.previous-entries a {
float: left;
margin-left: 75px;
margin-bottom: 20px;
padding-left: 30px;
background: url(images/flecha_izquierda.gif) no-repeat left center;
}
.next-entries a {
float: right;
margin-bottom: 20px;
padding-right: 30px;
background: url(images/flecha_derecha.gif) no-repeat right center;
}
.search-post {
clear:both;
width: 500px;
*width: 490px;
padding:5px 0 0 0;
}
.search-post h2{
margin:0px 0px 0px 74px;
padding:10px 0px 0px 50px;
background-color:#FFFFFF;
}
.post-content {
clear: both;
margin-left: 74px;
margin-top: 30px;
margin-bottom: 30px;
widht: 326px;
background-color: #FFFFFF;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
padding-top:10px;
}
.search-post-content {
clear: both;
margin:0px 0px 30px 74px;
background-color: #FFFFFF;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
padding-top:10px;
}
/* comments area */
#comments, #respond {
margin-left: 124px;
margin-right: 50px;
border-bottom: 1px dotted #FFFFFF;
padding: 10px 0 5px 0;
clear: both;
}
#comments-box{
text-align:left;
margin:10px 0 15px 0;
}
#comments-box #comments{
margin:0;
}
#comments-box ol{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:340px;
list-style-position:inside;
}
#comments-box ol li{
text-align:justify;
}
#comments-form-box{
margin-top: 37px;
margin-bottom: 30px;
width: 370px;
*width: 370px;
padding-left:0px;
margin-left:111px;
}
#comments-form-box #respond{
margin:0;
padding:0;
margin-bottom:10px;
}
#commentform{
width:370px;
margin:0;
display:block;
}
.commentlist {
margin-top: 10px;
margin-left: 114px;
margin-bottom: 10px;
padding-left: 10px;
line-height: 130%;
width: 326px;
}
.commentlist li{
margin-top: 10px;
padding: 5px 10px;
border: dotted 2px #FFFFFF;
}
.commentlist .alt {
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 120%;
color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
color: #CC6600;
}
.commentlist small {
margin-left: 124px;
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
/*margin-top: 10px;
margin-left: 124px;*/
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
width: 326px;
padding: 6px 0px;
margin: 0px;
}
#commentform label{
padding: 6px;
color: #787878;
font-size: 87%;
}
#commentform input{
width: 163px;
background: #FFFFFF;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 326px;
height: 115px;
background: #FFFFFF;
padding: 2px;
margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
background: url(images/btn-bg.gif) no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
float:left;
width: 144px;
height: 20px;
cursor: pointer;
margin-bottom: 10px;
}
/*sidebar */
#sidebar {
float: right;
margin-top: 30px;
padding-left: 0px;
padding-right: 0px;
width: 159px;
*width: 162px;/*169*/
margin-right:10px;
*margin-right:5px;
}
#sidebar table#wp-calendar{
font-size:11px;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font: normal 120%/100% "Trebuchet MS", Tahoma, Arial;
text-align: center;
color: #758d38;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
border-bottom: 2px solid #FFFFFF;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
color: #495233;
text-decoration: none;
}
#sidebar a:hover{
color: #FF6600;
text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin-bottom: 10px;
border: solid 10px #FFFFFF;
}
/*sidebar list level2 */
#sidebar ul li ul {
padding: 0;
margin: 10px;
}
#sidebar ul li ul li{
padding: 2px 0 2px 0px;
border: none;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}
/*blogroll */
ul.list-blogroll li{
background: url(images/mini-blogroll.gif) no-repeat !important;
padding-left: 16px !important;
}
/*links widget */
li.widget_links li{
text-align: center;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
background: url(images/flecha_derecha02.gif) no-repeat !important;
padding-left: 25px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
background: url(images/mini-monthly-archive.gif) no-repeat !important;
padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url(images/mini-page.gif) no-repeat !important;
padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
background: url(images/mini-page-arrow.gif) no-repeat !important;
padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
background: url(images/flecha_derecha02.gif) no-repeat !important;
padding-left: 25px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 3px;
color: #FFFFFF;
}
/*text widget */
.textwidget {
padding-top: 5px;
}
/*search form */
#searchform {
margin: 5px;
}
#searchform br {
display: none;
}
#searchform #s {
/* border:1px solid #203346; */
width: 120px;
height: 20px;
padding: 4px 5px 0px 5px;
background: #fff;
margin: 5px;
color: #000000;
font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#search-form-box{
text-align:center;
}
#searchform{
margin:0px 0px 0px 0px;
}
#searchform #s{
width: 70px;
margin-top: 5px;
margin-bottom: 5px;
height: 16px;
line-height:16px;
border:0px;
}
#searchform #searchsubmit {
background: url(images/search-btn-bg.gif) no-repeat;
margin:0px 0px 5px 0px;
border: none;
height: 16px;
line-height:16px;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
color: #FFFFFF;
vertical-align: middle;
}
/* footer area */
#footer {
clear: both;
background-color: #777777;
height: 20px;
color: #000000;
font-size: 95%;
line-height: 130%;
padding-top: 10px;
padding-bottom: 5px;
}
#footer a, #footer a:visited {
color: #000000;
}
#footer h4 {
font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color: #000000;
margin: 10px 0px 5px;
}
.footer-recent-comments {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-comments ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.footer-recent-comments ul li {
background: url(images/flecha_derecha.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-posts strong {
font-size: 107%;
line-height: 135%;
font-weight: bold;
}
.footer-recent-posts ul {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 92%;
line-height: 110%;
}
.footer-recent-posts ul li {
background: url(images/mini-footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-about {
width: 220px;
float: right;
padding-right: 10px;
padding-left: 10px;
}
/* credits */
#credits {
margin-left: 237px;
width: 523px;/*760*/
/*right: 30px;*/
color: #000000;
font-size: 85%;
line-height: 120%;
}
#credits a, #credit a:visited {
color: #000000;
}
.rss {
background: url(images/mini-rss.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}
.loginout {
background: url(images/mini-loginout.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
.spacer{
font-size:1px; clear:both;
}