/* Template Name: Dub 2 Template URL: http://www.joomlaxtc.com Description: Dub 2 XTC Joomla 2.5 Version: 1.0 Author: Monev Software LLC Author URI: http://www.joomlaxtc.com License: # The CSS, XHTML is released under GPL: # http://www.opensource.org/licenses/gpl-license.php # Graphics under exclusive license (C)2009-2012 Monev Software LLC # Additional CSS, PHP, and Javascripting under exclusive license (C)2009-2012 Monev Software LLC # http://www.joomlaxtc.com /* TABLE OF CONTENTS T 00 - Body Font T 01 - Component Heading & Titles T 02 - Module Titles T 03 - Header,logo, Menu T 04 - Template Layout T 05 - Menu Classes T 06 - Module Class Suffixes T 07 - XTC Walls T 08 - Content Overrides T 09 - Custom HTML T 10 - Eventlist Overrides */ /* ----------------------------------------------*/ /* T 00 - Body Font /* ----------------------------------------------*/ body {font-family:Arial;font-size:12px;direction:ltr;} /*IE9 Default Font Fix*/ div,a,a:link,ul.dualfish li ul li a span, ul.suckerfish li ul li a span, ul.dropline li ul li a span,span{font-family:Arial;} /* ----------------------------------------------*/ /* T 01 - Component Heading & Titles /* ----------------------------------------------*/ /*Pagetitle*/ .componentheading,h1.pagetitle,h1.pagetitle span{font-family: Arial;font-size:42px;line-height:42px;font-weight:normal;letter-spacing:-4px;} /*Itemtitle*/ .contentheading,h2.title,h2.itemTitle,h2.itemTitle a,#jc h4 {font-family:Arial;font-size:90px;line-height: 100%;padding: 0!important;margin:0;font-weight:bold;} div.joomla div.multicolumns h1.title {font-size:81.818181818182px;line-height:64.285714285714px;} .multicol h2.title{font-size:78.260869565217px;line-height:78.260869565217px;} h2.title,h2.itemTitle {margin-bottom:8px;} .pagetitle span{padding:0px 0px 5px 0px;} .component h2 {letter-spacing:-2px;} span.subheading-category{font-weight:bold; letter-spacing:-2px; font-family: Arial;font-size:90px;line-height:64.285714285714px; text-transform:uppercase; display:block; text-align:center;} /* ----------------------------------------------*/ /* T 02 - Module Titles /* ----------------------------------------------*/ .module h3.moduletitle,h3.moduletitle,h3.moduletitle a{font-size:22px;font-weight:100;line-height:120%;} .module h3.moduletitle span,h3.moduletitle span,h3.moduletitle a,.ptabsmtitle h3 span,#community-wrap h2.componentheading,#community-wrap .cModule h3 span,div#eventlist h2,span.first_word,span.rest,.cMain h2.componentheading,#community-wrap .cModule h3{font-family:Arial;font-size:22px;line-height:22px;text-transform:uppercase;} #community-wrap .cSidebar .cModule h3{font-weight:normal!important;} .module h3.moduletitle span.module_subtitle{font-size:11px;font-weight:normal;text-transform:none;line-height:12px;} .cat h3.title,.cat_rest h3.title{font-size: 250%;font-weight: normal;letter-spacing: -1px;line-height: 110%;margin: 0;padding:0 0 4px;float:left;width:auto;} div.joomla div.description,.denied-box h3{font-size:18px!important;line-height:20px;} p {font-size:12px;line-height:155%;} /* E 04 - Readinglist Overrides */ .category_title {font-weight:bold!important; letter-spacing:-2px!important; font-family: Arial!important;font-size:60px!important;line-height:64.285714285714px!important; text-transform:uppercase!important;margin-top:-20px;} .header_date {margin-top:6px!important;} @font-face { font-family: 'BodoniXTRegular'; src: url('http://museum.ask-bru.by/templates/travelblog/fonts/BodoniXTRegular/bodonixt-webfont.eot'); src: url('http://museum.ask-bru.by/templates/travelblog/fonts/BodoniXTRegular/bodonixt-webfont.eot?#iefix') format('embedded-opentype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/BodoniXTRegular/bodonixt-webfont.woff') format('woff'), url('http://museum.ask-bru.by/templates/travelblog/fonts/BodoniXTRegular/bodonixt-webfont.ttf') format('truetype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/BodoniXTRegular/bodonixt-webfont.svg#BodoniXTRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ChunkFiveRegular'; src: url('http://museum.ask-bru.by/templates/travelblog/fonts/ChunkFiveRegular/chunk-webfont.eot'); src: url('http://museum.ask-bru.by/templates/travelblog/fonts/ChunkFiveRegular/chunk-webfont.eot?#iefix') format('embedded-opentype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/ChunkFiveRegular/chunk-webfont.woff') format('woff'), url('http://museum.ask-bru.by/templates/travelblog/fonts/ChunkFiveRegular/chunk-webfont.ttf') format('truetype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/ChunkFiveRegular/chunk-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SerifaBTBold'; src: url('http://museum.ask-bru.by/templates/travelblog/fonts/SerifaBTBold/serifa_bt_bold-webfont.eot'); src: url('http://museum.ask-bru.by/templates/travelblog/fonts/SerifaBTBold/serifa_bt_bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/SerifaBTBold/serifa_bt_bold-webfont.woff') format('woff'), url('http://museum.ask-bru.by/templates/travelblog/fonts/SerifaBTBold/serifa_bt_bold-webfont.ttf') format('truetype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/SerifaBTBold/serifa_bt_bold-webfont.svg#SerifaBTBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PlainGermanicaRegular'; src: url('http://museum.ask-bru.by/templates/travelblog/fonts/PlainGermanicaRegular/plain_germanica-webfont.eot'); src: url('http://museum.ask-bru.by/templates/travelblog/fonts/PlainGermanicaRegular/plain_germanica-webfont.eot?#iefix') format('embedded-opentype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/PlainGermanicaRegular/plain_germanica-webfont.woff') format('woff'), url('http://museum.ask-bru.by/templates/travelblog/fonts/PlainGermanicaRegular/plain_germanica-webfont.ttf') format('truetype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/PlainGermanicaRegular/plain_germanica-webfont.svg#') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'RockwellStdRegular'; src: url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdRegular/rockwellstd-webfont.eot'); src: url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdRegular/rockwellstd-webfont.eot?#iefix') format('embedded-opentype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdRegular/rockwellstd-webfont.woff') format('woff'), url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdRegular/rockwellstd-webfont.ttf') format('truetype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdRegular/rockwellstd-webfont.svg#') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'RockwellStdBold'; src: url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdBold/rockwellstd-bold-webfont.eot'); src: url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdBold/rockwellstd-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdBold/rockwellstd-bold-webfont.woff') format('woff'), url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdBold/rockwellstd-bold-webfont.ttf') format('truetype'), url('http://museum.ask-bru.by/templates/travelblog/fonts/RockwellStdBold/rockwellstd-bold-webfont.svg#') format('svg'); font-weight: normal; font-style: normal;} /* ----------------------------------------------*/ /* T 03 - Joomla Content /* ----------------------------------------------*/ div.joomla p,#component p {margin: 1.5em 0; line-height:160%;} div.weblinks div.description p{font-size:18px!important;} div.display-limit {margin-top:40px !important;} div.joomla pre, div.joomla blockquote,div.joomla ul,div.joomla ol{margin: 1em 0;padding: 0;} h1 {font-family:Arial;font-size:60px; letter-spacing: -1px; line-height:100%; padding:0;margin:0 0 18px 0; } h1.iteminfo{padding:0 0 55px 0;margin:0 0 18px 0;} h2 { font-family:Arial;font-size:24px; letter-spacing: -1px; line-height:100%; font-weight:normal;} h3 { font-family:Arial;font-size:22px;} h4 { font-family:Arial;font-size:12px;} h5 { font-family:Arial;font-size:12px;} h6 { font-family:Arial;font-size:12px;} .sectionlist ul li a{font-family: "SerifaBTBold",Arial,Helvetica,sans-serif;font-weight: normal;letter-spacing: 0;font-size: 24px;} .dropcap {float:left;padding:4px 8px 0 0;display:block;color:#999;font:50px/40px Times, serif;} ul.column li{margin:0 0 30px 0;text-align:center;} .grayhover1{padding: 12px;} td {font-size:100%;} th {font-weight:bold;padding:5px;text-align:left;} sup,sub {height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom; position: relative; font-size:80%; color:#F06;} sup {bottom: 1ex;} sub {top: .5ex;} del {text-decoration: line-through;} span{} small {font-size: 8px;} pre{border-left:3px solid #999999;font:1em/1.5 "Courier News",monospace;margin:5px 0 15px;padding:10px 15px;background:#efefef;} ol {list-style-type: upper-roman;} hr {border-color:#EDEDED;border-style:solid;border-width:1px 0 0;height:1px;margin:2px 0;} fieldset{border:0px solid #999;} legend {font-size:28px;line-height:28px;margin-bottom:16px;text-align:left; } abbr[title] {border-bottom:1px dashed #999;cursor:help;} big{font-size:150%;} button{padding:16px 24px !important;font-size:14px; margin-left:16px;} div.finder {text-align:center;} center{text-align: center;} em{font-style:normal;} /* UL LI's */ ul { list-style-image:none;} ul li {line-height: 180%;} ul.pagenav{text-align:center;} ul.pagenav li{display:inline;padding:0 10px;} div.cat-children ul li {border-bottom: 1px solid #DCDCDC; padding: 15px 5px;} span.item-title a{font-size: 24px;font-weight: normal;letter-spacing: 0;} div.cat-children p{margin:10px 0!important;} ol {margin-left:0;} ol li {list-style-type:decimal;background:none;margin:0 0 0 18px;padding:0 0 6px 0;} a{font-size:12;font-family:;} a{text-decoration:none;} a:hover{text-decoration:none;} /* Quotes */ quotes {padding: 1em 40px 1em 15px;font: 16px Arial;color:#777;} blockquote.opensmall {background: url(http://museum.ask-bru.by/templates/travelblog/images/typo/openquote.gif) no-repeat 0 0;border:none;padding: 0 0 0 6px;text-align:justify;} blockquote.opensmall p {background: url(http://museum.ask-bru.by/templates/travelblog/images/typo/closequote.gif) no-repeat 100% 100%;padding: 0 0 0 15px;font: 16px Arial;color:#777;} /* Large Quotes */ blockquote.openlarge {background: url(http://museum.ask-bru.by/templates/travelblog/images/typo/oquote_lg.png) no-repeat 0 0;border:none;padding:0 0px 0 0;text-align:justify;} blockquote.openlarge p {background: url(http://museum.ask-bru.by/templates/travelblog/images/typo/equote_lg.png) no-repeat 100% 100%;padding: 10px 0px 10px 50px;font: 18px Arial;line-height: 28px;color:#777;} /* Code */ .code {background: #F4F4F4;font: 1em/1.5 "Tahoma", monospace;padding: 12px; color: #333333;} /* Error */ p.error {padding-left: 25px;color: #f10033; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/error.gif') no-repeat top left; margin:0 0 16px 0 !important; } /* Message */ p.message {color: #006699;background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/info.gif') no-repeat top left;; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:5px; } /* Ideas */ p.ideas {padding-left: 25px;color: #EE9600; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/lightbulb.gif') no-repeat top left; } /* Highlight */ .highlight {padding: 12px;background: #FFFFCC;color: #333333;} /* Download */ p.download {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/download.gif') no-repeat 5px center; padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* Astrix */ p.astrix {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/icon-asterisk_sm.png') no-repeat 5px center; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:5px;} /* Com */ p.com { background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/ext_com.png') no-repeat 5px center; padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;} /* Mod */ p.mod { background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/ext_mod.png') no-repeat 5px center; padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;} /* Plug */ p.plug {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/ext_plugin.png') no-repeat 5px center;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;} /* Lang */ p.lang {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/ext_lang.png') no-repeat 5px center; padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;} /* Photolink */ p.photolink {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/ww_image.png') no-repeat 5px center; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* heart */ p.heart {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/heart.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* Star */ p.stargrey {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-grey.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.starred {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-red.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.starblue {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-blue.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.stargreen {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-green.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.starorange {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-orange.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.starbrick {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-brick.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.starorange {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-orange.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* Photo */ p.photogrey {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-grey.png') no-repeat 5px center; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photoblack {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-black.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photored {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-red.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photoblue {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-blue.png') no-repeat 5px center; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photopink {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-pink.png') no-repeat 5px center; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photogreen {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-green.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photobrick {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-brick.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} p.photoorange {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-orange.png') no-repeat 5px center;padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* X */ p.x {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/x-red.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;} p.xblack {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/x-black.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;} /* RSS */ p.rss {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/rss.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;} /* Check list */ ul.checklist {list-style: none;} ul.checklist li {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/check-grey.png') no-repeat 0 0;margin-left: 15px;padding: 0 0 15px 30px;} ul.checklist1 {margin-top:25px !important;} ul.checklist1 li {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/check-grey1.png') no-repeat 0 6px; color:#555 !important; font-size:14px; margin-left: 15px; padding: 0 0 15px 30px;} /* Article list */ ul.articlelist {list-style: none;} ul.articlelist li {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/article-grey.png') no-repeat 0 3px; margin-left: 15px;padding: 0 0 5px 30px;} /* Star list */ ul.starlist {list-style: none;} ul.starlist li {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/star-grey.png') no-repeat 0 3px;margin-left: 15px;padding: 0 0 5px 30px;} /* Arrow list */ ul.arrowlist {list-style: none;} ul.arrowlist li {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/next-grey.png') no-repeat 0 3px;margin-left: 15px;padding: 0 0 5px 30px;} /* X list */ ul.xlist {list-style: none;} ul.xlist li {margin-left: 15px; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/x-red.png') no-repeat 0 3px;padding: 0 0 5px 30px;} /* ast list */ ul.astlist {list-style: none;} ul.astlist li { margin-left: 15px; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/icon-asterisk_sm.png') no-repeat 0 3px;padding: 0 0 5px 30px;} /* Movie List */ ul.movielist {list-style: none;} ul.movielist li {margin-left: 15px; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/movie-grey.png') no-repeat 0 3px;padding: 0 0 5px 30px;} /* Blog List */ ul.bloglist {list-style: none;} ul.bloglist li {margin-left: 15px; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/blog-green.png') no-repeat 0 3px;padding: 0px 0px 5px 30px;} /* Photo List */ ul.photolist {list-style: none;} ul.photolist li {margin-left: 15px; background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/camera-grey.png') no-repeat 0 3px;padding: 0 0 0px 30px;} /* Date List */ ul.datelist {list-style: none;} ul.datelist li {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/calendar-grey.png') no-repeat 0 3px;margin-left: 15px;padding: 0 0 5px 30px;} /* Note */ .note { background: #FEEF9C url('http://museum.ask-bru.by/templates/travelblog/images/typo/note.gif') no-repeat right bottom;font-size: 1em;color: #000000 !important;padding: 40px 20px;} /* Hover */ .grayhover1{padding: 12px;} /* Square grey */ .squaregrey {background: url('http://museum.ask-bru.by/templates/travelblog/images/typo/squaregrey.png') no-repeat 0 50%; padding-left: 40px !important; margin-top:54px !important; font-size: 32px!important; border-bottom:1px solid #ebebeb !important;} div.joomla ul.list1{margin-left:10px;} /*CSS3 TYPOGRAPHY*/ /* THE SPEECH BUBBLES */ .bubble-red, .bubble-blue, .bubble-green, .bubble-cyan, .bubble-tan, .bubble-yellow, .bubble-grey,.bubble-pink{line-height:133%; margin-bottom:55px!important; position:relative; padding:18px; margin:1em 0 36px; color:#fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold; font-size:14px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px} .bubble-red:after, .bubble-blue:after, .bubble-green:after, .bubble-cyan:after, .bubble-tan:after, .bubble-yellow:after, .bubble-grey:after, .bubble-pink:after{content:""; position:absolute; bottom:-15px; left:50px; border-width:15px 15px 0; border-style:solid; display:block; width:0} .bubble-red{background:#6C1D1E; background:-webkit-gradient(linear,0 0,0 100%,from(#6C1D1E),to(#6C0001)); background:-moz-linear-gradient(#6C1D1E,#6C0001); background:-o-linear-gradient(#6C1D1E,#6C0001); background:linear-gradient(#6C1D1E,#6C0001)} .bubble-red:after{border-color:#6C0001 transparent} .bubble-blue{background:#8296AF; background:-webkit-gradient(linear,0 0,0 100%,from(#8296AF),to(#587FAF)); background:-moz-linear-gradient(#8296AF,#587FAF); background:-o-linear-gradient(#8296AF,#587FAF); background:linear-gradient(#8296AF,#587FAF)} .bubble-blue:after{border-color:#587FAF transparent} .bubble-green{background:#aba338; background:-webkit-gradient(linear,0 0,0 100%,from(#aba338),to(#90892f)); background:-moz-linear-gradient(#aba338,#90892f); background:-o-linear-gradient(#aba338,#90892f); background:linear-gradient(#aba338,#90892f)} .bubble-green:after{border-color:#90892f transparent} .bubble-cyan{background:#8ad5da; background:-webkit-gradient(linear,0 0,0 100%,from(#8AD5DA),to(#21CEDA)); background:-moz-linear-gradient(#8AD5DA,#21CEDA); background:-o-linear-gradient(#8AD5DA,#21CEDA); background:linear-gradient(#8AD5DA,#21CEDA)} .bubble-cyan:after{border-color:#21CEDA transparent} .bubble-tan{background:#877e6e; background:-webkit-gradient(linear,0 0,0 100%,from(#877e6e),to(#87785E)); background:-moz-linear-gradient(#877e6e,#87785E); background:-o-linear-gradient(#877e6e,#87785E); background:linear-gradient(#877e6e,#87785E)} .bubble-tan:after{border-color:#87785E transparent} .bubble-yellow{background:#c8ab5e; background:-webkit-gradient(linear,0 0,0 100%,from(#c8ab5e),to(#C8A446)); background:-moz-linear-gradient(#c8ab5e,#C8A446); background:-o-linear-gradient(#c8ab5e,#C8A446); background:linear-gradient(#c8ab5e,#C8A446)} .bubble-yellow:after{border-color:#C8A446 transparent} .bubble-grey{background:#999; background:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#7A7A7A)); background:-moz-linear-gradient(#999,#7A7A7A); background:-o-linear-gradient(#999,#7A7A7A); background:linear-gradient(#999,#7A7A7A)} .bubble-grey:after{border-color:#7A7A7A transparent} .bubble-pink{background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c)} .bubble-pink:after{border-color:#b12d4c transparent} /* ============================================================================================================================ == BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE ** ============================================================================================================================ */ .blog-red, .blog-blue, .blog-green, .blog-cyan, .blog-tan, .blog-yellow, .blog-grey, .blog-pink{line-height:133%; margin-bottom:55px!important; position:relative; padding:30px !important; font-size:14px; color:#fff; color: rgba(255,255,255,0.75); text-shadow: 0px -1px 0px rgba(0,0,0,0.4); font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px} .blog-red+p, .blog-blue+p, .blog-green+p, .blog-cyan+p, .blog-tan+p, .blog-yellow+p, .blog-grey+p,.blog-pink+p{margin:15px 0 2em 85px!important; font-style:italic} .blog-red:after, .blog-blue:after, .blog-green:after, .blog-cyan:after, .blog-tan:after, .blog-yellow:after, .blog-grey:after, .blog-pink:after{content:""; position:absolute; bottom:-30px; left:50px; border-width:0 20px 30px 0px; border-style:solid; display:block; width:0} .blog-red{background:#6C1D1E; background:-webkit-gradient(linear,0 0,0 100%,from(#6C1D1E),to(#590c0d)); background:-moz-linear-gradient(#6C1D1E,#590c0d); background:-o-linear-gradient(#6C1D1E,#590c0d); background:linear-gradient(#6C1D1E,590c0d)} .blog-red:after{border-color:transparent #590c0d} .blog-blue{background:#8296af; background:-webkit-gradient(linear,0 0,0 100%,from(#8296af),to(#587FAF)); background:-moz-linear-gradient(#8296af,#587FAF); background:-o-linear-gradient(#8296af,#587FAF); background:linear-gradient(#8296af,#587FAF)} .blog-blue:after{border-color:transparent #587FAF} .blog-green{background:#aba338; background:-webkit-gradient(linear,0 0,0 100%,from(#aba338),to(#90892f)); background:-moz-linear-gradient(#aba338,#90892f); background:-o-linear-gradient(#aba338,#90892f); background:linear-gradient(#aba338,#90892f)} .blog-green:after{border-color:transparent #90892f} .blog-tan{background:#877e6e; background:-webkit-gradient(linear,0 0,0 100%,from(#877e6e),to(#87785E)); background:-moz-linear-gradient(#877e6e,#87785E); background:-o-linear-gradient(#877e6e,#87785E); background:linear-gradient(#877e6e,#87785E)} .blog-tan:after{border-color:transparent #87785E} .blog-cyan{background:#8ad5da; background:-webkit-gradient(linear,0 0,0 100%,from(#8AD5DA),to(#21CEDA)); background:-moz-linear-gradient(#8AD5DA,#21CEDA); background:-o-linear-gradient(#8AD5DA,#21CEDA); background:linear-gradient(#8AD5DA,#21CEDA)} .blog-cyan:after{border-color:transparent #21CEDA} .blog-yellow{background:#c8ab5e; background:-webkit-gradient(linear,0 0,0 100%,from(#c8ab5e),to(#C8A446)); background:-moz-linear-gradient(#c8ab5e,#C8A446); background:-o-linear-gradient(#c8ab5e,#C8A446); background:linear-gradient(#c8ab5e,#C8A446)} .blog-yellow:after{border-color:transparent #C8A446} .blog-grey{background:#999; background:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#7A7A7A)); background:-moz-linear-gradient(#999,#7A7A7A); background:-o-linear-gradient(#999,#7A7A7A); background:linear-gradient(#999,#7A7A7A)} .blog-grey:after{border-color:transparent #7A7A7A} .blog-pink{background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c)} .blog-pink:after{border-color:transparent #b12d4c} /*buttons*/ button:hover {cursor: pointer;} button::-moz-focus-inner {border:0;} /* minimal *******************************************************************************/ button.minimal {background:#e3e3e3!important;border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 0 1px 1px #f6f6f6;-webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;box-shadow:inset 0 0 1px 1px #f6f6f6;color:#333;font-family:"helvetica neue",helvetica,arial,sans-serif;font-size:12px;font-weight: bold;line-height:1;padding:8px 0 9px;text-align:center;text-shadow: 0 1px 0 #fff;} button.minimal:hover {background:#d9d9d9!important;-moz-box-shadow:inset 0 0 1px 1px #eaeaea;-webkit-box-shadow:inset 0 0 1px 1px #eaeaea;box-shadow: inset 0 0 1px 1px #eaeaea;color:#222; cursor: pointer;} button.minimal:active {background: #d0d0d0!important;-moz-box-shadow:inset 0 0 1px 1px #e3e3e3;-webkit-box-shadow:inset 0 0 1px 1px #e3e3e3;box-shadow:inset 0 0 1px 1px #e3e3e3;color:#000;} button.blue-pill,button.purple-pill,button.red-pill,button.cyan-pill,button.green-pill,button.tan-pill,button.yellow-pill,button.grey-pill,button.pink-pill {-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;color:#fff!important;text-shadow:0px -1px 0px rgba(0,0,0,0.4); font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;line-height: 1;padding: 8px 0 8px 0;text-align: center; text-transform: uppercase; } /* blue pill *******************************************************************************/ button.blue-pill {background:#8296AF!important;background:-webkit-gradient(linear, 0 0, 0 100%, from(#8296AF), to(#587FAF));background:-moz-linear-gradient(#8296AF, #587FAF);background:-o-linear-gradient(#8296AF, #587FAF);background:linear-gradient(#8296AF, #587FAF);border-top: 1px solid #758fba;border-right: 1px solid #6c84ab;border-bottom: 1px solid #5c6f91; border-left: 1px solid #6c84ab;-moz-box-shadow: inset 0 1px 0 0 #aec3e5;-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;box-shadow:inset 0 1px 0 0 #aec3e5;text-shadow: 0 -1px 1px #64799e;} button.blue-pill:hover {background:#587FAF!important; background:-webkit-gradient(linear, 0 0, 0 100%, from(#587FAF), to(#2E68AF));background:-moz-linear-gradient(#587FAF, #2E68AF); background:-o-linear-gradient(#587FAF, #2E68AF);background:linear-gradient(#587FAF, #2E68AF);border-top: 1px solid #6d86ad;border-right:1px solid #647a9e;border-bottom: 1px solid #546685;border-left:1px solid #647a9e;-moz-box-shadow:inset 0 1px 0 0 #a5b9d9;-webkit-box-shadow:inset 0 1px 0 0 #a5b9d9;box-shadow:inset 0 1px 0 0 #a5b9d9;cursor: pointer;} button.blue-pill:active {border: 1px solid #546685;-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;-webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee; box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;} /* purple pill *******************************************************************************/ button.purple-pill {background: #a5b8da!important;background:-moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da), to(#7089b3));border-top: 1px solid #758fba;border-right: 1px solid #6c84ab;border-bottom: 1px solid #5c6f91;border-left: 1px solid #6c84ab;-moz-box-shadow: inset 0 1px 0 0 #aec3e5;-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;box-shadow: inset 0 1px 0 0 #aec3e5;text-shadow: 0 -1px 1px #64799e;text-transform: uppercase;} button.purple-pill:hover {background: #9badcc!important;background:-moz-linear-gradient(top, #9badcc 0%, #687fa6 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9badcc), to(#687fa6));border-top: 1px solid #6d86ad;border-right: 1px solid #647a9e;border-bottom: 1px solid #546685;border-left: 1px solid #647a9e;-moz-box-shadow: inset 0 1px 0 0 #a5b9d9;-webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;box-shadow: inset 0 1px 0 0 #a5b9d9;cursor: pointer;} button.purple-pill:active {border: 1px solid #546685;-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;-webkit-box-shadow:inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee; box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;} /* red pill *******************************************************************************/ button.red-pill {background:#6C1D1E!important;background:-webkit-gradient(linear, 0 0, 0 100%, from(#6C1D1E), to(#6C0001));background:-moz-linear-gradient(#6C1D1E, #6C0001);background:-o-linear-gradient(#6C1D1E, #6C0001);background:linear-gradient(#6C1D1E, #6C0001);border-top: 1px solid #6C0001;border-right: 1px solid #6C0001;border-bottom: 1px solid #6C1D1E; border-left: 1px solid #6C1D1E;-moz-box-shadow: inset 0 1px 0 0 #9C2A2C; -webkit-box-shadow: inset 0 1px 0 0 #9C2A2C;box-shadow: inset 0 1px 0 0 #9C2A2C; text-shadow: 0 -1px 1px #64799e;} button.red-pill:hover {background:#800002!important;background:-webkit-gradient(linear, 0 0, 0 100%, from(#800002), to(#6C2728));background:-moz-linear-gradient(#800002, #6C2728);background:-o-linear-gradient(#800002, #6C2728);background:linear-gradient(#800002, #6C2728);border-top: 1px solid #800002;border-right: 1px solid #800002;border-bottom: 1px solid #6C1D1E; border-left: 1px solid #6C1D1E;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px; -moz-box-shadow: inset 0 1px 0 0 #9C2A2C; -webkit-box-shadow: inset 0 1px 0 0 #9C2A2C; box-shadow: inset 0 1px 0 0 #9C2A2C; cursor: pointer;} button.red-pill:active {border:1px solid #546685;-moz-box-shadow:inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;-webkit-box-shadow:inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;} /* cyan pill *******************************************************************************/ button.cyan-pill {background: #8AD5DA!important;background: -moz-linear-gradient(top, #8AD5DA,#21CEDA);background: -webkit-gradient(linear, left top, left bottom, from(#8AD5DA), to(#21CEDA));border-top: 1px solid #21CEDA;border-right: 1px solid #21CEDA;border-bottom: 1px solid #8AD5DA;border-left: 1px solid #8AD5DA9;-moz-box-shadow: inset 0 1px 0 0 #21CEDA;-webkit-box-shadow: inset 0 1px 0 0 #21CEDA;box-shadow: inset 0 1px 0 0 #21CEDA;text-shadow: 0 -1px 1px #64799e;} button.cyan-pill:hover {background: #21CEDA!important;background: -moz-linear-gradient(top, #21CEDA,#00CCDA);background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));border-top: 1px solid #00CCDA;border-right: 1px solid #00CCDA;border-bottom: 1px solid #21CEDA;border-left: 1px solid #21CEDA;-moz-box-shadow: inset 0 1px 0 0 #21CEDA;-webkit-box-shadow: inset 0 1px 0 0 #21CEDA;box-shadow: inset 0 1px 0 0 #21CEDA;cursor: pointer;} button.cyan-pill:active {background: #21CEDA;background: -moz-linear-gradient(top, #21CEDA,#00CCDA);background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA)); border-top: 1px solid #00CCDA;border-right: 1px solid #00CCDA;border-bottom: 1px solid #21CEDA;border-left: 1px solid #21CEDA;-moz-box-shadow: inset 0 1px 0 0 #21CEDA;-webkit-box-shadow: inset 0 1px 0 0 #21CEDA;box-shadow: inset 0 1px 0 0 #21CEDA;} /* green pill *******************************************************************************/ button.green-pill {background: #7FC4C9!important;background: -moz-linear-gradient(top, #7FC4C9,#1FBDC9);background: -webkit-gradient(linear, left top, left bottom, from(#7FC4C9), to(#1FBDC9));border-top: 1px solid #7FC4C9;border-right: 1px solid #7FC4C9;border-bottom: 1px solid #1FBDC9;border-left: 1px solid #1FBDC9;-webkit-box-shadow: inset 0 1px 0 0 #1FBDC9;box-shadow: inset 0 1px 0 0 #aec3e5;text-shadow: 0 -1px 1px #64799e;} button.green-pill:hover {background: #1FBDC9!important;background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));border-top: 1px solid #7FC4C9;border-right: 1px solid #1FBDC9;border-bottom: 1px solid #00BAC9;border-left: 1px solid #00BAC9;-moz-box-shadow: inset 0 1px 0 0 #00BAC9; -webkit-box-shadow: inset 0 1px 0 0 #00BAC9;box-shadow: inset 0 1px 0 0 #00BAC9;cursor: pointer;} button.green-pill:active {background: #1FBDC9!important;background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9)); border-top: 1px solid #7FC4C9; border-right: 1px solid #1FBDC9; border-bottom: 1px solid #00BAC9; border-left: 1px solid #00BAC9; -moz-box-shadow: inset 0 1px 0 0 #00BAC9; -webkit-box-shadow: inset 0 1px 0 0 #00BAC9; box-shadow: inset 0 1px 0 0 #00BAC9;} /* tan pill *******************************************************************************/ button.tan-pill {background: #877E6E!important; background: -moz-linear-gradient(top, #877E6E,#87785E); background: -webkit-gradient(linear, left top, left bottom, from(#877E6E), to(#87785E)); border-top: 1px solid #87785E; border-right: 1px solid #87785E; border-bottom: 1px solid #87785E; border-left: 1px solid #87785E; -moz-box-shadow: inset 0 1px 0 0 #87785E; -webkit-box-shadow: inset 0 1px 0 0 #87785E; box-shadow: inset 0 1px 0 0 #87785E; text-shadow: 0 -1px 1px #64799e;} button.tan-pill:hover {background: #87785E!important; background: -moz-linear-gradient(top, #87785E,#876C3E); background: -webkit-gradient(linear, left top, left bottom, from(#87785E), to(#876C3E)); border-top: 1px solid #87785E; border-right: 1px solid #87785E; border-bottom: 1px solid #876C3E; border-left: 1px solid #876C3E; -moz-box-shadow: inset 0 1px 0 0 #876C3E; -webkit-box-shadow: inset 0 1px 0 0 #876C3E; box-shadow: inset 0 1px 0 0 #876C3E; cursor: pointer;} button.tan-pill:active {border: 1px solid #87785E; -moz-box-shadow: inset 0 1px 0 0 #876C3E; -webkit-box-shadow: inset 0 1px 0 0 #876C3E; box-shadow: inset 0 1px 0 0 #876C3E;} /* yellow pill *******************************************************************************/ button.yellow-pill {background: #C8A446!important;background: -moz-linear-gradient(top, #C8A446,#C89100);background: -webkit-gradient(linear, left top, left bottom, from(#C8A446), to(#C8910));border-top: 1px solid #C89100;border-right: 1px solid #C89100;border-bottom: 1px solid #C8A446;border-left: 1px solid #C8A446;-moz-box-shadow: inset 0 1px 0 0 #C89100;-webkit-box-shadow: inset 0 1px 0 0 #C89100;box-shadow: inset 0 1px 0 0 #C89100;text-shadow: 0 -1px 1px #64799e;} button.yellow-pill:hover {background: #C89100!important;background: -moz-linear-gradient(top, #C89100,#C8A900);background: -webkit-gradient(linear, left top, left bottom, from(#C8A446), to(#C8A900));border-top: 1px solid #C8A900;border-right: 1px solid #C8A900;border-bottom: 1px solid #C8A446;border-left: 1px solid #C8A446;-moz-box-shadow: inset 0 1px 0 0 #C8A446; -webkit-box-shadow: inset 0 1px 0 0 #C8A446;box-shadow: inset 0 1px 0 0 #C8A446;cursor: pointer;} button.yellow-pill:active {border: 1px solid #546685;-moz-box-shadow:inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;-webkit-box-shadow:inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee; box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;} /* grey pill *******************************************************************************/ button.grey-pill {background: #999999!important;background: -moz-linear-gradient(top, #999999 0%, #7A7A7A 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999999), color-stop(1, #7A7A7A));border-top: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #7A7A7A;border-left: 1px solid #7A7A7A;-moz-box-shadow: inset 0 1px 0 0 #7A7A7A;-webkit-box-shadow: inset 0 1px 0 0 #7A7A7A;box-shadow: inset 0 1px 0 0 #7A7A7A;text-shadow: 0 -1px 1px #64799e;} button.grey-pill:hover {background: #7A7A7A!important;background: -moz-linear-gradient(top, #7A7A7A 0%, #6E6E6E 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7A7A7A), color-stop(1, #6E6E6E));border-top: 1px solid #6d86ad;border-right: 1px solid #647a9e;border-bottom: 1px solid #546685;border-left: 1px solid #647a9e;-moz-box-shadow: inset 0 1px 0 0 #999999;-webkit-box-shadow: inset 0 1px 0 0 #999999;box-shadow: inset 0 1px 0 0 #999999;cursor: pointer;} button.grey-pill:active {border: 1px solid #6E6E6E;-moz-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;-webkit-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee; box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;} /* pink pill *******************************************************************************/ button.pink-pill {background:#e03960!important; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c));background:-moz-linear-gradient(#e03960,#b12d4c);background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c);border-top: 1px solid #e03960;border-right: 1px solid #e03960;border-bottom: 1px solid #b12d4c; border-left: 1px solid #b12d4c;-moz-box-shadow: inset 0 1px 0 0 #7A7A7A;-webkit-box-shadow: inset 0 1px 0 0 #7A7A7A;box-shadow: inset 0 1px 0 0 #7A7A7A;text-shadow: 0 -1px 1px #64799e;} button.pink-pill:hover {background: #7A7A7A!important;background:#e03960; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c); border-top: 1px solid #6d86ad; border-right: 1px solid #647a9e; border-bottom: 1px solid #546685;border-left: 1px solid #647a9e; -moz-box-shadow: inset 0 1px 0 0 #999999;-webkit-box-shadow: inset 0 1px 0 0 #999999;box-shadow: inset 0 1px 0 0 #999999;cursor: pointer;} button.pink-pill:active {border: 1px solid #6E6E6E;-moz-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;-webkit-box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;box-shadow: inset 0 0 8px 2px #999999, 0 1px 0 0 #eee;} button.blue,button.purple,button.cyan,button.green,button.red,button.tan,button.yellow,button.grey,button.pink {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff!important;text-shadow: 0px -1px 0px rgba(0,0,0,0.4);font-weight:bold;font-family: "helvetica neue", helvetica, arial, sans-serif;font-size: 12px;line-height: 1;padding: 10px 0 12px 0;text-align: center;-webkit-background-clip: padding-box;} button.blue:hover,button.blue:active,button.purple:hover,button.purple:active,button.cyan:hover,button.cyan:active,button.green:hover,button.green:active,button.red:hover,button.red:active,button.tan:hover,button.tan:active,button.yellow:hover,button.yellow:active,button.grey:hover,button.grey:active,button.pink:hover,button.pink:active {-webkit-background-clip: padding-box;} /* blue *******************************************************************************/ button.blue {background:#8296AF!important;background:-webkit-gradient(linear, 0 0, 0 100%, from(#8296AF), to(#587FAF));background:-moz-linear-gradient(#8296AF, #587FAF);background:-o-linear-gradient(#8296AF, #587FAF); background:linear-gradient(#8296AF, #587FAF);text-shadow: 0px -1px 1px #2c4d93;} button.blue:hover {background:#587FAF!important;background:-webkit-gradient(linear, 0 0, 0 100%, from(#587FAF), to(#2E68AF));background:-moz-linear-gradient(#587FAF, #2E68AF);background:-o-linear-gradient(#587FAF, #2E68AF); background:linear-gradient(#587FAF, #2E68AF);cursor: pointer;} button.blue:active {background: #1a4aab;background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),-moz-linear-gradient(top, #5c78b5 0%, #2b57ad 50%, #1a4aab 50%, #1b4bab 100%);background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #5c78b5), color-stop(0.5, #2b57ad), color-stop(0.5, #1a4aab), color-stop(1, #1b4bab));} /* purple *******************************************************************************/ button.purple {background: #6021de!important;background: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #9e76e8), color-stop(0.5, #7038e0), color-stop(0.5, #6021de), color-stop(1, #6224de));} button.purple:hover {background: #551dc4;background: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8d69cf), color-stop(0.5, #6332c7), color-stop(0.5, #551dc4), color-stop(1, #561fc4));cursor: pointer;} button.purple:active {background: #4a1aab!important;background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),-moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));} /* cyan *******************************************************************************/ button.cyan {background: #8AD5DA!important;background: -moz-linear-gradient(top, #8AD5DA,#21CEDA);background: -webkit-gradient(linear, left top, left bottom, from(#8AD5DA), to(#21CEDA));text-shadow: 0px -1px 1px #473569;} button.cyan:hover {background: #21CEDA!important;background: -moz-linear-gradient(top, #21CEDA,#00CCDA);background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));cursor: pointer;} button.cyan:active {background: #21CEDA;background: -moz-linear-gradient(top, #21CEDA,#00CCDA);background: -webkit-gradient(linear, left top, left bottom, from(#21CEDA), to(#00CCDA));} /* green *******************************************************************************/ button.green {background: #7FC4C9!important;background: -moz-linear-gradient(top, #7FC4C9,#1FBDC9);background: -webkit-gradient(linear, left top, left bottom, from(#7FC4C9), to(#1FBDC9));text-shadow: 0px -1px 1px #473569;} button.green:hover {background: #1FBDC9!important;background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));cursor: pointer;} button.green:active {background: #1FBDC9;background: -moz-linear-gradient(top, #1FBDC9,#00BAC9);background: -webkit-gradient(linear, left top, left bottom, from(#1FBDC9), to(#00BAC9));} /* red *******************************************************************************/ button.red {background: #6C1D1E!important;background: -moz-linear-gradient(top, #6C1D1E,#6C0001);background: -webkit-gradient(linear, left top, left bottom, from(#6C1D1E), to(#6C0001)); text-shadow: 0px -1px 1px #473569;} button.red:hover {background: #6C0001!important;background: -moz-linear-gradient(top, #6C0001,#6C2728);background: -webkit-gradient(linear, left top, left bottom, from(#6C0001), to(#6C2728));cursor: pointer;} button.red:active {background: #6C0001;background: -moz-linear-gradient(top, #6C0001,#6C2728);background: -webkit-gradient(linear, left top, left bottom, from(#6C0001), to(#6C2728));} /* tan *******************************************************************************/ button.tan {background: #877E6E!important;background: -moz-linear-gradient(top, #877E6E,#87785E);background: -webkit-gradient(linear, left top, left bottom, from(#877E6E), to(#87785E));text-shadow: 0px -1px 1px #473569;} button.tan:hover {background: #87785E!important;background: -moz-linear-gradient(top, #87785E,#876C3E);background: -webkit-gradient(linear, left top, left bottom, from(#87785E), to(#876C3E));cursor: pointer;} button.tan:active {background: #4a1aab;background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),-moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));} /* yellow *******************************************************************************/ button.yellow {background: #C8AB5E!important;text-shadow: 0px -1px 1px #473569;} button.yellow:hover {background: #C8A446!important;background: -moz-linear-gradient(top, #C8A446 0%, #C89100 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #C8A446), color-stop(1, #C89100));cursor: pointer;} button.yellow:active {background: #C8A446;background: -moz-linear-gradient(top, #C8A446 0%, #C89100 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #C8A446), color-stop(1, #C89100)); -webkit-background-clip: padding-box;} /* grey *******************************************************************************/ button.grey {background: #999999!important;background: -moz-linear-gradient(top, #999999 0%, #7A7A7A 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999999), color-stop(1, #7A7A7A));text-shadow: 0px -1px 1px #473569;} button.grey:hover {background: #7A7A7A!important;background: -moz-linear-gradient(top, #7A7A7A 0%, #6E6E6E 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7A7A7A), color-stop(1, #6E6E6E));cursor: pointer;} button.grey:active {background: #7A7A7A;background: -moz-linear-gradient(top, #7A7A7A 0%, #6E6E6E 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7A7A7A), color-stop(1, #6E6E6E));} /* pink *******************************************************************************/ button.pink {background:#e03960!important; background:-webkit-gradient(linear,0 0,0 100%,from(#e03960),to(#b12d4c)); background:-moz-linear-gradient(#e03960,#b12d4c); background:-o-linear-gradient(#e03960,#b12d4c); background:linear-gradient(#e03960,#b12d4c);text-shadow: 0px -1px 1px #473569;} button.pink:hover {background: #551dc4!important;background: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8d69cf), color-stop(0.5, #6332c7), color-stop(0.5, #551dc4), color-stop(1, #561fc4));cursor: pointer;} button.pink:active {background: #4a1aab;background: -moz-radial-gradient(50% 31% 0deg,circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)),-moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))),-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));} /* disabled button styles works with this markup: *******************************************************************************/ button[disabled],button[disabled]:hover,button[disabled]:active {background: #999;border: 0;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;color: #aaa;cursor: not-allowed; text-shadow: none;} /* Custom Font Styles */ .small_fontface {font-size:14px;color:#363636!important;} .med_fontface {font-size:18px;color:#363636!important;} .large_fontface {font-size:24px;color:#363636!important;} /* ----------------------------------------------*/ /* Font-face specific parameter, update in template parameters if needed. /* ----------------------------------------------*/ h1, h3.moduletitle,h3.moduletitle a, h3.fp-blogtitle,h3.fp-blogtitle1,#menu ul > li > a > span,h2.title,h2.title a, .module h3.moduletitle span, span.subheading-category, .componentheading,h1.pagetitle,h1.pagetitle span, tr.cat-list-row0 td a, tr.cat-list-row1 td a,.k_guest,#Kunena .kheader h2, #Kunena .kheader h2 a,#Kunena .kthead-title,div.itemListCategory h2, input.button.subbutton,button,div.itemAuthorBlock div.itemAuthorDetails h3.authorName a,div.itemAuthorBlock div.itemAuthorDetails h3.authorName,#jc h4, div.itemAuthorLatest h3, div.itemCommentsForm h3, div.itemCommentsForm form input#submitCommentButton,legend,.small_fontface,.med_fontface,.large_fontface, h3.login-title span,.southslide, span.pagetitle-html,.readmore-link,.readmore-link a,.comments-link,.comments-link a, h5.day, h5.month, .catItemCommentsLink a,.readmore,.readmore a,.itemCommentsCounter, .slide-container input.button, .slide-rightbox h2, #comments-form .btn a, #comments-report-form .btn a,.category_title,#component .rl_add,#component .rl_remove,.rlcopy, .rlemail,#adminForm legend, #adminForm legend span,input.button,.tabbedblue h3 span,.tabbeddark h3 span,.tabbedred h3 span,.tabbedgreen h3 span,.tabbedbrown h3 span,.tabbedgrey h3 span,.tabbedtan h3 span { font-family: "ChunkFiveRegular", Arial, Helvetica,sans-serif!important; font-weight:100 !important; text-transform:uppercase; } { font-family: "BebasNeueRegular", Arial, Helvetica,sans-serif!important; font-weight:100 !important; } .ty2udate95, .post-text, .subheading-category-text, .cat-desc { font-family: "bankgothic_md_btmedium", Arial, Helvetica,sans-serif!important; font-weight:100 !important; }