/*  

Theme Name: Green Grapes
Theme URI: http://rock-kitty.net
Description: Very nice green theme. The theme is a linkware, so please, make sure you agree to my <a href="http://rock-kitty.net/graphics/wordpress-themes/tos/" target="_blank">Terms Of Use</a>.
Author: Kate
Author URI: http://rock-kitty.net

*/



body {
background: #32373B;
margin: 0;
padding: 0;
font: 10pt verdana, arial, helvetica, sans-serif;}

#wrapper {
width: 830px;
height: 100%;
margin: 0 auto;}

#header {
clear: both;
width: 830px;
background: url(images/header.jpg) no-repeat;
height: 198px;}

#bg {
float: left;
width: 830px;
height: 100%;
background: url(images/bg.gif) repeat-y;}

.about {
padding-left: 18px;
width: 230px;
color: #ffffff;}

.about h4 {
margin-bottom: 10px;
padding-top: 13px;
font-size: 13pt;
color: #ffffff;}

/* TOP NAVIGATION */

#navbar {
background: url(images/topbg.gif) repeat-x;
width: 100%;
margin-top: 0;
margin-bottom: 30px;
height: 55px;
text-align: center;}

.menu * {
margin: 0;}

.menu {
width: 100%;
padding-top: 19px;
margin: 0;}

.menu ul {
margin: 0;
position: relative; 
list-style-type: none;}

.menu ul li {
display: inline;
padding: 11px 15px 13px 15px;
background: transparent url(images/divider.gif) repeat-y center left;
list-style: none;}

.menu li a {
display: inline;
font: bold 10pt verdana, arial, helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: #ffffff;}

.menu .home {
background: none;}

.menu li a:hover {
color: #91C538;}

/* BLOG NAME PROPERTIES */

h1 {
float: left;
display: inline;
margin: 0;
padding: 0 8px 10px 5px;
font: bold 17pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #DCE7C7;}

a.mainlink {
text-decoration: none;
color: #DCE7C7;}

a.mainlink:hover {
text-decoration: none;
color: #DCE7C7;}

#description {
padding-top: 8px;
font: bold 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #DCE7C7;}

/* SIDEBAR */

#mainnav {
float: right;
width: 220px;
margin-top: 20px;
padding-right: 20px;
color: #44484B;}

.nav h2 {
clear: both;
width: 220px;
background: url(images/h2.gif) repeat-x;
font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 15px;
padding: 6px 0;
text-indent: 10px;
color: #ffffff;}

.nav * {
padding: 0;
margin: 0;}

.nav li {
list-style: none;}

.nav li a {
display: block;
padding: 5px 0;
width: 220px;
background: url(images/nav.gif) 3px 10px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 1px dashed #C4C6C7;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;
color: #23292C;}

.nav li a:hover {
background-color: #EEF2E8;
text-decoration: none;
color: #51585B;}

/* MAIN PROPERTIES */

#main {
float: left;
margin-top: 20px;
padding-left: 20px;
line-height: 16px;
text-align: justify;
font: 10pt verdana, arial, helvetica, sans-serif;
width: 510px;
color: #44484B;}

h3 {
margin: 3px 0;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 10px;
color: #65A001;}

a.link {
margin-top: 20px;
text-decoration: none;
color: #65A001;}

a.link:hover {
text-decoration: none;
color: #65A001;}

.reply {
clear: both;
margin-top: 20px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 14px;
color: #65A001;}

blockquote {
padding-left: 7px;
padding-right: 5px;
font-size: 8pt;
border: 1px solid #609901;
color: #6B7175;}

.clear {
clear: both;}

/* AUTHOR TEXT */

.postauthor {
display: block;
margin: 0;
padding: 0 0 7px 0;
background: url(images/dottedbg.gif) bottom repeat-x;
font-weight: bold;
color: #60666A;}

.date {
display: block;
margin: 0;
padding: 5px 0 0 0; 
color: #979797;}

.entries {
clear: both;
height: 25px;
padding: 0;
margin-top: 35px;
margin-bottom: 20px;}

.entries a {
font-weight: bold;
text-decoration: none;
font-size: 12px;}

.entries a:hover {
text-decoration: none;}

.left {
float: left;}

.right {
float: right;}

/* COMMENTS */

.com {
clear: both;
text-align: right;
height: 18px;
padding-right: 7px;
margin-bottom: 20px;
color: #4A7700;}

.com a {
background: url(images/comment.gif) left no-repeat;
padding-left: 18px;
padding-bottom: 1px;
text-decoration: none;
color: #4A7700;}

.com a:hover {
text-decoration: underline;
color: #95989B;}

.edit {
float: left;}

.edit a {
padding: 0;
background: none;}

.author {
padding: 7px 0 0 10px;
font: bold 13pt Times New Roman, arial;
color: #757B80;}

.author a {
color: #78A136;}

.alt {
background-color: #F0F3F2;
border: 1px solid #E5E5E5;}

.comment {
padding: 0 10px;}

.userinfo {
padding: 0 10px 10px 0;
text-align: right;}

/* FOOTER */

#footer {
clear: both;
background: url(images/footer.gif) no-repeat;
height: 74px;
font-size: 7pt;
color: #838383;}

#footer a {
text-decoration: none;
font-size: 7pt;
color: #838383;}

#footer a:hover {
color: #95989B;}

/* INPUT PROPERTIES */

#search {
margin-right: 5px;
margin-top: -20px;
float: right;}

.searchform {
background-color: #F4F6F5;
border: 1px solid #6F767B;
padding-left: 6px;
color: #44484B;}

.field {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #6F6F6F;}

.comments {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #6F6F6F;}

.button {
background-color: #749D39;
border: 1px solid #6F767B;
color: #ffffff;}

* html .button {
height: 20px;}

/* IMAGE STYLE */

img {
float: left;
padding-right: 5px;
border: 0;}

.wp-smiley {
float: none;}

/* GENERAL LINK STYLE */

a {
text-decoration: underline;
color: #23292C;}

a:hover {
text-decoration: none;
color: #608F12;}

/* WIDGET PROPERTIES */

#calendar_wrap {
border: 1px solid #497601;}

.widget_calendar td {
padding: 2px 5px;}

.widget_calendar caption {
font-weight: bold;
font-size: 10pt;
padding: 6px 0;
color: #44484B;}

.widget_calendar th {
color: #497601;}

.widget_recent_comments li {
display: block;
padding: 5px 0;
width: 220px;
background: url(images/nav.gif) 3px 10px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 1px dashed #C4C6C7;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;
color: #23292C;}

.widget_recent_comments li a {
border: none;
background: none;}

.widget_recent_comments li a:hover {
background: none;}

.widget_search {
padding-top: 26px;}

.widget_search input#s {
background-color: #F4F6F5;
border: 1px solid #6F767B;
padding-left: 6px;
color: #44484B;}

.widget_search input {
background-color: #749D39;
border: 1px solid #6F767B;
color: #ffffff;}

.widget_text {
line-height: 16px;
font: 10pt verdana, arial, helvetica, sans-serif;}

.bannerContainer{
	clear:both;
	width:140px;
}
.banner_bgtop{
	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);
    background-position:left bottom;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
	
}
.banner_bgtop span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);
	background-position:right bottom;
	width:140px;
	height:51px;
	float:left;
	padding:0px 0px 0px 5px;
	text-align:center;
	-moz-box-sizing: border-box;	
}
*html .banner_bgtop span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);
	background-position:right bottom;
	width:140px;
	height:51px;
	float:left;
	padding:0px 0px 0px 0px;
	text-align:center;
	-moz-box-sizing: border-box;	
}
.banner_bgtop a img{
	align:center;	
}
.banner_bgtop a.linksCiaoTop{
	background: none;
	background:transparent!important;
	background-image:none!important;
	margin:0!important;
	padding:0px 10px 0px 0px!important;
	text-decoration:none!important;
	border:0!important;	
}
.banner_bgmiddle{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:left top;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	width:140px;
	-moz-box-sizing: border-box;	
}
.banner_bgmiddle span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:right top;
	float:left;
	padding:0px 0px 0px 5px;
	font-family:arial,"helvetica, sans-serif";
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	width:140px;
	-moz-box-sizing: border-box;		
}
*html .banner_bgmiddle span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:right top;
	float:left;
	padding:0px 0px 0px 0px;
	font-family:arial,"helvetica, sans-serif";
	font-size:11px;
	color:#000000;
	text-decoration:none;
	width:140px;	
}
.banner_bgmiddle a.arrowCiao{
	background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;	
	font:11px arial!important;
	color:#ff7c00!important;
	margin:0!important;
	padding:0px 0px 0px 10px!important;
	text-decoration:underline!important;
	display:block!important;
	text-align:left!important;
	border:0!important;	
}
.banner_bgmiddle form.busqueda{
	margin:0px;
	padding:0px;
}
.banner_bgmiddle span  input.search{
	background:url(http://images.ciao.com/ide/images/box/form_80x25.gif) no-repeat;
	font:10px arial;
	border:0px solid #ff0000;
	float:left;
	width:80px;
	height:25px;
	margin:0px 1px 0px 0px;
	padding:5px 0px 0px 0px;
	vertical-align:middle;
	text-align:center;
}
.banner_bgmiddle input.go{
	margin:2px 0px 0px 5px;
	width:20px;
	height:20px;
	display:inline;
	float:clear;
	border:0;
}
.banner_bgbottom{
	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);
	background-position:left bottom;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	color:#000000;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
}
.banner_bgbottom span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);
	background-position:right bottom;
	float:left;
	padding:0px 0px 0px 5px;
	font:22px bold;
	color:#000000;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
}
*html .banner_bgbottom span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);
	background-position:right bottom;
	float:left;
	padding:0px 0px 0px 0px;
	font:22px bold;
	color:#000000;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
}
.banner_bgbottom a.linksCiaoBottom{
	background: none;
	background:transparent!important;
	background-image:none!important;
	margin:0!important;
	padding:0px 0px 0px 10px!important;
	text-decoration:none!important;
	display:block!important;	
	border:0!important;	
}
.banner_bgbottom div.footnoteCiao {
	margin: 5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	font: 9px arial;
	color: #7b7b7b;
	text-align: center;
}
.banner_bgbottom div.logo{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	text-align:center;
}
.bannerContainer{
	clear:both;
	width:140px;
	margin : 0 auto;
}