/*
Theme Name: Blue Taste
Theme URI: http://www.jabox.com.ar/blue-taste
Description: A blue, clean, fresh and stylish, fixed width, two columns theme. A professional and elegant design, widget-ready and with drop-down navigation for pages. Suitable for a blog or a non-blog website.

Version: 1.0
Author: Jabox
Author URI: http://www.jabox.com.ar/
Tags: blue, fixed-width, two-columns, right-sidebar


Blue Taste v1.0
http://www.jabox.com.ar/blue-taste/

All CSS, xHTML, images and designs for these themes are copyright (all rights reserved)
to Javier Rubacha (whose website you will find at http://www.jabox.com.ar ) 
and are released and distributed under GPL: http://www.opensource.org/licenses/gpl-license.php

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


a { color: #007dfc; text-decoration: none; }
a:hover { color: #6f6e6e; text-decoration: none; }
a:visited { color: #007dfc; text-decoration: none; }
body { background-color: #dedede; font-family: Verdana ;font-size: 12px;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: normal;line-height: 17px;padding: 0px; color: rgb(69,54,37); }
form { margin: 0px; padding: 0px; }
h1 { color: #c9eefe; font: lighter 36px/150% Arial, Helvetica, sans-serif; height: 60px; margin: 0px; }
h1 a, h1 a:visited { color: #c9eefe; text-decoration: none; }
h1 a:hover { color: #ffffff; text-decoration: none; }
h2 { border-bottom: 1px solid #CCCCCC; color: #0c57a3; font: lighter 22px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }
h2 a, h2 a:visited { color: #007dfc; text-decoration: none; }
h2 a:hover { color: #6f6e6e; text-decoration: none; }
h3 { color: #888888; font: normal 12px Arial, Helvetica, sans-serif; font-weight:bold; margin: 10px 0px 5px;text-transform:uppercase; }
h4 { color: #888888; font: normal 12px Arial, Helvetica, sans-serif; font-weight:bold; margin: 10px 0px 5px;text-transform:uppercase; }
p { margin: 0px; padding: 0px 0px 15px; }



#container { margin-left: auto; margin-right: auto;width: 960px;background: url(images/container-bg.gif) repeat-y; }
#container-up { height:14px;background: url(images/container-bg-up.gif) no-repeat; }
#container-down { height:14px;background: url(images/container-bg-down.gif) no-repeat; }

#commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; }
#commentform #submit { background: url(images/btn-bg.gif) no-repeat; border: none; color: #FFFFFF; cursor: pointer; float: right; font: bold 12px Arial, Helvetica, sans-serif; height: 20px; width: 100px;text-transform:uppercase; }
#commentform input { background-color: #ffffff; border: 1px solid #cccccc; margin-top: 3px; padding: 3px; width: 200px; }
#commentform label { color: #262626; font-size: 87%; }
#commentform p { margin: 0px; padding: 6px 0px; }
#commentform textarea { background-color: #ffffff; border: 1px solid #cccccc; height: 115px; margin-top: 3px; padding: 2px; width: 640px; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; }
#comments, #respond { border-bottom: 1px dotted #CCCCCC; clear: both; padding: 10px 0 5px 0; }

#content { float: left; padding: 17px 10px 0px 20px; width: 650px; }
#content img { max-width:640px; }

#footer { font: 11px Helvetica, Arial, sans-serif;clear: both; height:30px; color: #dddddd; padding:13px 0px 0 0;margin-left: auto; margin-right: auto;  text-align: center; width: 938px; background-color: #000;background: url(images/footer-bg.gif); }
#footer a strong { color: #eeeeee; }
#footer a, #footer a:visited { color: #eeeeee; }
#footer a:hover { color: #eeeeee; }

#header {height: 164px; margin-left: auto; margin-right: auto;width: 938px;background: url(images/header-bg.gif);background-color:#007dfc; }
#ddnav { font-size:12px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;color: #101010; font-weight:bold; width:100%; }
#ddnav, #ddnav ul { float:left; list-style:none; line-height:40px; padding:0; margin:0; width:100%; border-bottom:3px #000 solid; }
#ddnav a { display:block; text-decoration:none; border-right: 1px #000 solid;border-left: 1px #000 solid;border-top:1px #000 solid;color: #101010; background: url(images/bot-bg.gif) repeat-x;text-transform:uppercase;text-shadow:1px 1px 1px #FFFFFF; height: 40px; line-height: 40px; margin-right: 3px; text-decoration: none; vertical-align: middle; padding: 0 10px; }
#ddnav a:hover { color: #007dfc; border-right: 1px #007dfc solid;border-left: 1px #007dfc solid;border-top:1px #007dfc solid;}
#ddnav li { float:left; padding:0; }
#ddnav ul { position:absolute; left:-999em; height:auto; width:151px; font-weight:normal; margin:0; line-height:1; border:0; }
#ddnav li li { width:149px; border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; font-weight:bold; font-family:verdana,sans-serif; }
#ddnav li li a { padding:4px 10px; width:130px; font-size:10px; text-decoration:none; color: #202020; background: #dedede;text-transform:uppercase;text-shadow:1px 1px 1px #FFFFFF; height: 20px; line-height: 20px; text-decoration: none; vertical-align: middle; padding: 0 10px; }
#ddnav li li a:hover { border: 1px #000 solid; }
#ddnav li ul ul { margin:-21px 0 0 150px; }
#ddnav li li:hover { }
#ddnav li ul li:hover a, #ddnav li ul li li:hover a, #ddnav li ul li li li:hover a, #ddnav li ul li li li:hover a { }
#ddnav li:hover a, #ddnav li.sfhover a { }
#ddnav li:hover li a, #ddnav li li:hover li a, #ddnav li li li:hover li a, #ddnav li li li li:hover li a { }
#ddnav li:hover ul ul, #ddnav li:hover ul ul ul, #ddnav li:hover ul ul ul ul, #ddnav li.sfhover ul ul, #ddnav li.sfhover ul ul ul, #ddnav li.sfhover ul ul ul ul { left:-999em; }
#ddnav li:hover ul, #ddnav li li:hover ul, #ddnav li li li:hover ul, #ddnav li li li li:hover ul, #ddnav li.sfhover ul, #ddnav li li.sfhover ul, #ddnav li li li.sfhover ul, #ddnav li li li li.sfhover ul { left:auto; }
#ddnav li:hover, #ddnav li.sfhover { }

#logo { height:122px; clear:both; width: 938px; text-align:right; }
#logo h1 { padding:0px; margin:0px; text-decoration:none; display: inline; }
#logo h1 a { font-size: 29px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; letter-spacing: 0px; color: #ffffff; text-shadow:1px 1px 1px #000000; margin:0px;padding:0px; padding-right:17px; font-weight:bold; text-decoration:none; }
#logo p { display: block;  margin-top: 0px; font-family: Verdana; font-size: 12px; font-weight:bold; text-shadow: 1px 1px 1px #000000; padding-right:17px;  color:#fbfbfb; }

#page { background-color:#fff; margin: 0px auto; width: 938px; }

#search-container {background-color:#000000;width:220px;text-align:center; padding-bottom:7px;padding-top:3px;}
#searchform { margin: 0 0 0; }
#searchform #s { background: #fff; border: 1px solid #cccccc; color: #000000; cursor: pointer; font-weight: normal; height: 19px; line-height: 19px; margin-right: 2px; padding: 0px 5px 0px 5px; vertical-align: middle; width: 135px; }
#searchform br { display: none; }
#searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; color: #FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle; width: 52px; }

#sidebar { color: #666666; float: left; padding: 0px 10px 20px 10px; width:220px;background:#fff;font-size:11px;}
#sidebar a, #sidebar a:visited { color: #6f6e6e;  text-decoration: none;  font-size:11px;}
#sidebar a:hover { color: #0351a1; text-decoration: none; }
#sidebar h2, #sidebar .sidebartitle {color: #007dfc; font: 14px Helvetica, Arial, sans-serif; margin: 0px 0px 2px; border-bottom: 2px solid #007dfc;}
#sidebar ul { margin: 0; padding: 0;list-style-type: none;}
#sidebar ul li { border: none; border-bottom: 1px solid #CCCCCC; list-style: none; margin: 0; padding: 2px 0; background: url(images/bullet.gif) no-repeat;background-position: 0 7px;padding-left:15px;}
#sidebar ul li ul { margin: 0; padding: 0;background:#fff; padding-left:12px;}
#sidebar ul li ul li { border: 0px; padding: 2px 0 2px 0px;list-style: square; background:#fff;  }
#sidebar ul li ul li ul li { border: 0px; padding: 1px 0 1px 10px; }


#credits{ color:#777777; font: 11px Helvetica, Arial, sans-serif; text-align:right;	 text-shadow:1px 1px 1px #ffffff; height: 15px;  margin: 0px auto;  width: 938px; }
#credits a{	color:#555555; text-decoration:none; }

.widget-box { border:4px solid #EEEEEE; display:block; padding:0px; margin-top:12px; padding:5px 5px 0px 5px; }
.entry { clear: both; padding-top: 10px; }
.navigation-down { clear: both; height: 15px; padding: 10px 0px; }
.post { clear: both; background:#fbfbfb;padding:5px;}
.post-date { background: url(images/date-bg.gif) no-repeat; float: left; height: 50px; width: 50px; margin-right:5px;}
.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -5px; padding-top: 7px; text-align: center; text-transform: uppercase; }
.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; padding-top: 5px; text-align: center; text-transform: uppercase; }
.post-title { float: left; margin-left: 0px; text-transform: capitalize; width: 632px; }
.rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }
.separator {clear:both;height:15px;}
hr.clear { clear: both; margin: 0px; padding: 0px; visibility: hidden; }
.post-auth { float: left; font-size: 95%; }
.post-cat { background: url(images/mini-category.gif) no-repeat; float: left; font-size: 10px; padding-left: 20px;clear:both; text-transform:uppercase;}
.post-tag { background: url(images/mini-tag.gif) no-repeat; float: left; font-size: 10px; padding-left: 20px;clear:both; text-transform:uppercase;}
.post-comments { background: url(images/mini-comments.gif) no-repeat; float: right; font-size: 10px; padding-left: 17px; text-transform:uppercase;}
span.previous-entries {  color: #888888;display: block; float: left;font-family: Helvetica; font-size: 12px;}
span.next-entries   { color: #888888;display: block; float: right; font-family: Helvetica; font-size: 12px;   }
span.rss   { background: url(images/mini-rss.gif) no-repeat; float: right; font-size: 10px; padding-left: 20px;padding-right:10px;}


.recentcomments { font-size:10px;color:#1474d6 }
.recentcomments a, .recentcomments a:visited {font-size:12px; text-decoration:none;}
img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; }
img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter{ display: block; margin-left: auto; margin-right: auto; }
img.avatar {float:left; margin-right:5px;}
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter{ display: block; margin-left: auto; margin-right: auto; text-align: center; }
.wp-caption {padding:3px; border:1px #d5d5d5 solid; background: #f0f0f0}
#calendar_wrap {margin-left:30px;margin-right:auto;text-align:center;padding:5px;}
#wp-calendar { background: #f0f0f0;padding:3px;border:1px #d5d5d5 solid;}
#wp-calendar caption {color: #0351a1; font: verdana sans-serif; font-weight:bold;text-transform:uppercase;}
.center { text-align: center; }
.clear { clear: both; }
.commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; }
.commentlist .alt { }
.commentlist cite { color: #007dfc; font-size: 120%; font-style: normal; font-weight: bold; }
.commentlist cite a, .commentlist cite a:visited { color: #007dfc;font-size:12px; }
.commentlist li { padding: 5px 10px;background:#fbfbfb; margin:5px; }
.commentlist small { display: block; font-size: 87%; margin-bottom: 5px; }
.bypostauthor {border:2px #007dfc solid;}