/*
	Theme Name: Mixed
	Theme URI: http://serendipity.x10host.com
	Description: Mixed WordPress Theme
	Version: 1.0.0
	Author: Mark Coleman
	Author URI: http://serendipity.x10host.com
	Tags: Modern, HTML5, CSS3

	License: 
	License URI:
*/
  @media(max-width:530px) {h6 {font-size: 2vw;}}
  @media(max-width:525px) {h5 {font-size: 2.5vw;}}
  @media(max-width:520px) {p, li{font-size: 3vw;}}
  @media(max-width:520px) {h4 {font-size: 3vw;}}
  @media(max-width:510px) {h3 {font-size: 3.5vw;}}
  @media(max-width:500px) {h2 {font-size: 4.33vw;}}
  @media(max-width:500px) {h1 {font-size: 5.5vw;}}
@keyframes layer2Anim {
    0%{opacity:0;}
    17%{opacity:0;}
    33%{opacity:1;}
    50%{opacity:1;}
    67%{opacity:1;}
    100%{opacity:0;}
}
@keyframes layer3Anim {
    0%{opacity:0;}
    50%{opacity:0;}
    67%{opacity:1;}
    87%{opacity:1;}
    100%{opacity:0;}
}
  * {margin:0px; padding:0px;}
  html { font-family:arial, helvetica, sans-serif; color:#000; background:#fff;}
  #container {width:auto; height:auto; margin-bottom:20px;}
  #header {height:371px; border:5px solid #000; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/pics/Fireworks2.jpg) center no-repeat; background-size: 100% 100%;}
  #logo {float:left; width:50px; height:60px; margin:0px; margin-left:10px; margin-top:10px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/SweetDog100x100.gif) center no-repeat; background-size: 100% 100%;}
  #top_info {float:right; width:75px; height:80px; margin:10px; margin-left:0px; color:#000; font-size:90%;}
  #navbar {height:auto; margin-bottom:0px; padding-right:50px; border:2px solid #000; background:#000; color:#fff;}
  #navbar ul {margin:0; padding:0; list-style-type:none; text-align:center;}
  #navbar ul li {display:inline-block; padding:0 0 0 50px;}
  #navbar ul li a {float:left; float:left; display:block; color:#fff;}
  .bout {box-sizing:border-box; width:100%; height:auto; margin-top:0px; float: left; padding:0px; background:#000;}
  #banner {height:0px;}
  #space1 {height:20px; padding:0px;}
  /* Content Area was here */
  #space2 {height:20px; padding:0px; margin-bottom:20px;}
  #footer {margin-top:20px; padding:10px; clear:both; text-align:center;}

/* HOME PAGE **********************************************************/
.page-id-9 #hbox {box-sizing: border-box; width: 100%; height:auto; margin:0px; float:left; padding:0px;}
.page-id-9 #h2box {box-sizing: border-box; width: 100%; height:auto;margin:0px; float:left; padding:0px; color:#fff}
.page-id-9 #header {box-sizing: border-box; width:100%; height:auto; padding-top:20%; border:5px solid #000000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/pics/Fireworks2.jpg) center no-repeat; background-size:100% 100%;}
.page-id-9 #top_info {height:40px; color:#fff;}

/* MOCK STORE **********************************************************/
.page-id-263 #hbox {box-sizing: border-box; width: 100%; height:auto; margin:0px; float:left; padding:0px;}
.page-id-263 #h2box {box-sizing: border-box; width: 100%; height:auto;margin:0px; float:left; padding:0px; color:#fff;}
.page-id-263 #header {box-sizing: border-box; width:100%; height:auto; padding-top:20%; border:5px solid #000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Web-Music-Banner-2011.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-263 #top_info {height:40px; color:#fff;}
.page-id-263  #box007 {box-sizing: border-box; width: 100%; height:auto; margin-top:10px; float: left; padding:10px; background:#fff;}
.page-id-263  #box007a {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/RockOn.jpg) center no-repeat; background-size: 100% 100%;} 

/* PRO PAGE **********************************************************/
.page-id-113 #hbox {box-sizing: border-box; width: 100%; height:auto; margin:0px; float:left; padding:0px;}
.page-id-113 #h2box {box-sizing: border-box; width: 100%; height:auto;margin:0px; float:left; padding:0px; color:#fff;}
.page-id-113 #header {box-sizing: border-box; width:100%; height:auto; padding-top:43%; margin:0px; background:#000; color:#fff; text-align:center;}
.page-id-113 #logo {float:left; width:50px; height:60px; margin:0px; margin-left:10px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/SweetDog100x100.gif) center no-repeat; background-size: 100% 100%;}
.page-id-113 #navbar {height:auto; margin-bottom:0px; padding-right:50px; border:2px solid #000000; background: #000;}
.page-id-113 #navbar ul li a {line-height:0; line-width:0; font-size:0; color:#000;}
.page-id-113 #top_info {height:33px; color:#fff; margin-top:15px; margin-bottom:0px;}
.page-id-113 #footer {line-height:0; font-size:0; color:transparent;}
.page-id-113 .ss {position:relative; border:0px solid #000; padding-top:45%;}
.page-id-113 .layer1,.layer2,.layer3 {position:absolute; width:100%;height:95%; top:0; left:0; background-size:cover; background-repeat:no-repeat;}
.page-id-113 .layer1 {background-image:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/WebDes75.png);}
.page-id-113 .layer2 {background-image:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/iDevice75.png); animation:layer2Anim 15s infinite;}
.page-id-113 .layer3 {background-image:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Android75.png); animation: layer3Anim 15s infinite;}
	/* PRO PAGE NAVIGATION MENU ********************************************************/
