Awesome. I have it.
Your couch. I it's mine.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.
× */
/* Requires -globals.css -app.js */
/* Tabs ---------------------- */
dl.tabs { border-bottom: solid 1px #333; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
dl.tabs.contained { margin-bottom: 0; }
dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 10px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; text-transform: uppercase; }
dl.tabs dt:first-child { padding: 0; padding-right: 9px; }
dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
dl.tabs dd a { color: white; display: block; font-size: 12px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
dl.tabs dd a:focus { font-weight: bold; color: #ffffff; }
dl.tabs dd.active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
dl.tabs dd.active a { cursor: default; color: white; background: #222; border-left: 1px solid #333; border-right: 1px solid #333; font-weight: bold; }
dl.tabs dd:first-child { margin-left: 0; }
dl.tabs.vertical { height: auto; border-bottom: 1px solid #333; }
dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd { border-left: 3px solid #cccccc; }
dl.tabs.vertical dd a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 12px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
dl.tabs.vertical dd.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
dl.tabs.vertical dd:first-child a.active { margin: 0; }
dl.tabs.pill { border-bottom: none; margin-bottom: 10px; }
dl.tabs.pill dd { margin-right: 10px; }
dl.tabs.pill dd:last-child { margin-right: 0; }
dl.tabs.pill dd a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
dl.tabs.pill dd.active { border: none; margin-top: 0; }
dl.tabs.pill dd.active a { background-color: #2ba6cb; border: none; color: #fff; }
dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
dl.tabs.pill.two-up dd, dl.tabs.pill.three-up dd, dl.tabs.pill.four-up dd, dl.tabs.pill.five-up dd { margin-right: 0; }
dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; }
dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; }
dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; }
dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; }
dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20%; }
ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #333; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
.no-js ul.tabs-content > li { display: block; }
@media only screen and (max-width: 789px) { dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
dl.tabs.mobile dt, dl.tabs.mobile dd { float: none; height: auto; }
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
.tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
.tabs.mobile dd:first-child a.active { margin: 0; }
dl.contained.mobile { margin-bottom: 0; }
dl.contained.tabs.mobile dd a { padding: 18px 20px; }
dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } }
/* Requires: globals.css */
/* Table of Contents
:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
*/
/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }
.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }
/* Very large display targeting */
@media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: block !important; }
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 789px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
.hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
.hide-for-portrait, .show-for-landscape { display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }
.hide-for-touch { display: block !important; }
.touch .show-for-touch { display: block !important; }
.touch .hide-for-touch { display: none !important; }
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 789px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }
/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 12px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }
div.hide.success p{background: url(https://dynamicrhythmentertainment.com/wp-content/themes/kingsize/css/../images/success.png) no-repeat left 70%;padding: 5px 0 7px 50px;float:left;}
/* Labels ---------------------- */
.label { padding: 1px 4px 2px; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; }
.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #e9e9e9; color: #505050; }
/* Tooltips ---------------------- */
.has-tip { border-bottom: dotted 0px #222; font-weight: normal; color: #fff; }
.has-tip:hover { border-bottom: dotted 0px #333; color: #cccccc; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }
.tooltip { display: none; background: #fff; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; }
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
.tooltip.tip-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.99) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; }
.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }
@media only screen and (max-width: 789px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; } }
/* Panels ---------------------- */
.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.panel.black { background:#333333; }
/* Panel Info ---------------------- */
.panel-info { background: #191919; border: solid 2px #32ACE3; margin: 20px 0 22px 0; padding: 20px; position:relative;}
.panel-info > :first-child { margin-top: 10px; }
.panel-info > :last-child { margin-bottom: 0; }
.panel-info.radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
/* Panel Warning ---------------------- */
.panel-warning { background: #191919; border: solid 2px #FDC402; margin: 20px 0 22px 0; padding: 20px; position:relative;}
.panel-warning > :first-child { margin-top: 10px; }
.panel-warning > :last-child { margin-bottom: 0; }
.panel-warning.radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
/* Panel Error ---------------------- */
.panel-error { background: #191919; border: solid 2px #EF4328; margin: 20px 0 22px 0; padding: 20px; position:relative;}
.panel-error > :first-child { margin-top: 10px; }
.panel-error > :last-child { margin-bottom: 0; }
.panel-error.radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
/* Panel Download ---------------------- */
.panel-download { background: #191919; border: solid 2px #70BF39; margin: 20px 0 22px 0; padding: 20px; position:relative;}
.panel-download > :first-child { margin-top: 10px; }
.panel-download > :last-child { margin-bottom: 0; }
.panel-download.radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
/* Panel Black ---------------------- */
.panel-black { background:#333333; border: solid 0px #e6e6e6; margin: 0 0 10px 0; padding: 5px; }
.panel-black > :first-child { margin-top: 0; }
.panel-black > :last-child { margin-bottom: 0; }
.panel-black.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel-black.callout a { color: #fff; }
.panel-black.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel-black.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel-black.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/* Accordion ---------------------- */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #000000; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #000000; }
ul.accordion > li .title { cursor: pointer; background: #222; padding: 15px; margin: 0; position: relative; border-left: 1px solid #000000; border-right: 1px solid #000000; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 { margin: 0; color:#FFFFFF; }
ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; color:#FFFFFF; }
ul.accordion > li .content { display: none; padding: 15px; color:#FFFFFF; }
ul.accordion > li.active { border-top: 3px solid #2ba6cb; }
ul.accordion > li.active .title { background: #333; padding-top: 13px; }
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
ul.accordion > li.active .content { background: #444; display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; }
/* Side Nav ---------------------- */
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.side-nav li { display: block; list-style: none; margin: 0 0 0px 0; padding: 5px 0 5px 7px; }
ul.side-nav li a { display: block; }
ul.bg-hover li:hover { background: #121212; }
ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
ul.side-nav li.divider { border-top: 1px solid #2b2b2b; height: 0; padding: 0; margin-bottom:0px; margin-top:0px; }
ul.side-nav li.img { padding-top:3px; }
ul.contact-widget li:first-child { border-top: 1px solid #2b2b2b; }
ul.contact-widget li { border-bottom: 1px solid #2b2b2b; padding: 5px 0 5px 10px !important; }
ul.contact-widget li.phone { background-image: none !important; }
ul.contact-widget li.email { background-image: none !important; }
ul.contact-widget li.fax { background-image: none !important; }
ul.contact-widget li.house { background-image: none !important; }
ul.contact-widget li i { font-size: 14px; color: #fff; margin-right: 5px; }
ul.contact-widget li a { display: inline; }
ul.contact-widget li:active { color: inherit !important; font-weight: normal !important; }
ul.side-nav li.pencil { background-image:url(https://dynamicrhythmentertainment.com/wp-content/themes/kingsize/css/../images/posts.png) !important; background-repeat:no-repeat; background-position:center left; padding-left:23px;}
ul.side-nav li.comment { background-image:url(https://dynamicrhythmentertainment.com/wp-content/themes/kingsize/css/../images/widget-comments.png); background-repeat:no-repeat; background-position:center left; padding-left:23px;}
ul.side-nav li.archives { padding-left:10px;}
ul.side-nav li.category { padding-left:10px;}
ul.side-nav li.twitter { background-image:url(https://dynamicrhythmentertainment.com/wp-content/themes/kingsize/css/../images/widget-twitter.png); background-repeat:no-repeat; background-position:center left; padding-left:23px; }
ul.side-nav li.tags { background-image:url(https://dynamicrhythmentertainment.com/wp-content/themes/kingsize/css/../images/tags.png); background-repeat:no-repeat; background-position:center left; padding-left:23px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
ul.side-nav li.twitter a { font-size: 11px; color: #929292;}
/* Contact Side Nav ---------------------- */
ul.contact-side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; font-family:Verdana, Arial, Helvetica, sans-serif; }
ul.contact-side-nav li { display: block; list-style: none; margin: 0 0 6px 0; }
ul.contact-side-nav li a { display: block; }
ul.contact-side-nav li.active a { color: #4d4d4d; font-weight: bold; }
ul.contact-side-nav li.divider { border-top: 1px solid #444; height: 0; padding: 0; }
ul.contact-side-nav li.img { padding-top:15px; }
ul.contact-side-nav li.email { background-image:url(https://dynamicrhythmentertainment.com/wp-content/themes/kingsize/css/../images/email.png); }
/* Comments ---------------------- */
.comment { /*padding: 20px 0 10px 0;*/ margin: 30px 0 10px 0; }
.dotted-line { border-top: 1px dotted #4d4d4d; }
/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
dl.sub-nav dt { color: #999; font-weight: normal; }
dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; }
/* Pagination ---------------------- */
ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 12px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #2ba6cb; }
ul.pagination li.divider { border-top: 1px solid #444; height: 0; padding: 0; }
/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
/* Link List */
ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.link-list li a { display: block; }
ul.link-list.right { float:right; }
/* Inline Link List */
ul.inline-list, ul.link-list { margin: 0 0 0px -8px; padding: 0px; list-style: none; overflow: hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 0px; display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
ul.inline-list > li > *, ul.link-list > li > * { display: block; }
/* Icon List */
ul.icon-list { margin: 6px 0 6px -7px; padding: 0; list-style: none; overflow: hidden; padding-left:10px !important; padding-right:10px; }
ul.icon-list li { list-style: none; float: left; margin-left: 7px; display: block; font-size:11px; padding-left: 0px !important }
ul.icon-list li i { color: #fff; font-size: 14px; }
ul.icon-list li a { display: block; }
ul.icon-list li img { display: block; padding-top:2px;}
/* Keytroke Characters ---------------------- */
.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 11px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/* Image Thumbnails ---------------------- */
.th { display: block; }
.th img { display: block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
.th.no-border img { display: block; border: solid 0px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 3px; -o-border-radius: 0px; border-radius: 0px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
.th:hover img { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.flex-video.youtube iframe{position:relative;}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 789px) { .flex-video { padding-top: 0; } }
/* Table styles
---------------------------------------------- */
table a, table a:link, table a:visited { border:none; }
table { width:100%; border-top:1px solid #5c5c5c; border-right:1px solid #5c5c5c; /*margin: 15px 0;*/ border-collapse:collapse; font-family: Verdana, sans-serif; font-weight: normal; font-size: 12px; line-height: 1.6; margin-bottom: 17px; color:#cccccc; }
caption {
color: #9ba9b4;
font-size:.94em;
letter-spacing:.1em;
margin:1em 0 0 0;
padding:0;
caption-side:top;
text-align:center;
}
td {
color:#d4d4d4;
border-bottom:1px solid #5c5c5c;
border-left:1px solid #5c5c5c;
padding: 5px 10px;
text-align: center;
background:#0f0f0f;
}
th {
font-weight:normal;
color: white;
text-align:left;
border-bottom: 1px solid #5c5c5c;
border-left:1px solid#5c5c5c;
padding: 5px 10px;
}
thead th {
background:#313131;
font-weight: bold;
color:white;
padding: 5px 10px;
text-align: center;
}
tfoot th {
text-align:center;
background:#f4f9fe;
}
tfoot th strong {
margin: 5px 5px 5px 0;
color:#66a3d3;
}
tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
}
/* --- zebra horizontal ---*/
.zebra_horizontal tr.odd td {
background:#222222;
}
/* --- zebra vertical ---*/
.zebra_vertical .col_odd {
background:#222222;
}
.zebra_vertical td
{
background: none;
}
/* Tables 2nd Option ----------------------
table { background-color: #0f0f0f; border-top: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c; border-right: 1px solid #5c5c5c; border-left: 1px solid #5c5c5c; margin: 15px 0; border-collapse: collapse; }
table thead, table tfoot { background: #313131; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 10px 25px; text-align:center; font-size: 14px; font-family: bold 12px Verdana, Arial, sans-serif; color: #fff; border-right: 1px solid #5c5c5c; border-left: 1px solid #5c5c5c; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: 1px solid #5c5c5c; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: 1px solid #5c5c5c; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr.neutral { background-color: #0f0f0f; }
table tbody tr.ligher { background: #0f0f0f; }
table tbody tr:nth-child(even) { background: #222222; }
table tbody tr td { color: #d4d4d4; padding: 10px 25px; vertical-align: top; border: none; border-right: 1px solid #5c5c5c; border-left: 1px solid #5c5c5c; border-top: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c;}
/*
/* Microformats ---------------------- */
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
/* Progress Bar ---------------------- */
div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ }
div.progress .meter { background: #2ba6cb; height: 100%; display: block; width: 50%; }
div.progress.secondary .meter { background: #e9e9e9; }
div.progress.success .meter { background: #5da423; }
div.progress.alert .meter { background: #c60f13; }
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
/* Foundation Top Bar
Requires: -jquery.foundation.topbar.js
Notes: -