/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/

@import "css/reset.css";
@import "css/layout.css";

/* DOOLPHY STYLESHEET */
/* MAIN STYLES */
html, body {
    background: none repeat scroll 0 0 #F5F6F7;
    color: #666666 !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    /*height: 100%;*/
    /*max-height: 100%;*/
    min-width: 1000px;
    width: 100%;
    overflow-x: hidden;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"] {
    background: url("images/textbox-background.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    color: #555555;
    font-size: 12px;
    padding: 5px;
    width: 250px;
}

textarea
{
    background: url("images/textbox-background.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    color: #555555;
    font-size: 12px;
    padding: 5px;
    width: 250px;
}

h2{margin: 20px 0 5px 0;}

a
{
    text-decoration: none;
    color: #2CADC6;    
}

a:hover
{text-decoration: underline;}

em
{font-style: italic;}

strong
{font-weight:bold;}

blockquote
{font-style: italic;color: #999;}

p
{
    margin: 10px 0;
    color: #777 !important;
}

.bold
{font-weight: bold;}

/* IMAGENES */

.aligncenter
{margin: 0 auto !important;}

img.redondo
{
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.wp-caption
{
    background: #f8f8f8 !important;
    border: 1px solid #DDD !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wp-caption-text
{
    font-size: 12px;
    color: #808080;
    font-style: italic;
}

/* BLOG HEADER CONTENT */
#header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0 15px 10px 0;
    overflow: hidden;
    clear: both;
    -moz-box-shadow: 0 1px 3px rgba(0,0,50,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,50,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    background-color: white;
    background: #CCC url("images/header-background.png") repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    height: 60px;
    border-top: 1px solid #aaddff;
    border-bottom: 1px solid #99cccc;

    margin:10px 0 20px 0;
}

ul#main-menu
{
    float: left;
    margin-top: 27px;
    padding: 0 !important;
}

ul#main-menu li
{
    display: inline;
    margin-left: 50px;
    color: #ffffff;
}

ul#main-menu li:first-child
{
    margin-left: 50px;
}

ul#main-menu a
{
    font-weight: bold;
    text-decoration: none;
    color: #FAFBFC;
    font-size: 15px;
    text-shadow: 0px 1px 1px rgba(120, 120, 120, 1);
    padding-bottom: 7px;
}

ul#main-menu a.selected
{
    background: transparent url("images/selected-main-menu.png") no-repeat center bottom;
    padding-bottom: 12px;
}

ul#main-menu a:hover
{
    text-decoration: none;
    color: #eeeeee;
}

/* SEARCH BAR */
#searchform div
{float: left;}

#search-container
{
    float: right;
    margin:15px 20px 0 0;
}

#search-input, #searchform div input#s
{
    width: 120px;
    height: 12px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px; 
    float:left;
    margin: 7px 0 0 0;
}

#searchform div input#s
{
    background: url("images/icons/16_buscar_b.png") no-repeat scroll right center white;
}

#searchform div label
{display:none;}

#searchform div input#searchsubmit
{
    background: #888888 url('images/button-background-gray.png') repeat-x 0 top;
    border: 1px solid #999;

    display: block;
    float:left;
    margin: 7px 7px 0 7px;
    padding: 2px 7px 1px 7px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);

    cursor: pointer;
    font-family: Georgia, Times, serif;
    font-size: 14px !important;
    line-height: 17px;
    text-decoration: none !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: white !important;
}

input#searchsubmit
{display:none !important;}

/* HEADER LOGO */
#doolphy-logo 
{float: left;}


/* MAIN BODY CONTENT */
#wrapper
{
    width: 970px;
    margin: 0 auto;
    min-height: 800px;
}

#content-wrapper
{margin-bottom: 50px;}

#content
{
    padding: 40px 40px;
    overflow: hidden;
    font-size: 13px;
}

/* BLOG FOOTER CONTENT */

#footer {

    margin: 10px 0 20px 0;
    padding: 15px 35px;
    font-size: 13px;
    font-weight: bold;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    text-align: center;
    clear: both;
}

/* POST CONTAINERS */
#post-content
{
    float:left;
    width: 635px;
    min-height: 300px;

    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    
    padding: 10px 40px 30px 40px;
    margin:0 0 10px 0;
}

#post-header
{margin: 10px 0 0 0;}

#post-footer
{
    clear: both;
    display: block;
    margin: 20px 0 0;
}

/* POST BODY STYLES */

#post-body
{
    padding: 10px 0; 
    line-height: 20px;
}

#post-body ul
{   
    margin: 15px 0;
    padding: 0 0 0 30px;
    list-style: disc;
}

#post-body ol
{   
    margin: 15px 0;
    padding: 0 0 0 30px;
    list-style: decimal;
}

#post-body blockquote
{
    margin: 10px 0;
    padding: 0 25px;
    display: inline-block;
    background: #F0F0F0 no-repeat;
    border: 1px solid #CFCFCF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#post-separator
{width:100%;height: 1px; border-bottom: 1px solid #DDD;margin: 30px auto 0 auto;}

.more-link
{
    font-weight: normal !important;
    font-style: normal !important;

    margin-top: 10px;
}


/* POST HEADER & FOOTER */
h2.post-title
{
    padding-top: 20px;
    color: #555;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

h2.post-title a
{
    text-decoration: none;
    color: #555;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

h2.post-title a:hover
{
    text-decoration: none;
    color: #2CADC6;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

.post-date, .post-categories, .post-tags
{
    color: #777;
    font-size: 12px;
    margin-bottom: 10px;
}

.post-categories a, .post-tags a
{
    text-decoration: none;
    color: #2CADC6;
}

.post-categories a:hover, .post-tags a:hover
{
    text-decoration: underline;
}

/* SIDEBAR CONTENT */
.lang-container
{
    background: url("images/top-box-background.png") repeat-x scroll left bottom #DDDDDD;
    height: 30px;
    margin-bottom: 10px;
    background-color: white;
    border: 1px solid #CFCFCF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.lang-links-container
{margin:7px 0 0 35px ;font-size: 13px;}

.lang-links
{color: #777 !important;font-size: 12px;}

.lang-links:hover
{
    text-decoration: none;
    color: #2CADC6 !important;
}

.lang-links-pressed
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #777;
    padding: 2px 5px;
    color: #EEE !important;
    font-size: 12px;
}

.lang-links-pressed:hover
{
    color: #EEE !important;
    cursor: normal !important;
    text-decoration: none;
}

.lang-title
{float:left;margin-right:15px;}

#sidebar
{
    float: right;
    width: 240px;
}

.sidebar-item, #sidebar ul li
{
    margin: 10px 0 10px 0;
    padding: 15px 35px;
    font-size: 13px;

    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    clear: both;    
}

ul.sidebar-items
{padding: 0 !important;}

.item-gray
{
    padding: 15px 25px !important;
    background-color: #F0F0F0 !important;
    border: 1px solid #CCC;
}

.sidebar-item-first
{margin: 0 0 10px 0 !important;}

.sidebar-subtitle, #sidebar ul li h3, .sidebar-subtitle, #sidebar ul li h3 a
{
    font-weight: bold;
    margin-bottom: 15px;
    color: #555;
}

div.register-box
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.button-register-container
{
    margin: 0 auto;
    text-align: center;
}

/* BUTTONS */
.mini-button, .form-submit input#submit
{
    display: block;
    float:left;
    margin: 7px 7px 0 7px;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #2EABC3 url('images/button-background-blue.png') repeat-x 0 top;
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.10);
    border-top: 1px solid #22EEFF;
    cursor: pointer;
    font-family: Georgia, Times, serif;
    font-size: 14px !important;
    line-height: 17px;
    text-decoration: none !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: white !important;
}

.button-blue
{
    background: #2EABC3 url('images/button-background-blue.png') repeat-x 0 top;
    border-top: 1px solid #22EEFF;
}

.button-red
{
    background: #2EABC3 url('images/button-red-med.png') repeat-x 0 top;
    border-top: 1px solid #FFB4B4;
}

.button-orange
{
    background: #E17A17 url('images/button-background-orange.png') repeat-x 0 top;
    border-top: 1px solid #FFBB55;
}

.button-gray
{
    background: #888888 url('images/button-background-gray.png') repeat-x 0 top;
    border-top: 1px solid #999;
}

.special-button
{
    display: inline-block;

    margin: 10px auto;
    padding:8px 20px 8px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    background: #2EABC3 url('images/button-background-blue.png') repeat-x 0 top;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.20);
    cursor: pointer;

    font-family: Georgia, Times, serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 17px;
    text-decoration:none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    color: white;
}

.sp-button-blue
{
    background: #2EABC3 url('images/button-background-blue.png') repeat-x 0 top;
}

.sp-button-orange
{
    background: #DC7929 url('images/button-background-orange.png') repeat-x 0 top;
}

.sp-button-gray
{
    background: #888888 url('images/button-background-gray.png') repeat-x 0 top;
    border-top: 1px solid #CCCCCC;
}

.sp-button-lgray
{
    background: #888888 url('images/button-background-lgray.png') repeat-x 0 top;
    border-top: 1px solid #CCCCCC;
}

/* LISTAS */

ul
{padding: 0 0 0 15px !important;}

ul.item-list li
{
    list-style: disc;
    margin: 3px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

ul.social-list
{padding: 0 !important;}

ul.social-list li
{
    list-style: none;
    margin: 3px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

ul.social-list li .fb_iframe_widget
{margin: 3px 0 !important;}

ul.social-list li a div
{
    display: inline;
    position: relative;
    bottom: 3px;
}

ul.social-list li img
{

    margin-right:5px;
}

li.cat-item, .blogroll li
{
    list-style: disc;
    margin: 3px 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* TAG CLOUD */
div.tagcloud a
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #777;
    display: inline-block;
/*     float:left; */
    background-color:#F5F6F7;
    font-size: 11px !important;
    padding: 5px 10px;
    margin: 2px 0 !important;
    border: 1px solid #CCC;
/*    box-shadow: 0 1px 1px rgba(0,0,0,0.5);*/
}

div.tagcloud a:hover
{
    text-decoration: none;
    background-color: #E0E0E0;
}

div.tagcloud
{clear:both;}

.blue-link
{color: #2CADC6; }

.gray-link
{color: #888888; }

.clear
{clear:both;}

h3.filter-title
{
  margin: 20px 0;   
  font-size: 12px;
  font-style: italic;

}

h3.filter-title .category, h3.filter-title .tag, h3.filter-title .date
{font-weight: bold;}

/* TWITTER */
ul.sidebar-items li div ul
{padding: 0 !important;}

ul.sidebar-items li div ul li
{
    list-style: none;
    margin: 3px 0 !important;
    padding: 10px 0 !important;
    box-shadow: none !important;
    border-top: 1px solid #CCC;   
}

.time-meta, .intent-meta
{   
    font-size: 11px;
    padding-top: 5px;
    display: inline-block;
}

.intent-meta a
{
    margin-right: 10px !important;
    font-size: 12px !important;
}

.in-reply-to-meta
{   
    font-size: 11px;
    padding: 0;
    display: inline-block;
}

/* SOCIAL POST */

.twitter_button, .facebook_button, .addthis_toolbox,.tw_button
{
    margin: 20px 0 30px 0;
    height: 20px;
    float: left;
    display: inline-block;
}

.tw_button
{margin-left:15px;}

.addthis_button_google_plusone
{width: 70px;}

/* RELATED POSTS */

.related_post_title
{
    clear: both;
    margin-top:20px;
    padding: 20px 0 0 0;
    font-weight: bold;
    border-top:1px solid #CCCCCC;
}

ul.related_post li{
    list-style: none;
    margin: 3px 0 !important;
    padding: 3px 0 0 0 !important;
    box-shadow: none !important;
    font-style: italic;
    font-size: 13px;
    color: #999;
}

/* Paginacion */
.wp-pagenavi
{
    margin: 0;
    cursor: default;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding: 8px 0 8px 30px;
    width: 605px;
    background: none repeat scroll 0 0 #F9F9F9 !important;
    color: #777777 !important;
}

.wp-pagenavi a
{cursor: pointer;}

.wp-pagenavi a:hover
{color: #2CADC6 !important;}

.wp-pagenavi span.extend
{
    float:left;
    margin: 0 10px 0 0 !important;
}

.wp-pagenavi a, .wp-pagenavi span.current
{
    background: url("images/pagination-link.png") repeat-x scroll 0 top #AAAAAA;

    border: 1px solid #888888 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #505050;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 0 10px 0 0 !important;
    padding: 2px 7px !important;
    text-decoration: none !important;
}

.pages
{border: none !important;float:right;margin: 2px 20px !important;}

span.current
{
    background: none repeat scroll 0 0 #AAAAAA !important;
    color: #F0F0F0 !important;
    font-weight: normal !important;
}

/* COMENTARIOS */

#comments-title
{
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
    margin-top: 20px;
    padding: 20px 0 0;
}

#reply-title
{
    font-weight: bold;
    padding: 20px 0 10px 0;
}

#reply-title a
{
    font-weight: normal;
    font-size: 12px;
}

#comments-title
{   margin-bottom: 20px;}

.comment
{
    clear: both;
    display: block;
/*    margin: 10px;*/
}

article[position="parent"]
{
    clear: both;
    margin-top:10px;
}

article[position="children"]
{
    clear: both;
    margin-top:10px;
    margin-left: 20px;
}

article[position="children"] .comment-container
{
    background: #F9F9F9;
}

#respond
{
    clear: both;
    margin-top: 20px;
}

.comment-author
{
    float: left;
    margin-right: 20px;
    text-align: center;
}

.author-name
{
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
}

.comment-date
{
    float: left;
    font-size: 10px;
    color: #999;
}

.comment-edit-link, .comment-reply-link
{
    font-size: 10px;
    margin-left: 5px;
    float:left;
}

.comment-moderate
{
    font-size: 11px;
    color: #AAA;
}

.comment-container
{
    font-size: 13px;
    padding: 5px 10px;
    background: #F0F0F0;
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;       
    float: left;
}

.comment-container p
{
    margin-bottom: 5px;
}

img.avatar
{
    padding: 5px;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}

.logged-in-as
{
    font-weight: normal;
}

.form-allowed-tags
{display:none !important;}

/* Formulario comentario */
#commentform
{margin-left: 15px;}

#commentform p.comment-notes
{display: none !important;}

#commentform p input[type="url"],#commentform p input[type="email"], #commentform p input[type="text"]
{
    display: block;
    width: 225px;
    margin-top: 5px;
}

#commentform p label
{}

.comment-form-comment
{
    width: 45%;
    float: left;
    margin-left: 20px;
}

.comment-form-comment label, #commentform p
{ 
    display:block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: bold;
}
.comment-form-personal
{float: left;}

.comment-form-comment textarea
{ 
    width: 275px;
    height: 125px;
    margin-top: 5px;
}

.form-submit input#submit
{
    margin: 20px 0 10px 0;
    clear: both !important;
}

/*  */
.separator10
{
    padding-top: 10px;
    clear: both;
}

.separator20
{
    padding-top: 20px;
    clear: both;
}

.separator30
{
    padding-top: 30px;
    clear: both;
}

.separator20-top-line
{
    padding-top: 20px;
    border-top:1px solid #CCCCCC;
    clear: both;
}

/* DISQUSS */
#disqus_thread
{
    padding: 10px;
    border-top: 1px solid #CCC;
}
#dsq-content h3
{
    font-size: 12px;
    color: #AFAFAF;
}

.dsq-subscribe-email, .dsq-subscribe-rss
{
    font-size: 13px;
    color: gray;
}

.dsq-subscribe-email em:hover, .dsq-subscribe-rss em:hover
{
    text-decoration: none;
    background: gray;
    color: white;
}

#dsq-account-dropdown
{
    font-size: 12px;
    float:left !important;
    margin-right: 10px;
}