/* ---- Headings ---- */ .scmgc_title { text-shadow: #d5d5d5 1px 1px 1px; clear:both; letter-spacing:-1px; } /*colors*/ .scmgc_title.color-default { color: inherit; } .scmgc_title.blue-vibrant { color: #095ba4; } .scmgc_title.blue-mute { color: #a7c5e1; } .scmgc_title.navy-vibrant { color: #02263e; } .scmgc_title.navy-mute { color: #16394f; } .scmgc_title.red-vibrant { color: #990000; } .scmgc_title.red-mute { color: #ef2d2d; } .scmgc_title.green-vibrant { color: #75a004; } .scmgc_title.green-mute { color: #8aa63e; } .scmgc_title.orange-vibrant { color: #ef8302; } .scmgc_title.orange-mute { color: #db841b; } .scmgc_title.yellow-vibrant { color: #ecbe03; } .scmgc_title.yellow-mute { color: #debd39; } .scmgc_title.grey-vibrant { color: #272a2d; } .scmgc_title.grey-mute { color: #474c4e; } .scmgc_title.purple-vibrant { color: #411656; } .scmgc_title.purple-mute { color: #75418f; } .scmgc_title.pink-vibrant { color: #a40563; } .scmgc_title.pink-mute { color: #a83a7a; } .scmgc_title.brown-vibrant { color: #573c1a; } .scmgc_title.brown-mute { color: #6d502c; } .scmgc_title.aqua-vibrant { color: #29d3e9; } .scmgc_title.aqua-mute { color: #4ebfcd; } .scmgc_title.silver { color: #dadada; } .scmgc_title.white { color: #fff; } .scmgc_title.black { color: #000; } /*font family*/ .scmgc_title.font-arial { font-family: Arial, Helvetica, Sans-serif; } .scmgc_title.font-verdana { font-family: Verdana, Arial, Helvetica, Sans-serif; } .scmgc_title.font-times { font-family: Times New Roman, Times, Serif; } .scmgc_title.font-geneva { font-family: Geneva, Arial, Helvetica, Sans-serif; } .scmgc_title.font-courier { font-family: Courier New, Courier, Monospace; } .scmgc_title.font-sans { font-family: 'MS Sans Serif', Geneva, Sans-serif; } .scmgc_title.font-system { font-family: System, Sans-serif; } .scmgc_title.font-georgia { font-family: Georgia, Times New Roman Times, Serif; } .scmgc_title.font-bowlby { font-family: 'Bowlby One SC', Arial, serif; } .scmgc_title.font-amaranth { font-family: 'Amaranth', Arial, serif; } .scmgc_title.font-brawler { font-family:'Brawler', Arial, serif; } .scmgc_title.font-copse { font-family:'Copse', Arial, serif; } .scmgc_title.font-chewy { font-family:'Chewy', Arial, serif; } .scmgc_title.font-yellowtail { font-family:'Yellowtail', Arial, serif; } .scmgc_title.font-opensans { font-family:'Open Sans', Arial, sans-serif; } .scmgc_title.font-ubuntu { font-family:'Ubuntu', Arial, serif; } .scmgc_title.font-ptserif { font-family:'PT Serif Caption', Arial, serif; } /*font style*/ .scmgc_title.font-normal { font-style: normal; } .scmgc_title.font-italic { font-style: italic; } .scmgc_title.font-oblique { font-style: oblique; } /*font clear*/ .scmgc_title.scmgc_scmgc-clearboth { clear:both; } .scmgc_title.scmgc_scmgc-clearright { clear:right; } .scmgc_title.scmgc_scmgc-clearleft { clear:left; } /*font align*/ .scmgc_title.scmgccenter { text-align:center; } .scmgc_title.scmgcright { text-align:right; } .scmgc_title.scmgcleft { text-align:left; } /*font size*/ .scmgc_title.scmgc-1em { font-size: 22px; line-height:24px; margin:5px 0 5px 0; } .scmgc_title.scmgc-2em { font-size: 26px; line-height:28px; margin:5px 0 5px 0; } .scmgc_title.scmgc-3em { font-size: 30px; line-height:32px; margin:5px 0 5px 0; } .scmgc_title.scmgc-4em { font-size: 34px; line-height:36px; margin:5px 0 10px 0; } .scmgc_title.scmgc-5em { font-size: 38px; line-height:38px; margin:5px 0 10px 0; } .scmgc_title.scmgc-6em { font-size: 42px; line-height:44px; margin:5px 0 10px 0; } /* ---- Content Boxes ---- */ .scmgc-shadbox { overflow:hidden; line-height:1.8em; color: #000; text-shadow: 1px 1px 0px #FFFFFF; font-size: 14px; } .scmgc-shadbox.large { width:900px; height:547px; } .scmgc-shadbox.medium { width:600px; height:361px; } .scmgc-shadbox.small { width:300px; height:186px; } .scmgc-shadbox.alignleft { float::left; } .scmgc-shadbox.alignright { float:right; } .scmgc-shadbox.aligncenter { margin:0px auto; } .scmgc-shadbox.nopadding { padding:0px; } .scmgc-shadbox.yespadding { } .scmgc-shadbox.large.light { background:url(../images/boxes/shadbox_large_l.png) no-repeat; } .scmgc-shadbox.medium.light { background:url(../images/boxes/shadbox_medium_l.png) no-repeat; } .scmgc-shadbox.small.light { background:url(../images/boxes/shadbox_small_l.png) no-repeat; } .scmgc-shadbox.large.dark { background:url(../images/boxes/shadbox_large_d.png) no-repeat; } .scmgc-shadbox.medium.dark { background:url(../images/boxes/shadbox_medium_d.png) no-repeat; } .scmgc-shadbox.small.dark { background:url(../images/boxes/shadbox_small_d.png) no-repeat; } .scmgc-contentbox { position: relative; width: auto; min-height: 40px; margin: 20px 10px 10px 0; border: 3px solid #eaeaea; box-shadow: 2px 2px 6px 1px #cacaca; padding: 10px 15px 10px 65px; } .scmgc-contentbox span.icon { position: absolute; display: block; width: 32px; height: 32px; top: 15px; left: 15px; } /* type */ .scmgc-contentbox.square { border-radius: 0px; margin:10px 0 10px 0; } .scmgc-contentbox.round { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:10px 0 10px 0; } /*colors*/ .scmgc-contentbox.blue-vibrant { background: #095ba4; color:#fff; } .scmgc-contentbox.blue-mute { background: #a7c5e1; color:#fff; } .scmgc-contentbox.navy-vibrant { background: #072234; color:#fff; } .scmgc-contentbox.navy-mute { background: #214156; color:#fff; } .scmgc-contentbox.red-vibrant { background: #630303; color:#fff; } .scmgc-contentbox.red-mute { background: #b04141; color:#fff; } .scmgc-contentbox.green-vibrant { background: #779a1b; color:#fff; } .scmgc-contentbox.green-mute { background: #91a45d; color:#fff; } .scmgc-contentbox.orange-vibrant { background: #f1880a; color:#fff; } .scmgc-contentbox.orange-mute { background: #b77d37; color:#fff; } .scmgc-contentbox.yellow-vibrant { background: #fbce17; color:#fff; } .scmgc-contentbox.yellow-mute { background: #e6cc63; color:#fff; } .scmgc-contentbox.grey-vibrant { background: #313437; color:#fff; } .scmgc-contentbox.grey-mute { background: #888a8b; color:#fff; } .scmgc-contentbox.purple-vibrant { background: #40234e; color:#fff; } .scmgc-contentbox.purple-mute { background: #8c7697; color:#fff; } .scmgc-contentbox.pink-vibrant { background: #ab0667; color:#fff; } .scmgc-contentbox.pink-mute { background: #be7ea3; color:#fff; } .scmgc-contentbox.brown-vibrant { background: #4e2d03; color:#fff; } .scmgc-contentbox.brown-mute { background: #957854; color:#fff; } .scmgc-contentbox.aqua-vibrant { background: #078291; color:#fff; } .scmgc-contentbox.aqua-mute { background: #73b2ba; color:#fff; } .scmgc-contentbox.silver { background: #dadada; color:#333; } .scmgc-contentbox.white { background: #fff; color:#222; } .scmgc-contentbox.black { background: #000; color:#efefef; } /*icons*/ .scmgc-contentbox .icon.none { } .scmgc-contentbox .icon.asterisk { background: url(../images/boxicons/asterisk.png) no-repeat top left; } .scmgc-contentbox .icon.award { background: url(../images/boxicons/award.png) no-repeat top left; } .scmgc-contentbox .icon.basket { background: url(../images/boxicons/basket.png) no-repeat top left; } .scmgc-contentbox .icon.bell { background: url(../images/boxicons/bell.png) no-repeat top left; } .scmgc-contentbox .icon.blackboard { background: url(../images/boxicons/blackboard.png) no-repeat top left; } .scmgc-contentbox .icon.book_open { background: url(../images/boxicons/book_open.png) no-repeat top left; } .scmgc-contentbox .icon.box_front { background: url(../images/boxicons/box_front.png) no-repeat top left; } .scmgc-contentbox .icon.calculator { background: url(../images/boxicons/calculator.png) no-repeat top left; } .scmgc-contentbox .icon.calendar { background: url(../images/boxicons/calendar.png) no-repeat top left; } .scmgc-contentbox .icon.camera { background: url(../images/boxicons/camera.png) no-repeat top left; } .scmgc-contentbox .icon.cancel { background: url(../images/boxicons/cancel.png) no-repeat top left; } .scmgc-contentbox .icon.card_back { background: url(../images/boxicons/card_back.png) no-repeat top left; } .scmgc-contentbox .icon.caution { background: url(../images/boxicons/caution.png) no-repeat top left; } .scmgc-contentbox .icon.chart_bar { background: url(../images/boxicons/chart_bar.png) no-repeat top left; } .scmgc-contentbox .icon.clock { background: url(../images/boxicons/clock.png) no-repeat top left; } .scmgc-contentbox .icon.comment { background: url(../images/boxicons/comment.png) no-repeat top left; } .scmgc-contentbox .icon.cross { background: url(../images/boxicons/cross.png) no-repeat top left; } .scmgc-contentbox .icon.delete { background: url(../images/boxicons/delete.png) no-repeat top left; } .scmgc-contentbox .icon.document { background: url(../images/boxicons/document.png) no-repeat top left; } .scmgc-contentbox .icon.exclamation { background: url(../images/boxicons/exclamation.png) no-repeat top left; } .scmgc-contentbox .icon.feed { background: url(../images/boxicons/feed.png) no-repeat top left; } .scmgc-contentbox .icon.film { background: url(../images/boxicons/film.png) no-repeat top left; } .scmgc-contentbox .icon.folder { background: url(../images/boxicons/folder.png) no-repeat top left; } .scmgc-contentbox .icon.globe { background: url(../images/boxicons/globe.png) no-repeat top left; } .scmgc-contentbox .icon.hand_point { background: url(../images/boxicons/hand_point.png) no-repeat top left; } .scmgc-contentbox .icon.help { background: url(../images/boxicons/help.png) no-repeat top left; } .scmgc-contentbox .icon.image { background: url(../images/boxicons/image.png) no-repeat top left; } .scmgc-contentbox .icon.lightbulb { background: url(../images/boxicons/lightbulb.png) no-repeat top left; } .scmgc-contentbox .icon.link { background: url(../images/boxicons/link.png) no-repeat top left; } .scmgc-contentbox .icon.lock { background: url(../images/boxicons/lock.png) no-repeat top left; } .scmgc-contentbox .icon.magnifier { background: url(../images/boxicons/magnifier.png) no-repeat top left; } .scmgc-contentbox .icon.medal { background: url(../images/boxicons/medal.png) no-repeat top left; } .scmgc-contentbox .icon.pencil { background: url(../images/boxicons/pencil.png) no-repeat top left; } .scmgc-contentbox .icon.rss { background: url(../images/boxicons/rss.png) no-repeat top left; } .scmgc-contentbox .icon.security { background: url(../images/boxicons/security.png) no-repeat top left; } .scmgc-contentbox .icon.star { background: url(../images/boxicons/star.png) no-repeat top left; } .scmgc-contentbox .icon.thumbs_up { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/boxicons/thumbs_up.png) no-repeat top left; } .scmgc-contentbox .icon.tick { background: url(../images/boxicons/tick.png) no-repeat top left; } /*action boxes*/ .scmgc-actionbox { clear:both; position: relative; width: auto; padding: 10px 15px 10px 62px; margin: 10px 10px 10px 0; -moz-border-radius:6px; -webkit-border-radius:6px; min-height: 40px;} .scmgc-actionbox span.icon { position: absolute; display: block; width: 32px; height: 32px; top: 15px; left: 15px; } /*icons*/ .scmgc-actionbox.pink { background: #ffbaba; color: #abafb3; border:1px solid #f28484; color:#d90d19; } .scmgc-actionbox.green { background: #dff2bf; color: #548348; border:1px solid #aed56c; color:#79b11a; } .scmgc-actionbox.yellow { background: #feefb3; color: #418AD3; border:1px solid #e3ca65; color:#bda238; } .scmgc-actionbox.blue { background: #c5e7fa; border:1px solid #74cdff; color:#1c6ec1; } .scmgc-actionbox .icon.arrow { background: url(../images/icons/arrow.png) no-repeat top left; } .scmgc-actionbox .icon.info { background: url(../images/icons/info.png) no-repeat top left; } .scmgc-actionbox .icon.warning { background: url(../images/icons/warning.png) no-repeat top left; } .scmgc-actionbox .icon.note { background: url(../images/icons/note.png) no-repeat top left; } /* ---- Buttons ---- */ /*==================================================================================================== * B U T T O N S B U T T O N S ====================================================================================================*/ a.button { display: block; position: relative; float: left; text-decoration: none; font-family: MyriadPro, Myriad Pro, Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; } a.button:hover { opacity: 0.85; } /* Rounded buttons -------------------------------------------------------------- */ /*small*/ a.button.small.rounded { height: 31px; line-height: 31px; margin-left: 15px; margin: 8px 2px 8px 15px; padding: 0 15px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 12px; } a.button.small.rounded span { display: block; height: 31px; padding: 0 0 0 15px; margin-left: -15px; } a.button.small.rounded:hover, a.button.small.rounded span:hover { color: #F3F3F3; } a.button.small.rounded.light-blue { background: url(../images/buttons/btn-round-s.png) right 0px no-repeat; } a.button.small.rounded.light-blue span { background: url(../images/buttons/btn-round-s.png) left 0px no-repeat; } a.button.small.rounded.light-green { background: url(../images/buttons/btn-round-s.png) right -31px no-repeat; } a.button.small.rounded.light-green span { background: url(../images/buttons/btn-round-s.png) left -31px no-repeat; } a.button.small.rounded.yellow { background: url(../images/buttons/btn-round-s.png) right -62px no-repeat; } a.button.small.rounded.yellow span { background: url(../images/buttons/btn-round-s.png) left -62px no-repeat; } a.button.small.rounded.blue { background: url(../images/buttons/btn-round-s.png) right -93px no-repeat; } a.button.small.rounded.blue span { background: url(../images/buttons/btn-round-s.png) left -93px no-repeat; } a.button.small.rounded.green { background: url(../images/buttons/btn-round-s.png) right -124px no-repeat; } a.button.small.rounded.green span { background: url(../images/buttons/btn-round-s.png) left -124px no-repeat; } a.button.small.rounded.black { background: url(../images/buttons/btn-round-s.png) right -155px no-repeat; } a.button.small.rounded.black span { background: url(../images/buttons/btn-round-s.png) left -155px no-repeat; } a.button.small.rounded.violet { background: url(../images/buttons/btn-round-s.png) right -186px no-repeat; } a.button.small.rounded.violet span { background: url(../images/buttons/btn-round-s.png) left -186px no-repeat; } a.button.small.rounded.bordo { background: url(../images/buttons/btn-round-s.png) right -217px no-repeat; } a.button.small.rounded.bordo span { background: url(../images/buttons/btn-round-s.png) left -217px no-repeat; } a.button.small.rounded.orange { background: url(../images/buttons/btn-round-s.png) right -248px no-repeat; } a.button.small.rounded.orange span { background: url(../images/buttons/btn-round-s.png) left -248px no-repeat; } a.button.small.rounded.gray { background: url(../images/buttons/btn-round-s.png) right -279px no-repeat; } a.button.small.rounded.gray span { background: url(../images/buttons/btn-round-s.png) left -279px no-repeat; } a.button.small.rounded.red { background: url(../images/buttons/btn-round-s.png) right -310px no-repeat; } a.button.small.rounded.red span { background: url(../images/buttons/btn-round-s.png) left -310px no-repeat; } a.button.small.rounded.pink { background: url(../images/buttons/btn-round-s.png) right -341px no-repeat; } a.button.small.rounded.pink span { background: url(../images/buttons/btn-round-s.png) left -341px no-repeat; } /*medium*/ a.button.medium.rounded { height: 44px; line-height: 44px; margin-left: 20px; font-size: 16px; margin: 8px 2px 8px 20px; padding: 0 20px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.medium.rounded span { display: block; height: 44px; padding: 0 0 0 20px; margin-left: -20px; } a.button.medium.rounded:hover, a.button.medium.rounded span:hover { color: #F3F3F3; } a.button.medium.rounded.light-blue { background: url(../images/buttons/btn-round-m.png) right 0px no-repeat; } a.button.medium.rounded.light-blue span { background: url(../images/buttons/btn-round-m.png) left 0px no-repeat; } a.button.medium.rounded.light-green { background: url(../images/buttons/btn-round-m.png) right -44px no-repeat; } a.button.medium.rounded.light-green span { background: url(../images/buttons/btn-round-m.png) left -44px no-repeat; } a.button.medium.rounded.yellow { background: url(../images/buttons/btn-round-m.png) right -88px no-repeat; } a.button.medium.rounded.yellow span { background: url(../images/buttons/btn-round-m.png) left -88px no-repeat; } a.button.medium.rounded.blue { background: url(../images/buttons/btn-round-m.png) right -132px no-repeat; } a.button.medium.rounded.blue span { background: url(../images/buttons/btn-round-m.png) left -132px no-repeat; } a.button.medium.rounded.green { background: url(../images/buttons/btn-round-m.png) right -176px no-repeat; } a.button.medium.rounded.green span { background: url(../images/buttons/btn-round-m.png) left -176px no-repeat; } a.button.medium.rounded.black { background: url(../images/buttons/btn-round-m.png) right -220px no-repeat; } a.button.medium.rounded.black span { background: url(../images/buttons/btn-round-m.png) left -220px no-repeat; } a.button.medium.rounded.violet { background: url(../images/buttons/btn-round-m.png) right -264px no-repeat; } a.button.medium.rounded.violet span { background: url(../images/buttons/btn-round-m.png) left -264px no-repeat; } a.button.medium.rounded.bordo { background: url(../images/buttons/btn-round-m.png) right -308px no-repeat; } a.button.medium.rounded.bordo span { background: url(../images/buttons/btn-round-m.png) left -308px no-repeat; } a.button.medium.rounded.orange { background: url(../images/buttons/btn-round-m.png) right -352px no-repeat; } a.button.medium.rounded.orange span { background: url(../images/buttons/btn-round-m.png) left -352px no-repeat; } a.button.medium.rounded.gray { background: url(../images/buttons/btn-round-m.png) right -396px no-repeat; } a.button.medium.rounded.gray span { background: url(../images/buttons/btn-round-m.png) left -396px no-repeat; } a.button.medium.rounded.red { background: url(../images/buttons/btn-round-m.png) right -440px no-repeat; } a.button.medium.rounded.red span { background: url(../images/buttons/btn-round-m.png) left -440px no-repeat; } a.button.medium.rounded.pink { background: url(../images/buttons/btn-round-m.png) right -484px no-repeat; } a.button.medium.rounded.pink span { background: url(../images/buttons/btn-round-m.png) left -484px no-repeat; } /*large*/ a.button.large.rounded { height: 59px; line-height: 59px; margin-left: 43px; font-size: 18px; margin: 8px 4px 8px 52px; padding: 0 30px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.large.rounded span { display: block; height: 59px; padding: 0 0 0 52px; margin-left: -52px; } a.button.large.rounded:hover, a.button.large.rounded span:hover { color: #F3F3F3; } a.button.large.rounded.light-blue { background: url(../images/buttons/btn-round-l.png) right 0px no-repeat; } a.button.large.rounded.light-blue span { background: url(../images/buttons/btn-round-l.png) left 0px no-repeat; } a.button.large.rounded.light-green { background: url(../images/buttons/btn-round-l.png) right -59px no-repeat; } a.button.large.rounded.light-green span { background: url(../images/buttons/btn-round-l.png) left -59px no-repeat; } a.button.large.rounded.yellow { background: url(../images/buttons/btn-round-l.png) right -118px no-repeat; } a.button.large.rounded.yellow span { background: url(../images/buttons/btn-round-l.png) left -118px no-repeat; } a.button.large.rounded.blue { background: url(../images/buttons/btn-round-l.png) right -177px no-repeat; } a.button.large.rounded.blue span { background: url(../images/buttons/btn-round-l.png) left -177px no-repeat; } a.button.large.rounded.green { background: url(../images/buttons/btn-round-l.png) right -236px no-repeat; } a.button.large.rounded.green span { background: url(../images/buttons/btn-round-l.png) left -236px no-repeat; } a.button.large.rounded.black { background: url(../images/buttons/btn-round-l.png) right -295px no-repeat; } a.button.large.rounded.black span { background: url(../images/buttons/btn-round-l.png) left -295px no-repeat; } a.button.large.rounded.violet { background: url(../images/buttons/btn-round-l.png) right -354px no-repeat; } a.button.large.rounded.violet span { background: url(../images/buttons/btn-round-l.png) left -354px no-repeat; } a.button.large.rounded.bordo { background: url(../images/buttons/btn-round-l.png) right -413px no-repeat; } a.button.large.rounded.bordo span { background: url(../images/buttons/btn-round-l.png) left -413px no-repeat; } a.button.large.rounded.orange { background: url(../images/buttons/btn-round-l.png) right -472px no-repeat; } a.button.large.rounded.orange span { background: url(../images/buttons/btn-round-l.png) left -472px no-repeat; } a.button.large.rounded.gray { background: url(../images/buttons/btn-round-l.png) right -531px no-repeat; } a.button.large.rounded.gray span { background: url(../images/buttons/btn-round-l.png) left -531px no-repeat; } a.button.large.rounded.red { background: url(../images/buttons/btn-round-l.png) right -590px no-repeat; } a.button.large.rounded.red span { background: url(../images/buttons/btn-round-l.png) left -590px no-repeat; } a.button.large.rounded.pink { background: url(../images/buttons/btn-round-l.png) right -649px no-repeat; } a.button.large.rounded.pink span { background: url(../images/buttons/btn-round-l.png) left -649px no-repeat; } /* Square buttons -------------------------------------------------------------- */ /*small*/ a.button.small.square { height: 33px; line-height: 33px; margin-left: 17px; margin: 8px 2px 8px 17px; padding: 0 18px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 13px; } a.button.small.square span { display: block; height: 33px; padding: 0 0 0 17px; margin-left: -17px; } a.button.small.square:hover, a.button.small.square span:hover { color: #F3F3F3; } a.button.small.square.light-blue { background: url(../images/buttons/btn-square-s.png) right 0px no-repeat; } a.button.small.square.light-blue span { background: url(../images/buttons/btn-square-s.png) left 0px no-repeat; } a.button.small.square.light-green { background: url(../images/buttons/btn-square-s.png) right -33px no-repeat; } a.button.small.square.light-green span { background: url(../images/buttons/btn-square-s.png) left -33px no-repeat; } a.button.small.square.yellow { background: url(../images/buttons/btn-square-s.png) right -66px no-repeat; } a.button.small.square.yellow span { background: url(../images/buttons/btn-square-s.png) left -66px no-repeat; } a.button.small.square.blue { background: url(../images/buttons/btn-square-s.png) right -99px no-repeat; } a.button.small.square.blue span { background: url(../images/buttons/btn-square-s.png) left -99px no-repeat; } a.button.small.square.green { background: url(../images/buttons/btn-square-s.png) right -132px no-repeat; } a.button.small.square.green span { background: url(../images/buttons/btn-square-s.png) left -132px no-repeat; } a.button.small.square.black { background: url(../images/buttons/btn-square-s.png) right -165px no-repeat; } a.button.small.square.black span { background: url(../images/buttons/btn-square-s.png) left -165px no-repeat; } a.button.small.square.violet { background: url(../images/buttons/btn-square-s.png) right -198px no-repeat; } a.button.small.square.violet span { background: url(../images/buttons/btn-square-s.png) left -198px no-repeat; } a.button.small.square.bordo { background: url(../images/buttons/btn-square-s.png) right -231px no-repeat; } a.button.small.square.bordo span { background: url(../images/buttons/btn-square-s.png) left -231px no-repeat; } a.button.small.square.orange { background: url(../images/buttons/btn-square-s.png) right -264px no-repeat; } a.button.small.square.orange span { background: url(../images/buttons/btn-square-s.png) left -264px no-repeat; } a.button.small.square.gray { background: url(../images/buttons/btn-square-s.png) right -297px no-repeat; } a.button.small.square.gray span { background: url(../images/buttons/btn-square-s.png) left -297px no-repeat; } a.button.small.square.red { background: url(../images/buttons/btn-square-s.png) right -330px no-repeat; } a.button.small.square.red span { background: url(../images/buttons/btn-square-s.png) left -330px no-repeat; } a.button.small.square.pink { background: url(../images/buttons/btn-square-s.png) right -363px no-repeat; } a.button.small.square.pink span { background: url(../images/buttons/btn-square-s.png) left -363px no-repeat; } /*medium*/ a.button.medium.square { height: 56px; line-height: 56px; margin-left: 20px; font-size: 16px; margin: 8px 2px 8px 20px; padding: 0 20px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.medium.square span { display: block; height: 56px; padding: 0 0 0 20px; margin-left: -20px; } a.button.medium.square:hover, a.button.medium.square span:hover { color: #F3F3F3; } a.button.medium.square.light-blue { background: url(../images/buttons/btn-square-m.png) right 0px no-repeat; } a.button.medium.square.light-blue span { background: url(../images/buttons/btn-square-m.png) left 0px no-repeat; } a.button.medium.square.light-green { background: url(../images/buttons/btn-square-m.png) right -56px no-repeat; } a.button.medium.square.light-green span { background: url(../images/buttons/btn-square-m.png) left -56px no-repeat; } a.button.medium.square.yellow { background: url(../images/buttons/btn-square-m.png) right -112px no-repeat; } a.button.medium.square.yellow span { background: url(../images/buttons/btn-square-m.png) left -112px no-repeat; } a.button.medium.square.blue { background: url(../images/buttons/btn-square-m.png) right -168px no-repeat; } a.button.medium.square.blue span { background: url(../images/buttons/btn-square-m.png) left -168px no-repeat; } a.button.medium.square.green { background: url(../images/buttons/btn-square-m.png) right -224px no-repeat; } a.button.medium.square.green span { background: url(../images/buttons/btn-square-m.png) left -224px no-repeat; } a.button.medium.square.black { background: url(../images/buttons/btn-square-m.png) right -280px no-repeat; } a.button.medium.square.black span { background: url(../images/buttons/btn-square-m.png) left -280px no-repeat; } a.button.medium.square.violet { background: url(../images/buttons/btn-square-m.png) right -336px no-repeat; } a.button.medium.square.violet span { background: url(../images/buttons/btn-square-m.png) left -336px no-repeat; } a.button.medium.square.bordo { background: url(../images/buttons/btn-square-m.png) right -392px no-repeat; } a.button.medium.square.bordo span { background: url(../images/buttons/btn-square-m.png) left -392px no-repeat; } a.button.medium.square.orange { background: url(../images/buttons/btn-square-m.png) right -448px no-repeat; } a.button.medium.square.orange span { background: url(../images/buttons/btn-square-m.png) left -448px no-repeat; } a.button.medium.square.gray { background: url(../images/buttons/btn-square-m.png) right -504px no-repeat; } a.button.medium.square.gray span { background: url(../images/buttons/btn-square-m.png) left -504px no-repeat; } a.button.medium.square.red { background: url(../images/buttons/btn-square-m.png) right -560px no-repeat; } a.button.medium.square.red span { background: url(../images/buttons/btn-square-m.png) left -560px no-repeat; } a.button.medium.square.pink { background: url(../images/buttons/btn-square-m.png) right -616px no-repeat; } a.button.medium.square.pink span { background: url(../images/buttons/btn-square-m.png) left -616px no-repeat; } /*large*/ a.button.large.square { height: 78px; line-height: 78px; margin-left: 43px; font-size: 30px; margin: 8px 4px 8px 43px; padding: 0 43px 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.button.large.square span { display: block; height: 78px; padding: 0 0 0 43px; margin-left: -43px; } a.button.large.square:hover, a.button.large.square span:hover { color: #F3F3F3; } a.button.large.square.light-blue { background: url(../images/buttons/btn-square-l.png) right 0px no-repeat; } a.button.large.square.light-blue span { background: url(../images/buttons/btn-square-l.png) left 0px no-repeat; } a.button.large.square.light-green { background: url(../images/buttons/btn-square-l.png) right -78px no-repeat; } a.button.large.square.light-green span { background: url(../images/buttons/btn-square-l.png) left -78px no-repeat; } a.button.large.square.yellow { background: url(../images/buttons/btn-square-l.png) right -156px no-repeat; } a.button.large.square.yellow span { background: url(../images/buttons/btn-square-l.png) left -156px no-repeat; } a.button.large.square.blue { background: url(../images/buttons/btn-square-l.png) right -234px no-repeat; } a.button.large.square.blue span { background: url(../images/buttons/btn-square-l.png) left -234px no-repeat; } a.button.large.square.green { background: url(../images/buttons/btn-square-l.png) right -312px no-repeat; } a.button.large.square.green span { background: url(../images/buttons/btn-square-l.png) left -312px no-repeat; } a.button.large.square.black { background: url(../images/buttons/btn-square-l.png) right -390px no-repeat; } a.button.large.square.black span { background: url(../images/buttons/btn-square-l.png) left -390px no-repeat; } a.button.large.square.violet { background: url(../images/buttons/btn-square-l.png) right -468px no-repeat; } a.button.large.square.violet span { background: url(../images/buttons/btn-square-l.png) left -468px no-repeat; } a.button.large.square.bordo { background: url(../images/buttons/btn-square-l.png) right -546px no-repeat; } a.button.large.square.bordo span { background: url(../images/buttons/btn-square-l.png) left -546px no-repeat; } a.button.large.square.orange { background: url(../images/buttons/btn-square-l.png) right -624px no-repeat; } a.button.large.square.orange span { background: url(../images/buttons/btn-square-l.png) left -624px no-repeat; } a.button.large.square.gray { background: url(../images/buttons/btn-square-l.png) right -702px no-repeat; } a.button.large.square.gray span { background: url(../images/buttons/btn-square-l.png) left -702px no-repeat; } a.button.large.square.red { background: url(../images/buttons/btn-square-l.png) right -780px no-repeat; } a.button.large.square.red span { background: url(../images/buttons/btn-square-l.png) left -780px no-repeat; } a.button.large.square.pink { background: url(../images/buttons/btn-square-l.png) right -858px no-repeat; } a.button.large.square.pink span { background: url(../images/buttons/btn-square-l.png) left -858px no-repeat; } /* Icon buttons -------------------------------------------------------------- */ a.button.icon.right {float:right;} a.button.icon.left {float:left;} a.button.icon.center {margin-lef:auto; margin-right:auto;} a.button.icon { height: 50px; line-height: 50px; margin-left: 17px; margin: 8px 20px 8px 42px; padding: 0 18px 0 0; color: #333; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } a.button.icon span.rightbtn { display: block; height: 50px; padding: 0 0 0 42px; margin-left: -42px; } a.button.icon:hover, a.button.icon span.rightbtn:hover { color: #F3F3F3; } a.button.icon span.ico { position: absolute; display: block; width: 24px; height: 24px; left: -35px; top: 15px; } a.button.icon.light { background: url(../images/buttons/icon_button_bg.png) right 0px no-repeat; } a.button.icon.light span.rightbtn { background: url(../images/buttons/icon_button_bg.png) left 0px no-repeat; } a.button.icon.dark { color: #fff; } a.button.icon.dark { background: url(../images/buttons/icon_button_bg.png) right -50px no-repeat; } a.button.icon.dark span.rightbtn { background: url(../images/buttons/icon_button_bg.png) left -50px no-repeat; } a.button.icon.dark { color: #fff; } a.button.icon span.ico.blackboard { background: url(../images/buttonicons/blackboard.png) 0 0 no-repeat; } a.button.icon span.ico.book { background: url(../images/buttonicons/book.png) 0 0 no-repeat; } a.button.icon span.ico.bulb { background: url(../images/buttonicons/bulb.png) 0 0 no-repeat; } a.button.icon span.ico.cards { background: url(../images/buttonicons/cards.png) 0 0 no-repeat; } a.button.icon span.ico.cart { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/buttonicons/cart.png) 0 0 no-repeat; } a.button.icon span.ico.clock { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/buttonicons/clock.png) 0 0 no-repeat; } a.button.icon span.ico.cone { background: url(../images/buttonicons/cone.png) 0 0 no-repeat; } a.button.icon span.ico.cross { background: url(../images/buttonicons/cross.png) 0 0 no-repeat; } a.button.icon span.ico.download { background: url(../images/buttonicons/download.png) 0 0 no-repeat; } a.button.icon span.ico.exclamation { background: url(../images/buttonicons/exclamation.png) 0 0 no-repeat; } a.button.icon span.ico.information { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/buttonicons/information.png) 0 0 no-repeat; } a.button.icon span.ico.key { background: url(../images/buttonicons/key.png) 0 0 no-repeat; } a.button.icon span.ico.lock { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/buttonicons/lock.png) 0 0 no-repeat; } a.button.icon span.ico.note { background: url(../images/buttonicons/note.png) 0 0 no-repeat; } a.button.icon span.ico.pencil { background: url(../images/buttonicons/pencil.png) 0 0 no-repeat; } a.button.icon span.ico.print { background: url(../images/buttonicons/print.png) 0 0 no-repeat; } a.button.icon span.ico.rsstag { background: url(../images/buttonicons/rsstag.png) 0 0 no-repeat; } a.button.icon span.ico.search { background: url(../images/buttonicons/search.png) 0 0 no-repeat; } a.button.icon span.ico.sound { background: url(../images/buttonicons/sound.png) 0 0 no-repeat; } a.button.icon span.ico.speechbubble { background: url(../images/buttonicons/speechbubble.png) 0 0 no-repeat; } a.button.icon span.ico.star { background: url(../images/buttonicons/star.png) 0 0 no-repeat; } a.button.icon span.ico.tag { background: url(../images/buttonicons/tag.png) 0 0 no-repeat; } a.button.icon span.ico.tick { background: url(../images/buttonicons/tick.png) 0 0 no-repeat; } a.button.icon span.ico.video { background: url(../images/buttonicons/video.png) 0 0 no-repeat; } /* ---- Highlighter ---- */ span.highlighter { padding: 0 5px 0 5px; color:#fff; } .highlighter.blue-vibrant { background-color: #095ba4; } .highlighter.blue-mute { background-color: #a7c5e1; } .highlighter.navy-vibrant { background-color: #072234; } .highlighter.navy-mute { background-color: #214156; } .highlighter.red-vibrant { background-color: #630303; } .highlighter.red-mute { background-color: #b04141; } .highlighter.green-vibrant { background-color: #779a1b; } .highlighter.green-mute { background-color: #91a45d; } .highlighter.orange-vibrant { background-color: #f1880a; } .highlighter.orange-mute { background-color: #b77d37; } .highlighter.yellow-vibrant { background-color: #fbce17; } .highlighter.yellow-mute { background-color: #e6cc63; } .highlighter.grey-vibrant { background-color: #313437; } .highlighter.grey-mute { background-color: #888a8b; } .highlighter.purple-vibrant { background-color: #40234e; } .highlighter.purple-mute { background-color: #8c7697; } .highlighter.pink-vibrant { background-color: #ab0667; } .highlighter.pink-mute { background-color: #be7ea3; } .highlighter.brown-vibrant { background-color: #4e2d03; } .highlighter.brown-mute { background-color: #957854; } .highlighter.aqua-vibrant { background-color: #078291; } .highlighter.aqua-mute { background-color: #73b2ba; } .highlighter.silver { background-color: #dadada; color:#333; } .highlighter.white { background-color: #fff; color:#222; } .highlighter.black { background-color: #000; color:#efefef; } /*==================================================================================================== * N I V O S L I D E R N I V O S L I D E R ====================================================================================================*/ /* * jQuery Nivo Slider v2.4 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position: relative; -webkit-box-shadow: 0px 0px 10px #8d8d8d; -moz-box-shadow: 0px 0px 10px #8d8d8d; box-shadow: 0px 0px 10px #8d8d8d; border: 5px solid #efefef; } .nivoSlider img { position: absolute; top: 0px; left: 0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; } /* The slices in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } /* Caption styles */ .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ width: 100%; z-index: 89; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 45%; z-index: 99; cursor: pointer; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right: 0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ #slider-wrapper { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/slider.png) no-repeat; margin: 0 0 50px 0; } #slider { position: relative; background: url(../images/nivo/loading.gif) no-repeat 50% 50%; } #slider img { position: absolute; top: 0px; left: 0px; display: none; } #slider a { border: 0; display: block; } .nivo-controlNav { position: absolute; } .nivo-controlNav a { display: block; width: 22px; height: 22px; background: url(../images/nivo/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .nivo-controlNav a.active { background-position: 0 -22px; } .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(../images/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; } a.nivo-nextNav { background-position: -30px 0; right: 15px; } a.nivo-prevNav { left: 15px; } .nivo-caption { text-shadow: none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color: #efe9d1; text-decoration: underline; } /*==================================================================================================== * J C Y C L E VERTICAL S L I D E R J C Y C L E VERTICAL S L I D E R ====================================================================================================*/ /*vertical slider*/ .scmgc-slider-ver { position: relative; display: block; width: 98%; margin: 20px 0; padding: 5px 0; background: #E2E2E2 url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/bg-gray.jpg) repeat-x top; border: 1px solid #D4D4D4; -webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius: 15px; font-family: MyriadPro, Myriad Pro, Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; } /*nav*/ ul.scmgc-slider-ver-nav { position: relative; display: block; float: left; width: 40%; margin: 0 0 0 0px; padding: 0 0 0 0; list-style-type: none; } ul.scmgc-slider-ver-nav li { display: block; margin: 5px 0 5px 0; } ul.scmgc-slider-ver-nav a { position: relative; width: 100%; height: 46px; line-height: 55px; background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/tab-ver-right.png) no-repeat right; color: #6E6C6D; text-shadow: 1px 1px 0px #FFFFFF; } ul.scmgc-slider-ver-nav a span { position: absolute; display: block; width: auto; height: 46px; top: 0px; left: -13px; padding: 0 0 0 20px; background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/tab-ver-left.png) no-repeat left; } ul.scmgc-slider-ver-nav a.tabvertnav { display: block; } /*nav active*/ ul.scmgc-slider-ver-nav a.tabvertnav.activeSlide { color: #353535; background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/tab-ver-right-active.png) no-repeat right; } ul.scmgc-slider-ver-nav a.tabvertnav.activeSlide span { position: absolute; display: block; width: auto; height: 46px; top: 0px; left: -13px; padding: 0 0 0 20px; background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/tab-ver-left-active.png) no-repeat left; } /*content*/ .scmgc-slider-ver-content { position: relative; display: block; float: left; width: 50%; margin: 15px 0 10px 5%; font-size: 13px; text-shadow: 1px 1px 0px #FFFFFF; color: #666; background-color: transparent !important; } /*==================================================================================================== * J C Y C L E HORIZONTAL S L I D E R J C Y C L E HORIZONTAL S L I D E R ====================================================================================================*/ /*horizontal slider*/ .scmgc-slider-hor { position: relative; display: block; width: 98%; margin: 65px 0 20px 0; height: auto; padding: 0px 0; background: #f5f5f5 url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/toggle_grad.png) repeat-x top; border: 1px solid #D4D4D4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: MyriadPro, Myriad Pro, Helvetica Neue, Helvetica, Arial, Geneva, sans-serif; } /*nav*/ ul.scmgc-slider-hor-nav { position: absolute; display: block; width: auto; top: -30px; left: 5px; padding: 0 0 0 0; list-style-type: none; z-index: 0 !important; } ul.scmgc-slider-hor-nav li { float: left; display: block; margin: 0px 1px 0px 1px; } ul.scmgc-slider-hor-nav a { position: relative; width: auto; height: 27px; padding: 0 20px; line-height: 27px; background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/tab-hor.png) repeat-x; border: 1px solid #D4D4D4; border-bottom: none; color: #6E6C6D; text-decoration: none; font-size: 13px; text-shadow: 1px 1px 0px #FFFFFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } ul.scmgc-slider-hor-nav a span { } ul.scmgc-slider-hor-nav a.tabvertnav { display: block; clear: both; } /*nav active*/ ul.scmgc-slider-hor-nav a.tabvertnav.activeSlide { margin-top: -5px; padding: 3px 20px; background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/tab-hor-active.png) repeat-x; color: #353535; } ul.scmgc-slider-hor-nav a.tabvertnav.activeSlide span { } /*content*/ .scmgc-slider-hor-content { position: relative; width: auto; display: block; margin: 15px 35px 15px 25px; padding: 0px 0px 0px 0px; z-index: 99 !important; font-size: 13px; color: #666; } /* ---- Dividers ---- */ .divider { padding:15px 0 15px 0; } .divider.clearleft { clear:left; } .divider.clearright { clear:right; } .divider.clearboth { clear:both; } /* Alignment */ .divider.aligncenter { margin-left:auto; margin-right:auto; } .divider.alignleft { float:left; } .divider.alignright { float:right; } /* Width */ .divider.large { height:30px; width:820px; } .divider.medium { height:30px; width:600px; } .divider.small { height:20px; width:280px; } /* Type */ .divider.large.plain { background:url(../images/dividers/bar_plain_l.png) no-repeat center; } .divider.medium.plain { background:url(../images/dividers/bar_plain_m.png) no-repeat center; } .divider.small.plain { background:url(../images/dividers/bar_plain_s.png) no-repeat center; } .divider.large.line { background:url(../images/dividers/bar_line_l.png) no-repeat center; } .divider.medium.line { background:url(../images/dividers/bar_line_m.png) no-repeat center; } .divider.small.line { background:url(../images/dividers/bar_line_s.png) no-repeat center; } .divider.large.dots { background:url(../images/dividers/bar_dots_l.png) no-repeat center; } .divider.medium.dots { background:url(../images/dividers/bar_dots_m.png) no-repeat center; } .divider.small.dots { background:url(../images/dividers/bar_dots_s.png) no-repeat center; } .divider.large.paper { background:url(../images/dividers/bar_paper_l.png) no-repeat center; } .divider.medium.paper { background:url(../images/dividers/bar_paper_m.png) no-repeat center; } .divider.small.paper { background:url(../images/dividers/bar_paper_s.png) no-repeat center; } .divider.large.bar { background:url(../images/dividers/bar_bar_l.png) no-repeat center; } .divider.medium.bar { background:url(../images/dividers/bar_bar_m.png) no-repeat center; } .divider.small.bar { background:url(../images/dividers/bar_bar_s.png) no-repeat center; } /* ---- DropCaps ---- */ .dropcap { } /*colors*/ .color-default { color: inherit; } .blue-vibrant { color: #095ba4; } .blue-mute { color: #a7c5e1; } .navy-vibrant { color: #02263e; } .navy-mute { color: #16394f; } .red-vibrant { color: #990000; } .red-mute { color: #ef2d2d; } .green-vibrant { color: #75a004; } .green-mute { color: #8aa63e; } .orange-vibrant { color: #ef8302; } .orange-mute { color: #db841b; } .yellow-vibrant { color: #ecbe03; } .yellow-mute { color: #debd39; } .grey-vibrant { color: #272a2d; } .grey-mute { color: #474c4e; } .purple-vibrant { color: #411656; } .purple-mute { color: #75418f; } .pink-vibrant { color: #a40563; } .pink-mute { color: #a83a7a; } .brown-vibrant { color: #573c1a; } .brown-mute { color: #6d502c; } .aqua-vibrant { color: #29d3e9; } .aqua-mute { color: #4ebfcd; } .silver { color: #dadada; } .white { color: #fff; } .black { color: #000; } /*font family*/ .font-arial { font-family: Arial, Helvetica, Sans-serif; } .font-verdana { font-family: Verdana, Arial, Helvetica, Sans-serif; } .font-times { font-family: Times New Roman, Times, Serif; } .font-geneva { font-family: Geneva, Arial, Helvetica, Sans-serif; } .font-courier { font-family: Courier New, Courier, Monospace; } .font-sans { font-family: MS Sans Serif, Geneva, Sans-serif; } .font-system { font-family: System, Sans-serif; } .font-georgia { font-family: Georgia, Times New Roman Times, Serif; } .font-bowlby { font-family: 'Bowlby One SC', Arial, serif; } .font-amaranth { font-family: 'Amaranth', Arial, serif; } .font-brawler { font-family:'Brawler', Arial, serif; } .font-copse { font-family:'Copse', Arial, serif; } .font-chewy { font-family:'Chewy', Arial, serif; } .font-yellowtail { font-family:'Yellowtail', Arial, serif; } .font-opensans { font-family:'Open Sans', Arial, serif; } .font-ubuntu { font-family:'Ubuntu', Arial, serif; } .font-ptserif { font-family:'PT Serif Caption', Arial, serif; } /*font style*/ .font-normal { font-style: normal; } .font-italic { font-style: italic; } .font-oblique { font-style: oblique; } /*font size*/ .scmgc-3em { font-size: 350%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } .scmgc-4em { font-size: 450%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } .scmgc-5em { font-size: 500%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } .scmgc-6em { font-size: 600%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } .scmgc-7em { font-size: 700%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } .scmgc-8em { font-size: 800%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } .scmgc-9em { font-size: 900%; float: left; line-height: 0.8em; padding: 0 2px 0 0; position: relative; left: -3px; } /* ---- Quotes ---- */ .scmgc-quote { position: relative; display: block; font-family: Georgia; font-style: italic; margin:15px 0 15px 0; } .scmgc-quote .scmgc-quotemark { position: absolute; font-family: Georgia; } .scmgc-quote.large { font-size: 18px; font-weight:bold; padding: 0 0 0 65px; width:85%; } .scmgc-quote.large .scmgc-quotemark { font-size: 110px; top: -70px; left: 0px; } .scmgc-quote.medium { font-size: 14px; line-height:18px; font-weight:bold; padding: 0 40px 0 40px; width:85%; } .scmgc-quote.medium .scmgc-quotemark { font-size: 70px; } .scmgc-quote.medium .scmgc-quotemark.left { top: 20px; left: 0px; } .scmgc-quote.medium .scmgc-quotemark.right { bottom: -13px; right: 0px; } .scmgc-quote.small { font-size: 12px; line-height:14px; font-weight:bold; padding: 0 40px 0 40px; width:85%; } .scmgc-quote.small .scmgc-quotemark { font-size: 50px; } .scmgc-quote.small .scmgc-quotemark.left { top: 20px; left: 0px; } .scmgc-quote.small .scmgc-quotemark.right { bottom: -13px; right: 0px; } .scmgc-quote .scmgc-quotemark .neutral { color:#666; } .scmgc-quote .scmgc-quotemark .red { color:#900; } .scmgc-quote .scmgc-quotemark .black { color:#000; } .scmgc-quote .scmgc-quotemark .center { text-align:center; } .scmgc-quote .scmgc-quotemark .left { text-align:left; } .scmgc-quote .scmgc-quotemark .right { text-align:right; } /* ---- Pull Quotes ---- */ .scmgc-pullquote { color:#343434; float:right; font-size:16px; letter-spacing:0px; line-height:25px; margin-bottom:20px; margin-left:20px; font-style:italic; margin-top:20px; padding:0 0 0 20px; } .scmgc-pullquote.left { float:left; margin-left:0px; margin-right:20px; } .scmgc-pullquote.right { float:right; margin-right:0px; margin-left:20px; } .scmgc-pullquote.wide { width:50%; } .scmgc-pullquote.narrow { width:33%; } .scmgc-pullquote.left.dotted { border-right:1px dotted #ddd; margin-right:15px; } .scmgc-pullquote.left.solid { border-right:1px dotted #ddd; margin-right:15px; } .scmgc-pullquote.left.divider { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/divider.png) repeat-y center right; margin-left:15px; } .scmgc-pullquote.right.dotted { border-left:1px solid #ddd; margin-left:15px; } .scmgc-pullquote.right.solid { border-left:1px solid #ddd; margin-left:15px; } .scmgc-pullquote.right.divider { background: url(http://www.probloggingsuccess.com/wp-content/plugins/WPSCMagic/images/divider.png) repeat-y center left; margin-right:15px; } /* ---- Lists ---- */ ul.custom, ul.custom ul { list-style: none; margin:0 auto; } ul.custom li { padding: 0 0 0 25px; } ul.custom li ul { margin-left: 0px; } /* Font */ .ul.font-default { } .ul.font-arial { font-family: Arial, Helvetica, Sans-serif; } .ul.font-verdana { font-family: Verdana, Arial, Helvetica, Sans-serif; } .ul.font-times { font-family: Times New Roman, Times, Serif; } .ul.font-geneva { font-family: Geneva, Arial, Helvetica, Sans-serif; } .ul.font-courier { font-family: Courier New, Courier, Monospace; } .ul.font-sans { font-family: MS Sans Serif, Geneva, Sans-serif; } .ul.font-system { font-family: System, Sans-serif; } .ul.font-georgia { font-family: Georgia, Times New Roman Times, Serif; } .ul.font-bowlby { font-family: 'Bowlby One SC', Arial, serif; } .ul.font-amaranth { font-family: 'Amaranth', Arial, serif; } .ul.font-brawler { font-family:'Brawler', Arial, serif; } .ul.font-copse { font-family:'Copse', Arial, serif; } .ul.font-chewy { font-family:'Chewy', Arial, serif; } .ul.font-yellowtail { font-family:'Yellowtail', Arial, serif; } .ul.font-opensans { font-family:'Open Sans', Arial, serif; } .ul.font-ubuntu { font-family:'Ubuntu', Arial, serif; } .ul.font-ptserif { font-family:'PT Serif Caption', Arial, serif; } /* Size */ ul.small { line-height:1.8em; } ul.large { font-size:1.4em; line-height:1.6em; } /* Bullets */ ul.small.bullet-tick li { background: url(../images/icons/bullet-tick.png) no-repeat center left; } ul.large.bullet-tick li { background: url(../images/icons/bullet-tick.png) no-repeat center left; } ul.small.bullet-cross li { background: url(../images/icons/bullet-cross.png) no-repeat center left; } ul.large.bullet-cross li { background: url(../images/icons/bullet-cross.png) no-repeat center left; } ul.small.bullet-arrow li { background: url(../images/icons/bullet-arrow.png) no-repeat center left; } ul.large.bullet-arrow li { background: url(../images/icons/bullet-arrow.png) no-repeat center left; } ul.small.bullet-black li { background: url(../images/icons/bullet-black.png) no-repeat center left; } ul.large.bullet-black li { background: url(../images/icons/bullet-black.png) no-repeat center left; } ul.small.bullet-green li { background: url(../images/icons/bullet-green.png) no-repeat center left; } ul.large.bullet-green li { background: url(../images/icons/bullet-green.png) no-repeat center left; } ul.small.bullet-orange li { background: url(../images/icons/bullet-orange.png) no-repeat center left; } ul.large.bullet-orange li { background: url(../images/icons/bullet-orange.png) no-repeat center left; } ul.small.bullet-pink li { background: url(../images/icons/bullet-pink.png) no-repeat center left; } ul.large.bullet-pink li { background: url(../images/icons/bullet-pink.png) no-repeat center left; } ul.small.bullet-purple li { background: url(../images/icons/bullet-purple.png) no-repeat center left; } ul.large.bullet-purple li { background: url(../images/icons/bullet-purple.png) no-repeat center left; } ul.small.bullet-red li { background: url(../images/icons/bullet-red.png) no-repeat center left; } ul.large.bullet-red li { background: url(../images/icons/bullet-red.png) no-repeat center left; } ul.small.bullet-star li { background: url(../images/icons/bullet-star.png) no-repeat center left; } ul.large.bullet-star li { background: url(../images/icons/bullet-star.png) no-repeat center left; } ul.small.bullet-paper-clip li { background: url(../images/icons/bullet-paper-clip.png) no-repeat center left; } ul.large.bullet-paper-clip li { background: url(../images/icons/bullet-paper-clip.png) no-repeat center left; } ul.small.bullet-add li { background: url(../images/icons/bullet-add.png) no-repeat center left; } ul.large.bullet-add li { background: url(../images/icons/bullet-add.png) no-repeat center left; } ul.small.bullet-delete li { background: url(../images/icons/bullet-delete.png) no-repeat center left; } ul.large.bullet-delete li { background: url(../images/icons/bullet-delete.png) no-repeat center left; } /* ---- Columns ---- */ .one-half, .one-third, .two-thirds, .one-fourth, .three-fourths { position: relative; float: left; margin-right: 4%; margin-bottom: 10px; } .one-half { width: 48%; } .one-third { width: 30.66%; } .two-thirds { width: 65.32%; } .one-fourth { width: 22%; } .three-fourths { width: 74%; } .last { margin-right: 0 !important; clear: right; } .text-align-center { text-align: center; } .text-align-justify { text-align: justify; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } /* ---- Hacks ---- */ /* clearfix -------------------------------------------------------------- */ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { min-width: 0; display: inline-block; /* \*/ display: block; } * html .clear { /* \*/ height: 1%; }