/* ================ Custom CSS ============================= */
.article {margin:0 auto;padding:1em 2em 2em 2em;color:#700;border:5px solid black;}
.press, .blog {line-height:1em!important;}
.edit {position: absolute;top:5px;right: 5px;padding:0.2em 0.5em;background-color:#fff;opacity:0.5;border-radius:12px;}
.edit:hover {opacity:1;}
header h1 {margin:0 0.5em 0 0;padding:0;float:left;}
header img {height: 51px;width:auto;padding-left:0;padding-right: 6px;background-color: #eee;border:5px solid black;}
header img:hover {background-color:#fff;transition: background-color 0.2s ease-in-out,}
h5.release small, h5.release small {font-family:'Helvetica', sans-serif!important;font-weight:normal!important;margin-top:-5px;}
.icon_facebook {width: 24px;height: 24px;clip-path: inset(0px 6px 0px 0px);margin:0;padding: 0 0 0 6px!important;float: left;}
.icon_soundcloud {margin-top:-2px;line-height:0em;float:right;white-space:nowrap;}
img.review_thumb {width:70px!important;height:auto!important;float:left;margin:0 1em 1em 0;}
.img24 {width:24px!important;height:24px;}
.img32 {width:32px!important;height: 32px;margin-right: 0.5em;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none!important;}
.float_img img {width: 47%;float: left;margin:0 2em 1em 0;border-radius:3px;}
.release_buy, .release_credits, .release_video {padding-top:1em;border-top:1px solid #fff;}
.release_buy label, .release_credits label {font-family:'Roboto', sans-serif;}
.release_buy {clear:both;line-height:2em;}
.release_buy a {margin:0 1em 0 0;padding: 0.3em 0.8em;border-radius: 25px;border:1px solid #aaa;background-color: rgba(80, 180, 228, 1);text-transform: uppercase;font-family:'Roboto', sans-serif;line-height: 0em; -webkit-box-shadow: inset 0px 10px 13px -4px rgba(255,255,255,0.5);
-moz-box-shadow: inset 0px 10px 13px -4px rgba(255,255,255,0.5);
box-shadow: inset 0px 10px 13px -4px rgba(255,255,255,0.5);
color: #334;letter-spacing: 2px;font-size: 12px;}
.release_credits {padding:1em;background-color:#eee;}
img.release_img {opacity:0.85;}
.release_video {margin-bottom:1em;}
.releaselist {width:100%; display: block;clear: both;}
.releaselist img {width:25%;float:left; margin:0 2em 2em 0;border-radius:5px;box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15);}
.site-navigation {border-bottom: 0 solid #334;margin-bottom:1em;}
.social {position: relative;margin-right:1em;top: 1em;height: 24px;float: right;border:5px solid #000;background-color: #000;opacity:0.85;}
.social:hover {opacity: 1; transition: opacity 0.2s ease-in-out;}
.social li {list-style: none;float: left;}
.social li, .social ul {margin:0; padding:0;}
/* ============= Colors ============ */
.article {background: rgba(238,238,238, 0.91)}
.article:hover {background: rgba(238,238,238,1);transition: background 0.2s ease-in-out;}
body {color: #334;width: 100%;background:#000 url("../images/25.jpg") no-repeat fixed center center; background-size: auto;}
.icon_facebook {background-color: #3b5998;color: #fff;}
/* ===== TXP CSS - Don't delete below ==== */
details, main {display: block;}
summary { display: list-item;}
template {display: none;}
a,input,button { touch-action: manipulation;}
/* Clearfix =========================================================== */
header::after, footer::after, nav ul::after, nav ol::after, .container::after,
.paginator::after {display: table;clear: both;content: "";}
/* === Styling and layout for screen media (mobile first) ============= */
@media screen {
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}
body {position: relative;margin: 0;}
.wrapper {padding: 1px 0;border-bottom: 0 solid #ccc;}
.container {width: 100%;margin: 12px auto;}
header {width:100%;}
.site-header, .container {max-width: 54em; margin: 0 auto;}
.site-header {width: 100%; padding: 1em 0;}
.site-header h2 { margin: 0;}
.site-header h3 {margin: 0.5em 0 0;font-size: 1.25rem;font-style: italic;font-weight: normal;line-height: 1.4;}
.site-footer {position: fixed;z-index:99;bottom: 0px;left: 0px;padding: 0.5em 0;}
.site-footer, .site-footer a {color:#aaa;}
.article {margin-bottom: 2em;word-wrap: break-word;}
.releaselist {margin-right:1em;}
.complementary-content {margin: 2em -6% 0; padding: 0 6%;border-top: 0 dashed #cccccc; word-wrap: break-word;}
/* Navigation ============================================================== */
.icon_twitter {width:24px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath class='icon' fill='%23fff' d='M68.812 15.14a26.189 26.189 0 0 1-7.52 2.06 13.125 13.125 0 0 0 5.757-7.243 26.133 26.133 0 0 1-8.314 3.176A13.066 13.066 0 0 0 49.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396a13.057 13.057 0 0 0-1.77 6.58c0 4.543 2.312 8.552 5.824 10.9a13.05 13.05 0 0 1-5.93-1.64c-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09a26.29 26.29 0 0 1-16.26 5.605c-1.055 0-2.096-.06-3.122-.184a37.036 37.036 0 0 0 20.067 5.882c24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693a26.61 26.61 0 0 0 6.532-6.774z'/%3E%3C/svg%3E");
}
.site-navigation > div {position: relative;max-width: 54em;margin: 0 auto;}
.site-navigation ul { margin: 0; padding: 0.3em 0;list-style: none;}
.site-navigation li {border:5px solid transparent;border-width:5px 0 0 0;width: 33%;max-width: 33%;float: left;background-color: rgba(0, 0, 0, 0.1);padding-left;0.5em;}
.site-navigation li:first-child {}
.site-navigation li:hover {background-color: #334;transition: background-color 0.2s ease-in-out, font-weight 0.2s ease-in-out;}
.site-navigation li:active {background-color: #eee; box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15); }
.site-navigation li.active {background-color: rgba(0, 0, 0, 0.8); box-shadow: none;border:5px solid #334;border-width: 5px 0 0 0;font-weight: bold;}
.site-navigation a:active {color: #334;text-decoration: none; }
.search input[type="search"] {color:white; fill: currentColor;}
.search input[type="search"] {font-size:12px; margin:0; width: 16em; height: 2em; padding:0 0.3em 0 2.2em; border:none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 32 32'%3E%3Cg fill='%33344'%3E%3Cpath d='M4,13c0-5,4-9,9-9c5,0,9,4,9,9c0,5-4,9-9,9C8,22,4,18,4,13z M13,19c3.3,0,6-2.7,6-6s-2.7-6-6-6s-6,2.7-6,6S9.7,19,13,19z'/%3E%3Cpath d='M17.5,19l1.5-1.5l4.5,3L28,25c0,0,0,1.5-0.75,2.25S25,28,25,28l-4.5-4.5L17.5,19z'/%3E%3C/g%3E%3C/svg%3E") no-repeat left center; background-size: 2em 2em;}
/* Links ========================================================== */
a { color: #334; text-decoration: none; -webkit-text-decoration-skip: ink; text-decoration-skip: ink;}
a:hover, a:active {outline: 0; color: #00ccca;text-decoration: none;transition: color 0.2s ease-in-out}
a:focus {outline: 1px solid #ddd;}
.icon_facebook a {color:#fff;text-transform: lowercase;font-weight:bold;padding-left:4px;}
h1 a,h2 a,h3 a {color: #003;}
h1 a:hover, h1 a:active,h2 a:hover,h2 a:active,h3 a:hover,h3 a:active {color: #333333;
-webkit-text-decoration-color: rgba(51, 51, 51, 0.5); text-decoration-color: rgba(51, 51, 51, 0.5);}
.release_buy a:hover {color:#fff;transition: color 0.2s ease-in-out}
.site-footer {background-color:#334;opacity:0.85;}
.site-footer:hover {opacity:1;transition: opacity 0.2s ease-in-out}
.site-header h2 a:hover {text-decoration:none;}
.site-navigation a {display: block; padding: 0.5em 6%;color: #eee;}
.site-navigation a:hover, .site-navigation a:visited {color: #eee; text-decoration: none;}
.paginator {clear: both;}
.paginator [rel="prev"] {float: left;}.paginator [rel="next"] {float: right;}
/* Typography ============================================================== */
@font-face {font-family: 'Roboto'; src: url('../../../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Titillium Web'; src: url('../../../fonts/TitilliumWeb-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
html {font-size: 16px; line-height: 1.5;}
.article {font-size:16px;font-family:'Titillium Web',Times,serif;}
.site-footer {font-size:10px;letter-spacing:2px;text-transform: uppercase; width: 100%;text-align:center;}
body {font-family: 'Roboto', system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1em;}
h1, h2, h3, h4, h5, h6 {clear: both;}
h1 { margin: 0.6315789em 0;font-size: 2.375rem;letter-spacing: -0.25px;line-height: 1.1842105;}
h2 { margin: 0.75em 0;font-size: 2rem;letter-spacing: -0.25px;line-height: 1.25;}
h3 {margin: 1em 0;font-size: 1.5rem;letter-spacing: -0.25px;line-height: 1.3333333;}
h4 {margin: 1em 0;font-size: 1.25rem;line-height: 1.4;}
h5 {margin: 1em 0;font-size: 1.125rem;line-height: 1.4444444;}
h6 {margin: 1em 0;font-size: 1rem;line-height: 1.5;}
h4 small {font-weight: normal;}
.icon_facebook {font-size:23px;}
nav {text-transform:uppercase; font-size: 12px;letter-spacing: 3px;font-weight:normal;}
.release_credits, .release_credits p {font-size:0.9em!important;line-height:1.0!important;}
.social {}
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {font-weight: bolder;}
address {margin: 1em 0;}
blockquote {margin: 0.8em 0;font-size: 1.25rem;font-style: italic;line-height: 1.4;text-align: center;}
abbr[title] {border-bottom: 0; -webkit-text-decoration: underline dotted; text-decoration: underline dotted;}
mark, var {padding: 0 0.25em;border-radius: 0.25em;background: #fff9e1;color: #333333;}
pre, code, kbd, samp {border: 1px solid #e3e3e3;border-radius: 0.2857143em;background-color: #f7f7f7;color: #333333;font-family: Menlo, Consolas, Monaco, monospace;font-size: 0.875rem;line-height: 1.5;}
code, kbd,samp {padding: 1px 0.21429em;}
pre {padding: 0.5714286em 1.1428571em;word-wrap: normal;overflow-x: auto;-moz-tab-size: 4;-o-tab-size: 4;
tab-size: 4;}
pre code {
padding: 0;
border: 0;
background-color: transparent;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
direction: ltr;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup.footnote,
sup {
position: relative;
font-size: 0.625em;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/**
* Harmonize size and style of small text.
*/
small, figcaption, tfoot, .footnote {font-size: 0.8125rem;line-height: 1.2;}
figcaption, tfoot, .footnote {color: #585858;}
figcaption {margin-top: 0.5em;font-style: italic;}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {height: 24px;margin: 1em 0;border: 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath fill='%23333' d='M0,0c1.742,13.61,54.74,20.912,119.995,15.279C184.922,9.679,238.594,13.024,240,24c-1.744-13.613-54.742-20.913-120.005-15.284C55.078,14.32,1.405,10.973,0,0z'/%3E%3C/svg%3E") 50% 50% no-repeat; background-size: 240px 24px;box-sizing: content-box;overflow: visible;}
/* Support for non-latin languages (can be removed if not required) ==== */
/**
* Bidirectional (bidi) text support.
* See: https://www.w3.org/International/articles/inline-bidi-markup/#cssshim
*/
[dir="ltr"],
[dir="rtl"] {
unicode-bidi: -webkit-isolate;
unicode-bidi: isolate;
}
bdo[dir="ltr"],
bdo[dir="rtl"] {
unicode-bidi: isolate-override;
}
/**
* Preferred font for Japanese language.
*/
:lang(ja) {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
font-weight: 300;
}
/**
* Preferred font for Korean language.
*/
:lang(ko) {
font-family: GulimChe, Gulim, sans-serif;
}
/**
* Preferred font for simplified Chinese (PRC) language.
*/
:lang(zh-cn) {
font-family: "PingFang SC", SimHei, sans-serif;
}
/**
* Preferred font for traditional Chinese (Taiwan, Hong Kong) language.
*/
:lang(zh-tw) {
font-family: "PingFang TC", PMingLiU, sans-serif;
}
/**
* Suppress `text-decoration` in some RTL languages for better legibility.
*/
[lang|="ar"] a:hover,
[lang|="fa"] a:hover,
[lang|="ur"] a:hover {
text-decoration: none;
}
/**
* Computer code should be LTR.
*/
[dir="rtl"] code {
direction: ltr;
}
/**
* Swap image alignment right/left positions in RTL languages.
*/
[dir="rtl"] img.align-left {
margin: 1em 0 1em 1em;
float: right;
}
[dir="rtl"] img.align-right {
margin: 1em 1em 1em 0;
float: left;
}
/**
* Swap table caption alignment in RTL languages.
*/
[dir="rtl"] caption {
text-align: right;
}
/**
* Swap table cell text alignments in RTL languages.
*/
[dir="rtl"] th,
[dir="rtl"] td {
text-align: right;
}
/**
* Swap menu/list padding positions in RTL languages.
*/
[dir="rtl"] menu,
[dir="rtl"] ol,
[dir="rtl"] ul {
padding: 0 1.75em 0 0;
}
[dir="rtl"] .site-navigation ul,
[dir="rtl"] .article-list {
padding: 0;
}
/**
* Swap definition description margin positions in RTL languages.
*/
[dir="rtl"] dd {
margin: 0 1.75em 0 0;
}
/**
* Swap checkbox/radio margin positions in RTL languages.
*/
[dir="rtl"] input[type="checkbox"] + label,
[dir="rtl"] input[type="radio"] + label {
margin: 0 0 0 0.5em;
}
[dir="rtl"] input[type="checkbox"] + label:last-of-type,
[dir="rtl"] input[type="radio"] + label:last-of-type {
margin: 0;
}
/**
* Swap paginator (prev/next) navigation links on articles/article lists.
*/
[dir="rtl"] .paginator [rel="prev"] {
float: right;
}
[dir="rtl"] .paginator [rel="next"] {
float: left;
}
/**
* Swap anchor float position on comments.
*/
[dir="rtl"] .comments h4 .comment-anchor {
float: left;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 11.
*/
video {
display: inline-block;
}
/**
* Make embedded elements responsive.
*/
img,
video, iframe {
max-width: 100%;
height: auto;
}
/**
* Images.
*
* 1. Remove the gap between images and the bottom of their containers.
*
* Image alignment (compatible with Textile markup syntax).
*
* Example HTML:
*
* ![]()
* ![]()
* ![]()
*/
img {
/* 1 */
vertical-align: middle;
}
img.align-left {
margin: 1em 1em 1em 0;
float: left;
}
img.align-right {
margin: 1em 0 1em 1em;
float: right;
}
img.align-center {
display: block;
margin: 1em auto;
}
/**
* Address margin not present in Safari.
*/
figure {
margin: 0;
}
/* Tables
========================================================================== */
/**
* Consistent tables.
*/
table {
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0;
}
/**
* Styling of table captions.
*/
caption {
margin-bottom: 0.5em;
font-style: italic;
text-align: left;
}
/**
* Make table cells align top and left by default.
*/
th,
td {
padding: 0.5em;
border: 1px solid #d4d4d4;
text-align: left;
vertical-align: top;
}
/**
* Emphasize table header.
*/
thead tr {
background-color: #eeeeee;
}
thead th,
thead td {
border: 1px solid #cccccc;
}
/**
* 'Zebra striping' of `tbody` rows.
*/
tbody tr:nth-child(even) {
background-color: #f7f7f7;
}
/**
* Adjust padding of table footer due to smaller font size.
*/
tfoot th,
tfoot td {
padding: 0.6666667em;
}
/**
* Multi-row span vertical cell alignments.
*/
[rowspan] {
vertical-align: middle;
}
/* Lists
========================================================================== */
/**
* Address paddings set differently.
*/
menu,
ol,
ul {
padding: 0 0 0 1.75em;
}
/**
* Remove margins from nested lists.
*/
li > ul,
li > ol {
margin: 0;
}
/**
* Address margins set differently.
*/
dd {
margin: 0 0 0 1.75em;
}
.article-list {margin: 0 0 2em;padding: 0;border-top: 1px solid #cccccc;list-style: none;}
.article-list li {margin-bottom: 0;border-bottom: 1px solid #cccccc;}
/* Forms ================================================================== */
fieldset {min-width: 0; margin: 0 0; padding: 0; border: 0;}
legend { display: none;max-width: 100%; padding: 0;color: inherit; white-space: normal; box-sizing: border-box; }
progress { vertical-align: baseline;}
button,
input,
optgroup,
select,
textarea {
max-width: 100%;
margin: 0;
color: #003;
font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
line-height: 1.375;
box-sizing: border-box;
vertical-align: baseline;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Styling of form input fields.
*
* 1. Remove browser-specific default styling.
*/
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
height: 2em;
padding: 0.25em 0.1875em;
border: 1px solid #cccccc;
border-radius: 0;
background: #eee;
/* 1 */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type="color"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="email"]:focus,
[type="month"]:focus,
[type="number"]:focus,
[type="password"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="week"]:focus,
select:focus,
textarea:focus {
border-color: #0066ff;
outline: 1px solid transparent;
}
/**
* 1. Remove any excess padding.
* 2. Correct margins for inline checkbox/radio labels.
*/
[type="checkbox"],
[type="radio"] {
/* 1 */
padding: 0;
}
[type="checkbox"] + label,
[type="radio"] + label {
/* 2 */
margin: 0 0.5em 0 0;
}
[type="checkbox"] + label:last-of-type,
[type="radio"] + label:last-of-type {
/* 2 */
margin: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Safari.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Use indicator icon to signify the drop-down ability of `select`.
*/
select {
padding-right: 1.5em;
background: #630202 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='5' viewBox='0 0 17 5'%3E%3Cpolygon fill='%23333' points='0,0 5,5 10,0'/%3E%3C/svg%3E") right center no-repeat;
background-size: 1.0625em 0.3125em;
text-transform: none;
}
/**
* Swap `select` icon position in RTL languages.
*/
[dir="rtl"] select {
padding-right: 0.1875em;
padding-left: 1.5em;
background-position: 0.5em center;
}
/**
* Remove browser-specific `select` UI in IE 11.
*/
select::-ms-expand {
opacity: 0;
}
/**
* Remove browser-specific `select` UI in Firefox 4+.
*/
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #003;
}
/**
* Override height and background set in a previous rule and allow auto height.
*/
select[size],
select[multiple] {
height: auto;
padding-right: 0.5em;
background-image: none;
}
/**
* Override height set in rule above and restrict to one line field.
*/
select[size="0"],
select[size="1"] {
height: 2em;
}
/**
* Normalize styling of `optgroup`.
*/
optgroup {
color: #003;
font-style: normal;
font-weight: bold;
}
/**
* 1. Restrict to vertical resizing to prevent layout breakage.
* 2. Remove default vertical scrollbar in IE 11.
* 3. Remove unwanted space below `textarea` in Safari, Chrome, Opera.
*/
textarea {
width: 100%;
height: auto;
min-height: 3em;
/* 1 */
resize: vertical;
/* 2 */
overflow: auto;
/* 3 */
vertical-align: top;
}
/**
* Make sure disabled elements really are disabled and styled appropriately.
*
* 1. Override default iOS opacity setting.
* 2. Re-set default cursor for disabled elements.
*/
[disabled],
[disabled] option,
[disabled] optgroup,
span.disabled {
border-color: #d4d4d4 !important;
background: #eeeeee !important;
/* 1 */
opacity: 1;
color: #aaaaaa !important;
text-shadow: none !important;
box-shadow: none !important;
/* 2 */
cursor: default !important;
}
/**
* Styling for form field validation.
*/
input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
border-color: #9d261d;
box-shadow: none;
}
/**
* Width display options for `input` fields. Height display options
* for textareas.
*
* Example HTML:
*
*
*
*/
.small input {
width: 25%;
min-width: 151px;
}
.small textarea {
height: 5.5em;
}
.large input {
width: 50%;
min-width: 302px;
}
.large textarea {
height: 9.75em;
}
/**
* Styling for required field indicators.
*
* Example HTML:
*
* *
*/
.required {
border: 0;
color: #9d261d;
}
/* Buttons
========================================================================== */
/**
* 1. Correct `button` style inheritance in Firefox, IE 11, and Opera.
* 2. Address `overflow` set to `hidden` in IE 11.
*/
button {
/* 1 */
text-transform: none;
/* 2 */
overflow: visible;
}
/**
* 1. Remove browser-specific default styling.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
background-color: #dfdfdf;
background-image: linear-gradient(#eeeeee, #dfdfdf);
display: inline-block;
position: relative;
width: auto;
height: 2em;
padding: 0.25em 1em;
border: 1px solid #dfdfdf;
border-radius: 1em;
background-clip: padding-box;
color: #333333;
font-weight: normal;
text-align: center;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
/* 1 */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: 0 2px 0 #acacac;
}
button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
background-color: #e9e9e9;
background-image: linear-gradient(#f8f8f8, #e9e9e9);
border-color: #bebebe;
color: #333333;
text-decoration: none;
}
button:active,
[type="button"]:active,
[type="reset"]:active,
[type="submit"]:active {
top: 2px;
border-color: #bebebe;
color: #1a1a1a;
text-decoration: none;
box-shadow: none;
}
button:focus,
[type="button"]:focus,
[type="reset"]:focus,
[type="submit"]:focus {
border-color: #0066ff;
outline: 1px solid transparent;
}
/**
* Disbaled button additional styling.
*/
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
top: 2px !important;
}
/* Comments
========================================================================== */
/**
* Styling for user comments.
*
* Example HTML:
*
*