/*
 Theme Name:   Tea Two
 Theme URI:    http://tealoungeny.com/tea2/wp-content/themes/tea-two
 Description:  New Custom Theme for Tea Lounge
 Author:       John Battenfeld
 Author URI:   http://johnbattenfeld.com
 Template:     twentytwelve
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  tea-two
*/

/*
For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides:

Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme.
*/



@import url("/tea2/wp-content/themes/twentytwelve/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: transparent;
}

.site-content {
float: right;
width: 65.104166667%;
margin: 0px 0 0; 
margin: 0rem 0 0; 
}

.site-header {
padding: 0px 0; 
padding: 0rem 0; 
}

body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 0px 0px rgba(100, 100, 100, 0.3);
}

.content-mine {
width: 900px;
height: 440px;
border: 8px #320802 solid;
position: relative;
}

#content .left {
float: left;
width: 606px;
height: 440px;
background: url("/tea2/wp-content/uploads/2014/07/newsplash-left.jpg") left top no-repeat;
position: relative;
}

#content .right {
float: right;
width: 286px;
height: 440px;
background: url(http://web.archive.org/web/20171102101936im_/http://www.tealoungeny.com/tea2/wp-content/uploads/2014/07/newsplash-right.jpg) left top no-repeat;
position: relative;
border-left: 8px #f6b269 solid;
}

#content .right .franchising-info {
position: absolute;
bottom: 0px;
left: 0px;
width: 226px;
color: #fff;
font-size: 16px;
padding: 23px 30px;
line-height: 1.3em;
text-align: center;
}

#content .left .enter-site {
width: 606px;
height: 372px;
position: absolute;
left: 0px;
top: 0px;
display: block;
}

#update {
font-size: 15px;
position: absolute;
bottom: 0px;
left: 0px;
background-color: #f2dcc5;
width: 578px;
padding: 24px 14px;
line-height: 1.1em;
color: #bf7543;
}

.site-content article {
border-bottom: 0px double #ededed;
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.address {
/*float: left;
width: 100%;
line-height: 25px;
font-weight: bold;
color: #e7ebee;
text-align: right;*/
background: #000042 url("/tea2/wp-content/uploads/2014/08/newaddybg.jpg") left top repeat;
}

.nav-links.top {
line-height: 22px;
float: left;
background: #b29458 url("/tea2/wp-content/uploads/2014/07/navbg.gif") right top repeat;
top: 30px;
width: 100%;
height: 40px;
/*margin-top: -49px;*/
}

.nav-links.bottom {
font-weight: 200;
font-size: 16px;
clear: none;
line-height: 47px;
float: left;
display: inline;
width: 100%;
}

.franchise{
color: #fff;
text-shadow: #88672f 1px 1px 1px;
font-size: 14px;
border-radius: 5px;
background-color: #18005D;
padding: 5px;
margin-left:5px;
position: relative;
top: -1px;
}

.franchise1{
color: #fff;
text-shadow: #88672f 1px 1px 1px;
font-size: 14px;
border-radius: 5px;
background-color: #FF0000;
padding: 5px;
margin-left:5px;
position: relative;
top: -1px;
}

#add-last-class ul {
margin: 0;
padding: 0;
list-style-type: none
}

#add-last-class ul li { display: inline; }
#add-last-class ul li a { text-decoration: none;padding: .2em 1em; }

.widget-area {
background: url("/tea2/wp-content/uploads/2014/07/sidebar.jpg") top left repeat;
width: 226px;
float:left;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.maincontainer {
background: #18005d;
padding: 7px;
width: 680px;
float: right;
min-height: 1268px;
position: inherit;
}

.maincontent {
background: #fff url("/tea2/wp-content/uploads/2014/08/conbg-tea1.gif") top right repeat;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
min-height: 1258px;
position: relative;
}

.maincontainer-post {
background: #18005d;
padding: 7px;
width: 680px;
float: right;
min-height: 500px;
position: inherit;
}

.maincontent-post {
background: #fff url("/tea2/wp-content/uploads/2014/08/conbg-tea1.gif") top right repeat;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
min-height: 500px;
position: relative;
}

#page-header.floatright {
float: right;
margin: 30px;
clear: both;
position: relative;
right: 0;
top: 0;
}

#lipsum {
margin-top: 30px;
line-height: 24px;
}

img.aligncenter, .wp-caption.aligncenter {
clear: both;
margin-top: 0px;
margin-top: 0em;
margin-bottom: 0px;
margin-bottom: 0rem;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
margin: 0 0 0px;
margin: 0 0 0rem;
line-height: 1.714285714;
}

element.style {
}
aboutmedia="screen"
#page-header.floatright {
float: right;
margin: 30px;
clear: both;
position: relative;
right: 0;
top: 0;
}
aboutmedia="screen"
#page-header {
position: absolute;
right: 30px;
top: 30px;
float: none;
}

.floatright {
float: right;
margin: 5px;
}

a {
outline: none;
font-weight:bold;
color: #18005d;
}

a:visited {
font-weight:bold;
color: #18005d;
}

.entry-content a:visited, .comment-content a:visited {
color: #18005d;
}

.title1 {
font-style:italic;
font-weight:bold;
margin-top:10px;
font-size:11pt;
}

#footer1 {
text-align: center;
position: relative;
width: 462px;
height: 58px;
background: url("/tea2/wp-content/uploads/2014/07/footer.png") top center no-repeat;
margin: 40px 0 40px 325px;
clear: both;
}