-page-id-113 #navigate {box-sizing: border-box; float:left; width:100%; border:5px solid black;}
.page-id-113 #navmenu {display:table; margin:0 auto 3px; /*<--Make 2nd value 0 to left justify */ /* background-color:#000; border:3px solid black; */}
.page-id-113 ul#navmenu, ul.sub1, ul.sub2 {list-style-type:none;}
.page-id-113 ul#navmenu li {width:95px; text-align:center; font-size:8pt; position:relative; float:left; margin-right:0px; margin-top:2px}
.page-id-113 ul#navmenu a {text-decoration:none;  /*  gets rid of underlining */
			 display:block; /* converts inline anchor tags to block elements so width & height are EZ to change */
			 width:97px; height:25px;  /* display:block also makes list items behave more like buttons so
				don't need to click on link but now can click anywhere in defined width & height of box! */
			 line-height:25px; /* use only with one line of text, give illusion of text vertical centering */
			 background-color:#000; color:#fff; border:1px solid #ccc;  border-radius:5px;}
.page-id-113 ul#navmenu .sub1 li {margin-top:0px;  /* do NOT increase this or menu will disappear between buttons! */}
.page-id-113 ul#navmenu .sub1 a {margin-top:3px;}
.page-id-113 ul#navmenu .sub2 a {margin-left:10px;}
.page-id-113 ul#navmenu li:hover > a /* when hover over li, anchor tag that is a direct child of that li will do below:*/
		{background-color:#666;}
.page-id-113 ul#navmenu li:hover a:hover {background-color:#f00;}
.page-id-113 ul#navmenu ul.sub1 {display:none; position:absolute; top:26px; left:0px;}
.page-id-113 ul#navmenu ul.sub2 {display:none; position:absolute; top:0px; left:121px;}
.page-id-113 ul#navmenu li:hover .sub1 {display:block;}
.page-id-113 ul#navmenu .sub1 li:hover .sub2 {display:block;}
.page-id-113 .darrow {font-size:9pt;  color:#fff; position:absolute; top:5px; right:4px;}
.page-id-113 .rarrow {font-size:14pt; position:absolute; top:5px; right:4px;}
        /* PRO PAGE CONTENT*/
.page-id-113 p.bfl {text-indent:2em;}
.page-id-113 p.bfl:first-letter {font-size:20pt;}
.page-id-113 #bigbox {width:auto; height:auto; margin:10px; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/06/GreenGrass.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-113 li {list-style-position:inside; padding-left:5px;}
.page-id-113 #box1 {box-sizing: border-box; width: 30%; max-width:225px; height:auto; float: left; padding:5px; background:#DBE9F4;}
.page-id-113 #box2 {box-sizing: border-box; width: 70%; height:400px; float: right; padding:5px; color:#000;}
.page-id-113 .outer {box-sizing: border-box; width: 50%; height:auto; margin-top:10px; float: right; padding:10px;}
.page-id-113 .inner {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; margin:0px;}
.page-id-113  #boxP21 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/06/AntsDye.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-113 div#sidebar ul li {list-style-position:outside; margin-left:12px;}
.page-id-113 form {text-align:center;}
                   /* PRO PAGE ANT SLIDER --------------Load INDEX.HTML on the ProDesgin page---------------------------------------------*/
 /* NEON PAGE **********************************************************/
/* .page-id-5 {background:no-repeat center fixed url(http://serendipity.x10host.com/wp-content/uploads/2016/05/BW-Gears.gif);background-size: 100% 100%;} */
.page-id-5  #header {height:90px; border:5px solid #000; background:#d2b48c; color:#000; text-align:center;}
/* #navbar {height:auto; margin-bottom:0px; padding-right:50px; border:2px solid #000; background: #000;} */
.page-id-5 #logo {float:left; width:40px; height:40px; margin:10px; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/SweetDog40x40.gif);}
.page-id-5 #top_info {float:right; width:79px; height:40px; margin:10px; color:#000; background:#d2b48c; font-size:90%;}
.page-id-5 #banner {box-sizing:border-box; width:100%; height:100%; padding:10%;  margin:0px; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Narrow-web-banner-1400X315.jpg) #ccc center no-repeat; background-size: 100% 100%;}
.page-id-5  #box51 {box-sizing: border-box; width: 25%; height:240px; float: left; padding:10px; background:#000; color:#fff;} 
.page-id-5  #box52 {box-sizing: border-box; width: 25%; height:240px; float: left; padding:10px; background:#666; color:#fff;} 
.page-id-5  #box53 {box-sizing: border-box; width: 25%; height:240px; float: right; padding:10px; background:#789; color:#fff;}
.page-id-5  #box54 {box-sizing: border-box; width: 25%; height:240px; float: right; padding:10px; background:#fe9; color:#ffffff;}
.page-id-5  #space2 {height:0px; padding:0px; margin:0px;}
.page-id-5  #footer {margin:0px auto; padding:10px; clear:both; text-align:center; background:#d2b48c;}

/* ARTISTIC PAGE **********************************************************/
.page-id-2 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/BW-Gears.gif)center no-repeat; background-size: 100% 100%;}
.page-id-2 #header {height:90px; border:5px solid #000; background:#6cc; color:#000; text-align:center;}
.page-id-2 #logo {float:left; width:40px; height:40px; margin:10px; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/SweetDog40x40.gif);}
.page-id-2 #top_info {float:right; width:79px; height:40px; margin:10px; color:#000; background:#6cc; font-size:90%}
.page-id-2 #banner {box-sizing:border-box; width:100%; height:100%; padding:10%;  margin-top:40px; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/static.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-2  #box0 {box-sizing: border-box; width: 25%; height:auto; float: left; margin-bottom:40px; padding:20px;}
.page-id-2  #box1 {box-sizing: border-box; width: 50%; height:auto; float: left; margin-bottom:40px; padding:20px;}
.page-id-2  #box2 {box-sizing: border-box; width: 25%; height:auto; float: right; margin-bottom:40px; padding:20px;}
.page-id-2  #box0a {box-sizing: border-box; width: 100%; height:100%; margin-bottom:20px; padding:5px; background:#6cc; color:#fff;}
.page-id-2  #box1a {box-sizing: border-box; width: 100%; height:100%; border:2px solid #008000; margin-bottom:20px; padding:5px; background:#ffc; color:#000;}
.page-id-2  #box2a {box-sizing: border-box; width: 100%; height:100%; margin-bottom:20px; padding:5px; background:#6cc; color:#fff;}
.page-id-2  #footer {margin:0px auto; padding:10px; clear:both; text-align:center; color:#080;}

