/*  
Theme Name: Gift Ideas
Description: Gift Ideas WordPress Theme. Based on Bird theme of Saroyama.
Author: Jose Gil
Author URI: http://www.studiomate.com.ar/

*/

body {
background: #ffffff url(images/bg.jpg) top repeat-x;
margin: 0;
padding: 0;
font: 10pt verdana, arial, helvetica, sans-serif;
}

#wrapper {
width: 940px;
height: 100%;
margin: 0 auto;
background: url(images/main.jpg) repeat-y;}

#header{
width: 938px;
height: 198px;
margin: 0 auto;
background: url(images/header-bg.jpg) repeat-x;
border:1px solid #fff;
margin-top:20px;
margin-bottom:5px;}

#header-img{
background: url(images/header-img.jpg) no-repeat bottom;
width:568px;
height:184px;
float:right;
margin-top:8px;
margin-right:8px;
}

#logo{
float:left;
width:332px;
height:70px;
background: url(images/logo.png) no-repeat;
margin-top:25px;
margin-left:25px;
}

#description {
float:left;
width:230px;
padding: 20px;
margin: 0 0 0 45px;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
border:1px dotted #fff;
text-align:center;}


#navigation{
width:940px;
height:35px;
background: url(images/navigation.jpg) repeat-x;
margin:0 auto;
color:#fff;
font-weight:bold;
}
#navigation ul{
list-style:none;
list-style-image:none;
float:left;
padding:8px 0 0 8px;
margin:0;
display:block;
}
#navigation ul li a{
color: #fff;
font-weight:bold;
}
#navigation ul li a:hover{
color:#FF9900;
}

.category{
padding:5px 0 0 5px;
}
.category a{
font-weight:bold;
color:#4D4D73;
font-size:10px;
}
.category a:hover{
color:#FF9900;
}

/* TOP NAVIGATION */

#navbar {
float: left;
display: inline;
width: 100%;
margin: 0;
padding-top: 30px;
text-align: left;}

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

.menu {
float: left;
display: inline;
width: 100%;
padding: 0;
margin: 0;}

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

.menu ul li {
float: left;
display: inline;
padding-right: 30px;
list-style: none;}

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

.menu li.current_page_item a {
color:#FF9900;}

.menu li a:hover {
text-decoration: underline;}

/* BLOG NAME PROPERTIES */

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

/* SIDEBAR */

#leftnav {
float: left;
width: 200px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 30px;
color: #000000;
border-top: 3px solid #fff;
padding-top:10px;

}
#leftnav .nav ul{
*margin-left:-20px!important;
}

#mainnav {
float: right;
width: 200px;
margin-top: 10px;
padding-left: 0px;
padding-right:0;
margin-right:0;
color:#000000;

}

.nav h2 {
display:block;
float:left;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 5px 0 5px 0;
padding: 8px 0 0 30px;
color: #fff;
background:url(images/side-title.jpg) no-repeat;
height:27px;
width:190px;
margin-left:-5px;}

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

.nav ul{
margin:5px 0 20px 0;
}

.nav ul li {
list-style: none;
}

.nav ul li a {
display: block;
padding: 5px 0;
/*width: 163px;*/
background: url(images/arrow.png) left center no-repeat;
font: bold 10px verdana, arial, helvetica, sans-serif;
border-bottom: 1px dotted #683D75;
text-decoration: none;
text-transform: capitalize;
color: #4D4D73;
float:none;
text-align:left;
padding-left:17px;}

.nav ul li a:hover {
text-decoration: none;
color:#FF9900;}

#leftnav .nav ul li a, #mainnav .nav ul li a{
width:163px;
}

/* MAIN PROPERTIES */

#main {
float: left;
margin-top: 10px;
padding-right: 25px;
padding-left:20px;
line-height: 16px;
text-align: justify;
width: 470px;
font: 10pt verdana, arial, helvetica, sans-serif;
color:#000000;
/**margin-top:-20px !important;*/
}

h3 {
margin: 0;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
color: #fff;
background: url(images/title.jpg) repeat-x;
height:27px;
padding:3px 0 0 5px;
border: 1px solid #666699;
}

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

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

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

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

.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: #580000;

}

.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: #4C8398;}

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

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

.edit {
float: left;
background: url(images/edit.gif) left no-repeat;
padding-left: 17px;}

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

.author {
padding: 7px 0 0 10px;
font: bold 10pt verdana, arial, helvetica, sans-serif;
color: #333333;}

.author a {
color: #333333;}

.alt {
border: 1px solid #E5E5E5;}

.comment {
padding: 0 10px;}

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


/* INPUT PROPERTIES */

#search {
float:right;
margin:5px 5px 0 0}

.searchform {
background-color: #ffffff;
border: 1px solid #313148;
padding-left: 6px;
color: #6F6F6F;}

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

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

.button {
background-color: #313148;
border: 1px solid #fff;
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: none;
color: #580000;}

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

/* WIDGET PROPERTIES */

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

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

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

.widget_calendar th {
color: #580000;}

.widget_recent_comments li {
display: block;
padding: 5px 0;
width: 200px;
background: url(images/arrow.gif) 1px 10px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 1px solid #E9E9E9;
text-decoration: none;
text-indent: 13px;
text-transform: capitalize;
color: #000000;}

.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: #ffffff;
border: 1px solid #A9A9A9;
padding-left: 6px;
color: #6F6F6F;}

.widget_search input {
background-color: #525F19;
border: 1px solid #580000;
color: #ffffff;}

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

/* FOOTER */

#footer {
clear: both;
background: url(images/footer.jpg) repeat-x;
border-top: 3px solid #fff;
height: 60px;
*height:52px !important;
*padding-top:8px !important;
padding-bottom: 0px;
padding-right:8px;
font-size: 7pt;
color: #fff;
text-align:center;
font-weight:bold;
}

#footer p {
font-size: 8pt;
color: #ffff;}

#footer a {
font-size: 8pt;
color: #fff;}

#footer a:hover {
text-decoration: underline;
color: #fff;}

/* FOOTER2 */

#footer2 {
background:#fff;
clear: both;
padding-left: 60px;
height: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 7pt;
color: #999999;
text-align:right}

#footer2 p {
font-size: 7pt;
color: #000000;}

#footer2 a {
font-size: 7pt;
color: #000000;}

#footer2 a:hover {
text-decoration: underline;
color: #000000;}


/*rss*/
#rss {
position: absolute;
top: 10px;
right: 15px;
text-decoration: none;
color: #ffffff;
visibility:hidden;}

#rss a {
background: url(images/rss.png) no-repeat;
padding-left: 15px;
font-size: 7pt;
text-decoration: none;
color: #ffffff;}

#rss a:hover {
text-decoration: underline;}