/* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_3066_page3_wrapper { } #stacks_in_3066_page3_wrapper #stacks_in_3066_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99); filter: alpha(opacity=99); opacity: 0.99; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_3066_page3 { border: solid #FFFFFF; border-width: 1px 0px 0px 0px; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 06, December 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_3068_page3 { max-width: 1500px; margin: 0px auto !important; }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive Hide Show Stack' Style Sheet: fsrmobilehideshow.css Style Sheet Created: 10, June 2014 Last Modified: 29, June 2014 Author: Blueball Design LLC/Charlie Lockhart http://freestackresponsive.blueballdesign.com Copyright 2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ /************************************************************************************ DESKTOP *************************************************************************************/ #stacks_in_22554_page3desktopcontent { display: block; height: auto; max-width: 100%; } #stacks_in_22554_page3mobilecontent { display: none; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_22554_page3mobilecontent { display: block; height: auto; max-width: 100%; } #stacks_in_22554_page3desktopcontent { display: none; } } /* Start Eternity stack CSS code */ /* ---------------------------- // / ---------- Base CSS --------- // /------------------------------ */ #stacks_in_3070_page3{ background: url("../files/bgimageurl_3070.jpg"); min-height: 730px; background-size: auto; background-color: transparent; background-repeat: no-repeat; background-position:50% 50%; background-attachment: none; /* -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; */ background: url("../files/bgimageurl_3070.jpg") none; } /* ---------------------------- // / ---------- Repeat --------- // /------------------------------ */ #stacks_in_3070_page3, #stacks_in_3070_page3:hover{ background-repeat: no-repeat !important; } /* ---------------------------- // / --------- Colour ------------ // /------------------------------ */ #stacks_in_3070_page3, #stacks_in_3070_page3:hover{ background-color: #FFFFFF; } /* ---------------------------- // / ----------- Bg Size --------- // /------------------------------ */ #stacks_in_3070_page3, #stacks_in_3070_page3:hover{ background-size: cover; } /* --- if the background type is cover ------ use alternitive positioning -- */ #stacks_in_3070_page3, #stacks_in_3070_page3:hover{ -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; } /* ----------------------------------------- Links Managment ----------------------------------------- */ /* End Eternity stack CSS code */ #stacks_in_3070_page3 { background-color: #000000; margin: 0px 0px 10px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Hide it Stack' Style Sheet: fsrhide.css Style Sheet Created: 15, January 2014 Last Modified: 10, October 2014 Author: Blueball Design LLC/Charlie Lockhart http://freestackresponsive.blueballdesign.com Copyright 2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_3072_page3desktopcontent { height: auto; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_3072_page3desktopcontent { display: none; height: 0; visibility: collapse; } } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_85481_page3_wrapper { } #stacks_in_85481_page3_wrapper #stacks_in_85481_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=58)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=58); filter: alpha(opacity=58); opacity: 0.58; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_85483_page3 #fsr_colwrap_stacks_in_85483_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_85483_page3 #fsr_colwrap_stacks_in_85483_page3 #fsr_leftcol_stacks_in_85483_page3 { float: left; display: block; width: 33%; height: auto; margin: 0; padding: 0; } #stacks_in_85483_page3 #fsr_colwrap_stacks_in_85483_page3 #fsr_rightcol_stacks_in_85483_page3 { float: right; display: block; width: 67%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 970px) { #stacks_in_85483_page3 #fsr_colwrap_stacks_in_85483_page3 #fsr_leftcol_stacks_in_85483_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_85483_page3 #fsr_colwrap_stacks_in_85483_page3 #fsr_rightcol_stacks_in_85483_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_85485_page3 #fsr_colwrap_stacks_in_85485_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_85485_page3 #fsr_colwrap_stacks_in_85485_page3 #fsr_leftcol_stacks_in_85485_page3 { float: left; display: block; width: 20%; height: auto; margin: 0; padding: 0; } #stacks_in_85485_page3 #fsr_colwrap_stacks_in_85485_page3 #fsr_rightcol_stacks_in_85485_page3 { float: right; display: block; width: 80%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_85485_page3 #fsr_colwrap_stacks_in_85485_page3 #fsr_leftcol_stacks_in_85485_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_85485_page3 #fsr_colwrap_stacks_in_85485_page3 #fsr_rightcol_stacks_in_85485_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } } #stacks_in_85485_page3 { padding: 4px 0px 0px 0px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_85487_page3 { } #stacks_in_85487_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_85490_page3 { padding: 29px 4px 0px 4px; } #stacks_in_85491_page3 { letter-spacing: 1px; word-spacing: 1px; font-size: 194%; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Add-Ons Pack 1' fsrnavmenures6f.css Style Sheet Created: 24, July, 2013 Last Modified: 09, September, 2013 Author: Blueball Design/Charlie Lockhart www.blueballdesign.com Copyright 2013 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #navbar { display: block !important; height: auto; font-size: 1.16em; font-weight: 400; } #nav ul { bottom: 0; left: 0; line-height: 58px; margin: 0; padding: 0; text-align: right; } *:first-child+html #nav ul { height: 58px !important; } #nav ul li { display: inline-block; position: relative; margin: 0; padding: 0; height: 58px; border-right: 0px solid #FFFFFF; width: auto; } #nav ul li a, #nav ul li a:visited { background-color: rgba(19, 168, 158, 0.0); color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 1.16em; font-weight: 400; padding: 0 16px 0 16px; text-decoration: none; } #nav ul li a:hover { background-color: rgba(0, 0, 0, 0.0); /*background: 0, 0, 0,;*/ color: #CCCCCC; } #nav ul li #current { background-color: rgba(0, 0, 0, 0.0); color: #FFFFFF; } #nav ul li .currentAncestor { color: #FFFFFF; } #nav ul li a:hover > ul { position: relative; display: inline-block; } #nav ul li.hasChild > a { background-image: url(../files/downarrow_black50.png); background-position: 96% 50%; background-repeat: no-repeat; padding: 0 30px 0 16px; } #nav li:first-child > a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav li:last-child > a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav ul li:last-child { border-right: 0px; } /* Sub Menu Levels */ #nav ul ul { display: none; height: 40px; left: 0; line-height: 40px; margin: 0; position: absolute; top: 57px; width: 200px; z-index: 999; text-align: left; } #nav ul ul li { display: block; padding: 0; height: 40px; width: 200px; border-right: 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav ul ul li a, #nav ul ul li a:visited { background-color: rgba(255, 255, 255, 0.50); /*background: 255, 255, 255,;*/ color: #000000; border-top: px solid #EFEFEF; font-size: 1.00em; font-weight: normal; height: 40px; padding: 0 14px 0 14px; margin: 0; text-shadow: none; width: 186px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } *:first-child+html #nav ul ul li a, #nav ul ul li a:visited { padding: 0 14px 0 14px; line-height: 40px !important; width: 186px !important; } #nav ul ul li a:hover { background-color: rgba(255, 255, 255, 0.50); /*background: 255, 255, 255,;*/ color: #005DB3; width: 186px; background-image: none; } #nav ul ul li #current, #nav ul ul li .currentAncestor { background-color: rgba(255, 255, 255, 0.50); /*background: 255, 255, 255,;*/ color: #005DB3; width: 186px; } #nav ul ul li:last-child > a { border-bottom: 1px solid #EFEFEF; } #nav ul ul li.hasChild > a { background-image: url(../files/rightarrow_black50.png); background-position: 97% 50%; background-repeat: no-repeat; width: 186px; padding: 0 14px 0 14px; } #nav li li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav li li:last-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav ul ul ul { top: 0; left: 214px; } *:first-child+html #nav ul ul ul { top: 0; left: 214px !important; } #nav li li li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav li li li:last-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav li li li li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #nav li li li li:last-child a { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } /************************************************************************************ MOBILE *************************************************************************************/ /* ####################################################################### meanMenu -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ @media screen and (max-width: 768px) { #navbar, #nav { display: none; visibility: collapse; height: 0px; } #pagecontainer, #pagewrapper { overflow: hidden !important; } @-moz-document url-prefix() { #pagecontainer, #pagewrapper { overflow: visible !important; } } } /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #000000; /*original background: #0c1923;*/ padding: 4px 0 0 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; color: #FFFFFF; cursor: pointer; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #FFFFFF; /*Original menu icon color - background: #ffffff;*/ height: 3px; margin-top: 3px; } .mean-container a:hover.meanmenu-reveal span { display: block; background: #CCCCCC; /*Original menu icon color - background: #ffffff;*/ height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: #000000; /*original background: #0c1923;*/ margin-top: 38px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #FFFFFF; /*original active link color: #fff;*/ border-bottom: 1px solid #FFFFFF; /*original border-bottom: 1px solid #383838;*/ text-decoration: none; text-transform: none; } .mean-container .mean-nav ul li #current { background-color: #FFFFFF; color: #000000; } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-bottom: 1px solid #FFFFFF; /*border-bottom: 1px solid #f1f1f1;*/ opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { color: #000000; background: #CCCCCC; /*original hover background: #252525;*/ } .mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; font-size: 20px !important; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover { background: none; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } #stacks_in_85493_page3 { padding: 16px 4px 7px 0px; } /* Start Responsive Shim stack CSS code */ .stacks_in_110172_page3shim{ padding-top: 141px; } @media all and (max-width: 970px) { .stacks_in_110172_page3shim{ padding-top: 100px; } } @media all and (max-width: 768px) { .stacks_in_110172_page3shim{ padding-top: 163px; } } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_3083_page3 { } #stacks_in_3083_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_22572_page3 { } #stacks_in_22572_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 06, December 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_171672_page3 { max-width: 1200px; margin: 0px auto !important; } #stacks_in_171672_page3 { margin: 10px 0px 0px 0px; } #stacks_in_171674_page3 { padding: 40px 3px 0px 3px; } #stacks_in_171675_page3 { font-weight: lighter; } #stacks_in_171676_page3 { padding: 0px 3px 0px 3px; } #stacks_in_171677_page3 { font-weight: lighter; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 06, December 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_33339_page3 { max-width: 1020px; margin: 0px auto !important; }/* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_54118_page3_wrapper { } #stacks_in_54118_page3_wrapper #stacks_in_54118_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CCCCCC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); filter: alpha(opacity=1); opacity: 0.1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_54118_page3 { border: solid #CCCCCC; border-width: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 40px 20px 0px 20px; } #stacks_in_54120_page3 { margin: 0px 20px 0px 20px; padding: 40px 14px 30px 14px; } #stacks_in_54121_page3 { line-height: 1.800000em; font-size: 132%; font-weight: lighter; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_54166_page3_wrapper { } #stacks_in_54166_page3_wrapper #stacks_in_54166_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CCCCCC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); filter: alpha(opacity=1); opacity: 0.1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_54166_page3 { border: solid #CCCCCC; border-width: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 60px 20px 0px 20px; } #stacks_in_54168_page3 { margin: 0px 20px 0px 20px; padding: 40px 14px 30px 14px; } #stacks_in_54169_page3 { line-height: 1.800000em; font-size: 132%; font-weight: lighter; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_54134_page3_wrapper { } #stacks_in_54134_page3_wrapper #stacks_in_54134_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CCCCCC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); filter: alpha(opacity=1); opacity: 0.1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_54134_page3 { border: solid #CCCCCC; border-width: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 60px 20px 0px 20px; } #stacks_in_54136_page3 { margin: 0px 20px 0px 20px; padding: 40px 14px 30px 14px; } #stacks_in_54137_page3 { line-height: 1.800000em; font-size: 132%; font-weight: lighter; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_54150_page3_wrapper { } #stacks_in_54150_page3_wrapper #stacks_in_54150_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CCCCCC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); filter: alpha(opacity=1); opacity: 0.1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_54150_page3 { border: solid #CCCCCC; border-width: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 60px 20px 0px 20px; } #stacks_in_54152_page3 { margin: 0px 20px 0px 20px; padding: 40px 14px 30px 14px; } #stacks_in_54153_page3 { line-height: 1.800000em; font-size: 132%; font-weight: lighter; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_137878_page3_wrapper { } #stacks_in_137878_page3_wrapper #stacks_in_137878_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CCCCCC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); filter: alpha(opacity=1); opacity: 0.1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_137878_page3 { border: solid #CCCCCC; border-width: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 60px 20px 0px 20px; } #stacks_in_137880_page3 { margin: 0px 20px 0px 20px; padding: 40px 14px 30px 14px; } #stacks_in_137881_page3 { line-height: 1.800000em; font-size: 132%; font-weight: lighter; } #stacks_in_29343_page3 { border: solid #CCCCCC; border-width: 1px 0px 0px 0px; margin: 60px 20px 0px 20px; padding: 40px 10px 15px 10px; } #stacks_in_29344_page3 { letter-spacing: 1px; font-size: 115%; font-weight: lighter; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_166356_page3 #fsr_colwrap_stacks_in_166356_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_166356_page3 #fsr_colwrap_stacks_in_166356_page3 #fsr_leftcol_stacks_in_166356_page3 { float: left; display: block; width: 50%; height: auto; margin: 0; padding: 0; } #stacks_in_166356_page3 #fsr_colwrap_stacks_in_166356_page3 #fsr_rightcol_stacks_in_166356_page3 { float: right; display: block; width: 50%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_166356_page3 #fsr_colwrap_stacks_in_166356_page3 #fsr_leftcol_stacks_in_166356_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_166356_page3 #fsr_colwrap_stacks_in_166356_page3 #fsr_rightcol_stacks_in_166356_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } }/* Start Eternity stack CSS code */ /* ---------------------------- // / ---------- Base CSS --------- // /------------------------------ */ #stacks_in_166358_page3{ background: url("../files/bgimageurl_166358.jpg"); min-height: 270px; background-size: auto; background-color: transparent; background-repeat: no-repeat; background-position:50% 50%; background-attachment: none; /* -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; */ background: url("../files/bgimageurl_166358.jpg") none; } /* ---------------------------- // / ----------- Hover ----------- // /------------------------------ */ #stacks_in_166358_page3:hover{ background: url("../files/hoverimageurl_166358.jpg"); min-height: 270px; background-size: auto; background-color: transparent; background-repeat: no-repeat; background-position:50% 50%; background-attachment: none; background: url("../files/bgimageurl_166358.jpg") none; } /* ---------------------------- // / ---------- Repeat --------- // /------------------------------ */ #stacks_in_166358_page3, #stacks_in_166358_page3:hover{ background-repeat: no-repeat !important; } /* ---------------------------- // / --------- Colour ------------ // /------------------------------ */ #stacks_in_166358_page3, #stacks_in_166358_page3:hover{ background-color: #FFFFFF; } /* ---------------------------- // / ----------- Bg Size --------- // /------------------------------ */ #stacks_in_166358_page3, #stacks_in_166358_page3:hover{ background-size: cover; } /* --- if the background type is cover ------ use alternitive positioning -- */ #stacks_in_166358_page3, #stacks_in_166358_page3:hover{ -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; } /* ----------------------------------------- Links Managment ----------------------------------------- */ #stacks_in_166358_page3 a:link{ text-decoration: none !important; } #stacks_in_166358_page3 a:visited{ text-decoration: none !important; } #stacks_in_166358_page3 a:active{ text-decoration: none !important; } #stacks_in_166358_page3 a:hover{ text-decoration: none !important; } /* End Eternity stack CSS code */ #stacks_in_166358_page3 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_166360_page3shim{ padding-top: 250px; } @media all and (max-width: 768px) { .stacks_in_166360_page3shim{ padding-top: 250px; } } @media all and (max-width: 480px) { .stacks_in_166360_page3shim{ padding-top: 250px; } } /* End Responsive Shim stack CSS code *//* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_166361_page3_wrapper { } #stacks_in_166361_page3_wrapper #stacks_in_166361_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=64)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=64); filter: alpha(opacity=64); opacity: 0.64; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_166363_page3 { padding: 15px 0px 5px 0px; } #stacks_in_166364_page3 { font-size: 180%; } /* Start Eternity stack CSS code */ /* ---------------------------- // / ---------- Base CSS --------- // /------------------------------ */ #stacks_in_166366_page3{ background: url("../files/bgimageurl_166366.jpg"); min-height: 270px; background-size: auto; background-color: transparent; background-repeat: no-repeat; background-position:50% 50%; background-attachment: none; /* -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; */ background: url("../files/bgimageurl_166366.jpg") none; } /* ---------------------------- // / ----------- Hover ----------- // /------------------------------ */ #stacks_in_166366_page3:hover{ background: url("../files/hoverimageurl_166366.jpg"); min-height: 270px; background-size: auto; background-color: transparent; background-repeat: no-repeat; background-position:50% 50%; background-attachment: none; background: url("../files/bgimageurl_166366.jpg") none; } /* ---------------------------- // / ---------- Repeat --------- // /------------------------------ */ #stacks_in_166366_page3, #stacks_in_166366_page3:hover{ background-repeat: no-repeat !important; } /* ---------------------------- // / --------- Colour ------------ // /------------------------------ */ #stacks_in_166366_page3, #stacks_in_166366_page3:hover{ background-color: #FFFFFF; } /* ---------------------------- // / ----------- Bg Size --------- // /------------------------------ */ #stacks_in_166366_page3, #stacks_in_166366_page3:hover{ background-size: cover; } /* --- if the background type is cover ------ use alternitive positioning -- */ #stacks_in_166366_page3, #stacks_in_166366_page3:hover{ -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; } /* ----------------------------------------- Links Managment ----------------------------------------- */ #stacks_in_166366_page3 a:link{ text-decoration: none !important; } #stacks_in_166366_page3 a:visited{ text-decoration: none !important; } #stacks_in_166366_page3 a:active{ text-decoration: none !important; } #stacks_in_166366_page3 a:hover{ text-decoration: none !important; } /* End Eternity stack CSS code */ #stacks_in_166366_page3 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_166368_page3shim{ padding-top: 250px; } @media all and (max-width: 768px) { .stacks_in_166368_page3shim{ padding-top: 250px; } } @media all and (max-width: 480px) { .stacks_in_166368_page3shim{ padding-top: 250px; } } /* End Responsive Shim stack CSS code *//* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_166369_page3_wrapper { } #stacks_in_166369_page3_wrapper #stacks_in_166369_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=64)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=64); filter: alpha(opacity=64); opacity: 0.64; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_166371_page3 { padding: 15px 0px 5px 0px; } #stacks_in_166372_page3 { font-size: 180%; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Hide Show Stack' Style Sheet: fsrmobilehideshow.css Style Sheet Created: 10, June 2014 Last Modified: 29, June 2014 Author: Blueball Design LLC/Charlie Lockhart http://freestackresponsive.blueballdesign.com Copyright 2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ /************************************************************************************ DESKTOP *************************************************************************************/ #stacks_in_19125_page3desktopcontent { display: block; height: auto; max-width: 100%; } #stacks_in_19125_page3mobilecontent { display: none; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 480px) { #stacks_in_19125_page3mobilecontent { display: block; height: auto; max-width: 100%; } #stacks_in_19125_page3desktopcontent { display: none; } } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19127_page3 #fsr_colwrap_stacks_in_19127_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_19127_page3 #fsr_colwrap_stacks_in_19127_page3 #fsr_leftcol_stacks_in_19127_page3 { float: left; display: block; width: 48%; height: auto; margin: 0; padding: 0; } #stacks_in_19127_page3 #fsr_colwrap_stacks_in_19127_page3 #fsr_rightcol_stacks_in_19127_page3 { float: right; display: block; width: 52%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 480px) { #stacks_in_19127_page3 #fsr_colwrap_stacks_in_19127_page3 #fsr_leftcol_stacks_in_19127_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_19127_page3 #fsr_colwrap_stacks_in_19127_page3 #fsr_rightcol_stacks_in_19127_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } } #stacks_in_19127_page3 { margin: 20px 20px 0px 20px; padding: 0px 14px 0px 14px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19129_page3 #fsr_colwrap_stacks_in_19129_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_19129_page3 #fsr_colwrap_stacks_in_19129_page3 #fsr_leftcol_stacks_in_19129_page3 { float: left; display: block; width: 31%; height: auto; margin: 0; padding: 0; } #stacks_in_19129_page3 #fsr_colwrap_stacks_in_19129_page3 #fsr_rightcol_stacks_in_19129_page3 { float: right; display: block; width: 69%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 480px) { #stacks_in_19129_page3 #fsr_colwrap_stacks_in_19129_page3 #fsr_leftcol_stacks_in_19129_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_19129_page3 #fsr_colwrap_stacks_in_19129_page3 #fsr_rightcol_stacks_in_19129_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } }/* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19131_page3 { } #stacks_in_19131_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19131_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19134_page3 { } #stacks_in_19134_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19134_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19137_page3 #fsr_colwrap_stacks_in_19137_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_19137_page3 #fsr_colwrap_stacks_in_19137_page3 #fsr_leftcol_stacks_in_19137_page3 { float: left; display: block; width: 73%; height: auto; margin: 0; padding: 0; } #stacks_in_19137_page3 #fsr_colwrap_stacks_in_19137_page3 #fsr_rightcol_stacks_in_19137_page3 { float: right; display: block; width: 27%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 480px) { #stacks_in_19137_page3 #fsr_colwrap_stacks_in_19137_page3 #fsr_leftcol_stacks_in_19137_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_19137_page3 #fsr_colwrap_stacks_in_19137_page3 #fsr_rightcol_stacks_in_19137_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } }/* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19139_page3 { } #stacks_in_19139_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19139_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19142_page3 { } #stacks_in_19142_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19142_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 06, December 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19145_page3 { max-width: 360px; margin: 0px auto !important; }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19147_page3 #fsr_colwrap_stacks_in_19147_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_19147_page3 #fsr_colwrap_stacks_in_19147_page3 #fsr_leftcol_stacks_in_19147_page3 { float: left; display: block; width: 50%; height: auto; margin: 0; padding: 0; } #stacks_in_19147_page3 #fsr_colwrap_stacks_in_19147_page3 #fsr_rightcol_stacks_in_19147_page3 { float: right; display: block; width: 50%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 100px) { #stacks_in_19147_page3 #fsr_colwrap_stacks_in_19147_page3 #fsr_leftcol_stacks_in_19147_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_19147_page3 #fsr_colwrap_stacks_in_19147_page3 #fsr_rightcol_stacks_in_19147_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } }/* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19149_page3 { } #stacks_in_19149_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19149_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19152_page3 { } #stacks_in_19152_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19152_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19154_page3 #fsr_colwrap_stacks_in_19154_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_19154_page3 #fsr_colwrap_stacks_in_19154_page3 #fsr_leftcol_stacks_in_19154_page3 { float: left; display: block; width: 48%; height: auto; margin: 0; padding: 0; } #stacks_in_19154_page3 #fsr_colwrap_stacks_in_19154_page3 #fsr_rightcol_stacks_in_19154_page3 { float: right; display: block; width: 52%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 100px) { #stacks_in_19154_page3 #fsr_colwrap_stacks_in_19154_page3 #fsr_leftcol_stacks_in_19154_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_19154_page3 #fsr_colwrap_stacks_in_19154_page3 #fsr_rightcol_stacks_in_19154_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } } #stacks_in_19154_page3 { margin: 0px 20px 0px 20px; padding: 0px 14px 0px 14px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19156_page3 { } #stacks_in_19156_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19156_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_19159_page3 { } #stacks_in_19159_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_19159_page3 { margin: 10px 0px 0px 0px; padding: 5px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 01, January 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2010-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51045_page3 { font-size: 1.10em; color: #FFFFFF; line-height: 1.00em; } #stacks_in_51045_page3 p { font-size: 1.10em; color: ##FFFFFF; line-height: 1.00em; } #stacks_in_51045_page3 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_51045_page3 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_51045_page3 a:hover { color: #CCCCCC; text-decoration: none; } #stacks_in_51045_page3 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_51045_page3 h1 { color: #FFFFFF; font-size: 2.30em; line-height: 1.00em; } #stacks_in_51045_page3 h2 { color: #FFFFFF; font-size: 2.00em; line-height: 1.00em; } #stacks_in_51045_page3 h3 { color: #FFFFFF; font-size: 1.60em; line-height: 1.00em; } #stacks_in_51045_page3 h4 { color: #FFFFFF; font-size: 1.40em; line-height: 1.00em; } #stacks_in_51045_page3 h5 { color: #FFFFFF; font-size: 1.20em; line-height: 1.00em; } /* Smartphones (landscape) ----------- */ @media only screen and (min-device-width : 321px) and (max-device-width : 480px) { #stacks_in_51045_page3 p { font-size: em; } #stacks_in_51045_page3 h1 { font-size: em; } #stacks_in_51045_page3 h2 { font-size: em; } #stacks_in_51045_page3 h3 { font-size: em; } #stacks_in_51045_page3 h4 { font-size: em; } #stacks_in_51045_page3 h5 { font-size: em; } } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { #stacks_in_51045_page3 p { font-size: em; } #stacks_in_51045_page3 h1 { font-size: em; } #stacks_in_51045_page3 h2 { font-size: em; } #stacks_in_51045_page3 h3 { font-size: em; } #stacks_in_51045_page3 h4 { font-size: em; } #stacks_in_51045_page3 h5 { font-size: em; } } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51047_page3_wrapper { } #stacks_in_51047_page3_wrapper #stacks_in_51047_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35); filter: alpha(opacity=35); opacity: 0.35; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_51047_page3 { background-color: #000000; margin: 40px 0px 0px 0px; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 06, December 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51049_page3 { max-width: 1200px; margin: 0px auto !important; }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive Hide Show Stack' Style Sheet: fsrmobilehideshow.css Style Sheet Created: 10, June 2014 Last Modified: 29, June 2014 Author: Blueball Design LLC/Charlie Lockhart http://freestackresponsive.blueballdesign.com Copyright 2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ /************************************************************************************ DESKTOP *************************************************************************************/ #stacks_in_51051_page3desktopcontent { display: block; height: auto; max-width: 100%; } #stacks_in_51051_page3mobilecontent { display: none; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_51051_page3mobilecontent { display: block; height: auto; max-width: 100%; } #stacks_in_51051_page3desktopcontent { display: none; } } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51053_page3 { } #stacks_in_51053_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_51053_page3 { margin: 30px 0px 3px 0px; } #stacks_in_51055_page3 { padding: 20px 5px 20px 5px; } #stacks_in_51056_page3 { letter-spacing: 1px; word-spacing: 1px; font-size: 220%; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Transparent Stack Style Sheet: fsrtransparent.css Created: 23, October 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51057_page3_wrapper { } #stacks_in_51057_page3_wrapper #stacks_in_51057_page3_transparentbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); opacity: 0.0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_51059_page3 { padding: 0px 5px 15px 5px; } #stacks_in_51060_page3 { font-size: 125%; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive 2 Column Stack' Style Sheet: fsr2columns.css Style Sheet Created: 29, December 2012 Last Modified: 11, September 2013 Author: Blueball Design, Charlie Lockhart www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51069_page3 #fsr_colwrap_stacks_in_51069_page3 { width: 100%; vertical-align: top; margin: 0; padding: 0; overflow: auto; } #stacks_in_51069_page3 #fsr_colwrap_stacks_in_51069_page3 #fsr_leftcol_stacks_in_51069_page3 { float: left; display: block; width: 50%; height: auto; margin: 0; padding: 0; } #stacks_in_51069_page3 #fsr_colwrap_stacks_in_51069_page3 #fsr_rightcol_stacks_in_51069_page3 { float: right; display: block; width: 50%; height: auto; margin: 0; padding: 0; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_51069_page3 #fsr_colwrap_stacks_in_51069_page3 #fsr_leftcol_stacks_in_51069_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } #stacks_in_51069_page3 #fsr_colwrap_stacks_in_51069_page3 #fsr_rightcol_stacks_in_51069_page3 { display: block; float: left; width: 100% !important; height: auto; margin: 0; padding: 0; } } #stacks_in_51071_page3 { padding: 0px 5px 5px 5px; } #stacks_in_51072_page3 { font-size: 120%; } #stacks_in_51074_page3 { padding: 0px 5px 5px 5px; } #stacks_in_51075_page3 { letter-spacing: 1px; font-size: 120%; } /* ------------------------------------------- File: 'Blueball FreeStack Responsive Image Stack' Style Sheet: fsrimage.css Created: 22, September, 2012 Last Modified: 18, September 2013 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51077_page3 { } #stacks_in_51077_page3 img { property: value ! important; } img { position: relative; display: block; height: auto; max-width: 100%; } #stacks_in_51077_page3 { margin: 30px 0px 7px 0px; } #stacks_in_51079_page3 { padding: 20px 5px 0px 5px; } #stacks_in_51080_page3 { letter-spacing: 1px; word-spacing: 1px; font-size: 165%; } #stacks_in_51081_page3 { margin: 30px 0px 0px 0px; padding: 0px 5px 5px 5px; } #stacks_in_51082_page3 { font-size: 120%; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 06, December 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_51083_page3 { max-width: 300px; margin: 0px auto !important; } #stacks_in_51085_page3 { border: solid #FFFFFF; border-width: 1px 0px 0px 0px; margin: 25px 0px 0px 0px; padding: 40px 5px 0px 5px; } #stacks_in_51086_page3 { font-size: 120%; } #stacks_in_51087_page3 { padding: 30px 5px 30px 5px; } #stacks_in_51088_page3 { letter-spacing: 1px; font-size: 155%; } #stacks_in_51089_page3 { background-color: #FFFFFF; padding: 11px 0px 0px 0px; } #stacks_in_51090_page3 { line-height: 0.250000em; font-size: 80%; }