/*
Theme Name: Cebrilla 2010
Theme URI: http://www.milrayas.com/
Description: Milrayas blog theme
Author: Milrayas
Author URI: http://www.milrayas.com/
Version: 1.0
Tags: fixed width, grid, widget-ready

*/

/* Fonts */
@font-face { font-family:Myriad; src:url("images/MyriadLight.eot"); } /* EOT file for IE */
@font-face { font-family:Myriad; src:url("images/MyriadLight.ttf") format("truetype"); } /* TTF file for CSS3 browsers */

/* Begin Typography &Colors  */
html, body { border:0; margin:0; padding:0; }
body { font:normal 62.5% 'Lucida Sans Unicode','Lucida Grande',sans-serif; background:#f2f2f2 url(images/body_bg.png) repeat; color:#4b4b4b; }  /* 62.5% resets 1em to 10px */

/* Links */
a{color:#3D7283;text-decoration:none}
a:hover{color:#000;text-decoration:underline}

/* Common Formatting */
h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}
h2{font-size:1.8em}
h3{font-size:1.6em}
h4{font-size:1.4em}
h5{font-size:1.3em}

p{margin:10px 0;padding:0}
ul{list-style:none;margin:0;padding:0}
blockquote{background:#fdfde4;color:#444;display:block;font-size:.9em;margin:10px;padding:10px}
code,pre{color:#444;font-size:1.2em}
pre{background-color:#F4F5F3;border:#E2E4E0 1px dotted;clear:both;display:block;margin:15px 0;padding:0.2em 0.5em}
small{font-size:0.8em}
big{font-size:1.2em;font-weight:700}
sup{bottom:0.3em;position:relative;vertical-align:baseline}
sub{bottom:-0.2em;position:relative;vertical-align:baseline}
acronym,abbr{border-bottom:1px dashed;cursor:help;letter-spacing:1px}
hr{border-bottom:1px solid #FFF;border-left:none;border-right:none;border-top:1px dotted #BEC1B5;clear:both;display:block;margin:5px 0}

/* custom Classes */
.note,.error{border-bottom:#EBE8D7 1px solid;border-top:#EBE8D7 1px solid;display:block;float:left;line-height:normal;margin:20px 0;padding:5px 10px;width:460px}
.note{background-color:#F4F5F3;border-bottom:#E2E4E0 1px solid;border-top:#E2E4E0 1px solid}
.error{background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid}
.nobullet{background:transparent !important;list-style:none !important;margin:0;padding:0}

/* Tables */
table{border:0;margin:0 0 18px;padding:0}
table tr td{padding:2px}

/* clear */
.clear { clear:both; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/* Global Classes */
.alignleft{display:block;float:left}
.alignright{display:block;float:right}
.aligncenter{display:block;margin:0 auto;text-align:center}

/* images border */
img.alignleft,img.alignright,img.aligncenter{display:block;border:0;background:#EFEFED;}
img.alignleft{float:left;margin:0 10px 2px 0}
img.alignright{float:right;margin:0 0 2px 10px}
img.aligncenter{margin:5px auto}
img.noborder{background:transparent;border:none;padding:0}
a:hover img.alignleft,a:hover img.alignright,a:hover img.aligncenter { }

/* Image Captions */
.wp-caption{background-color:#EFEFED;border:1px solid #D0D0CE;margin-bottom:15px;margin-top:15px;padding:3px;text-align:center;max-width:470px!important}
    /* optional rounded corners for browsers that support it
    This code is disabled by default because it is not valid CSS but you are free to enable it if you wish.
    .wp-caption{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}  */
.wp-caption img{border:none;margin:0;padding:0;width:100%!important;height:auto!important}
.wp-caption-text{color:#676F51;font-size:0.85em;margin:0;padding:4px 0}

/* */
a img,img{border:none}
h6{font-size:1.2em}
.nopadding{margin:0 !important;padding:0 !important}
.nobackground,#respond .left-sidebar p{background:transparent !important}
.grey{color:#676F51}
#intro a,.postmetadata a:hover,#wp-calendar tr a{text-decoration:underline}

/***** Main Layout *****/
#page { font-size:1.2em; }
#container{height:100%;text-align:center;width:100%}
#wrapper{margin:0 auto;text-align:left;width:968px}
.center { position:relative; width:900px; margin:0 auto; }
#wrap_1 { background:url(images/content_bg.png) repeat; }
#wrap_2 { background:url(images/content_sep_top.png) repeat-x top; }
#wrap_3 { background:url(images/content_sep_bottom.png) repeat-x bottom; min-height:450px; }

/***** LOGO *****/
/* Text option */
#logo h1,#logo h1 a{background:transparent;border:none;clear:both;color:white!important;font:normal 1.6em Georgia,"Times New Roman",Times,serif;line-height:34px;margin:0 auto;padding:12px 0 0;text-align:center;text-decoration:none;width:210px}
/* logo option  */
.logo{background:url(images/logo.jpg) no-repeat center bottom;display:block;height:35px;margin:0 auto;padding-top:12px;width:200px}

/* Main Navigation */
.menu{display:block;float:right;height:24px;list-style:none;margin:8px 0 0 30px;padding:0;text-align:center}
.menu li{display:block;float:left;height:24px;margin:0 6px 0 0;padding:0;position:relative;text-align:center;width:auto}
.menu li a{border:1px solid #2F3028;color:#BDC1AF;display:block;float:left;font-size:1.1em;font-weight:400;height:24px;line-height:24px;padding:0 8px;position:relative;text-decoration:none}
.menu li a:hover{background:#252620;border:1px solid #5A5C4D;color:#FFF;text-decoration:none;}
.menu li.current_page_item a,.menu li.current_page_item a:hover{background:#6C9339;border:1px solid #B5BBA6;color:#FFF;font-weight:700;margin:-1px}

/* Admin Navigation */
#navAdmin{border-left:1px solid #464A3B;clear:right;color:#BDC1AF;display:block;float:right;height:14px;list-style:none;margin:14px 0 0 30px;padding:0;text-align:center}
#navAdmin li{border-right:1px solid #464A3B;display:block;float:left;height:14px;margin:0;padding:0;position:relative;text-align:center;width:auto}
#navAdmin li a{color:#BDC1AF;display:block;float:left;font-size:0.9em;height:14px;line-height:14px;padding:0 8px;position:relative}
#navAdmin li a:hover{color:#FFF}
#rss{background:url(images/rss_bg.jpg) no-repeat right 0;clear:right;color:#FFF;display:block;float:right;font-size:1.4em;height:31px;line-height:32px;padding-right:20px;position:absolute;right:35px;text-align:center;text-transform:uppercase;top:60px;width:220px;z-index:999}

/***** Content *****/
#pageWrapper { }
#content { display:block; float:left; width:563px; padding:10px 0 40px 21px; overflow:visible; }
#content.grid { width:879px; padding:10px 0 40px 21px; }
#content.archive { margin-top:40px; }
#content.p404 { position:relative; width:900px; height:600px; padding:0; background:url(images/404.jpg) no-repeat center 20px; }
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#4B4B4B;font-family:Myriad,'Trebuchet MS',Helvetica,sans-serif;}
#intro {position:absolute; top:-40px;}
#intro h2 { padding:15px 0; font:24px Myriad,'Trebuchet MS',Helvetica,sans-serif; }
#intro,#intro a,#intro h2 span{color:#676F51}


/*  POST */
.postmetadata { margin:20px 0 10px 0; }
.grid .postmetadata { display:none; margin:10px 0 0 0; }
.postmetadata a { color:#000; }
.meta-tags { margin-bottom:15px; font-size:12px; line-height:25px; list-style:none; cursor:default; }
.meta-tags li { display:inline; padding:0 0 0 3px; }
.meta-tags a { padding:1px 4px 3px; background:#d4d4d4; color:#4b4b4b; white-space:nowrap; text-decoration:none; text-transform:capitalize; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.meta-tags a:hover { background:#e2007a; color:#fff; text-decoration:none; }
.meta-author{display:none}

.post { clear:right;display:block;float:left;padding:10px;width:543px; margin:5px 0; background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.grid .post { clear:none; float:left; width:250px; margin:5px 23px 5px 0; }
.post h2 { margin:5px 0 15px; font:24px Myriad,'Trebuchet MS',Helvetica,sans-serif; color:#4B4B4B;}
.grid .post h2 { margin:0 0 10px; font-size:20px; }
.grid .post h2 a { color:#4B4B4B; }
.grid .post h2 a:hover { color:#E2007A; text-decoration:none; }
.post h3,.post h4,.post h5,.post h6{margin:15px 0}
.post .entry ul li{background:url(images/ul-post-arrow.jpg) no-repeat 0 9px;margin:0;padding:5px 0 5px 10px}
.entry {font-size:1.1em; text-align:justify}
.grid .entry {font-size:1em}
a span.more{background-color:#33352C;clear:both;color:#FFF;display:block;font-size:0.8em;font-weight:700;margin:20px 0 0 !important;padding:4px 7px;width:36px}
a:hover span.more{background-color:#6C9339;color:#FFF;text-decoration:none}

/* Left sidebar */
.left-sidebar{background:url(images/left-sidebar-sep.jpg) no-repeat 0 0;clear:left !important;display:block;float:left;font-size:0.85em;font-weight:400;margin:0;padding:15px 0 0 10px;width:150px}
.left-sidebar p{background:url(images/comment-arrow.jpg) no-repeat right 5px;line-height:1.5em;margin:0;padding-right:10px}
.left-sidebar h3{margin:0;padding:0}
.left-sidebar .avatar{background:#EFEFED;border:1px solid #D0D0CE;display:block;float:left;margin:0 5px 0 0;padding:3px}

/* bottom Navigation */
.nav { position:absolute; bottom:0; left:0; width:900px; }
.nav.top { top:102px; bottom:auto; }
.lateral { position:relative; top:-87px; width:31px; height:31px; margin-bottom:-87px; background:url(images/laterales_bg.png) no-repeat; }
.lateral.left { float:left; left:-25px; padding:27px 11px 29px 8px; }
.lateral.right { float:right; right:-25px; padding:27px 8px 29px 11px; background-position:-50px 0; }
.lateral a { display:block; width:31px; height:31px; background:url(images/laterales_btn.png) no-repeat 0 0; text-align:left; text-indent:-10000px; outline:none; }
.lateral a span { display:block; opacity:0; width:31px; height:31px; background:url(images/laterales_btn.png) no-repeat 0 -31px; }
.ie .lateral a span { display:none; }
.nav .prev a, .js .nav .prev a:hover { background-position:-93px 0; }
.nav .prev a:hover, .nav .prev a span, .ie .nav .prev a:hover { background-position:-93px -31px; }
.nav .next a, .js .nav .next a:hover { background-position:-124px 0; }
.nav .next a:hover, .nav .next a span, .ie .nav .next a:hover { background-position:-124px -31px; }
.nav .back a, .js .nav .back a:hover { background-position:-62px 0; }
.nav .back a:hover, .nav .back a span, .ie .nav .back a:hover { background-position:-62px -31px; }

/* Comments */
.reply{text-align:right}
#comments { clear:right;display:block;float:left;padding:10px;width:543px; margin:5px 0; /* background:#F4F5F3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; */ }
#comments h3 { padding-bottom:0; }
#comments li { padding-top:15px; background:url(images/tags_sep.png) repeat-x top; }
#comments li:first-child { background:none; }
.comment-author p{line-height:1.5em;margin:0;padding-right:10px}
.comment-author .avatar{background:#EFEFED;border:1px solid #D0D0CE;display:block;float:left;margin:0 5px 0 0;padding:3px}
.comment-content{font-weight:normal;margin:0;padding:5px 0 0 10px;min-height:50px}
#respond { float:left; background:#fff;display:block;margin:5px 0 20px !important; width:563px; min-height:1px;padding:0 !important;overflow:hidden;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#respond form { padding:15px 10px; overflow:hidden; }
#respond h3 { padding-bottom:5px; }
#respond form .field { border:1px solid #7F9DB9;padding:2px 5px !important;width:130px; }
#respond .form-content { display:block;float:left;width:142px;font-weight:normal;margin:0 20px 0 0;padding:0; }
#respond form textarea { border:1px solid #7F9DB9;margin:26px 0 0 0;padding:2px 2px 2px 5px !important;width:370px;height:112px;font:13px 'Lucida Sans Unicode','Lucida Grande',sans-serif; }
#respond form #submit { width:78px; height:27px; padding-bottom:4px; border:none; background:url(images/btn_bg.png) no-repeat; color:#4b4b4b; font-size:13px; font-style:italic; cursor:pointer; }

/***** RIGHT SIDEBAR *****/
#sidebar { display:block;float:right;overflow:hidden;padding-bottom:40px;width:270px;margin:20px 23px 0 0;}
#sidebar h3 { display:inline-block; height:25px; line-height:22px; padding:0 5px; margin:0; font-size:13px; font-style:italic; }
#sidebar ul li{padding:10px 5px; background:url(images/tags_sep.png) repeat-x top;}
#sidebar ul li:first-child{background:none;}
#sidebar ul li ul{margin:0 0 0 5px;}
#sidebar ul li ul li{background:none;margin:0;padding:2px 0 2px 10px;width:230px !important}
#sidebar ul li ul li ul{margin:0 !important;padding:0 !important;width:230px !important}
#sidebar ul li ul li ul li{margin:0 !important;padding:2px 0 2px 10px;width:190px !important}

/* Categroy description */
#sidebar .cat-desc { padding:0 0 10px; font-size:1.1em; }
#sidebar .cat-desc p { padding:0; margin:0; }

/* Share */
#sidebar .share h3 { padding-left:30px; background:url(images/pry_items.png) no-repeat 0 -50px; }
#sidebar .share ul { display:inline; margin:0; cursor:default; }
#sidebar .share ul li { display:inline; padding:0 6px 0 7px; }
.share ul li a { display:inline-block; width:20px; height:20px; background:url(images/share_icos.png) no-repeat 0 0; text-indent:-10000px; outline:none; }
.share ul li a:hover { background-position:0 -20px; }
.share #s_twit { background-position:-20px 0; } .share #s_twit:hover { background-position:-20px -20px; }
.share #s_face { background-position:-40px 0; } .share #s_face:hover { background-position:-40px -20px; }
.share #s_deli { background-position:-60px 0; } .share #s_deli:hover { background-position:-60px -20px; }
.share #s_digg { background-position:-80px 0; } .share #s_digg:hover { background-position:-80px -20px; }

/* Tags */
#sidebar .tags h3 { padding:2px 0 6px 30px; background:url(images/pry_items.png) no-repeat 0 -100px ; }
#sidebar .tags ul { margin:4px 0 0 0; font-size:12px; line-height:25px; cursor:default; }
#sidebar .tags ul li { display:inline; padding:0 0 0 6px; }
#sidebar .tags ul li a { padding:1px 4px 3px; background:#d4d4d4; color:#4b4b4b; white-space:nowrap; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#sidebar .tags ul li a:hover { background:#e2007a; color:#fff; }

/* Related */
#sidebar .related h3 { padding:2px 0 6px 30px; background:url(images/pry_items.png) no-repeat 0 -75px ; }
#sidebar .related ul { padding:4px 0 0 35px; margin:0; font-size:12px; }
#sidebar .related ul li { padding:0; margin:0; }
#sidebar .related ul li a { color:#e2007a; text-decoration:none; }
#sidebar .related ul li a:hover { text-decoration:underline; }

/* Search Box */
#searchform{background:transparent url(images/search-bar.jpg) no-repeat;height:37px;width:260px}
.search-field{background:transparent;border:none;display:block;float:left;padding:10px;width:200px}
.search-submit{background:transparent;border:none;cursor:pointer;display:block;float:left;height:37px;width:40px}
.search-field:focus{outline:none !important}

/* Calendar */
#calendar_wrap{display:block;margin:0 auto;width:240px}
#wp-calendar{background:#EFEFED;border:1px solid #D0D0CE;padding:3px;width:90%}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt}
#wp-calendar a{text-decoration:none}
#wp-calendar caption{font-size:1.2em;font-weight:700;padding:5px;text-align:center;text-transform:uppercase}
#wp-calendar thead{margin-top:5px}
#wp-calendar th{background:#ddd;border:1px solid #D0D0CE;font-size:0.9em;font-style:normal;text-align:center;text-transform:capitalize}
#wp-calendar #next a{display:block;float:right}

/***** HEADER *****/
#top_bg { position:absolute; z-index:0; width:100%; height:188px; margin:0 auto; overflow:hidden; }
#top_bg ul { position:absolute; left:50%; width:1600px; margin-left:-800px; height:188px; }
#top_bg li { position:absolute; left:50%; width:1500px; height:188px; margin-left:-750px; background:url(images/parallax_min.png) no-repeat 0 0; }
#top_bg .top_bg1 { z-index:1; background-position:90px 0; }
#top_bg .top_bg2 { z-index:2; width:1500px; margin-left:-750px; background-position:90px -190px; }
#top_bg .top_bg3 { z-index:3; width:1200px; margin-left:-600px; background-position:-60px -380px; }
#top_bg .top_bg4 { z-index:4; width:1500px; margin-left:-750px; background-position:90px -570px; }
#top_bg .top_bg5 { z-index:5; width:1500px; margin-left:-750px; background-position:-540px -570px; }

#header { background:url(images/header_bg.png) repeat-x top; }
#header .center { height:130px; }
#header h1 { float:left; margin:22px 0 0 22px; }
#header h1 a, .js #header h1 a:hover { float:left; width:254px; height:94px; background:url(images/milrayas.png) no-repeat center top; text-indent:-10000px; outline:none; }
#header h1 a:hover, .ie #header h1 a:hover { background-position:center bottom; }
#header h1 span { display:block; opacity:0; width:254px; height:94px; background:url(images/milrayas.png) no-repeat center bottom; }
#header #cebra { float:right; margin:22px 44px 0 0; }

/***** MENU *******/
#menu ul { padding:4px 0 6px 22px; font:16px/21px Myriad,'Trebuchet MS',Helvetica,sans-serif; overflow:hidden; }
#menu li { float:left; padding-right:9px; }
#menu a { display:block; float:left; height:24px; padding-left:5px; color:#4b4b4b; text-decoration:none; text-shadow:0 1px 0 #fff; outline:none; }
#menu a span { display:block; float:left; height:24px; padding:0 10px 0 2px; }
#menu a:hover { background:url(images/menu_btn.png) no-repeat 0 0; }
#menu a:hover span { background:url(images/menu_btn.png) no-repeat right -48px; }
#menu .current a { background:url(images/menu_btn.png) no-repeat 0 -24px; color:#e6e6e6; text-shadow:0 1px 0 #000; }
#menu .current a span { background:url(images/menu_btn.png) no-repeat right -72px; }


/***** FOOTER *****/
#footer { height:263px; background:url(images/footer_bg.png) repeat-x top; color:#b9b9b9; }
#footer .col { float:left; width:270px; margin-right:23px; }
#footer .col:first-child { margin-left:21px; }
#footer h3 { padding:16px 0 10px 10px; font-size:14px; }
#newsletter { position:relative; }
#newsletter fieldset { padding:32px 0 14px 140px; border:0; }
#newsletter .txt { position:absolute; top:0; left:7px; width:170px; height:20px; padding:3px 81px 4px 7px; border:none; background:url(images/input_bg.png) no-repeat; color:#e5e3e3; font-size:13px; font-style:italic; }
#newsletter .txt:hover, #newsletter .txt:focus { color:#fff; }
#newsletter #send { position:absolute; top:1px; left:187px; width:78px; height:27px; padding-bottom:4px; border:none; background:url(images/btn_bg.png) no-repeat; color:#4b4b4b; font-size:13px; font-style:italic; cursor:pointer; }
#newsletter #send:hover, #newsletter #send:focus { color:#000; }
#newsletter label { color:#999; font:11px Verdana,Geneva,sans-serif; }
#newsletter label a { color:#e2007a; text-decoration:none; }
#newsletter label a:hover { text-decoration:underline; }
#contact { padding-left:10px; background:url(images/footer_sep.gif) repeat-x top; line-height:14px; }
#contact a { color:#e2007a; text-decoration:none; }
#contact a:hover { text-decoration:underline !important; }
#contact #cloud { display:block; position:relative; top:-5px; padding:24px 0 33px 86px; margin-top:-5px; background:url(images/contact-us.png) no-repeat 10px 0; color:#29a7df; font-size:14px; font-style:italic; text-decoration:none; }
#products li { background:url(images/footer_sep.gif) repeat-x top; }
#products a { display:block; height:44px; line-height:44px; text-align:center; text-decoration:none; }
#products a img { vertical-align:middle; opacity:.2; }
#products a:hover img { opacity:1; }
#be_zebra { padding:38px 0 50px 80px; background:url(images/ser-una-cebra.png) no-repeat 21px 2px; color:#fff; font-size:14px; font-style:italic; }
#be_zebra a { color:#29a7df; text-decoration:none; }
#be_zebra a:hover { text-decoration:underline; }
#social { padding-top:6px; background:url(images/footer_sep.gif) repeat-x top; line-height:27px; text-align:center; }
#social li { display:inline; padding:0 3px; }
#social a { padding:1px 5px 2px; background:#4b4b4b; color:#adadad; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#social #fb:hover { background:#3b5998; color:#fff; }
#social #fl:hover { background:#fff;    color:#0063dc; } #social #fl:hover span { color:#ff0084; }
#social #yt:hover { background:#fff;    color:#000;    } #social #yt:hover span { color:#ff3333; }
#social #bh:hover { background:#fff;    color:#00a2eb; }
#social #is:hover { background:#f89a22; color:#fdfdfd; }
#social #vi:hover { background:#000;    color:#31beff; } #social #vi:hover span { color:#fff; }
#social #dk:hover { background:#dd380b; color:#fffefb; }

#copy { height:75px; background:url(images/copy_bg.png) repeat-x center top; color:#4b4b4b; }
#copy p { margin:0; padding:17px 0 0 12px; }
#copy a { color:#4b4b4b; border-bottom:1px solid #4b4b4b; text-decoration:none; }
#copy a:hover { color:#ffc82e; border-bottom:1px solid #ffc82e; }
#copy .admin, #copy .rss { display:inline-block; width:14px; height:14px; margin-left:5px; border:none !important; background:url(images/copy_icos.png) no-repeat 0 0; text-indent:-10000px; vertical-align:text-bottom; }
#copy .admin:hover { background-position:0 -14px; }
#copy .rss { margin-left:5px; background-position:-14px 0; vertical-align:text-bottom; }
#copy .rss:hover { background-position:-14px -14px; }
#copy .apple { padding-left:18px; margin-left:5px; background:url(images/logo-apple.png) left center no-repeat; }
#copy img { float:right; margin:-22px 10px 0 0; }

/* perttyCheckboxes */
label.checkbox span.holder { height:61px; background:url(images/checkbox.png) 0 0 no-repeat }
label.radio span.holder { height:61px; background:url(images/radio.gif) 0 -1px no-repeat }
label.checkbox:hover span.holder,label.radio:hover span.holder { top:-20px !important }
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder { top:-40px !important }
label.list { /*float:left;*/ clear:left; margin:0 0 5px 0 }
label.inline { float:left; margin:0 10px 0 0 }
input.hiddenCheckbox { position:absolute; left:-10000px }
label.prettyCheckbox span.holderWrap { display:block; float:left; position:relative; margin-right:5px; overflow:hidden }
label.prettyCheckbox span.holder { display:block; position:absolute; top:0; left:0 }