.footer2 {
color:#fff;
font-size:10pt;
font-weight: bold;
margin-left: 140px;
}

.footer4 {
background: url("/tea2/wp-content/uploads/2014/08/footer2.png") top center no-repeat;
height: 70px;
}

nav1 {
	margin: 100px auto; 
	text-align: center;
}

nav1 ul ul {
	display: none;
}

	nav1 ul li:hover > ul {
		display: block;
	}


nav1 ul {
	/*background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  */
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:1000;
}
	nav1 ul:after {
		content: ""; clear: both; display: block;
	}

	nav1 ul li {
		float: left;
	}
		nav1 ul li:hover {
			/*background: #4b545f;*/
			/*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
		}
			nav1 ul li:hover a {
				color: #000;
			}
		
		nav1 ul li a {
			display: block; padding: 10px 20px;
			color: #fff; text-decoration: none;
		}
			
		
	nav1 ul ul {
		background: #18005D; border-radius: 0px; padding: 0;
		position: absolute; top: 75%;
	}
		nav1 ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			/*border-bottom: 1px solid #575f6a;*/ position: relative;
		}
			nav1 ul ul li a {
				padding: 15px 15px;
				color: #fff;
			}	
				nav1 ul ul li a:hover {
					background: #4b545f;
				}
		
	nav1 ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	
	.mobile1 {
display: none;
height: 0px;
}
	
/*.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
margin-left: 75px;
}*/
	
	@media only screen and (max-width: 320px) {
    /* Small screen, non-retina */
    .maincontainer {
background: #18005d;
padding: 7px;
width: 320px;
margin-right:-75px;
min-height: 425px;
position: inherit;
}

.site-content {
width: 35.104166667%;
margin: 0px 0 0; 
margin: 0rem 0 0; 
}

.lower-menu {
display: none;
}

#lower-menu {
display: none;
}

#add-last-class {
display: none;
}

nav1 {
display: none;
}

.mobile1 {
display: inline;
margin-left: 20px;
padding-top:50px;
margin-bottom:-20px;
}
.nav-links.top {
display: none;
}

.address {
display: none;
}

.footer2 {
display: none;
}

.footer4 {
display: none;
}

nav2 {
	text-align: center;
}

nav2 ul ul {
	display: none;
}

	nav2 ul li:hover > ul {
		display: block;
	}


nav2 ul {
	background: #2c0086;; 
	/*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:1000;
}
	nav2 ul:after {
		content: ""; clear: both; display: block;
	}

	nav2 ul li {
		float: left;
	}
		nav2 ul li:hover {
			background: #2c0086;;
		}
			nav2 ul li:hover a {
				color: #fff;
			}
		
		nav2 ul li a {
			display: block; padding: 25px 40px;
			color: #757575; text-decoration: none;
		}
			
		
	nav2 ul ul {
		background: #2c0086;; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav2 ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			nav2 ul ul li a {
				padding: 15px 40px;
				color: #fff;
				font-size: 10pt;
			}	
				nav2 ul ul li a:hover {
					background: #2c0086;;
				}
		
	nav2 ul ul ul {
		position: absolute; left: 100%; top:0;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { 
.lower-menu {
display: none;
}

#lower-menu {
display: none;
}

#add-last-class {
display: none;
}

nav1 {
display: none;
}


.address {
/*display: none;*/
}

.footer2 {
/*display: none;*/
}

.footer4 {
/*display: none;*/
}

.mobile1 {
display: inline;
margin-left: -760px;
padding-top:0px;
margin-bottom:-20px;
position: absolute;
z-index:1050;
}

nav2 {
	text-align: center;
}

nav2 ul ul {
	display: none;
}

	nav2 ul li:hover > ul {
		display: block;
	}


nav2 ul {
	background: #2c0086;; 
	/*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:1000;
}
	nav2 ul:after {
		content: ""; clear: both; display: block;
	}

	nav2 ul li {
		float: left;
	}
		nav2 ul li:hover {
			background: #2c0086;;
		}
			nav2 ul li:hover a {
				color: #fff;
			}
		
		nav2 ul li a {
			display: block; padding: 25px 40px;
			color: #757575; text-decoration: none;
		}
			
		
	nav2 ul ul {
		background: #2c0086;; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav2 ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			nav2 ul ul li a {
				padding: 15px 40px;
				color: #fff;
				font-size: 10pt;
			}	
				nav2 ul ul li a:hover {
					background: #2c0086;;
				}
		
	nav2 ul ul ul {
		position: absolute; left: 100%; top:0;
	}


	
	.maincontainer {
background: #18005d;
padding: 7px;
width: 90%;
float: right;
min-height: 425px;
position: inherit;
}

}

@media print { 
	/* your print styles go here */
	#header, #footer, #menu { display: none; } 

	body { font: 12pt georgia,serif; } 
	h1 { font-size: 18pt; } 
	h2 { font-size: 16pt; color: #000; }
}
/*
     FILE ARCHIVED ON 10:19:36 Nov 02, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:00:56 May 27, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 143.365 (3)
  esindex: 0.013
  captures_list: 181.354
  CDXLines.iter: 27.287 (3)
  PetaboxLoader3.datanode: 87.337 (4)
  exclusion.robots: 0.318
  exclusion.robots.policy: 0.296
  RedisCDXSource: 3.727
  PetaboxLoader3.resolve: 99.449 (2)
  load_resource: 64.471
*/