/* GRAPHICS WORK **********************************************************/
.page-id-315 #header {box-sizing: border-box; width:100%; height:auto; padding-top:25%; border:5px solid #000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/GraphicsTechnology.png) center no-repeat; background-size: 100% 100%; line-height:0; font-size:0; color:transparent;}
.page-id-315 #logo {height:0px; width:0px; background-image:none;}
.page-id-315 #top_info {height:0px; width:0px; line-height:0; font-size:0; color:transparent;}
.page-id-315 .outer {box-sizing: border-box; width: 50%; height:auto; margin-top:10px; float: left; padding:10px; background:#fff;}
.page-id-315 .inner {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff;}
.page-id-315  #boxG21 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/DogCatMouse_Orig.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-315  #boxG22 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/DogCatMouse_Mod3.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-315  #boxG23 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/S-Vid_to_3_RCA_Orig.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-315  #boxG24 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/S-Vid_to_3_RCA_Mod.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-315  #boxG25 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Pretty_Orig.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-315  #boxG26 {background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Pretty_Mod.jpg) center no-repeat; background-size: 100% 100%;}

/* DEMOS PAGE **********************************************************/
.page-id-92 p, .page-id-92 div {color:#000; text-align:center;}
.page-id-92 #header {box-sizing: border-box; width:100%; height:auto; padding-top:25%; border:5px solid #000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/uploads/2024/09/stone_wall.jpg) center no-repeat; background-size: 100% 100%; line-height:0; font-size:0; color:transparent;}
.page-id-92 #logo {height:0px; width:0px; background-image:none;}
.page-id-92 #top_info {height:0px; width:0px; line-height:0; font-size:0; color:transparent;}
.page-id-92 .outer {box-sizing: border-box; width: 25%; height:auto; margin-top:10px; float: left; padding:10px; background:#fff;}
.page-id-92 .inner {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff;}
.page-id-92  #D001 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Begin.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D002 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/HorizontalResp.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D003 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/WebsiteUpdate.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D004 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Calculator.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D101 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/DBManage.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D102 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/VirtPiano.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D103 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/VirtSynth.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #D104 {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/CalcJ.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-92  #footer {margin-top:20px; padding:10px; clear:both; text-align:center;}

/* RESUME PAGE **********************************************************/
.page-id-24 #header {box-sizing: border-box; width:100%; height:auto; padding-top:25%; border:5px solid #000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Technology.jpg) center no-repeat; background-size: 100% 100%; line-height:0; font-size:0; color:transparent;}
.page-id-24 #logo {height:0px; width:0px; background-image:none;}
.page-id-24 #top_info {height:0px; width:0px; line-height:0; font-size:0; color:transparent;}
.page-id-24  #box241 {box-sizing: border-box; width: 25%; height:auto; margin-top:10px; float: left; padding:10px; background:#fff;}
.page-id-24  #box241a {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Resume.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-24  #box242 {box-sizing: border-box; width: 25%; height:auto; margin-top:10px; float: left; padding:10px; background:#fff;} 
.page-id-24  #box242a {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Education.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-24  #box244 {box-sizing: border-box; width: 25%; height:auto; margin-top:10px; float: right; padding:10px; background:#fff;}
.page-id-24  #box244a {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/CoverLetter.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-24  #box243 {box-sizing: border-box; width: 25%; height:auto; margin-top:10px; float: right; padding:10px; background:#fff;}
.page-id-24  #box243a {box-sizing: border-box; width: 100%; height:100%; padding-top:75%; border:5px solid #000; margin:0px; background:#fff; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/SalaryExp.jpg) center no-repeat; background-size: 100% 100%;}

/* KLINGON PAGE */
.page-id-903 #header {box-sizing: border-box; width:100%; height:auto; padding-top:25%; border:5px solid #000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/SolarEclipse.jpg) center no-repeat; background-size: 100% 100%; line-height:0; font-size:0; color:transparent;}
.page-id-903 #logo {height:0px; width:0px; background-image:none;}
.page-id-903 #top_info {height:0px; width:0px; line-height:0; font-size:0; color:transparent;}

/* TEST PAGE */
.page-id-495 #hbox {box-sizing: border-box; width: 100%; height:auto; margin:0px; float:left; padding:0px;}
.page-id-495 #h2box {box-sizing: border-box; width: 100%; height:auto;margin:0px; float:left; padding:0px; color:#fff;}
.page-id-495 #header {box-sizing: border-box; width:100%; height:auto; padding-top:20%; border:5px solid #000; margin:0px; background:#000; text-align:center; background:url(http://serendipity.x10host.com/wp-content/uploads/2016/05/Fireworks2.jpg) center no-repeat; background-size: 100% 100%;}
.page-id-495 #top_info {height:40px; color:#fff;}
.page-id-495 #content {color:#000;}