/*   
Theme Name: Kernel Web
Theme URI: http://www.kernelweb.org/
Description: Custom theme for Kernel Web . 
Author: Esteban Rojas
Author URI: http://www.kernelweb.org/
Version: 2.1
*/

/* Global */

html { background: #d8dfe5 url('images/body_bg.png') repeat; }
body { font: 0.88em/150% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #42423d; text-align: center; background: url('images/body_bg.jpg') repeat-x; }
a, a:visited { color: #535353; text-decoration: none; }
a:hover { text-decoration: underline; }
ol { list-style-type: decimal; }
ol li { list-style-type: decimal; margin: 0 0 3px 0; }
ul { list-style-type: square; }
ul li { list-style-type: square; margin: 0 0 3px 0; }
p { margin: 0 0 1.2em; text-align: justify; }
img.alignleft { margin: 10px 10px 10px 0; float: left; }
img.alignright { margin: 10px 0 10px 10px; float: right; }
blockquote { color:#7b7b7b; padding:0 12px; margin:25px 45px; border-left:3px solid #CCC; font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:.03em; }
blockquote p { padding: 3px; }
small { font-weight: bold; font-size: 12px; line-height: 1.5em; }

/* CSS WP Default */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* Code in posts :) */

.post code, .comment-description code {font-family:Monaco,Courier,monospace;color:#7A2A1B;}
.post pre {margin:10px 30px;padding:25px;font-family:Monaco,Courier,monospace;font-size:12px;margin-bottom:15px; background-color:#006A8D;border:0;color:#E7ECF1;overflow:auto; -moz-border-radius: 9px; }
.post pre code {color:#E7ECF1; }

/* Layout */

div#body-container { margin: 0 auto; width: 980px; text-align: left; margin-bottom: 30px; }
div#header { position: relative; width: 980px; height: 213px; }
div#content-container { margin-top: 40px; }
div#content { width: 610px; position: relative; float: left; margin: 0 20px 0 8px; }	
div#sidebar { width: 330px; float: right; margin-right: 8px; position: relative; background: #FEFEFE; border: 1px solid #ccc; -moz-border-radius: 25px; }
div#footer { width: 100%; margin: 30px 0; color: #FFF; padding: 15px 0 0 0; background: transparent url('images/gear_footer.png') top center no-repeat; border-bottom: 1px solid #FFF; }

/* Diferente look para Single & Archivos ;) */

body.single div#content { background:#FEFEFE url('images/post-bg.jpg') left top repeat-x; border: 1px solid #ccc; padding: 20px 25px; width: 560px; }
body.single div.post { background: none; border: none; padding: 0; }
body.single div#sidebar { margin-right: 5px; }

body.archive div#content { background:#FEFEFE url('images/post-bg.jpg') left top repeat-x; border: 1px solid #ccc; padding: 20px 25px; width: 560px; }
body.archive div#sidebar { margin-right: 5px; }
body.archive div.post { background: none; border: none; border-bottom: 1px dotted #ADADAD; padding: 0; margin-bottom: 15px; padding-bottom: 7px; }

/* Header Tags */

h1, h2, h3, h4, h5, h6 { line-height: 1.2; letter-spacing: -.042em; font-weight: normal; }
div.post h2, h3, h4, h5, h6 { padding: 7px 0; }
h1 { font-size: 2em; }
h1.search_archives { padding-bottom: 8px; border-bottom: 1px solid #ccc; }
h2 { font-size: 1.87em; }
h2.entry-title { font-size: 1.9em; padding: 0; }
h2.archives-title-post, h4.search_headline { margin-bottom: 12px; }
h2.search_results { font-style: italic; margin-bottom: 20px; color: #4C4C4C; border-bottom: 1px solid #ADADAD; padding-bottom: 3px; }
h3 { font-size: 1.625em; }
h3.top-sidebar { -moz-border-radius-topleft: 25px; -moz-border-radius-topright: 25px; } /* The original rounder is 10px */
div#sidebar h3 { padding: 5px 20px; color: #fefefe; background: #015876 url('images/aside-title.jpg') repeat-x; text-shadow: 0 2px 3px #004E66; }
h3.responses-counter { font-size: 1.25em; border-bottom: 1px solid #DDDDDD; padding-bottom: 5px; }
h3#trackbacks { margin-top: 20px; } 
h4 { font-size: 1.5em; }
h5 { font-size: 1.375em; }
h6 { font-size: 1.25em; }
span.search_term { color: #609D1E; font-weight: 500; } /* Pseudo H Tags :P y abajo */
span.entry-search-date { margin-bottom: 10px; }
span.highlight { font-style: italic; color: #b53000; }

/* Header Elements */

h1#logo, h4#logo { font-size: 2em; width: 280px; height: 124px; position: relative; display: block; float: left; left: -25px; top: 1px; text-indent: -9999px; padding: 0; }
h1#logo a, h4#logo a { background-image: url('images/kw-sprite.png'); background-position: -10px -88px; width: 427px; height: 85px; left: 25px; top: 70px; position: relative; display: block; }

/* => Search Form */

form#search_form { position: absolute; top: 95px; right: 20px; width: 230px; font-size: 12px; }
form#search_form input#search_input { background: #EEEEEE; border:2px solid #DDDDDD; color:#999999; float:left; font-size:12px; height:15px; margin:0 2px 0 0; padding:5px; width:180px; }
#search_submit { float:right; height:38px; padding:0; position: absolute; top: -4px;
right: 20px; width:39px; }

/* => Feature Categories Menu */

ul#feature-categories { width: 980px; position: absolute; top: 184px; left: 9px; font-size: 1.20em; font-weight: bold; }
ul#feature-categories li { float: left; list-style: none; margin-right: 12px;  }
ul#feature-categories li a { color: #7B7A7A;  text-shadow: 0 1px 0 rgba(175,188,206,.35); }
ul#feature-categories li a:hover { color: #333; text-decoration: none;  text-shadow: 0px 0px 4px rgba(207,232,255,.45); }

/* => Pages Menu */

ul#menu { position: absolute; list-style: none; font-size: 14px; line-height: 25px; top: 7px; right: 5px; width: 380px; } /*380px is good for Kernel */
ul#menu li { float: left; margin-right: 20px; list-style: none; }
ul#menu a { float: left; color: #333; padding: 6px 22px 0 18px; }
ul#menu li a:hover { background-image: url('images/kw-sprite.png'); background-position: 62px -264px; height: 50px; text-decoration: none; color: #fdfdfc; text-shadow: #fff 0 0 5px; }
ul#menu li:hover {  background-image: url('images/kw-sprite.png'); background-position: -10px -15px; height: 50px; }
ul#menu li.page-item-2 a { padding: 5px 10px 0 12px; }
ul#menu li.page-item-2 { margin-right: 12px; }
ul#menu li.current_page_item a { background-image: url('images/kw-sprite.png');  background-position: 62px -264px; height: 50px; color: #dbdbdb; text-shadow: #fff 0 0 5px; font-weight: 400; }
ul#menu li.current_page_item {  background-image: url('images/kw-sprite.png'); background-position: -10px -15px; height: 50px; }
ul#menu li.page-item-7 a { padding-left: 14px; }

/* Content Elements */

div.post, div.page { margin-bottom: 30px; padding: 15px 25px; background: #fefefe url(images/pbg.png) repeat-x top left; border: 1px solid #ccc; }
div.entry-headline { background: #fefefe url('images/headline_post.png') no-repeat bottom; width: 570px; position: relative; padding-bottom: 18px; }
div.entry-headline h2.entry-title { position: relative; width: 520px; margin: 0; }
html>body .post ul { margin-left: 50px; padding: 0px 0 0px 30px; padding-left: 10px; }
html>body .post li { margin: 0; }
div.post  ol, div.post ul { padding:0; margin: 5px 0 5px 50px; }
div.post ol li, div.post ul li { margin: 0; padding: 0; }	
p.entry-meta-top { margin: 4px 0 16px 0; }
p.entry-meta-top span.entry-author-date { background: #eee; padding: 2px; }
p.entry-meta-top img { float: right; margin-top: 4px; }
div.entry-meta-bottom {  margin: 18px 0 10px 0; font-size: 12px; padding: 8px; background: #FFE79A; border-top: 1px solid #E5C55D; border-bottom: 1px solid #E5C55D; }
div.entry-meta-bottom a { color:#7A2A1B; }
span.entry-comments-respond { float: right; width: 116px; text-align: center; }
span.entry-categories, span.post-tags { float: left; width: 399px; padding-left: 14px; }
p.entry-tags { font-size: .9em; margin: 15px 0 10px; border-bottom: 1px solid #ccc; padding-bottom: 14px; }
p.entry-tags a:link, p.entry-tags a:visited { background: #0c99cd; padding: 3px; color: #FFF; }
p.entry-tags a:hover { background:#157CAF; color: #FFF; text-decoration: none; }
span.entry-comments-link { position: absolute; display: block; top: -5px; right: -13px; height: 50px; width: 72px; background-image: url('images/kw-sprite.png'); background-position: -10px -193px; color: #464646; font-weight: bold; font-size: 20px; line-height: 46px; }
span.entry-comments-link a { color: #464646; font-weight: bold; display: block; text-align: center; padding-right: 4px; }
span.entry-comments-link a:hover { color: #464646; }
div.entry-in-paged { padding-bottom: 28px; }
p.announcement{ clear:both; overflow:hidden; padding: 12px; background: #FFE79A; border: 1px solid #FFF15F; margin:0px 0px 15px 0px; font-size:14px; color: #7A2A1B; } /* Caja de News Flash */

/* => Dream Posts Date & Entries in Paged */

p.entry-date { -moz-border-radius: 3px; -moz-box-shadow: 1px 0 3px #776754; background: #E5E5E5; position: absolute;  left: -75px; top: 10px; width: 60px;  margin: 0; border: 1px solid #333; text-align: center; height: 55px; color:#D11340; font-size: 23px; font-weight: bold; line-height: 25px; padding-top: 2px; }

span.year-date { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position: absolute; right: 50px; top: 11px; text-align: left; display: block; padding: 5px; color:#BFBFBF; font-size:22px;  }

span.month-date { display: block; background: #BFBFBF; letter-spacing: -1px; background: #ccc; background:#BFBFBF; font-variant:  small-caps; font-weight: normal; border-top: 1px solid white; padding: 2px 0; }
div.entry-summary { float: right; width: 365px; padding-top: 7px; }
img.entry-thumb { float: left; width: 170px; height: 170px; margin: 7px 10px 0 0; border: 1px solid #ccc; background: #f7f7f7; padding: 5px; -moz-border-radius: 10px; }

/* => Archives with Thumbnails */

img.archive-thumbnail { width: 75px; height: 75px; padding: 5px; border: 1px solid #ddd; }
div.entry-excerpt { float: right; width: 430px; }
p.read-more { margin: 0; font-style:italic; text-align: right; top: 4px; }
div.entry-content { padding: 10px 15px; }
div.archive-cat-info { padding: 0 15px; background:#fefefe; }

/* => Authorbox */

div#authorbox { width:340px; padding: 15px 0 0 20px; float:left; height: 150px; overflow:hidden; }
div#authorbox h4 { padding-bottom: 10px; color: #80b259; }
div#authorbox img { float:left; margin: 0 10px 0 0; padding: 3px; background: #ccc; }
div#authorbox p { margin: 0 15px 15px 0; }

/* => Social Bookmarks */

div.post-extra { background: #f1f8df; width: 560px; margin-top: 15px; }
div.post-share { width: 160px; padding: 15px 0 0 20px; float:right; overflow:hidden;background:#a1cf26; }
div.post-share h4 { color: #FDFCFC; }

ul.love { margin-left: 0!important; padding: 7px 0 7px 5px; }
ul.love li { float:left; margin: 0 10px 2px 0!important; width: 48px; list-style: none;  }
ul.love img { margin: 3px; width: 48px; }
ul.love a:hover { cursor:pointer; text-decoration: none; } /* Para IE6 */

/* => Related Posts in Single Pages */

div.related{ background: #ADD8E6; margin-top: 17px; -moz-border-radius: 15px; }
div.related h3{ background:#333; font-size:16px; padding:10px 20px; display:block; font-weight:lighter; color:#eee; }
div.related ul { padding: 30px 20px; float:left; width: 560px; margin: 20px 15px!important; }
div.related ul li { float:left; width:114px; margin:0 16px 0 0!important; list-style: none; overflow: hidden; }
div.related ul li img { border:7px solid #9CC5D1; margin:0 0 8px; display: block; width: 80px; height 80px; }
div.related ul li.last { margin:0;}

/* Sidebar Elements */

div.widget-inside { padding: 10px 0 10px 0;  margin-bottom: 15px; border: 1px #ccc solid; overflow: hidden; }
div#sidebar ul { padding: 25px 20px; overflow: hidden; } 
div#sidebar ul.special { padding-bottom: 15px; }
div#sidebar ul li { list-style: none; padding: 3px 0; }
div#sidebar ul.middle li { width: 41%; float: left; margin-right: 10px; padding: 3px 0 3px 12px; border-bottom: 1px solid #E4E1DB; background-image: url('images/kw-sprite.png'); background-position: -10px -547.5px;  }

div#sidebar ul.sponsors li { width: 125px;  float: left; margin-right: 10px; margin-left: 10px; }

div#sidebar ul.sponsors li img { padding: 3px; background: #ccc; }

div#sidebar ul.sponsors li:hover img { background: #015A78; }

div#sidebar ul.sponsors li.last-ad { margin-right: 0; }


/* => Suscription Box */

div#suscription-box { background: transparent url('images/suscription-menu.png'); width: 347px; height: 164px; margin-top: 10px; left: -6px; bottom: -12px; margin-top: -7px; position: relative; } 
ul#suscription-options { padding: 0 10px 15px 10px !important; font-weight: bold; }
ul#suscription-options li { float: left; width: 150px; }
ul#suscription-options li.feed a, ul#suscription-options li.mail a, ul#suscription-options li.twitter a { width: 100px; display: block; margin-left: 30px; color: #FFF; }
ul#suscription-options li.feed { background-image: url('images/kw-sprite.png'); background-position: -10px -319px; border-bottom: 1px solid #fff; padding: 15px 0 15px 10px; }
ul#suscription-options li.twitter { background-image: url('images/kw-sprite.png'); background-position: -10px -392px; padding: 15px 0 15px 10px; border-bottom: 1px solid #fff; }
ul#suscription-options li.mail { background-image: url('images/kw-sprite.png'); background-position: -10px -465px; padding: 15px 0 15px 10px; }
span.rss-counter { font-size:1.75em; letter-spacing:-0.05em; text-shadow:-1px 1px 1px #4F5959; color: #F4EEEE; } 
ul#suscription-options li.suscribers_counter { padding-top: 14px; color: #FFF; }
ul#suscription-options li.suscribers_counter a { color: #FFF; }

/* => Pop Posts & Recent Comments  */

ul#recent-comments, ul#popular-entries { font-size: 13px; line-height: 19px; } /* padding-top: 15px; */
ul#recent-comments img, ul#popular-entries img { float: left; margin: 0 10px 0 0; padding: 3px; background: #ccc; border: 1px solid #A6A6A6; overflow: hidden; -moz-border-radius: 4px; }
ul#popular-entries img { width: 65px; height: 65px; }
ul#recent-comments li, ul#popular-entries li { overflow: hidden; margin-bottom: 10px; } 
span.popular-entries-metadata a { color:#fff; background:#F489A7; padding:0 2px; text-transform:uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
span.popular-entries-metadata a:hover { color:#4A586C; text-decoration:none }
ul#popular-entries h4 { font-size: 17px; font-weight: 400; }

/* Pagination */

div.wp-pagenavi { margin: 8px 0; float:left; font-size: 1.28em;  }
div.wp-pagenavi a, div.wp-pagenavi span, div.wp-pagenavi span.pages { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 3px; }
div.wp-pagenavi a, div.wp-pagenavi span { border: 1px solid #ccc; padding: 2px 3px; margin-right: 3px; display:block; float:left; text-align:center; background: #F0EDED; }
div.wp-pagenavi a:hover { background-color:#F77939; text-decoration: none; color: #FEFEFE; }
div.wp-pagenavi span.current { background:#2984a7; color:#fff; padding: 2px 4px; }
div.wp-pagenavi span.pages { padding: 2px 4px; background: #F0EDED; }

/* Footer Elements */

div.widget-footer-top { width: 290px; margin-right: 12px; float: left; border: 1px solid #fefefe; padding: 5px 10px; overflow: hidden; text-align: left; -moz-border-radius: 7px; }
div#footer a { color: #FFF; }
div#footer a.site-cms { font-weight: bold; }
div#footer ul li { list-style: none; }
div.widget-footer { width: 208px; margin-right: 12px; float: left; border: 1px solid #fefefe; padding: 5px 10px; overflow: hidden; text-align: left; margin-top: 20px; -moz-border-radius: 7px; }
div.last-widget-footer { margin-right: 0; } 
div#footer h3 { border-bottom: 1px solid #004A62; color:#FFF; padding: 8px 10px; text-shadow: 0 2px 3px #004E66; font-size: 1.125em; font-weight: bold; margin-bottom: 17px; }
ul.digital-list a { background:rgba(26, 117, 146, 0.4); display:block; line-height:17px; padding: 5px; opacity:0.99; color: #FFF; filter: alpha(opacity=30); }
ul.digital-list a:hover, ul.list li a:hover { background: #EC6109; text-decoration: none; }
div.st-tag-cloud a { color: #FFF!important; } /* Nube de tags */
div#footer-content { margin: 0 auto; width: 980px; overflow: hidden; margin-top: 40px; padding: 30px 0; }
div#footer-container {  background: url('images/footcont.gif') repeat; margin-top: -43px; margin-top: 160px; }
img.feature-thumb { float: left; margin: 0 10px 0 0; padding: 3px; background: #ccc; border: 1px solid #A6A6A6; overflow: hidden; width: 50px; height: 50px; }
ul.list li a { background:rgba(26, 117, 146, 0.4); line-height:17px; padding: 5px; opacity:0.99; color: #FFF; filter: alpha(opacity=30); }
ul.list li { overflow:hidden; padding-bottom:15px; }
div#tag-cloud-zone { width: 440px; }

/* Threaded Comments */	

div#responses {}
ol.commentlist div.comments-navigation { padding: 10px 0; margin:10px 0; clear:both; }
ol.commentlist, ol.trackbacklist { margin: 0 0 0em; padding: 1.6em 0 0 0; text-indent:0; background: #f4f3e8; }
ol.commentlist li.comment { margin: 0; list-style: none; padding: 0 20px 15px 20px; }
ol.trackbacklist li.pingback, ol.trackbacklist li.trackback { margin: 0 0 8px 0; padding: 0 13px 15px 13px; list-style: none; }
ol.commentlist li img.avatar { float: right; padding: 2px; border: 2px solid #e4e4e4; background: #FEFEFE; -moz-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); -moz-transform:rotate(9deg); -moz-border-radius: 4px; }
div.comment-text { background: #fdfdfd; padding: 13px 15px; overflow: hidden; -moz-border-radius: 7px; }
ol.commentlist li p { margin-right: 90px; line-height: 16px; }
ol.commentlist li.vcard cite.fn { font-style:normal; font-size: 14px;  color: #312A2A; }
ol.commentlist li.vcard cite.fn a.url { color: #b30000; }
ol.commentlist li div.comment-text ul { padding-left: 20px; list-style: disc; }
ol.commentlist li div.comment-reply-link  { background: url('images/reply-pencil.png') no-repeat; width: 40px; height: 40px; overflow: hidden; position: absolute; right: 2px; top: 55px; }
div.comment-content { position: relative; }
ol.commentlist li div.comment-reply-link a { width: 40px; height: 40px; display: block; text-indent: -9999em; }
ol.commentlist li ul.children { list-style:none; text-indent:0; padding: 10px 0 0 23px; }
ol.commentlist li ul.children li { font-size: 13px; padding-right: 0; }
ol.commentlist ul.children li.depth-3 { margin-left: -22px; padding: 0; }
ul.comment-utility { float: left;  padding: 7px 7px 0 7px;  width: 97.6%; } /* background: #333; */
ul.comment-utility li { float: left; list-style: none; }
ul.comment-utility li.comment-author vcard { clear: left; position: relative; }
ul.comment-utility li.comment-author vcard a { color: #FFF; display: block; background: #7fb335; padding: 3px 12px 3px 0; }
ul.comment-utility li.comments_author a:hover { color: #333; }
ul.comment-utility li.bubble-tail { position: relative; bottom: 7px; background: url('images/tt.png') no-repeat;
width: 36px; height: 23px; }
ul.comment-utility li.comment-meta { position: relative; float: right; font-style: italic; font-size: 12px; color: #979696; top: -2px; padding: 4px 0 4px 0; clear: right; }
ol.commentlist ul.children li.depth li.tail { float: right; position: relative; background: url('images/comments_post_author_tail.png') no-repeat; margin-right: 4px; width: 17px; height: 17px; }
ol.commentlist ul.children li.depth-2 img.avatar { float: left; padding: 2px; border: 2px solid #e4e4e4; background: #FEFEFE; -moz-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); -moz-transform:rotate(-9deg);  }
ol.commentlist ul.children li.depth-2 p { margin-left: 90px; }
ol.commentlist ul.children li.depth-2 li.comments-author vcard { background: #4a4949 url('images/comments_post_author_left.png') no-repeat top left; background-color: #78d553; float: right; }
ol.commentlist ul.children li.depth-2 li.comments-author vcard a { background: #4a4949 url('images/comments_post_author_right.png') no-repeat top right; background-color: #78d553; }
ol.commentlist ul.children li.depth-2 ul.comment-utility li { float: right; }
ol.commentlist ul.children li.depth-2 li.bubble-tail {  background: url('images/res.png') no-repeat; }
ol.commentlist ul.children li.depth-2 li.comment-meta { float: left!important; clear: left; top: -5px; }
ol.commentlist ul.children li.depth-2 div.comment-reply-link { left: 2px; }
span.says { font-style: italic; }
ol.trackbacklist li.pingback a, ol.trackbacklist li.trackback a { color: #b30000; }

/* Comments Form */

div#respond { margin: 15px 0; padding: 10px 25px 20px 25px; background: #E8E9E0; border:1px solid #CACCB6; overflow: hidden; }
div#respond label { display: block; padding-bottom: 4px;  }
div#cancel-comment-reply { padding: 15px 0; font-weight: bold; font-size: 1.1em; }
div#respond div.message-zone textarea { width: 270px; height: 150px; padding: 10px; color: #464646; font-size: 16px; border: 1px solid #cfcfcf; } /* This had !important in width */
div#respond form div.fields{ float: left; margin-right: 15px; }	
div#respond form div.message-zone { float: left; }			
div#respond form input.text { border: 1px solid #cfcfcf; color: #5b5b5b; padding: 5px; font-size: 16px; width: 180px; } /* More in form comments */
div#respond form div.fields input.text, div#respond div.message-zone textarea { -moz-border-radius:10px; -webkit-border-radius:10px; background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }
div#respond form input:hover, div#respond textarea:hover, div#respond form input:focus, div#respond textarea:focus { -webkit-box-shadow: rgba(2px, 0, 2px, 0.15) 0px 0px 8px; }
div#respond form div.message-zone input#submit { float: right; cursor: pointer; }

/* Fancy Back Top Button */

a#bm-arrow-top { position:fixed; bottom:30px; right:30px; display:block; background:#fff; width:24px; height:24px; overflow:hidden;
background:url('images/backtotop.png') top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none; border:none; }
a:hover#bm-arrow-top { background-position:bottom left; }

/* Clearfix Tool */

/* http://sonspring.com/journal/clearing-floats & http://www.positioniseverything.net/easyclearing.html */

html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }